/* ════════════════════════════════════════════════════════════
   الأساس: الألوان، الخط، الأزرار، الحقول — مشترك لكل الصفحات
   ════════════════════════════════════════════════════════════ */
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-arabic-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-arabic-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-arabic-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-latin-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-latin-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-latin-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

@font-face{font-family:"Lalezar";src:url(/fonts/lalezar-arabic.woff2) format("woff2");font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Lalezar";src:url(/fonts/lalezar-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
/* خط الشعار: كلمة «دورك» بس */
@font-face{font-family:"Changa";src:url(/fonts/changa-arabic-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Changa";src:url(/fonts/changa-latin-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}

:root{
  /* ورق وحبر */
  --paper:#EDF1F0;
  --surface:#FFFFFF;
  --ink:#0F3A40;          /* بترولي غامق — اللون الأساسي */
  --ink-2:#2E5A60;
  --muted:#5E7674;
  --line:#D2DCDA;
  /* إشارات الحالة */
  --signal:#FFC53D;       /* أصفر: بالانتظار / التايمر */
  --signal-ink:#3B2A00;
  --signal-soft:#FFF3D1;
  --ready:#19B97B;        /* أخضر: جاهز */
  --ready-deep:#0C8A58;
  --ready-soft:#DDF6EA;
  --danger:#C2412D;
  --danger-soft:#FBE7E3;

  --font:"Plex Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --display:"Lalezar","Plex Arabic",system-ui,sans-serif; /* خط اللافتات: للعناوين والأرقام الكبيرة */
  --r-sm:10px; --r-md:14px; --r-lg:22px;
  --focus:0 0 0 3px #fff,0 0 0 5px var(--ink);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
h1,h2,h3,p{margin:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img,svg{display:block}
[hidden]{display:none!important}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── الشعار */
.brand{display:inline-flex;align-items:center;gap:10px;font-family:"Changa",var(--display);font-weight:700;font-size:24px;line-height:1;text-decoration:none}
.display{font-family:var(--display);font-weight:400;letter-spacing:0}
.brand img{width:32px;height:32px}

/* ── الأزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:var(--r-md);
  background:var(--ink);color:#fff;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;
  transition:transform .08s ease,background-color .15s ease,opacity .15s}
.btn:active{transform:scale(.97)}
.btn[disabled],.btn.is-busy{opacity:.55;pointer-events:none}
.btn--signal{background:var(--signal);color:var(--signal-ink)}
.btn--ready{background:var(--ready);color:#04281A}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink-2)}
.btn--danger{background:var(--danger-soft);color:var(--danger)}
.btn--block{width:100%}
.btn--lg{min-height:58px;font-size:18px;border-radius:16px}
.btn--sm{min-height:38px;padding:0 14px;font-size:14px;border-radius:var(--r-sm)}

/* ── الحقول */
.field{display:block;margin-bottom:16px}
.field__label{display:block;font-size:14px;font-weight:500;color:var(--ink-2);margin-bottom:6px}
.field__hint{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.input{width:100%;min-height:52px;padding:0 16px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:17px;outline:none;transition:border-color .15s}
.input:focus{border-color:var(--ink)}
.input.num{text-align:right}
.form-error{min-height:22px;color:var(--danger);font-size:14px;font-weight:500;margin:2px 0 10px}

/* ── اختيار من أزرار (chips) */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:42px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);font-weight:600;font-size:15px}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}

/* ── نافذة منبثقة */
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(9,36,40,.55);backdrop-filter:blur(3px)}
.modal__box{width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:var(--r-lg);padding:24px;animation:pop .18s ease-out}
.modal__title{font-size:20px;font-weight:700;margin-bottom:6px}
@keyframes pop{from{transform:scale(.96);opacity:0}}

/* ── رسائل سريعة */
.toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%,16px);opacity:0;pointer-events:none;
  max-width:min(92vw,420px);padding:12px 18px;border-radius:12px;background:var(--ink);color:#fff;font-weight:500;transition:.22s ease}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
.toast--error{background:var(--danger)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.modal__title{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.25}