/* عراق جا — ساختهٔ styles/build.php. دستی ویرایش نکن؛
   سرچشمه در styles/ است. */

/* ═══ tokens.css ═══ */
/* ============================================================
   tokens.css — تنها منبعِ حقیقت
   هیچ عددِ جادویی جای دیگری نوشته نمی‌شود.
   ============================================================ */

:root{
  /* ── نردبانِ شبِ حرم و طلا ────────────────────────────────
     هویتِ سایت این‌جاست: طلا روی شبِ گرم. هر رنگِ سفتِ دیگری در
     site.css باید به یکی از این‌ها یا به color-mix() تبدیل شود. */
  --s-0:#0b0906;  --s-1:#12100a;  --s-2:#181409;
  --s-3:#201b10;  --s-4:#2a2415;
  --line-1:#241e10; --line-2:#3b3320;

  --g-100:#f2dd96;  --g-200:#e9cf7f;  --g-300:#d4af37;
  --g-400:#c9a227;  --g-500:#b8942e;  --g-ink:#7d6212;

  /* مرکبِ شب — روشن تا خاموش */
  --ink-0:#f6f0e0; --ink-1:#e8e0c8; --ink-2:#cfc4a6;
  --ink-3:#b9b09a; --ink-4:#948b78;

  /* دو قطبِ خنثی برای color-mix — جای rgba(0,0,0,x) و rgba(255,255,255,x) */
  --shade:#000000;  --tint:#ffffff;

  /* معناهای شب — فقط برای نشانهٔ حالت، هرگز برای دکمه یا سطح */
  --ok-night:#8fd3a5;   --ok-night-bg:#13211a;   --ok-night-line:#2c5c3c;
  --warn-night-line:#5a4a22;
  --bad-night:#f0a89e;  --bad-night-bg:#251512;  --bad-night-line:#5c2f2a;
  --info-night:#a8c8e8; --info-night-bg:#121820; --info-night-line:#2c4256;

  /* ── رنگِ برند ─────────────────────────────────────────── */
  --c-brand:#c9a227;          /* طلا — گنبد */
  --c-brand-strong:#b8952b;
  --c-brand-ink:#7d6212;      /* طلایِ خوانا روی سفید */
  --c-brand-wash:#fbf6e6;
  --c-brand-soft:#e6c866;
  --c-accent:#8a5a12;         /* برنج — تأکیدِ دوم */
  --c-accent-ink:#8a5a12;

  /* ── خنثی ─────────────────────────────────────────────── */
  --c-white:#ffffff;
  --c-black:#141210;
  --n-50:#faf9f5;
  --n-100:#f1eee5;
  --n-200:#e8e4da;
  --n-300:#d3cdbc;
  --n-400:#b3ac9a;
  --n-500:#8d8676;
  --n-600:#6b6558;
  --n-700:#4c473d;
  --n-800:#2e2a23;
  --n-900:#1c1913;

  /* ── معنایی ───────────────────────────────────────────── */
  --c-success:#1d6b32;  --c-success-bg:#eef7f0;  --c-success-line:#bcdcc6;
  --c-warning:#8a5a12;  --c-warning-bg:#fbf4e4;  --c-warning-line:#e3cf9c;
  --c-danger:#8a1c1c;   --c-danger-bg:#fbeeec;   --c-danger-line:#e5c3bd;
  --c-info:#1f4e79;     --c-info-bg:#eef3f9;     --c-info-line:#c3d5e8;

  /* ── نقش‌های سطح ──────────────────────────────────────── */
  --bg:var(--c-white);
  --bg-subtle:var(--n-50);
  --bg-muted:var(--n-100);
  --bg-inverse:var(--n-900);
  --fg:var(--c-black);
  --fg-muted:var(--n-600);
  --fg-subtle:var(--n-500);
  --fg-inverse:var(--n-50);
  --fg-on-brand:#181305;
  --line:var(--n-200);
  --line-strong:var(--n-300);
  --line-brand:var(--c-brand);

  /* ── فاصله ─── نردبانِ ۴ پیکسلی ───────────────────────── */
  --sp-0:0;
  --sp-1:.25rem;  --sp-2:.5rem;   --sp-3:.75rem;  --sp-4:1rem;
  --sp-5:1.5rem;  --sp-6:2rem;    --sp-7:2.5rem;  --sp-8:3rem;
  --sp-9:4rem;    --sp-10:5rem;   --sp-11:6rem;
  --sp-page:clamp(1rem,4vw,2rem);

  /* ── قلم ──────────────────────────────────────────────── */
  --font-sans:'Vazirmatn','Segoe UI',Tahoma,system-ui,sans-serif;
  --font-mono:ui-monospace,'Cascadia Mono',Consolas,monospace;

  /* ── نردبانِ قلم: هشت پله و بس ──
     قاعده: --fs-2xs فقط برچسبِ ابرو و عددِ جدولی؛ هیچ جمله‌ای
     زیرِ --fs-xs (۱۴ پیکسل) نمی‌رود. عددِ خام در site.css ممنوع. */
  --fs-2xs:.8125rem;  /* ۱۳px — ابرو، ریزنویسِ عددی */
  --fs-xs:.875rem;    /* ۱۴px — چیپ، برچسب، فرانویس */
  --fs-sm:.9375rem;   /* ۱۵px — جملهٔ فرعی */
  --fs-md:1rem;       /* ۱۶px — متنِ بدنه */
  --fs-lg:1.125rem;   /* ۱۸px — تیترِ کارت، لید */
  --fs-xl:1.375rem;   /* ۲۲px — تیترِ بخش */
  --fs-2xl:1.75rem;   /* ۲۸px — تیترِ صفحهٔ فهرست */
  --fs-3xl:clamp(2.1rem,5vw,3rem);  /* تیترِ سربرگِ صفحه */

  /* نام‌های کهنه، تا هیچ قاعده‌ای نشکند */
  --fs-h3:var(--fs-lg);
  --fs-h2:var(--fs-xl);
  --fs-h1:var(--fs-2xl);
  --fs-display:var(--fs-3xl);

  /* ── ارتفاعِ خط: سه نسبت و بس ── */
  --lh-tight:1.35;   /* تیتر */
  --lh-body:1.8;     /* متن */
  --lh-chip:1.5;     /* چیپ و برچسب */
  --lh-snug:var(--lh-chip); --lh-normal:var(--lh-body); --lh-loose:var(--lh-body);
  --fw-normal:400; --fw-bold:700;
  --ls-tight:-.02em; --ls-normal:0; --ls-wide:.08em; --ls-wider:.14em;
  --measure:58ch;

  /* ── گردی ─────────────────────────────────────────────── */
  --r-none:0; --r-xs:2px; --r-sm:4px; --r-md:8px; --r-lg:12px; --r-xl:18px;
  --r-pill:999px; --r-circle:50%;

  /* ── سایه ─────────────────────────────────────────────── */
  --sh-none:none;
  --sh-xs:0 1px 2px rgba(20,18,16,.05);
  --sh-sm:0 1px 2px rgba(20,18,16,.06),0 2px 6px -3px rgba(20,18,16,.16);
  --sh-md:0 2px 4px rgba(20,18,16,.06),0 10px 22px -14px rgba(20,18,16,.35);
  --sh-lg:0 3px 8px rgba(20,18,16,.08),0 24px 48px -28px rgba(20,18,16,.5);
  --sh-focus:0 0 0 3px var(--c-brand-wash);

  /* ── لایه ─────────────────────────────────────────────── */
  --z-base:0; --z-raised:10; --z-sticky:100; --z-drawer:200;
  --z-modal:300; --z-popover:400; --z-toast:500; --z-max:9999;

  /* ── حرکت ─────────────────────────────────────────────── */
  --dur-fast:120ms; --dur-mid:200ms; --dur-slow:320ms;
  --ease:cubic-bezier(.2,.6,.3,1);
  --ease-out:cubic-bezier(0,.7,.3,1);
  --t-color:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);
  --t-all:all var(--dur-mid) var(--ease);

  /* ── اندازه‌های ثابتِ چیدمان ──────────────────────────── */
  --container:68rem;
  --container-wide:80rem;
  --container-text:46rem;
  --sidebar-w:13.5rem;
  --header-h:104px;   /* ۵۶ منو + ۴۸ نوارِ زمینه */
  --tap:44px;                 /* کمترین اندازهٔ لمسی */

  /* ── نقطهٔ شکست (برای خواندن در JS؛ media query خودش عدد می‌خواهد) */
  --bp-sm:576px; --bp-md:768px; --bp-lg:1024px; --bp-xl:1280px; --bp-2xl:1440px;
}

