/* Global app style enhancements */

/* ─── Smooth rendering ─── */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ─── Scrollbar styling ─── */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.3);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.5);
}

/* ─── Page transition smoothness ─── */
uni-page {
  transition: opacity 0.2s ease;
}

/* ─── Improved tap highlighting ─── */
uni-view[class*="btn"],
uni-view[class*="item"],
uni-navigator {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}

/* ─── Toast and modal refinements ─── */
uni-toast .uni-toast {
  border-radius: 12px !important;
  background: rgba(17, 17, 17, 0.85) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

uni-toast .uni-simple-toast__text {
  border-radius: 12px !important;
  background-color: rgba(17, 17, 17, 0.85) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 12px 24px !important;
  font-size: 14px;
  line-height: 1.4;
}

uni-modal .uni-modal {
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

uni-modal .uni-modal__hd {
  padding: 1.2em 1.4em 0.4em;
}

uni-modal .uni-modal__title {
  font-weight: 600;
  font-size: 17px;
}

uni-modal .uni-modal__bd {
  padding: 0.8em 1.4em 1.2em;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

uni-modal .uni-modal__btn {
  font-weight: 500;
}

/* ─── Navigation bar enhancements ─── */
uni-page-head .uni-page-head {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ─── Image rendering ─── */
uni-image > img {
  image-rendering: -webkit-optimize-contrast;
}

/* ─── Button base interaction ─── */
uni-button {
  transition: opacity 0.2s ease, transform 0.15s ease;
}

uni-button:active:not([disabled]) {
  transform: scale(0.97);
  opacity: 0.9;
}

/* ─── Selection color ─── */
::selection {
  background-color: rgba(236, 72, 153, 0.25);
  color: inherit;
}

/* ─── Input focus improvement ─── */
.uni-input-input:focus {
  outline: none;
}

/* ─── Loading spinner color ─── */
.uni-loading {
  opacity: 0.7;
}