/* نظام تصميم طيبة — الرموز (من _ds/taiba-design-system) */
@import url('/vendor/fonts/readex/400.css');
@import url('/vendor/fonts/readex/600.css');
@import url('/vendor/fonts/readex/700.css');
@import url('/vendor/fonts/plex/latin-400.css');
@import url('/vendor/fonts/plex/latin-500.css');
@import url('/vendor/fonts/plex/latin-600.css');
@font-face{font-family:"Almarai";src:url('/assets/fonts/Almarai-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:"Almarai";src:url('/assets/fonts/Almarai-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:"Almarai";src:url('/assets/fonts/Almarai-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}

:root{
  --taiba-green-900:#064a2c; --taiba-green-800:#0a6e41; --taiba-green-700:#0f8a51; --taiba-green-600:#008c55;
  --taiba-green-500:#1b9e55; --taiba-green-400:#2db04b; --taiba-green-300:#42b14b;
  --ink:#0e1a14; --ink-soft:#41514a; --ink-faint:#8a978f;
  --bg:rgb(246,246,246); --surface:#fff; --border:#e8ede9;
  --warn-orange:#e8753d; --warn-orange-alt:#ff9500; --danger:#e14b3f;
  --text-on-dark:#fff; --text-on-dark-muted:rgba(255,255,255,.72);
  --shadow-card:0 4px 12px rgba(13,10,44,.06);
  --font-display:"Almarai","Readex Pro",-apple-system,sans-serif;
  --font-body:"Readex Pro","Almarai",-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --text-display-lg:800 36px/1.3 var(--font-display);
  --text-display-md:700 24px/1.35 var(--font-display);
  --text-button:700 16px/1 var(--font-body);
  --text-figure-lg:600 32px/1.1 var(--font-mono);
  --map-grad:radial-gradient(120% 90% at 50% 40%,#0a6e41 0%,#064a2c 55%,#04331f 100%);
  color-scheme:light;
}
html,body{margin:0;background:#f3f7f4}
*{box-sizing:border-box}
body{font-family:var(--font-body);color:var(--ink);-webkit-tap-highlight-color:transparent}
a{color:#008c55;text-decoration:none} a:hover{color:#0a6e41}
input,select,button,textarea{font-family:inherit}
button{-webkit-appearance:none;appearance:none}
::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-thumb{background:#cfd9d2;border-radius:8px}
.mono{font-family:var(--font-mono)}
.ltr{direction:ltr;unicode-bidi:isolate}
.root{min-height:100vh;background:var(--bg);font-family:var(--font-body);color:var(--ink)}
.card{background:#fff;border-radius:20px;padding:18px;box-shadow:var(--shadow-card)}

/* حالات التمرير (style-hover في النموذج) */
.h-green:hover{background:#0a6e41 !important}
.h-nav:hover{background:rgba(255,255,255,.08) !important}
.h-white:hover{color:#fff !important}
.h-ring:hover{box-shadow:0 0 0 1.5px #1b9e55 !important}
.h-row:hover{background:#f3f7f4 !important}
.h-soft:hover{background:#e6f4ec !important}
.h-bg:hover{background:#f3f7f4 !important}
.h-darkrow:hover{background:rgba(255,255,255,.08) !important}
.inp{height:42px;border-radius:11px;border:1px solid var(--border);padding:0 12px;font-size:13px;outline:none;background:#fff;color:var(--ink);min-width:0}
.inp:focus{border-color:#008c55;box-shadow:0 0 0 3px rgba(0,140,85,.15)}
.login-inp:focus{border-color:#008c55 !important;box-shadow:0 0 0 3px rgba(0,140,85,.15)}
.btn{height:42px;padding:0 16px;border-radius:12px;border:0;background:var(--taiba-green-600);color:#fff;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.btn:hover{background:#0a6e41}
.btn:disabled{opacity:.5;cursor:default}
.btn-o{height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.btn-o:hover{background:#f3f7f4}
.btn-sm{height:32px;padding:0 12px;border-radius:10px;font-size:12px}
.lbl{font-size:12px;font-weight:600;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.12);border-top-color:#008c55;animation:spin .8s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.live-dot{animation:blink 2s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.scroll-x::-webkit-scrollbar{display:none}
@media print{.no-print{display:none !important}}
/* الأرقام بخط أحادي المسافة تُعزل اتجاهياً حتى تظهر 20% وليس %20 */
.mono.ltr,.num{unicode-bidi:isolate;direction:ltr}