/* ── حالتِ تیره ───────────────────────────────────────────
   فقط نقش‌ها عوض می‌شوند، نه خودِ اجزا. هر جزئی که رنگش را از
   نقش بگیرد، خودبه‌خود درست می‌شود. */
/* ⚠ تمِ سایت را خودِ کاربر با کلیدِ روز/شب انتخاب می‌کند و سرور
   کلاسِ html.kgNight را می‌گذارد. اگر این بلوک به تمِ سیستم گوش
   بدهد، گوشیِ تاریک‌مود پالتِ تیره را روی «تمِ روز» می‌نشاند و
   نتیجه‌اش همان چیزی می‌شود که ۲۰۲۶/۰۸/۲۳ دیده شد: هدرِ سفید با
   متنِ روشن، فرمِ تیره در حالتِ روز. پس فقط وقتی اعمال می‌شود که
   کاربر هنوز چیزی انتخاب نکرده باشد — یعنی هیچ‌وقت، چون سرور
   همیشه یکی از دو کلاس را می‌گذارد. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not(.kgDay):not(.kgNight){
    --bg:#15130e;
    --bg-subtle:#1c1913;
    --bg-muted:#221e17;
    --bg-inverse:var(--n-50);
    --fg:#f2eee4;
    --fg-muted:#a9a293;
    --fg-subtle:#8d8676;
    --fg-inverse:var(--n-900);
    --fg-on-brand:#181305;
    --line:#2e2a20;
    --line-strong:#3d3729;
    --c-brand-ink:#e2c87a;
    --c-brand-wash:#241f14;
    --c-accent-ink:#e0b45c;
    --c-success:#7fc99a; --c-success-bg:#16241a; --c-success-line:#2c5c3c;
    --c-warning:#e0b45c; --c-warning-bg:#241f14; --c-warning-line:#5a4a22;
    --c-danger:#e8a49c;  --c-danger-bg:#251614;  --c-danger-line:#5c2f2a;
    --c-info:#9dc0e0;    --c-info-bg:#141c24;    --c-info-line:#2c4256;
    --sh-xs:0 1px 2px rgba(0,0,0,.4);
    --sh-sm:0 1px 2px rgba(0,0,0,.45),0 2px 6px -3px rgba(0,0,0,.6);
    --sh-md:0 2px 4px rgba(0,0,0,.5),0 10px 22px -14px rgba(0,0,0,.8);
    --sh-lg:0 3px 8px rgba(0,0,0,.55),0 24px 48px -28px rgba(0,0,0,.9);
  }
}
:root[data-theme="dark"]{
  --bg:#15130e;
  --bg-subtle:#1c1913;
  --bg-muted:#221e17;
  --bg-inverse:var(--n-50);
  --fg:#f2eee4;
  --fg-muted:#a9a293;
  --fg-subtle:#8d8676;
  --fg-inverse:var(--n-900);
  --fg-on-brand:#181305;
  --line:#2e2a20;
  --line-strong:#3d3729;
  --c-brand-ink:#e2c87a;
  --c-brand-wash:#241f14;
  --c-accent-ink:#e0b45c;
  --c-success:#7fc99a; --c-success-bg:#16241a; --c-success-line:#2c5c3c;
  --c-warning:#e0b45c; --c-warning-bg:#241f14; --c-warning-line:#5a4a22;
  --c-danger:#e8a49c;  --c-danger-bg:#251614;  --c-danger-line:#5c2f2a;
  --c-info:#9dc0e0;    --c-info-bg:#141c24;    --c-info-line:#2c4256;
  --sh-xs:0 1px 2px rgba(0,0,0,.4);
  --sh-sm:0 1px 2px rgba(0,0,0,.45),0 2px 6px -3px rgba(0,0,0,.6);
  --sh-md:0 2px 4px rgba(0,0,0,.5),0 10px 22px -14px rgba(0,0,0,.8);
  --sh-lg:0 3px 8px rgba(0,0,0,.55),0 24px 48px -28px rgba(0,0,0,.9);
}

/* ═══ reset.css ═══ */
/* ============================================================
   reset.css — پایهٔ یکسان، بدونِ پاک‌کردنِ چیزهای مفید
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-block-start:calc(var(--header-h) + var(--sp-4));
}

/* قاعدهٔ راست‌به‌چپِ کلِ رابط */
html,body{direction:rtl;text-align:right}

