/* tahkikai · app.tahkikai.com — هويّة الموقع نفسُها */
:root{
  --ground:#efe8d8; --surface:#f6f1e4; --surface-2:#ebe3d0; --surface-3:#e2d9c2;
  --ink:#211c15; --muted:#6f6553; --faint:#93886f;
  --rubric:#a12e22; --rubric-soft:#b8503f; --gold:#9c7a24; --gold-soft:#b9932f;
  --line:rgba(33,28,21,.14); --line-strong:rgba(33,28,21,.26); --shadow:rgba(33,28,21,.10);
  --done:#1c8f47; --wait:#9c7a24; --act:#a12e22;
  --add:#1c8f47; --del:#a12e22;
  --chrome:#e5dcc6;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#14110b; --surface:#1c1810; --surface-2:#241f15; --surface-3:#2c2619;
    --ink:#ece2cd; --muted:#b3a685; --faint:#8c8069;
    --rubric:#df7263; --rubric-soft:#c9564a; --gold:#d8ac4c; --gold-soft:#c99e3f;
    --line:rgba(236,226,205,.14); --line-strong:rgba(236,226,205,.24); --shadow:rgba(0,0,0,.45);
    --done:#3fce77; --wait:#d8ac4c; --act:#df7263;
    --add:#3fce77; --del:#df7263;
    --chrome:#1a160f;
  }
}
:root[data-theme="dark"]{
  --ground:#14110b; --surface:#1c1810; --surface-2:#241f15; --surface-3:#2c2619;
  --ink:#ece2cd; --muted:#b3a685; --faint:#8c8069;
  --rubric:#df7263; --rubric-soft:#c9564a; --gold:#d8ac4c; --gold-soft:#c99e3f;
  --line:rgba(236,226,205,.14); --line-strong:rgba(236,226,205,.24); --shadow:rgba(0,0,0,.45);
  --done:#3fce77; --wait:#d8ac4c; --act:#df7263;
  --add:#3fce77; --del:#df7263;
  --chrome:#1a160f;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; direction:rtl; text-align:right;
  background:var(--ground); color:var(--ink);
  font-family:"IBM Plex Sans Arabic",system-ui,"Segoe UI",sans-serif;
  line-height:1.85; font-size:15.5px; -webkit-font-smoothing:antialiased;
}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
h1,h2,h3,h4{font-weight:700;text-wrap:balance;margin:0}
p{margin:0}
button{font:inherit;cursor:pointer}
.mono{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.85em;direction:ltr;unicode-bidi:embed;display:inline-block;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* ============ generic ============ */
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.center{max-width:1240px;margin:0 auto;padding:0 20px}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid;line-height:1.75;white-space:nowrap;font-weight:500}
.pill.act{color:var(--act);border-color:color-mix(in srgb,var(--act) 42%,transparent);background:color-mix(in srgb,var(--act) 9%,transparent)}
.pill.wait{color:var(--wait);border-color:color-mix(in srgb,var(--wait) 45%,transparent);background:color-mix(in srgb,var(--wait) 9%,transparent)}
.pill.done{color:var(--done);border-color:color-mix(in srgb,var(--done) 45%,transparent);background:color-mix(in srgb,var(--done) 9%,transparent)}
.pill.calm{color:var(--muted);border-color:var(--line-strong);background:transparent}
.pill .dt{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}

.btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:9px;padding:9px 18px;font-size:14.5px;font-weight:500;transition:.14s}
.btn:hover{background:var(--surface-2)}
.btn.primary{background:var(--rubric);border-color:var(--rubric);color:#fff;font-weight:600}
:root[data-theme="dark"] .btn.primary,
:root:not([data-theme="light"]) .btn.primary{color:#1a1409}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .btn.primary{color:#fff}}
.btn.primary:hover{background:var(--rubric-soft);border-color:var(--rubric-soft)}
.btn.sm{padding:6px 13px;font-size:13.5px;border-radius:8px}
.btn.gold{border-color:var(--gold);color:var(--gold)}
.btn.gold:hover{background:color-mix(in srgb,var(--gold) 10%,transparent)}
.btn:disabled{opacity:.45;cursor:default}

label.fl{display:block;font-size:13px;color:var(--muted);margin:0 0 5px;font-weight:500}
input[type=text],input[type=email],input[type=number],select,textarea{
  width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;
  padding:10px 13px;font:inherit;font-size:15px;color:var(--ink);
}
textarea{resize:vertical;min-height:82px;line-height:1.8}
input::placeholder,textarea::placeholder{color:var(--faint)}

/* ============ 1. LOGIN ============ */
.auth{min-height:calc(100vh - 44px);display:grid;grid-template-columns:1.05fr .95fr}
.auth .side{background:var(--surface-2);border-inline-start:1px solid var(--line);padding:56px 48px;display:flex;flex-direction:column;justify-content:center;
  background-image:radial-gradient(circle at 80% 10%, color-mix(in srgb,var(--gold) 11%,transparent), transparent 46%);}
.auth .side .mark{font-family:"Aref Ruqaa",serif;font-size:40px;line-height:1.3}
.auth .side .mark .ai{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:13px;color:var(--gold);letter-spacing:.16em;direction:ltr;display:inline-block;margin-inline-start:4px;vertical-align:middle}
.auth .side blockquote{font-family:"Amiri",serif;font-size:22px;line-height:1.85;color:var(--ink);margin:26px 0 0;max-width:22ch}
.auth .side .attr{font-size:13.5px;color:var(--faint);margin-top:16px}
.auth .form{padding:56px 48px;display:flex;flex-direction:column;justify-content:center;max-width:520px}
.auth h1{font-family:"Amiri",serif;font-size:31px;margin:0 0 6px}
.auth .sub{color:var(--muted);font-size:15px;margin:0 0 30px;line-height:1.8}
.auth .field{margin-bottom:16px}
.auth .alt{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.auth .alt a{color:var(--rubric);cursor:pointer;text-decoration:none;font-weight:500}
.auth .alt a:hover{text-decoration:underline}
.sent{background:var(--surface);border:1px solid var(--gold);border-radius:11px;padding:18px 20px;margin-top:4px;display:none}
.sent.on{display:block}
.sent b{display:block;font-size:16px;margin-bottom:4px}
.sent p{font-size:14px;color:var(--muted);line-height:1.75}
@media(max-width:860px){.auth{grid-template-columns:1fr}.auth .side{order:2;padding:40px 26px}.auth .form{padding:40px 26px;max-width:none}}

/* ============ 2. NDA ============ */
.ndawrap{max-width:760px;margin:0 auto;padding:46px 20px 70px}
.ndacard{background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;box-shadow:0 2px 22px var(--shadow)}
.ndacard header{padding:26px 30px 20px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.ndacard header .eyebrow{font-family:"Aref Ruqaa",serif;color:var(--rubric);font-size:14px;margin-bottom:9px;display:flex;align-items:center;gap:10px}
.ndacard header .eyebrow::before{content:"";width:22px;height:2px;background:var(--gold);border-radius:2px}
.ndacard header h2{font-family:"Amiri",serif;font-size:27px;line-height:1.4}
.ndacard header p{color:var(--muted);font-size:14.5px;margin-top:7px;line-height:1.8}
.ndabody{padding:8px 30px 4px}
.clause{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
.clause .n{font-family:"Amiri",serif;font-size:19px;color:var(--gold);line-height:1.6}
.clause h4{font-size:15.5px;margin-bottom:3px}
.clause p{font-size:14.5px;color:var(--muted);line-height:1.8}
.ndafoot{padding:22px 30px 26px;background:var(--surface-2);border-top:1px solid var(--line)}
.chk{display:flex;gap:11px;align-items:flex-start;cursor:pointer;font-size:15px;line-height:1.75;margin-bottom:16px}
.chk input{margin:6px 0 0;width:17px;height:17px;accent-color:var(--rubric);flex:0 0 auto;cursor:pointer}
.signrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
@media(max-width:600px){.signrow{grid-template-columns:1fr}}
.ndafoot .note{font-size:13px;color:var(--faint);margin-top:13px;line-height:1.7}

/* ============ APP SHELL ============ */
.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 44px)}
.rail{background:var(--surface-2);border-inline-start:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;gap:20px}
.rail .brand{font-family:"Aref Ruqaa",serif;font-size:23px;padding:0 8px 14px;border-bottom:1px solid var(--line)}
.rail .brand .ai{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:10.5px;color:var(--gold);letter-spacing:.16em;direction:ltr;display:inline-block;margin-inline-start:3px;vertical-align:middle}
.rail nav{display:grid;gap:2px}
.rail nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:right;background:transparent;border:0;color:var(--muted);font-size:14.5px;padding:8px 11px;border-radius:8px;transition:.14s}
.rail nav button:hover{background:var(--surface-3);color:var(--ink)}
.rail nav button[aria-current="true"]{background:var(--surface);color:var(--rubric);font-weight:600;box-shadow:inset 2px 0 0 var(--rubric)}
.rail nav .cnt{font-size:11.5px;background:var(--rubric);color:#fff;border-radius:999px;padding:0 7px;line-height:1.7;font-weight:600;font-variant-numeric:tabular-nums}
:root[data-theme="dark"] .rail nav .cnt,:root:not([data-theme="light"]) .rail nav .cnt{color:#1a1409}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .rail nav .cnt{color:#fff}}
.rail .house{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:13.5px;color:var(--muted)}
.rail .house b{display:block;color:var(--ink);font-size:14.5px;font-weight:600}
.main{padding:30px 34px 70px;min-width:0}
@media(max-width:900px){.shell{grid-template-columns:1fr}.rail{border:0;border-bottom:1px solid var(--line)}.rail .house{margin-top:14px}.main{padding:24px 20px 60px}}

.phead{margin-bottom:24px}
.phead .crumb{font-size:12.5px;color:var(--faint);margin-bottom:6px}
.phead h2{font-family:"Amiri",serif;font-size:28px;line-height:1.35}
.phead .sub{color:var(--muted);font-size:14.5px;margin-top:5px}

/* balance */
.bal{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:19px 22px;margin-bottom:22px}
.bal .top{display:flex;flex-wrap:wrap;gap:16px;align-items:baseline;justify-content:space-between;margin-bottom:13px}
.bal .amt{font-family:"Amiri",serif;font-size:31px;line-height:1.2;font-variant-numeric:tabular-nums}
.bal .amt small{font-size:17px;color:var(--muted)}
.bal .lab{font-size:12.5px;color:var(--faint);letter-spacing:.06em}
.bar{height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden;display:flex}
.bar i{display:block;height:100%}
.bar i.used{background:var(--gold)}
.bar i.hold{background:color-mix(in srgb,var(--gold) 38%,transparent)}
.bal .legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:11px;font-size:13px;color:var(--muted)}
.bal .legend span{display:flex;align-items:center;gap:6px}
.bal .legend i{width:9px;height:9px;border-radius:3px;display:block}

/* attention */
.att{background:var(--surface);border:1px solid color-mix(in srgb,var(--act) 34%,transparent);border-radius:13px;overflow:hidden;margin-bottom:24px}
.att > header{padding:13px 20px;background:color-mix(in srgb,var(--act) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--act) 22%,transparent);display:flex;align-items:center;gap:10px}
.att > header h3{font-size:16px;color:var(--act)}
.att > header .c{font-size:12.5px;color:var(--act);border:1px solid color-mix(in srgb,var(--act) 40%,transparent);border-radius:999px;padding:1px 9px;font-weight:600}
.att .row{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.att .row:last-child{border-bottom:0}
.att .row .t{font-weight:600;font-size:15px}
.att .row .m{font-size:13.5px;color:var(--muted);margin-top:1px}

/* book cards */
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:15px}
.bk{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:17px 19px;text-align:right;transition:.15s;display:block;width:100%}
.bk:hover{border-color:var(--line-strong);box-shadow:0 2px 14px var(--shadow);transform:translateY(-1px)}
.bk .no{font-size:11.5px;color:var(--faint);letter-spacing:.04em}
.bk h4{font-family:"Amiri",serif;font-size:19px;margin:3px 0 2px;line-height:1.45}
.bk .au{font-size:13px;color:var(--muted);margin-bottom:13px}
.bk .meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:12px}
.bk .stg{display:flex;gap:3px;margin-bottom:7px}
.bk .stg i{height:4px;flex:1;border-radius:99px;background:var(--surface-3);display:block}
.bk .stg i.f{background:var(--done)}
.bk .stg i.c{background:var(--gold)}
.bk .stgl{font-size:12.5px;color:var(--muted)}

/* stage stepper */
.stepper{display:flex;gap:5px;margin:0 0 6px;flex-wrap:wrap}
.stp{flex:1 1 110px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 13px}
.stp .k{font-size:11.5px;color:var(--faint);display:flex;align-items:center;gap:5px}
.stp .k i{width:7px;height:7px;border-radius:50%;background:var(--surface-3);display:block;flex:0 0 auto}
.stp .v{font-size:14px;font-weight:600;line-height:1.5;margin-top:3px}
.stp .u{font-size:11.5px;color:var(--faint);margin-top:1px}
.stp.done{background:color-mix(in srgb,var(--done) 7%,var(--surface))}
.stp.done .k i{background:var(--done)}
.stp.done .k{color:var(--done)}
.stp.now{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--surface));box-shadow:0 0 0 1px var(--gold)}
.stp.now .k i{background:var(--gold)}
.stp.now .k{color:var(--gold)}

