/* هيكل البوابة (القايمة الجانبية + المحتوى) من التصميم v2. القيم كلها من tokens.css */
body{margin:0;background:var(--bg)}
[hidden]{display:none!important}
a{color:var(--brand)}a:hover{color:var(--brand-hover)}
.app{font-family:var(--font-text);color:var(--ink);direction:rtl;min-height:100dvh;display:flex;background:var(--bg)}
.kufi{font-family:var(--font-display)}
.main{flex:1;min-width:0;padding:28px clamp(16px,3vw,40px);box-sizing:border-box}
.wrap{max-width:980px}
.card{background:var(--surface);border-radius:20px;padding:16px 20px;box-shadow:inset 0 0 0 1px var(--line)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 18px;border-radius:999px;border:0;font-weight:600;font-size:var(--t-14);font-family:var(--font-text);cursor:pointer;text-decoration:none;transition:transform .12s ease-out;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.bp{background:var(--brand);color:var(--on-brand)}.bp:hover{background:var(--brand-hover);color:var(--on-brand)}
.bs{background:var(--surface);color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand)}
.bg{background:var(--sand);color:var(--ink)}
.bt{background:transparent;color:var(--brand);padding:0 10px;font-size:var(--t-12)}
.bd{background:var(--danger-bg);color:var(--danger)}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-12);padding:3px 10px;border-radius:999px;white-space:nowrap;font-weight:500;background:var(--sand)}
.p-ok{background:var(--ok-bg);color:var(--ok)}.p-warn{background:var(--warn-bg);color:var(--warn)}.p-danger{background:var(--danger-bg);color:var(--danger)}.p-info{background:var(--info-bg);color:var(--info)}
.kpi{background:var(--surface);border-radius:20px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--line)}
.kpi p{margin:0}.kpi .v{font-size:var(--t-28);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.kpi .l{font-size:var(--t-12);color:var(--ink-3)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
table{width:100%;border-collapse:collapse}
th{font-weight:500;color:var(--ink-3);text-align:right;font-size:var(--t-12);padding:8px 8px 8px 0;white-space:nowrap}
td{padding:10px 8px 10px 0;border-top:1px solid var(--line);font-size:var(--t-14);vertical-align:middle}
.num{font-variant-numeric:tabular-nums}
.meta{font-size:var(--t-14);color:var(--ink-3)}
.small{font-size:var(--t-12);color:var(--ink-3)}
.f{min-height:var(--tap);border-radius:var(--r-md);border:1.5px solid var(--line-2);background:var(--surface);padding:0 12px;font:inherit;font-size:var(--t-16);color:var(--ink);box-sizing:border-box;max-width:100%}
.f:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
label.fl{display:flex;flex-direction:column;gap:4px;font-size:var(--t-14);font-weight:600}
label.fl small{font-weight:400;color:var(--ink-3)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.msg{margin:12px 0 0;padding:10px 12px;border-radius:var(--r-md);font-size:var(--t-14)}
.msg.err{background:var(--danger-bg);color:var(--danger)}.msg.ok{background:var(--ok-bg);color:var(--ok)}.msg.info{background:var(--info-bg);color:var(--info)}.msg.warn{background:var(--warn-bg);color:var(--warn)}
.fade{animation:fade .25s ease-out}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media (prefers-reduced-motion: reduce){.fade{animation:none}}

/* هيكل البوابة v3 (موبايل أولاً): كمبيوتر = قايمة جانبية · موبايل = شريط علوي + شريط سفلي بزرار Scan في النص */
.a-side{position:sticky;top:0;height:100dvh;overflow-y:auto;box-sizing:border-box}
.a-side .brand{text-decoration:none;color:inherit}
.a-side .brand b{display:block;font-family:var(--font-display);font-size:var(--t-18);font-weight:600;color:var(--brand)}
.a-side .brand small{display:block;font-size:var(--t-12);color:var(--ink-3)}
.a-sidenav{display:flex;flex-direction:column;gap:2px}
.a-sidenav .g{margin:0;font-size:var(--t-12);font-weight:600;color:var(--ink-3);padding:14px 12px 4px}
.a-nav .ic{width:20px;height:20px}
.a-side .me{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2);display:flex;align-items:center;gap:10px}
.a-side .me .tx{flex:1;min-width:0}
.a-side .me b{display:block;font-size:var(--t-14);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-side .me small{display:block;font-size:var(--t-12);color:var(--ink-3)}
.a-logo{object-fit:contain;flex:none}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.main .a-top{display:none}
nav.a-tabbar{display:none}
button.a-tab{border:0;background:none;font:inherit;font-size:var(--t-12);cursor:pointer;padding:0}
button.a-nav{border:0;background:none;font:inherit;font-size:var(--t-14);cursor:pointer;width:100%;text-align:right}
.a-scrim{position:fixed;inset:0;z-index:60;background:rgba(26,19,17,.45);display:flex;align-items:flex-end;justify-content:center}
.a-sheet{width:100%;max-width:520px;background:var(--bg);border-radius:28px 28px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px;font-family:var(--font-text);direction:rtl;animation:sheet .25s var(--ease)}
.a-handle{width:40px;height:5px;border-radius:3px;background:var(--line-2);align-self:center;margin-bottom:6px}
@media (max-width:899px){
  .app .a-side{display:none}
  .main{padding:0 16px calc(104px + env(safe-area-inset-bottom))!important}
  .main .a-top{display:flex;position:sticky;top:0;z-index:20;background:var(--bg);margin:0 -16px 8px;padding:env(safe-area-inset-top) 12px 0;min-height:56px}
  nav.a-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;height:auto;padding:6px 8px calc(10px + env(safe-area-inset-bottom));font-family:var(--font-text);direction:rtl}
  .wrap > .h1:first-child{display:none}
}
/* نقط آخر 5 اجتماعات */
.dots{display:inline-flex;gap:4px;align-items:center}.dots>span:not(.small){width:10px;height:10px;border-radius:50%}
.av{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--t-16);flex:none;background:var(--sand);color:var(--ink)}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}
.toolbar .f{min-width:0}
.tbl-wrap{overflow-x:auto}
.chip{border:0;min-height:var(--tap);padding:0 14px;border-radius:999px;font-weight:500;font-size:var(--t-14);font-family:var(--font-text);cursor:pointer;background:var(--sand);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--brand);color:var(--on-brand)}
dl.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:var(--t-14)}dl.kv dt{color:var(--ink-3)}dl.kv dd{margin:0}
.h1{font-family:var(--font-display);font-size:var(--t-40);font-weight:600;margin:0}
@media (max-width:760px){.h1{font-size:var(--t-28)}}
.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.cols{grid-template-columns:1fr}}
.stack{display:flex;flex-direction:column;gap:16px}
/* كروت الطباعة A4 */
.a4 .a4page{background:#fff;color:#2A1A17;width:100%;max-width:794px;box-sizing:border-box;padding:28px 32px;margin:0 auto 16px;box-shadow:0 0 0 1px var(--line)}
.a4 .grid8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;border-top:1px dashed #E2D5C6;border-right:1px dashed #E2D5C6}
.a4 .pc{border-left:1px dashed #E2D5C6;border-bottom:1px dashed #E2D5C6;padding:14px;height:190px;box-sizing:border-box;display:flex;gap:12px;align-items:center;break-inside:avoid}
@media print{
  @page{size:A4;margin:0}
  body{background:#fff}
  .a-side,.a-top,nav.a-tabbar,.no-print{display:none!important}
  .main{padding:0!important}.wrap{max-width:none}
  .a4 .a4page{box-shadow:none;margin:0;page-break-after:always;height:297mm;max-width:none;padding:12mm 12mm}
}

/* وضع الحدث والـ Scan (موبايل، غامق) */
.mob{font-family:var(--font-text);color:var(--ink);background:var(--bg);direction:rtl;min-height:100dvh;display:flex;flex-direction:column;max-width:640px;margin:0 auto}
.mb{position:sticky;top:0;z-index:10;background:var(--sand);min-height:60px;padding:0 10px;display:flex;align-items:center;gap:8px}
.mb-back{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none;flex:none}
.mb-t{flex:1;margin:0;font-family:var(--font-display);font-size:var(--t-22);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.net{border:0;font:inherit;font-size:var(--t-12);padding:6px 12px;border-radius:999px;background:var(--ok-bg);color:var(--ok);white-space:nowrap}
.net.off{background:var(--warn-bg);color:var(--warn)}
.seg2{display:flex;gap:4px;padding:4px;border-radius:var(--r-md);background:var(--sand)}
.seg2 button{flex:1;border:0;min-height:var(--tap);border-radius:var(--r-md);font-weight:600;font-size:var(--t-14);font-family:var(--font-text);cursor:pointer;background:transparent;color:var(--ink-3)}
.seg2 button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.bigbtn{width:100%;border:0;border-radius:var(--r-lg);min-height:56px;font-weight:700;font-size:var(--t-16);font-family:var(--font-text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-sizing:border-box;background:var(--brand);color:var(--on-brand)}
.bigbtn[disabled]{background:var(--line-2);color:var(--ink-3);cursor:not-allowed}
.prow{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}
.prow .grow{flex:1;min-width:0}
.prow b{display:block;font-size:var(--t-16)}
.mini{border:0;min-height:44px;min-width:44px;padding:0 10px;border-radius:var(--r-md);font-weight:600;font-size:var(--t-12);font-family:var(--font-text);cursor:pointer;background:var(--sand);color:var(--ink)}
.mini.q{background:transparent;color:var(--brand)}
.seg{border:0;min-height:var(--tap);min-width:44px;padding:0 10px;border-radius:var(--r-md);font-weight:600;font-size:var(--t-14);font-family:var(--font-text);cursor:pointer;background:var(--sand-2);color:var(--ink-3)}
.seg[aria-pressed="true"]{background:var(--brand);color:var(--on-brand)}
.segs{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.ln{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--line);font-size:var(--t-14)}
.flag{margin:8px 0 0;padding:9px 12px;border-radius:var(--r-md);font-size:var(--t-14);line-height:1.6;background:var(--danger-bg);color:var(--danger)}
.flag.w{background:var(--warn-bg);color:var(--warn)}.flag.ok{background:var(--ok-bg);color:var(--ok)}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:84dvh;overflow-y:auto;background:var(--bg);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:14px 18px 18px;box-shadow:0 -10px 30px rgba(0,0,0,.4);box-sizing:border-box;max-width:640px;margin:0 auto;animation:sheet .3s var(--ease)}
@keyframes sheet{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion: reduce){.sheet{animation:none}}
.mob .in{width:100%;box-sizing:border-box;min-height:44px;border-radius:var(--r-md);border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);padding:0 14px;font:inherit;font-size:var(--t-16)}
.mob-only{display:none}
@media (max-width:899px){.mob-only{display:block}.desk-only{display:none!important}
  .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toolbar input[type=search]{grid-column:1/-1}.toolbar .btn{grid-column:1/-1}
}
.tbl-wrap td>a{flex-direction:row!important;align-items:center!important}

/* ---------- نسخة 2 و3 ---------- */
.a-seg button{flex:1;min-height:40px;border:0;border-radius:10px;background:none;font:inherit;font-size:var(--t-14);font-weight:600;color:var(--ink-3);cursor:pointer;padding:0 10px;white-space:nowrap}
.a-seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.a-seg{overflow-x:auto;scrollbar-width:none}
.a-sheet.wide{max-width:640px;max-height:88dvh;overflow-y:auto;gap:12px}
@media (min-width:900px){.a-scrim{align-items:center}.a-sheet.wide{border-radius:24px;padding:16px 24px 24px}.a-sheet.wide .a-handle{display:none}}
.demo-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--warn-bg);color:var(--ink);border-radius:12px;padding:8px 12px;font-size:var(--t-14);margin:12px 0 0}
.demo-bar a{font-weight:600;color:var(--brand)}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.check{display:flex;align-items:center;gap:8px;font-size:var(--t-14);min-height:var(--tap);cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--brand)}
textarea.f{padding:10px 12px;min-height:88px;line-height:1.6}
.ev-card{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:var(--ink);padding:14px 0;border-top:1px solid var(--line)}
.ev-card:first-child{border-top:0}
.ev-date{flex:none;width:56px;border-radius:14px;background:var(--sand);text-align:center;padding:6px 0;line-height:1.2}
.ev-date b{display:block;font-size:var(--t-22);font-family:var(--font-display)}
.ev-date small{font-size:var(--t-12);color:var(--ink-3)}
.ev-card .tx{flex:1;min-width:0}
.ev-card .tx b{display:block}
.bar-meter{height:8px;border-radius:4px;background:var(--sand);overflow:hidden;margin-top:6px}
.bar-meter span{display:block;height:100%;background:var(--ok);border-radius:4px}
.num-big{font-size:var(--t-28);font-weight:600;font-family:var(--font-display)}
.kpis.k4{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.pipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:899px){.pipe{grid-template-columns:1fr}}
.pipe .col{background:var(--sand);border-radius:16px;padding:10px}
.pipe .col h3{margin:0 0 8px;font-size:var(--t-14);display:flex;justify-content:space-between}
.pipe .item{background:var(--surface);border-radius:12px;padding:10px;margin-top:8px;font-size:var(--t-14)}
.list-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.list-row:first-child{border-top:0}
.list-row .tx{flex:1;min-width:0}
.list-row .tx b{display:block;font-size:var(--t-14)}
.btn.sm{min-height:36px;padding:0 12px;font-size:var(--t-12)}
.money-pos{color:var(--ok)}.money-neg{color:var(--danger)}
@media print{.a-side,nav.a-tabbar,.a-top,.no-print,.demo-bar{display:none!important}.main{padding:0!important}.card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}body{background:#fff}}
/* جداول اللائحة والكشوفات: تفضل جدول وتتمرر بالعرض على الموبايل */
.keep-tbl{overflow-x:auto}
.keep-tbl table{display:table!important;width:100%;min-width:520px}
.keep-tbl tbody{display:table-row-group!important}.keep-tbl thead{display:table-header-group!important}
.keep-tbl tr{display:table-row!important}.keep-tbl td,.keep-tbl th{display:table-cell!important;width:auto!important}