/*!
 * Platform Base — v1.0.0
 * reset + RTL + تایپوگرافی. بعد از tokens.css لود شود.
 */
@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
  }

  html.pk-boot-gate,
  html:has(.pk-app) {
    height: 100%;
    overflow: hidden;
  }

  body {
    margin: 0;
    font-family: var(--pk-font);
    font-size: var(--pk-fs-md);
    line-height: 1.7;
    color: var(--pk-text);
    background: var(--pk-bg);
    direction: inherit;
    text-align: start;
    -webkit-font-smoothing: antialiased;
  }

  html.pk-boot-gate body,
  html.pk-boot-gate #app,
  html:has(.pk-app) body,
  html:has(.pk-app) #app {
    height: 100%;
    overflow: hidden;
  }

  html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
  }

  html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
  }

  html[dir="ltr"],
  html[lang="en"] {
    font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
  }

  h1, h2, h3, h4 {
    margin: 0;
    font-weight: 700;
    line-height: 1.5;
  }
  h1 { font-size: var(--pk-fs-xl); }
  h2 { font-size: var(--pk-fs-lg); }
  h3 { font-size: var(--pk-fs-md); }

  p { margin: 0 0 var(--pk-sp-3); }

  a {
    color: var(--pk-primary);
    text-decoration: none;
  }
  a:hover { text-decoration: underline; }

  img { max-width: 100%; display: block; }

  input, select, textarea, button {
    font: inherit;
  }
  input, select, textarea {
    color: var(--pk-text, #0f172a);
  }
  button {
    color: inherit;
  }
  /* دکمه‌های داخل ویجت سلکت هرگز inherit سفید نگیرند */
  button.pk-ss-btn,
  button.pk-ss-item {
    color: #0f172a !important;
  }

  /* Native <select>: جلوگیری از سفید-روی-سفید (ویندوز/دارک‌مود مرورگر) */
  select,
  select.pk-input,
  .pk-field select,
  .pk-toolbar select,
  .pk-modal select,
  .pk-card select {
    color: #0f172a !important;
    background-color: #ffffff !important;
    color-scheme: light !important;
    -webkit-text-fill-color: #0f172a !important;
  }
  select option,
  select.pk-input option,
  .pk-field select option,
  .pk-modal select option,
  .pk-card select option {
    color: #0f172a !important;
    background-color: #ffffff !important;
    -webkit-text-fill-color: #0f172a !important;
  }

  /* اعداد/کد/شناسه همیشه LTR داخل متن RTL */
  .mono {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 0.92em;
    direction: ltr;
    unicode-bidi: embed;
  }

  .muted { color: var(--pk-text-2); }
  .dim { color: var(--pk-text-3); }

  ::placeholder { color: var(--pk-text-3); }

  /* اسکرول ظریف */
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--pk-border-strong) transparent;
  }

  /* جلوگیری از فلش صفحه قبل از احراز هویت */
  html.pk-boot-gate body { visibility: hidden; }
}

/* ===== UNLAYERED — سلکت خوانا (لایه base قدرت کمتری از Bootstrap دارد) ===== */
html {
  color-scheme: light;
}
select,
select.pk-input,
select.form-select,
.form-select,
.pk-field select,
.pk-toolbar select,
.pk-modal select,
.pk-card select,
.pk-filters select {
  color: #0f172a !important;
  background-color: #ffffff !important;
  color-scheme: light !important;
  -webkit-text-fill-color: #0f172a !important;
}
select option,
select.pk-input option,
select.form-select option,
.form-select option,
.pk-field select option,
.pk-toolbar select option,
.pk-modal select option,
.pk-card select option {
  color: #0f172a !important;
  background-color: #ffffff !important;
  -webkit-text-fill-color: #0f172a !important;
}
button.pk-ss-btn,
button.pk-ss-item,
.pk-ss-label,
.pk-ss-panel,
.pk-ss-list,
.pk-ss-empty {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.pk-ss-btn,
.pk-ss-panel,
.pk-ss-item,
.pk-ss-search {
  background-color: #ffffff !important;
}
.pk-ss-label.is-placeholder,
.pk-ss-chev {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}
.pk-ss-item.is-active,
.pk-ss-item:hover {
  background: #eff6ff !important;
  color: #0f172a !important;
}

/* پنل: اسکرول با چرخ و لمس می‌ماند؛ نوار اسکرول دیده نمی‌شود */
html:has(.pk-app),
html:has(.pk-app) *,
body.hy-login-body,
body.hy-login-body * {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html:has(.pk-app)::-webkit-scrollbar,
html:has(.pk-app) *::-webkit-scrollbar,
body.hy-login-body::-webkit-scrollbar,
body.hy-login-body *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent;
}