/* project header */
.pj{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 23px;margin-bottom:20px}
.pj .l1{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:5px}
.pj .no{font-size:12.5px;color:var(--faint)}
.pj h2{font-family:"Amiri",serif;font-size:26px;line-height:1.35}
.pj .au{font-size:14px;color:var(--muted);margin-bottom:16px}
.clock{display:flex;flex-wrap:wrap;gap:9px 22px;padding-top:15px;margin-top:15px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.clock b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.clock .stop{color:var(--act);font-weight:600}

/* tabs */
.tabbar{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}
.tabbar button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:14.5px;padding:9px 15px;white-space:nowrap;transition:.14s}
.tabbar button:hover{color:var(--ink)}
.tabbar button[aria-current="true"]{color:var(--rubric);border-bottom-color:var(--rubric);font-weight:600}

/* thread */
.thread{display:grid;gap:16px;max-width:790px}
.msg{display:grid;grid-template-columns:auto 1fr;gap:12px}
.av{width:33px;height:33px;border-radius:9px;background:var(--surface-3);color:var(--muted);display:grid;place-items:center;font-size:13px;font-weight:600;flex:0 0 auto;font-family:"Amiri",serif}
.av.us{background:var(--rubric);color:#fff}
:root[data-theme="dark"] .av.us,:root:not([data-theme="light"]) .av.us{color:#1a1409}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .av.us{color:#fff}}
.bub{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 17px;min-width:0}
.bub .who{font-size:12.5px;color:var(--faint);margin-bottom:4px}
.bub .who b{color:var(--muted);font-weight:600}
.bub p{font-size:14.8px;line-height:1.85}

/* cards in thread */
.card{border:1px solid var(--line-strong);border-radius:13px;overflow:hidden;background:var(--surface);min-width:0}
.card > header{padding:11px 17px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;background:var(--surface-2)}
.card > header .kind{font-size:11.5px;letter-spacing:.1em;color:var(--gold)}
.card > header h4{font-family:"Amiri",serif;font-size:18px}
.card .body{padding:16px 18px}
.card.gate{border-color:var(--act)}
.card.gate > header{background:color-mix(in srgb,var(--act) 8%,transparent);border-bottom-color:color-mix(in srgb,var(--act) 22%,transparent)}
.card.gate > header .kind{color:var(--act)}
.card.quote > header{background:color-mix(in srgb,var(--gold) 10%,transparent)}

.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14.3px;margin-bottom:2px}
.kv dt{color:var(--muted);white-space:nowrap}
.kv dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums}
.kv dd em{font-style:normal;color:var(--muted);font-weight:400;font-size:13.5px}
.tot{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.tot .big{font-family:"Amiri",serif;font-size:29px;font-variant-numeric:tabular-nums}
.tot .big small{font-size:16px;color:var(--muted)}
.acts{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}

.findings{background:var(--surface-2);border-radius:9px;padding:12px 15px;margin-top:13px;font-size:14.2px;line-height:1.8;color:var(--muted)}
.findings b{color:var(--ink);font-weight:600}
.findings ul{margin:7px 0 0;padding:0;list-style:none;display:grid;gap:5px}
.findings li{padding-inline-start:15px;position:relative}
.findings li::before{content:"—";position:absolute;inset-inline-start:0;color:var(--faint)}

/* source list */
.srcs{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px}
.src{background:var(--surface);padding:10px 15px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;justify-content:space-between}
.src .t{font-family:"Amiri",serif;font-size:16.5px}
.src .a{font-size:12.5px;color:var(--faint);margin-inline-start:6px}
.src .w{font-size:12.5px;color:var(--muted)}
.masked{filter:blur(4.5px);user-select:none;opacity:.75}
.lockrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:color-mix(in srgb,var(--gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);border-radius:9px;padding:11px 15px;font-size:14px;color:var(--muted);margin-top:12px}
.lockrow b{color:var(--ink)}

/* decision */
.locus{background:var(--surface-2);border-radius:9px;padding:14px 17px;font-family:"Amiri",serif;font-size:18.5px;line-height:2.15;margin-bottom:14px}
.locus .ctx{color:var(--faint)}
.del{color:var(--del);text-decoration:line-through;text-decoration-thickness:1.5px}
.add{color:var(--add);font-weight:700;background:color-mix(in srgb,var(--add) 12%,transparent);border-radius:4px;padding:0 4px}
.wits{display:grid;gap:9px;margin-top:6px}
.wit{border:1px solid var(--line);border-radius:10px;padding:11px 14px;background:var(--surface)}
.wit .h{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:baseline;justify-content:space-between;margin-bottom:5px}
.wit .tr{font-size:11.5px;letter-spacing:.06em;color:var(--gold)}
.wit .ref{font-size:13px;color:var(--muted)}
.wit .ref b{color:var(--ink);font-weight:600}
.wit .q{font-family:"Amiri",serif;font-size:16.5px;line-height:1.95;color:var(--ink)}
.wit .no-pg{font-size:12px;color:var(--act);border:1px solid color-mix(in srgb,var(--act) 35%,transparent);border-radius:999px;padding:0 8px}
.decided{display:none;align-items:center;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--done);font-weight:600}
.decided.on{display:flex}
.acts.hide{display:none}