body{
  margin:0;
  min-height:100svh;
  background:var(--bg);
  color:var(--fg);
  font-family:var(--font-sans);
  font-size:16.5px;
  line-height:var(--lh-normal);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}
h1,h2,h3,h4{line-height:var(--lh-tight);letter-spacing:var(--ls-tight);text-wrap:balance}
p{text-wrap:pretty}

ul,ol{margin:0;padding:0}
ul[class],ol[class]{list-style:none}

a{color:var(--c-brand-ink);text-underline-offset:3px}
a:not([class]){text-decoration-thickness:max(1px,.06em)}

img,svg,video,canvas,picture{display:block;max-inline-size:100%;height:auto}

input,button,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
table{border-collapse:collapse;inline-size:100%}
th{text-align:right;font-weight:var(--fw-bold)}

hr{border:0;border-block-start:1px solid var(--line);margin-block:var(--sp-5)}

/* ── چرا این قاعده برداشته شد (۲۰۲۶/۰۸/۲۴) ──
   html بالاتر scroll-padding-block-start دارد. با هر دو، جبران دو
   بار حساب می‌شد: لنگر ۲۴۸ پیکسل پایین‌تر از بالای پنجره می‌نشست
   نه ۱۲۴ — یعنی کلیکِ «ثبت درخواست اقامت» یک صفحه جلوتر از بخشِ
   اتاق‌ها می‌ایستاد و به نظر می‌رسید جای اشتباهی می‌بَرد. یکی از دو
   ساز‌و‌کار کافی است و scroll-padding همهٔ لنگرها را می‌گیرد. */

/* عددها همه‌جا هم‌عرض — این پروژه پر از عدد است */
b,strong,td,th,input,select,output,.num,time{font-variant-numeric:tabular-nums}

/* پنهانِ دیداری ولی در دسترسِ صفحه‌خوان */
.sr-only{
  position:absolute!important;inline-size:1px;block-size:1px;
  padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}

/* پرشِ به محتوا */
.skip-link{
  position:absolute;inset-inline-start:-9999px;inset-block-start:0;z-index:var(--z-max);
  background:var(--fg);color:var(--bg);padding:var(--sp-2) var(--sp-4);
}
.skip-link:focus{inset-inline-start:0}

/* حلقهٔ فوکوس — ضخیم و طلایی؛ کاربرِ سالخورده باید بی‌شک بداند کجاست */
:focus-visible{outline:3px solid var(--c-brand);outline-offset:2px;border-radius:var(--r-xs)}
:focus:not(:focus-visible){outline:none}

::selection{background:var(--c-brand-wash);color:var(--fg)}

/* حرکتِ کمتر */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}

/* چاپ */
@media print{
  body{background:#fff;color:#000;font-size:12pt}
  .no-print,.app-header,.app-sidebar,.toast-stack{display:none!important}
  a[href]::after{content:" (" attr(href) ")";font-size:.8em;color:#555}
}

/* ═══ typography.css ═══ */
/* ============================================================
   typography.css
   قلم از خودِ سایت می‌آید، نه از CDN — تجربهٔ iraqbus نشان داد
   @font-face با فایلِ نبوده فقط درخواستِ شکسته تولید می‌کند.
   ============================================================ */

@font-face{
  font-family:'Vazirmatn';
  src:url('/fonts/Vazirmatn-Regular.woff2') format('woff2'),
      url('/fonts/Vazirmatn-Regular.ttf') format('truetype');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Vazirmatn';
  src:url('/fonts/Vazirmatn-Bold.woff2') format('woff2'),
      url('/fonts/Vazirmatn-Bold.ttf') format('truetype');
  font-weight:700;font-style:normal;font-display:swap;
}

.t-display{font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:1.15;letter-spacing:var(--ls-tight)}
h1,.t-h1{font-size:var(--fs-h1);font-weight:var(--fw-bold)}
h2,.t-h2{font-size:var(--fs-h2);font-weight:var(--fw-bold)}
h3,.t-h3{font-size:var(--fs-h3);font-weight:var(--fw-bold)}
h4{font-size:var(--fs-md);font-weight:var(--fw-bold)}

.t-lead{font-size:var(--fs-lg);color:var(--fg-muted);max-inline-size:var(--measure)}
.t-body{font-size:var(--fs-md)}
.t-sm{font-size:var(--fs-sm)}
.t-xs{font-size:var(--fs-xs)}
.t-muted{color:var(--fg-muted)}
.t-subtle{color:var(--fg-subtle)}
.t-brand{color:var(--c-brand-ink)}
.t-danger{color:var(--c-danger)}
.t-success{color:var(--c-success)}
.t-bold{font-weight:var(--fw-bold)}
.t-nowrap{white-space:nowrap}
.t-balance{text-wrap:balance}
.t-measure{max-inline-size:var(--measure)}
.t-center{text-align:center}
.t-start{text-align:start}
.t-end{text-align:end}
.t-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.t-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* برچسبِ ریزِ بالای عنوان */
.eyebrow{
  font-size:var(--fs-2xs);font-weight:var(--fw-bold);
  letter-spacing:var(--ls-wider);color:var(--c-brand-ink);
  margin-block-end:var(--sp-2);
}

/* عنوانِ بخش با خطِ طلاییِ کوتاه — به اندازهٔ خودِ عنوان، نه تا آخر صفحه */
.sec-title{position:relative;display:inline-block;padding-block-end:var(--sp-2)}
.sec-title::after{
  content:"";position:absolute;inset-block-end:0;inset-inline-start:0;
  inline-size:2rem;block-size:2px;background:var(--c-brand);
}

/* ── متنِ بلندِ ویرایش‌شده ─────────────────────────────────
   محتوایی که از ویرایشگر می‌آید و کلاس ندارد. */
.prose{max-inline-size:var(--measure);line-height:var(--lh-loose)}
.prose > * + *{margin-block-start:var(--sp-4)}
.prose h2{font-size:var(--fs-xl);margin-block-start:var(--sp-6);padding-block-end:var(--sp-1);
  border-block-end:1px solid var(--line)}
.prose h3{margin-block-start:var(--sp-5)}
.prose ul,.prose ol{padding-inline-start:var(--sp-5);list-style:revert}
.prose li{margin-block-end:var(--sp-1)}
.prose a{text-decoration:underline}
.prose blockquote{
  margin:0;padding:var(--sp-3) var(--sp-4);
  background:var(--bg-subtle);border-inline-start:3px solid var(--c-brand);
  border-radius:var(--r-xs);
}
.prose table{font-size:var(--fs-sm)}
.prose th,.prose td{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line)}
.prose th{background:var(--bg-muted)}
.prose img{border-radius:var(--r-sm)}
.prose code{background:var(--bg-muted);padding:.1em .4em;border-radius:var(--r-xs);
  font-family:var(--font-mono);font-size:.86em}

/* ── قاعدهٔ لاتین/عدد در متنِ راست‌به‌چپ ──────────────────
   شمارهٔ موبایل، کد پیگیری، ایمیل و گذرنامه باید چپ‌به‌راست
   خوانده شوند وگرنه ترتیبِ رقم‌ها به‌هم می‌ریزد. */
.ltr,[dir="ltr"]{direction:ltr;text-align:left;unicode-bidi:isolate}
.ltr-inline{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ═══ globals.css ═══ */
/* ============================================================
   globals.css — پلِ سازگاری با نشانه‌گذاریِ موجود
   ── چرا این فایل هست ──
   بیستِ صفحهٔ سایت و پنل امروز کار می‌کنند و کلاس‌های خودشان را
   دارند. هستهٔ تازه نباید آن‌ها را بشکند؛ پس این‌جا نام‌های قدیمی
   به نشانه‌های تازه گره می‌خورند. هر صفحه که به نام‌های تازه مهاجرت
   کرد، سطرش از این فایل حذف می‌شود — این فایل باید با زمان لاغر شود.
   ============================================================ */

/* ── نگاشتِ متغیرهای قدیمی ───────────────────────────────
   ۲۰۲۶/۰۸/۱۷ حذف شد. site.css و admin.css و p.css از آن روز
   مستقیم واژگانِ tokens.css را می‌گویند، پس این پل دیگر باری
   را نمی‌بَرد. اگر روزی نامی مثل --gold برگشت، یعنی جایی از
   قاعده تخطی شده — نه اینکه این بلوک لازم است. */

/* ── ظرف‌های قدیمی ───────────────────────────────────── */
.wrap{max-inline-size:var(--container);margin-inline:auto;padding:var(--sp-5) var(--sp-page) var(--sp-9)}
.doc,.tourPage{max-inline-size:min(var(--measure),var(--container))}
.docBody{max-inline-size:var(--measure)}
.contact{max-inline-size:var(--measure);color:var(--fg-muted)}
.resMain,.sgText{min-inline-size:0}
.srchList{display:grid;gap:var(--sp-4)}

/* ── هم‌ارزیِ اجزا ───────────────────────────────────── */
.hint{font-size:var(--fs-xs);color:var(--fg-muted)}
.msg{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);margin-block-end:var(--sp-4);
  font-size:var(--fs-sm);border:1px solid var(--line)}
.msg.ok,.msgOk{background:var(--c-success-bg);border-color:var(--c-success-line);color:var(--c-success)}
.msg.err,.msgErr{background:var(--c-danger-bg);border-color:var(--c-danger-line);color:var(--c-danger)}
.neg{color:var(--c-danger);font-weight:var(--fw-bold)}
.muted{color:var(--fg-muted);font-size:.8em;font-weight:var(--fw-normal)}
.isOff{opacity:.55}

/* ── قواعدِ عرضیِ همیشگی ─────────────────────────────── */
/* هر جدولِ پهن باید داخلِ ظرفِ خودش بلغزد، نه اینکه صفحه را افقی کند */
.tableWrap,.tableWrap2{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* شمارهٔ موبایل، کد پیگیری و گذرنامه همیشه چپ‌به‌راست */
[dir="ltr"]{unicode-bidi:isolate}

/* ── نشانِ فاصله تا حرم — نام‌های موجود ──────────────── */
.walk{display:inline-flex;align-items:center;gap:var(--sp-2);margin-block:var(--sp-1)}
.walkN{
  display:grid;place-items:center;flex:none;
  inline-size:3.1rem;block-size:3.1rem;border-radius:var(--r-circle);
  font-size:1.35rem;font-weight:var(--fw-bold);line-height:1;font-variant-numeric:tabular-nums;
}
.walkT{font-size:var(--fs-2xs);color:var(--fg-muted);line-height:var(--lh-snug)}
.walk-near .walkN{background:var(--c-accent);color:#fff}
.walk-near .walkT{color:var(--c-accent-ink);font-weight:var(--fw-bold)}
.walk-mid .walkN{background:var(--c-brand-wash);color:var(--c-brand-ink);box-shadow:inset 0 0 0 2px var(--c-brand)}
.walk-far .walkN{background:var(--bg-muted);color:var(--fg-muted);box-shadow:inset 0 0 0 1px var(--line-strong)}

/* ── تاریخ: هر ورودیِ تاریخ، هرجا که باشد ───────────── */
input[type="date"],input[type="datetime-local"],input[type="month"],input[type="time"]{
  direction:ltr;text-align:left;font-variant-numeric:tabular-nums;
}

/* ── پینِ نقشهٔ آزاد (پنل‌ها) ── */
.kgMapWrap{display:flex;flex-direction:column;gap:.5rem;margin-block:.3rem}
.kgMapBar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.kgMapBar input[type=text]{flex:1 1 14rem;min-inline-size:0}
.kgMapBar .sm{padding:.4rem .8rem;font-size:.85rem}
.kgMapBar .ghost{background:transparent;border:1px solid #c9c4b8;color:#444}
.kgMapSt{font-size:.8rem;color:#777;font-variant-numeric:tabular-nums}
.kgMapRes{display:flex;flex-direction:column;gap:.25rem}
.kgMapHit{text-align:start;font:inherit;font-size:.82rem;padding:.35rem .6rem;border:1px solid #e0dbd0;background:#faf8f3;border-radius:6px;cursor:pointer}
.kgMapHit:hover{border-color:#c9a227}
.kgMap{block-size:min(52vh,380px);inline-size:100%;border:1px solid #d9d4c8;border-radius:8px;z-index:0}
.leaflet-container{font:inherit}