/* upload */
.form2{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:820px}
.form2 .full{grid-column:1/-1}
@media(max-width:700px){.form2{grid-template-columns:1fr}}
.drop{border:1.5px dashed var(--line-strong);border-radius:13px;background:var(--surface);padding:30px 22px;text-align:center;transition:.16s}
.drop:hover{border-color:var(--gold);background:var(--surface-2)}
.drop .ic{font-family:"Amiri",serif;font-size:29px;color:var(--gold);line-height:1}
.drop .t{font-size:15.5px;font-weight:600;margin-top:8px}
.drop .s{font-size:13px;color:var(--faint);margin-top:3px}
.upl{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin-top:13px}
.upl .r1{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:9px}
.upl .fn{font-size:14.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upl .sz{font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.count{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.count b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.hintline{font-size:13px;color:var(--faint);margin-top:5px;line-height:1.7}

/* files */
.vers{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ver{background:var(--surface);padding:14px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}
.ver .vn{font-family:"Amiri",serif;font-size:17px;color:var(--gold);min-width:2.4em}
.ver .t{font-size:15px;font-weight:600}
.ver .m{font-size:12.8px;color:var(--faint);margin-top:1px}
.ver .m .mono{color:var(--muted)}
.ver.locked{background:color-mix(in srgb,var(--gold) 6%,var(--surface))}

/* toast */
.toast{position:fixed;inset-block-end:22px;inset-inline-start:22px;background:var(--ink);color:var(--ground);border-radius:11px;padding:12px 20px;font-size:14.5px;font-weight:500;box-shadow:0 6px 26px var(--shadow);opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:200;max-width:min(420px,calc(100vw - 44px))}
.toast.on{opacity:1;transform:none}

/* ============ live chat ============ */
.chatfab{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:190;display:none;align-items:center;gap:9px;
  background:var(--rubric);color:#fff;border:0;border-radius:999px;padding:11px 19px 11px 16px;font-size:14.5px;font-weight:600;
  box-shadow:0 5px 22px var(--shadow);transition:.16s}
:root[data-theme="dark"] .chatfab,:root:not([data-theme="light"]) .chatfab{color:#1a1409}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .chatfab{color:#fff}}
.chatfab.on{display:flex}
.chatfab:hover{background:var(--rubric-soft)}
.chatfab .bdg{background:var(--gold);color:#1a1409;border-radius:999px;font-size:11.5px;padding:0 7px;line-height:1.7;font-weight:700}

.chatpanel{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:195;width:min(378px,calc(100vw - 34px));
  background:var(--surface);border:1px solid var(--line-strong);border-radius:15px;box-shadow:0 10px 44px var(--shadow);
  display:none;flex-direction:column;max-height:min(560px,calc(100vh - 90px));overflow:hidden}
.chatpanel.on{display:flex}
.chatpanel > header{padding:14px 18px;background:var(--surface-2);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}
.chatpanel > header .who{flex:1;min-width:0}
.chatpanel > header h4{font-family:"Amiri",serif;font-size:17.5px;line-height:1.4}
.chatpanel > header .st{font-size:12.3px;color:var(--done);display:flex;align-items:center;gap:5px}
.chatpanel > header .st i{width:6px;height:6px;border-radius:50%;background:var(--done);display:block}
.chatpanel > header .x{background:transparent;border:0;color:var(--muted);font-size:19px;line-height:1;padding:3px 6px;border-radius:7px}
.chatpanel > header .x:hover{background:var(--surface-3);color:var(--ink)}
.chatlog{flex:1;overflow-y:auto;padding:16px 18px;display:grid;gap:11px;align-content:start}
.cm{max-width:84%;padding:9px 14px;border-radius:13px;font-size:14.3px;line-height:1.8}
.cm.them{background:var(--surface-2);border:1px solid var(--line);justify-self:start;border-end-end-radius:5px}
.cm.me{background:var(--rubric);color:#fff;justify-self:end;border-end-start-radius:5px}
:root[data-theme="dark"] .cm.me,:root:not([data-theme="light"]) .cm.me{color:#1a1409}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .cm.me{color:#fff}}
.cm .t{display:block;font-size:11px;opacity:.62;margin-top:3px}
.cmsys{justify-self:center;font-size:12.3px;color:var(--faint);text-align:center;line-height:1.7;max-width:92%}
.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 12px}
.chips button{background:transparent;border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:13px;transition:.14s}
.chips button:hover{border-color:var(--gold);color:var(--gold)}
.chatin{border-top:1px solid var(--line);padding:11px 14px;display:flex;gap:9px;align-items:flex-end;background:var(--surface-2)}
.chatin textarea{min-height:38px;max-height:110px;padding:8px 12px;font-size:14.3px;border-radius:10px;line-height:1.7}
.chatin .send{background:var(--rubric);color:#fff;border:0;border-radius:10px;width:38px;height:38px;flex:0 0 auto;font-size:16px;display:grid;place-items:center}
:root[data-theme="dark"] .chatin .send,:root:not([data-theme="light"]) .chatin .send{color:#1a1409}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .chatin .send{color:#fff}}
.chatin .send:hover{background:var(--rubric-soft)}

/* ============ survey ============ */
.survey{max-width:800px}
.qgrp{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:20px 23px;margin-bottom:15px}
.qgrp > .gh{display:flex;flex-wrap:wrap;gap:9px;align-items:baseline;margin-bottom:4px}
.qgrp > .gh .num{font-family:"Amiri",serif;font-size:19px;color:var(--gold);line-height:1.4}
.qgrp > .gh h3{font-family:"Amiri",serif;font-size:20px}
.qgrp > .gs{font-size:13.5px;color:var(--faint);margin:0 0 16px;line-height:1.7}
.q{padding:15px 0;border-top:1px solid var(--line)}
.q:first-of-type{border-top:0;padding-top:4px}
.q > .ql{font-size:15px;font-weight:600;margin-bottom:3px;line-height:1.65}
.q > .qh{font-size:13.2px;color:var(--muted);margin-bottom:10px;line-height:1.75}
.opts{display:grid;gap:7px}
.opts.two{grid-template-columns:1fr 1fr}
.opts.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:660px){.opts.two,.opts.three{grid-template-columns:1fr}}
.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line-strong);border-radius:10px;padding:10px 13px;cursor:pointer;transition:.14s;background:var(--surface)}
.opt:hover{border-color:var(--gold);background:var(--surface-2)}
.opt input{margin:5px 0 0;accent-color:var(--rubric);width:16px;height:16px;flex:0 0 auto;cursor:pointer}
.opt .ot{font-size:14.5px;font-weight:500;line-height:1.6}
.opt .od{font-size:12.8px;color:var(--muted);line-height:1.65;margin-top:1px}
.opt:has(input:checked){border-color:var(--rubric);background:color-mix(in srgb,var(--rubric) 6%,var(--surface));box-shadow:inset 2px 0 0 var(--rubric)}
.progressbar{position:sticky;top:44px;z-index:40;background:var(--ground);padding:11px 0 13px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.progressbar .pt{display:flex;flex-wrap:wrap;gap:9px;align-items:baseline;justify-content:space-between;margin-bottom:8px;font-size:13.3px;color:var(--muted)}
.progressbar .pt b{color:var(--ink);font-weight:600}

/* ============ phone notification ============ */
.notifwrap{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin-bottom:24px}
@media(max-width:760px){.notifwrap{grid-template-columns:1fr;gap:20px}}
.phone{width:236px;border-radius:26px;background:var(--ink);padding:11px 9px 15px;box-shadow:0 8px 30px var(--shadow);justify-self:center}
.phone .scr{background:linear-gradient(160deg,#3b3226,#221d15);border-radius:19px;padding:26px 9px 22px;min-height:210px;display:flex;flex-direction:column;gap:9px}
.phone .tm{color:#efe8d8;text-align:center;font-family:"Amiri",serif;font-size:30px;line-height:1;opacity:.92}
.phone .dt2{color:#efe8d8;text-align:center;font-size:11px;opacity:.6;margin-top:-4px;margin-bottom:6px}
.notif{background:rgba(246,241,228,.94);border-radius:13px;padding:9px 11px;animation:drop .5s ease}
@keyframes drop{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}
.notif .nh{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#6f6553;margin-bottom:2px}
.notif .nh .ap{font-family:"Aref Ruqaa",serif;color:#a12e22;font-size:11.5px}
.notif .nt{font-size:12.3px;font-weight:700;color:#211c15;line-height:1.5}
.notif .nb{font-size:11.8px;color:#4a4235;line-height:1.6}

/* ============ admin desk ============ */
.desk{display:grid;grid-template-columns:255px minmax(0,1fr) 310px;gap:0;min-height:calc(100vh - 44px)}
@media(max-width:1180px){.desk{grid-template-columns:230px minmax(0,1fr)}.desk .dchat{grid-column:1/-1;border-inline-start:0;border-top:1px solid var(--line)}}
@media(max-width:820px){.desk{grid-template-columns:1fr}.desk .drepo{border-inline-end:0;border-bottom:1px solid var(--line)}}
.drepo{background:var(--surface-2);border-inline-end:1px solid var(--line);padding:18px 15px;overflow-y:auto}
.dmain{padding:22px 26px 60px;min-width:0;overflow-y:auto}
.dchat{background:var(--surface-2);border-inline-start:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.dsec{font-size:11.5px;letter-spacing:.1em;color:var(--faint);margin:0 0 9px}
.rf{display:block;width:100%;text-align:right;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 12px;margin-bottom:6px;transition:.14s}
.rf:hover{border-color:var(--line-strong)}
.rf .n{font-size:13.5px;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf .m{font-size:11.5px;color:var(--faint);margin-top:1px}
.rf.orig{background:color-mix(in srgb,var(--gold) 8%,var(--surface));border-color:color-mix(in srgb,var(--gold) 32%,transparent)}
.upbox{border:1.4px dashed var(--line-strong);border-radius:10px;padding:14px 10px;text-align:center;font-size:13px;color:var(--muted);margin-top:4px;cursor:pointer}
.upbox:hover{border-color:var(--gold);color:var(--gold)}

.ansgrid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:20px}
.ans{background:var(--surface);padding:9px 15px;display:grid;grid-template-columns:190px 1fr;gap:14px;font-size:14px}
@media(max-width:620px){.ans{grid-template-columns:1fr;gap:2px}}
.ans dt{color:var(--muted)}
.ans dd{margin:0;font-weight:500}
.ans.flag{background:color-mix(in srgb,var(--act) 7%,var(--surface))}
.ans.flag dd{color:var(--act);font-weight:600}

.picker{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}
.picker .ph{padding:9px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}
.picker .pl{max-height:250px;overflow-y:auto}
.pick{display:flex;gap:10px;align-items:flex-start;padding:9px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.pick:last-child{border-bottom:0}
.pick:hover{background:var(--surface-2)}
.pick input{margin:5px 0 0;accent-color:var(--rubric);width:15px;height:15px;flex:0 0 auto}
.pick .t{font-family:"Amiri",serif;font-size:16px;line-height:1.5}
.pick .a{font-size:12.3px;color:var(--faint)}
.pick .w{font-size:11.8px;color:var(--gold);margin-top:1px}
.pick .nocite{font-size:11px;color:var(--act);border:1px solid color-mix(in srgb,var(--act) 35%,transparent);border-radius:999px;padding:0 7px;margin-inline-start:6px}

.dchat .dh{padding:13px 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.dchat .dh h4{font-size:15px}
.dchat .dh p{font-size:12.3px;color:var(--faint);margin-top:1px}
.dchat .dl{flex:1;overflow-y:auto;padding:14px 16px;display:grid;gap:10px;align-content:start;min-height:230px}
.dchat .di{border-top:1px solid var(--line);padding:10px 13px;display:flex;gap:8px;align-items:flex-end;background:var(--surface)}
.dchat .di textarea{min-height:36px;max-height:100px;padding:7px 11px;font-size:14px;border-radius:9px}

/* inbox */
.inbox{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:900px}
.ib{background:var(--surface);padding:15px 19px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;text-align:right;width:100%;transition:.14s}
.ib:hover{background:var(--surface-2)}
.ib.new{box-shadow:inset 3px 0 0 var(--act)}
.ib h4{font-family:"Amiri",serif;font-size:18px;line-height:1.45}
.ib .m{font-size:13px;color:var(--muted);margin-top:2px}
.ib .m .mono{color:var(--faint)}
/* ============ structured question card ============ */
.card.qq{border-color:var(--act)}
.card.qq > header{background:color-mix(in srgb,var(--act) 8%,transparent);border-bottom-color:color-mix(in srgb,var(--act) 22%,transparent)}
.card.qq > header .kind{color:var(--act)}
.card.qa{border-color:color-mix(in srgb,var(--done) 40%,transparent)}
.card.qa > header{background:color-mix(in srgb,var(--done) 8%,transparent);border-bottom-color:color-mix(in srgb,var(--done) 22%,transparent)}
.card.qa > header .kind{color:var(--done)}
.qref{font-size:12.5px;color:var(--faint);margin-bottom:9px}
.wit.mini{padding:8px 12px}
.wit.mini .q{font-size:15.3px;line-height:1.85}
.answered{background:color-mix(in srgb,var(--done) 8%,transparent);border:1px solid color-mix(in srgb,var(--done) 30%,transparent);border-radius:10px;padding:11px 15px;margin-top:6px}
.answered .a1{font-size:14.6px;font-weight:600;line-height:1.7}
.answered .a2{font-size:12.8px;color:var(--muted);margin-top:3px}

/* ============ monitor ============ */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:13px;margin-bottom:24px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.kpi .k{font-size:12.3px;color:var(--faint);line-height:1.6}
.kpi .v{font-family:"Amiri",serif;font-size:28px;line-height:1.25;margin-top:2px;font-variant-numeric:tabular-nums}
.kpi .v small{font-size:15px;color:var(--muted)}
.kpi .d{font-size:12.3px;margin-top:3px}
.kpi .d.up{color:var(--done)}
.kpi .d.dn{color:var(--act)}
.kpi .d.flat{color:var(--faint)}

.feed{position:relative;padding-inline-start:0}
.fe{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.fe:last-child{border-bottom:0}
.fe .tm2{font-size:12.5px;color:var(--faint);text-align:start;padding-top:2px;font-variant-numeric:tabular-nums}
.fe .ln{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;min-width:0}
.fe .dot2{width:8px;height:8px;border-radius:50%;margin-top:8px;flex:0 0 auto}
.fe .tx{font-size:14.4px;line-height:1.75}
.fe .tx b{font-weight:600}
.fe .sub2{font-size:12.6px;color:var(--faint);margin-top:1px}
@media(max-width:600px){.fe{grid-template-columns:1fr;gap:2px}.fe .tm2{padding-top:0}}

.logtbl{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.logtbl th{text-align:right;font-size:11.8px;letter-spacing:.06em;color:var(--faint);font-weight:600;padding:8px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.logtbl td{padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.65}
.logtbl tr:last-child td{border-bottom:0}
.logtbl .who2{font-weight:600}
.logtbl .mu{color:var(--muted);font-size:13.2px}
.scrollx{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}

/* ============ individual plan ============ */
.planwrap{max-width:1000px;margin:0 auto;padding:44px 20px 80px}
.plangrid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}
@media(max-width:840px){.plangrid{grid-template-columns:1fr}}
.pcard{background:var(--surface);border:1px solid var(--line-strong);border-radius:15px;overflow:hidden}
.pcard > header{padding:24px 27px 20px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.pcard > header .eyebrow{font-family:"Aref Ruqaa",serif;color:var(--rubric);font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.pcard > header .eyebrow::before{content:"";width:22px;height:2px;background:var(--gold);border-radius:2px}
.pcard > header h2{font-family:"Amiri",serif;font-size:28px;line-height:1.35}
.pcard > header p{color:var(--muted);font-size:14.5px;margin-top:7px;line-height:1.8;max-width:52ch}
.pcard .pb{padding:22px 27px 26px}
.price{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid var(--line)}
.price .big2{font-family:"Amiri",serif;font-size:47px;line-height:1;font-variant-numeric:tabular-nums}
.price .big2 small{font-size:22px;color:var(--muted)}
.price .per{font-size:14px;color:var(--muted);line-height:1.7}
.incl{display:grid;gap:9px;margin-bottom:4px}
.incl li{list-style:none;display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14.7px;line-height:1.75}
.incl li .ck{color:var(--done);font-weight:700}
.incl li .no{color:var(--faint);font-weight:700}
.incl li.off{color:var(--muted)}
.incl li b{font-weight:600}
.sidecard{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:20px 22px;margin-bottom:15px}
.sidecard h4{font-family:"Amiri",serif;font-size:19px;margin-bottom:8px}
.sidecard p{font-size:14.2px;color:var(--muted);line-height:1.85}
.paybox{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:15px 18px;margin-top:16px;font-size:13.8px;color:var(--muted);line-height:1.8}
.paybox b{color:var(--ink)}

/* ============ account kinds on login ============ */
.kinds{display:grid;gap:8px}
.kind{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line-strong);border-radius:11px;padding:12px 15px;cursor:pointer;transition:.14s;background:var(--surface)}
.kind:hover{border-color:var(--gold);background:var(--surface-2)}
.kind input{margin:5px 0 0;accent-color:var(--rubric);width:17px;height:17px;flex:0 0 auto;cursor:pointer}
.kind .kt{display:block;font-size:15.3px;font-weight:600;line-height:1.6}
.kind .kd{display:block;font-size:13px;color:var(--muted);line-height:1.7;margin-top:1px}
.kind:has(input:checked){border-color:var(--rubric);background:color-mix(in srgb,var(--rubric) 6%,var(--surface));box-shadow:inset 2px 0 0 var(--rubric)}

/* ============ account type badges ============ */
.badge-ind,.badge-ins,.badge-dar{display:inline-block;font-size:11.3px;font-weight:600;border-radius:999px;padding:1px 9px;line-height:1.75;white-space:nowrap;border:1px solid}
.badge-ind{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.badge-ins{color:var(--done);border-color:color-mix(in srgb,var(--done) 45%,transparent);background:color-mix(in srgb,var(--done) 9%,transparent)}
.badge-dar{color:var(--rubric);border-color:color-mix(in srgb,var(--rubric) 45%,transparent);background:color-mix(in srgb,var(--rubric) 8%,transparent)}
.rail .house .badge-ind{margin-top:7px}

/* ============ individual notes ============ */
.indnote{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:20px 23px;margin-top:26px}
.indnote > h4{font-family:"Amiri",serif;font-size:20px;margin-bottom:14px}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:720px){.cmp{grid-template-columns:1fr;gap:18px}}
.cmpcol .ch{font-size:12px;letter-spacing:.08em;color:var(--faint);margin-bottom:9px}
.cmpcol ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.cmpcol li{display:grid;grid-template-columns:auto 1fr;gap:9px;font-size:14.4px;line-height:1.75;color:var(--ink)}
.cmpcol li b{font-weight:600}
.cmpcol .ck{color:var(--done);font-weight:700}
.cmpcol .no{color:var(--faint);font-weight:700}
.cmpnote{font-size:13.2px;color:var(--muted);margin-top:11px;line-height:1.75}

/* ============ admin accounts ============ */
.segf{display:flex;gap:3px;flex-wrap:wrap}
.segf button{background:transparent;border:1px solid var(--line-strong);color:var(--muted);font-size:13.3px;padding:4px 12px;border-radius:8px;transition:.14s}
.segf button:hover{color:var(--ink);background:var(--surface-2)}
.segf button.on{background:var(--surface);border-color:var(--rubric);color:var(--rubric);font-weight:600}
.logtbl.acct td{padding:11px 14px;font-size:13.8px}
.logtbl.acct .who2{font-size:14.6px}
.ctrlgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}
@media(max-width:760px){.ctrlgrid{grid-template-columns:1fr}}
.ctrl{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:19px 22px}
.ctrl h4{font-family:"Amiri",serif;font-size:19px;margin-bottom:12px}
.ctrl ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.ctrl li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14.3px;line-height:1.75}
.ctrl li b{font-weight:600}
.ctrl .ck{color:var(--gold)}
.ctrl .no{color:var(--act);font-weight:700}

.split{display:grid;gap:9px}
.sp{display:grid;grid-template-columns:1fr;gap:4px}
.spb{display:block;height:9px;border-radius:99px;min-width:14px}
.spl{font-size:13.2px;color:var(--muted)}

.bankgrid{display:grid;grid-template-columns:1fr 300px;gap:22px}
@media(max-width:720px){.bankgrid{grid-template-columns:1fr}}
.bankbox{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:15px 18px}
.bankbox .bl{font-size:11.5px;letter-spacing:.09em;color:var(--faint);margin-bottom:7px}

/* ============ تنسيقات التطبيق الحيّ ============ */
body.bare .auth{min-height:100vh}
a{color:inherit}
.rail .brand{text-decoration:none;display:block}
.rail nav a.navlink{display:block;width:100%;text-align:right;background:transparent;border:0;color:var(--muted);
  font-size:14.5px;padding:8px 11px;border-radius:8px;transition:.14s;text-decoration:none}
.rail nav a.navlink:hover{background:var(--surface-3);color:var(--ink)}
.rail nav a.navlink[aria-current="true"]{background:var(--surface);color:var(--rubric);font-weight:600;
  box-shadow:inset 2px 0 0 var(--rubric)}
.rail.admin .brand .ai{color:var(--rubric)}
.mutedlink{color:var(--faint);font-size:13px;text-decoration:none}
.mutedlink:hover{color:var(--rubric);text-decoration:underline}
a.bk,a.ib{text-decoration:none;color:inherit;display:block}
a.ib{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.ib{width:auto}
.sech{font-family:"Amiri",serif;font-size:21px;margin:26px 0 13px}
.sech .cnt{font-size:12px;background:var(--rubric);color:#fff;border-radius:999px;padding:0 8px;
  vertical-align:middle;font-weight:600}
.empty{background:var(--surface);border:1px dashed var(--line-strong);border-radius:13px;
  padding:34px 22px;text-align:center;color:var(--muted)}
.empty p{margin-bottom:14px;font-size:15px}
.flash{border-radius:10px;padding:11px 16px;font-size:14.4px;line-height:1.75;margin-bottom:16px;border:1px solid}
.flash.done{color:var(--done);border-color:color-mix(in srgb,var(--done) 40%,transparent);
  background:color-mix(in srgb,var(--done) 8%,transparent)}
.flash.wait{color:var(--wait);border-color:color-mix(in srgb,var(--wait) 45%,transparent);
  background:color-mix(in srgb,var(--wait) 8%,transparent)}
.flash.act{color:var(--act);border-color:color-mix(in srgb,var(--act) 42%,transparent);
  background:color-mix(in srgb,var(--act) 8%,transparent)}
.imp{position:fixed;inset-block-end:0;inset-inline:0;background:var(--rubric);color:#fff;
  text-align:center;font-size:13.5px;padding:7px 16px;z-index:300}
.faint{color:var(--faint);font-weight:400}

/* رفع الملفّ */
.drop{border:1.5px dashed var(--line-strong);border-radius:13px;background:var(--surface);padding:30px 22px;text-align:center;transition:.16s;cursor:pointer}
.drop:hover,.drop.hot{border-color:var(--gold);background:var(--surface-2)}
.drop .ic{font-family:"Amiri",serif;font-size:29px;color:var(--gold);line-height:1}
.drop .t{font-size:15.5px;font-weight:600;margin-top:8px}
.drop .s{font-size:13px;color:var(--faint);margin-top:3px}

/* مكتب العمل */
.desk2{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
@media(max-width:900px){.desk2{grid-template-columns:1fr}}
.dcol{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px 15px}
.dmain2{min-width:0}
.srcrow{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.4fr auto;gap:7px;margin-bottom:7px;align-items:center}
@media(max-width:1000px){.srcrow{grid-template-columns:1fr 1fr}}
.srcrow input,.srcrow select{padding:7px 10px;font-size:13.5px}
.srcrow .cite{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);white-space:nowrap}
.srcrow .cite input{width:15px;height:15px;accent-color:var(--rubric)}
.mu{color:var(--muted);font-size:13px}

/* الفواتير */
.bankgrid{display:grid;grid-template-columns:1fr 290px;gap:22px}
@media(max-width:720px){.bankgrid{grid-template-columns:1fr}}
.bankbox{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:15px 18px}
.bankbox .bl{font-size:11.5px;letter-spacing:.09em;color:var(--faint);margin-bottom:7px}

/* بطاقات الأسئلة */
.card.qq{border-color:var(--act)}
.card.qq > header{background:color-mix(in srgb,var(--act) 8%,transparent);border-bottom-color:color-mix(in srgb,var(--act) 22%,transparent)}
.card.qq > header .kind{color:var(--act)}
.card.qa{border-color:color-mix(in srgb,var(--done) 40%,transparent)}
.card.qa > header{background:color-mix(in srgb,var(--done) 8%,transparent);border-bottom-color:color-mix(in srgb,var(--done) 22%,transparent)}
.card.qa > header .kind{color:var(--done)}
.qref{font-size:12.5px;color:var(--faint);margin-bottom:9px}
.wit.mini{padding:8px 12px}
.wit.mini .q{font-size:15.3px;line-height:1.85}
.answered{background:color-mix(in srgb,var(--done) 8%,transparent);border:1px solid color-mix(in srgb,var(--done) 30%,transparent);border-radius:10px;padding:11px 15px;margin-top:6px}
.answered .a1{font-size:14.6px;font-weight:600;line-height:1.7}
.answered .a2{font-size:12.8px;color:var(--muted);margin-top:3px}
.qform{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;max-width:900px}
.witrow{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 60px 70px auto;gap:7px;margin-bottom:7px;align-items:center}
.witrow .wfull{grid-column:1/-1}
.witrow input,.witrow select{padding:7px 9px;font-size:13.3px}
.witrow input:disabled{opacity:.4}
.witrow .cite{display:flex;gap:5px;align-items:center;font-size:12px;color:var(--muted);white-space:nowrap}
.witrow .cite input{width:14px;height:14px;accent-color:var(--rubric)}
@media(max-width:900px){.witrow{grid-template-columns:1fr 1fr}}

/* المراقبة والجودة */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:13px;margin-bottom:24px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.kpi .k{font-size:12.3px;color:var(--faint);line-height:1.6}
.kpi .v{font-family:"Amiri",serif;font-size:28px;line-height:1.25;margin-top:2px;font-variant-numeric:tabular-nums}
.kpi .v small{font-size:15px;color:var(--muted)}
.kpi .d{font-size:12.3px;margin-top:3px;line-height:1.6}
.kpi .d.up{color:var(--done)} .kpi .d.dn{color:var(--act)} .kpi .d.flat{color:var(--faint)}
.feed .fe{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.feed .fe:last-child{border-bottom:0}
.fe .tm2{font-size:12.3px;color:var(--faint);text-align:start;padding-top:2px;font-variant-numeric:tabular-nums}
.fe .ln{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;min-width:0}
.fe .dot2{width:8px;height:8px;border-radius:50%;margin-top:8px;flex:0 0 auto;display:block}
.fe .tx{font-size:14.4px;line-height:1.75}
.fe .sub2{font-size:12.6px;color:var(--faint);margin-top:1px}
@media(max-width:640px){.feed .fe{grid-template-columns:1fr;gap:2px}.fe .tm2{padding-top:0}}
.ctrl{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:19px 22px}
.ctrl h4{font-family:"Amiri",serif;font-size:19px;margin-bottom:12px}
.ctrl ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.ctrl li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14.3px;line-height:1.75}
.ctrl .ck{color:var(--gold)} .ctrl .no{color:var(--act);font-weight:700}
.cmpnote{font-size:13.2px;color:var(--muted);margin-top:11px;line-height:1.75}