/* هوية المحامي طلال الصقيري — مبنية على شعاره: كحلي عميق وذهب عتيق
   html[data-brand="talal"] = هوية المكتب (الافتراضية)، html[data-brand="qus"] = الهوية الفاتحة على نمط منصة قُس */

html[data-brand="talal"]{
  --paper:#0F1F27; --paper-raised:#162B35; --paper-sunken:#0B1820;
  --ink-900:#F4EEE3; --ink-700:#D6D0C4; --ink-500:#9CA9AD; --ink-300:#62757D; --ink-200:#24404B;
  --gold-900:#EDD7AE; --gold-700:#CDAA74; --gold-600:#BE9A63; --gold-500:#CDAA74; --gold-400:#B8975F; --gold-200:#3A4A42; --gold-100:#1E3436;
  --success:#78BC8D; --success-bg:#16312A; --danger:#E8896C; --danger-bg:#3A2622; --info:#82B8DB; --info-bg:#153145; --warn:#E6C06C; --warn-bg:#342E1B;
  --navy-900:#0A1A22; --navy-700:#2C5D78; --navy-500:#6FA2C0; --navy-100:#18323F;
  --shadow-card:0 1px 2px rgba(0,0,0,.25),0 12px 28px -16px rgba(0,0,0,.6);
  --shadow-pop:0 6px 14px rgba(0,0,0,.3),0 24px 50px -18px rgba(0,0,0,.7);
  --field:#0E212A; --on-gold:#10212A;
}
html[data-brand="talal"] body{background:radial-gradient(1100px 560px at 90% -8%,rgba(205,170,116,.09),transparent 62%),var(--paper);background-attachment:fixed}
html[data-brand="talal"] .banner{color:var(--info)}
html[data-brand="talal"] .tag.navy{color:var(--navy-500)}
html[data-brand="talal"] .case-hero{background:linear-gradient(160deg,#0A1A22,#1D4054);border:1px solid var(--gold-200)}
html[data-brand="talal"] .modal-overlay{background:rgba(3,10,14,.7)}
html[data-brand="talal"] .field input[type=date],html[data-brand="talal"] .field input[type=time]{color-scheme:dark}
html[data-brand="talal"] .greet h1,html[data-brand="talal"] .page-head h1{color:var(--ink-900)}
html[data-brand="talal"] .stat-tile b{color:var(--gold-900)}
body{transition:background-color .25s}

/* الشعار: النسخة المناسبة لكل هوية */
html[data-brand="talal"] .lg-l,html:not([data-brand="talal"]) .lg-d{display:none!important}

/* الشريط العلوي */
.brand-logo{display:flex;align-items:center;min-width:0}
.brand-logo .tb-logo{height:50px;width:auto}
.brand-logo .tb-word{display:none;height:42px;width:auto}
@media (max-width:560px){.brand-logo .tb-logo{display:none!important}html[data-brand="talal"] .brand-logo .tb-word.lg-d,html:not([data-brand="talal"]) .brand-logo .tb-word.lg-l{display:block}}
.tb-end{display:flex;align-items:center;gap:8px;flex:none}
.brand-switch{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:999px;border:1px solid var(--ink-200);background:var(--paper-raised);font-size:12px;font-weight:700;color:var(--gold-700)}
.brand-switch:hover{border-color:var(--gold-500)}
.brand-switch .ico{width:17px;height:17px}
@media (max-width:420px){.brand-switch span{display:none}.brand-switch{width:38px;padding:0;justify-content:center}}
.loading .mark,.auth-card .mark{width:110px;height:auto}

/* تجربة الصلاحيات */
.as-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.as-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--ink-200);background:var(--paper-raised);text-align:start;min-height:52px}
.as-user b{display:block;font-size:13px;color:var(--ink-900)}
.as-user i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-500);margin-top:2px}
.as-user.on{border-color:var(--gold-500);background:var(--gold-100)}

.back-link{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--gold-700);margin-bottom:8px}
.back-link .ico{width:15px;height:15px}
.amt{font-size:14px;color:var(--ink-900);white-space:nowrap}

/* ===== المحرر + المعاينة ===== */
.ed-grid{display:grid;gap:20px;align-items:start;grid-template-columns:minmax(0,1fr)}
.ed-grid>*,.post-card{min-width:0}
@media (min-width:1000px){.ed-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.ed-prev{position:sticky;top:16px}}
.ed-form .card{margin-bottom:16px}
.prev-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--ink-500);margin-bottom:8px}
.fitwrap{position:relative;overflow:hidden;width:100%}
.fitwrap>*{transform-origin:top right}
.ed-prev .fitwrap{border-radius:6px;box-shadow:var(--shadow-pop)}
.it-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.it-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 96px 38px;gap:6px;align-items:start}
.it-row textarea,.it-row input{border:1.5px solid var(--ink-200);border-radius:10px;padding:9px 10px;font-size:13.5px;background:var(--field);color:var(--ink-900);width:100%;min-width:0;resize:none;line-height:1.5;font-family:inherit;overflow:hidden}
.it-row input{text-align:center}
.it-row textarea:focus,.it-row input:focus{border-color:var(--gold-500);outline:none}
@media (max-width:420px){.it-row{grid-template-columns:minmax(0,1fr) 50px 80px 38px}}
.ed-total{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--gold-100);color:var(--gold-900);font-weight:700;font-size:13px}
.ed-total b{font-family:var(--font-display);font-size:20px}
.ag-wrap{max-width:820px}
.ag-wrap .fitwrap{box-shadow:var(--shadow-pop);border-radius:6px}

/* ===== المستند A4 (عرض سعر، فاتورة، اتفاقية) ===== */
.doc{--band:#13262F;--bandtx:#F3EEE3;--goldb:#CDAA74;--dg:#A9834C;--dk:#13262F;--ln:#E7E0D3;
  width:794px;min-height:1123px;background:#fff;color:#27323A;font-family:var(--font-sans);font-size:13px;line-height:1.7;display:flex;flex-direction:column;text-align:start}
html:not([data-brand="talal"]) .doc{--band:#F3ECDE;--bandtx:#2C2722;--goldb:#96703A;--dg:#96703A;--dk:#2C2722;--ln:#E8DFCE}
.doc h1,.doc h4{margin:0}
.d-band{background:var(--band);padding:24px 48px;display:flex;justify-content:center;border-bottom:4px solid var(--dg)}
.d-logo{height:82px;width:auto}
.d-rule{display:none}
.d-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px 48px 16px;border-bottom:1px solid var(--ln)}
.d-kick{font-size:12px;color:var(--dg);font-weight:700}
.d-head h1{font-family:var(--font-display);font-weight:900;font-size:34px;color:var(--dk);line-height:1.3;margin-top:4px}
.d-meta{display:grid;grid-template-columns:auto auto;gap:2px 14px;font-size:12px;white-space:nowrap}
.d-meta div{display:contents}
.d-meta span{color:#857F73}
.d-meta b{color:var(--dk);font-weight:700}
.d-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 48px 0}
.d-parties>div{border:1px solid var(--ln);border-top:3px solid var(--dg);border-radius:10px;padding:10px 16px 12px}
.d-lbl{display:block;font-size:11px;color:var(--dg);font-weight:700}
.d-parties b{display:block;font-family:var(--font-display);font-size:16px;color:var(--dk);line-height:1.45;margin-top:2px}
.d-parties p{font-size:12px;color:#5F6668;margin-top:2px;line-height:1.65}
.d-subj{margin:14px 48px 0;padding:9px 16px;background:#F7F3EA;border-radius:8px;font-weight:700;color:var(--dk);line-height:1.6}
.d-subj span{color:var(--dg);margin-inline-end:12px;font-size:12px}
.d-tbl{width:calc(100% - 96px);margin:16px 48px 0;border-collapse:collapse;font-size:12.5px}
.d-tbl th{background:var(--band);color:var(--bandtx);font-weight:700;padding:9px 10px;text-align:start;font-size:12px}
.d-tbl th:first-child{border-radius:0 8px 8px 0}.d-tbl th:last-child{border-radius:8px 0 0 8px}
.d-tbl td{padding:9px 10px;border-bottom:1px solid var(--ln);vertical-align:top;line-height:1.6}
.d-tbl .n{width:34px;text-align:center;color:#8A8578}
.d-tbl .c{width:58px;text-align:center}
.d-tbl .m{width:104px;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}
.d-tbl td.ph,.doc .ph{color:#B3AB9C;text-align:center;font-style:normal}
.d-low{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:28px;padding:16px 48px 0;align-items:start}
.d-box{margin-bottom:12px}
.d-box h4{font-family:var(--font-sans);font-size:12px;color:var(--dg);font-weight:700;margin-bottom:3px}
.d-box ul{margin:0;padding-inline-start:16px;font-size:12px;color:#4A5154;line-height:1.75}
.d-box p{font-size:12px;color:#4A5154;line-height:1.75}
.d-box .iban{font-weight:700;letter-spacing:.4px;color:var(--dk)}
.d-note{font-size:11.5px;color:#7A7468;line-height:1.7}
.d-tot>div{display:flex;justify-content:space-between;gap:10px;padding:6px 2px;border-bottom:1px dashed var(--ln);font-size:12.5px}
.d-tot>div span{color:#5F6668}
.d-tot>div b{font-variant-numeric:tabular-nums;color:var(--dk)}
.d-tot .g{background:var(--band);border-radius:9px;padding:11px 14px;margin:6px 0;border:none;align-items:center}
.d-tot .g span{color:var(--bandtx);font-weight:700;font-size:12px}
.d-tot .g b{font-family:var(--font-display);font-size:21px;color:var(--goldb)}
.d-tot .g small{font-size:12px}
.d-tot .rest b{color:#B5532F}
.d-qr{width:104px;margin-top:12px}
.d-qr svg{width:100%;height:auto;display:block}
.d-sign{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:30px 48px 0;margin-top:auto}
.d-sign>div:not(.stamp){flex:1;text-align:center;font-size:12px;color:#857F73}
.d-sign>div b{display:block;font-size:13px;color:var(--dk);margin-top:2px}
.d-sign i{display:block;height:46px;border-bottom:1px solid #BDB5A6}
.d-sign .stamp{width:104px;height:104px;border:1.5px dashed #D3CAB9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#BDB4A3;font-size:12px;flex:none}
.d-foot{margin-top:26px;padding:13px 48px 15px;background:var(--band);color:var(--bandtx);display:flex;justify-content:center;align-items:center;gap:12px;font-size:11.5px;flex-wrap:wrap}
.d-foot i{width:5px;height:5px;background:var(--goldb);transform:rotate(45deg)}
.d-head.ag{justify-content:center;text-align:center}
.ag-intro{padding:16px 48px 0;font-size:13px;line-height:1.85;color:#3A454B}
.ag-cl{list-style:none;margin:10px 48px 0;padding:0}
.ag-cl li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--ln)}
.ag-cl span{color:var(--dg);font-weight:700;font-family:var(--font-display);font-size:13.5px}
.ag-cl p{margin:0;font-size:13px;line-height:1.85;text-wrap:pretty}
.ag-cl b{color:var(--dk)}

/* ===== منشور النص النظامي (1080 بكسل) ===== */
.post{position:relative;overflow:hidden;font-family:var(--font-sans);line-height:1.6;padding:82px 104px 0;--k:1;color:var(--pi);flex:none;text-align:start}
.post.t-talal{--pb:#16303B;--pb2:#0B1A21;--pi:#F3EEE3;--ps:#9FADB1;--pa:#CDAA74;--pline:rgba(205,170,116,.45);--pcard:rgba(255,255,255,.055)}
.post.t-ivory{--pb:#FCF8F0;--pb2:#EEE2CA;--pi:#1C2A30;--ps:#6B655B;--pa:#9A733D;--pline:rgba(154,115,61,.42);--pcard:rgba(255,255,255,.62)}
.post.t-white{--pb:#FFFFFF;--pb2:#F1ECE3;--pi:#13262F;--ps:#6B6F70;--pa:#A88148;--pline:rgba(19,38,47,.22);--pcard:#F5F1EA}
.post .pbg,.post .pgr{position:absolute;inset:0;pointer-events:none}
.post .pbg{background:radial-gradient(120% 90% at 70% 10%,var(--pb) 0%,var(--pb2) 100%)}
.post .pgr{opacity:.55;mix-blend-mode:multiply;background-size:420px 420px;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.post.t-talal .pgr{mix-blend-mode:screen;opacity:.35}
.post .pframe{position:absolute;inset:42px;border:2px solid var(--pline);pointer-events:none}
.post .pframe::before{content:"";position:absolute;inset:10px;border:1px solid var(--pline)}
.post .pframe i{position:absolute;width:18px;height:18px;background:var(--pa);transform:rotate(45deg)}
.post .pframe i:nth-child(1){top:-10px;right:-10px}.post .pframe i:nth-child(2){top:-10px;left:-10px}
.post .pframe i:nth-child(3){bottom:-10px;right:-10px}.post .pframe i:nth-child(4){bottom:-10px;left:-10px}
.post .pc{position:relative}
.post .plogo{display:block;width:calc(400px + 180px * var(--k));max-width:100%;height:auto;margin:0 auto}
.post .phrow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:calc(34px * var(--k))}
.post .pkick{display:flex;align-items:center;gap:14px;font-size:calc(27px * var(--k));font-weight:700;color:var(--pa);line-height:1.5}
.post .pdia{width:13px;height:13px;background:var(--pa);transform:rotate(45deg);flex:none}
.post .part{padding:4px 22px;border-radius:999px;border:2px solid var(--pa);color:var(--pa);font-family:var(--font-display);font-weight:700;font-size:calc(24px * var(--k));line-height:1.6;white-space:nowrap;flex:none}
.post .ptitle{font-family:var(--font-display);font-weight:900;font-size:calc(80px * var(--k));line-height:1.3;margin-top:calc(14px * var(--k));color:var(--pi);text-wrap:balance}
.post .pquote{position:relative;margin-top:calc(28px * var(--k));padding:calc(26px * var(--k)) 36px;background:var(--pcard);border-right:6px solid var(--pa);font-family:var(--font-display);font-weight:500;font-size:calc(38px * var(--k));line-height:1.75}
.post .pquote::before{content:"\201D";position:absolute;top:calc(-30px * var(--k));left:20px;font-family:var(--font-display);font-size:calc(130px * var(--k));line-height:1;color:var(--pa);opacity:.4}
.post .ppts{margin-top:calc(32px * var(--k));display:flex;flex-direction:column;gap:calc(20px * var(--k))}
.post .ppt{display:flex;gap:18px;align-items:flex-start;font-size:calc(30px * var(--k));font-weight:500;line-height:1.6;text-wrap:pretty}
.post .ppt b{flex:none;width:calc(50px * var(--k));height:calc(50px * var(--k));border-radius:50%;background:var(--pa);color:var(--pb);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:calc(24px * var(--k));margin-top:calc(2px * var(--k))}
.post .ppt strong{color:var(--pa);font-weight:700}
.post .psrc{position:absolute;left:104px;right:104px;bottom:74px;text-align:center;font-size:19.5px;font-weight:500;color:var(--ps);line-height:1.55}
.post.s-story{padding-top:170px}
.post.s-story .psrc{bottom:130px}
.post.s-square{padding-top:72px}
.post.s-square .plogo{width:calc(320px + 140px * var(--k))}
.post-export{position:fixed;top:0;left:0;opacity:0;pointer-events:none;z-index:-1}

.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.post-card{display:block;background:var(--paper-raised);border:1px solid var(--ink-200);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card)}
.post-card:hover{border-color:var(--gold-400);box-shadow:var(--shadow-pop)}
.pc-meta{padding:10px 12px}
.pc-meta b{display:block;font-size:13.5px;color:var(--ink-900);line-height:1.5}
.pc-meta span{display:block;font-size:11.5px;color:var(--ink-500);margin-top:2px}
.seg-pick{display:flex;flex-wrap:wrap;gap:6px}
.seg-pick button{padding:8px 14px;border-radius:999px;border:1.5px solid var(--ink-200);font-size:12.5px;font-weight:700;color:var(--ink-500);background:var(--field);min-height:38px}
.seg-pick button.on{border-color:var(--gold-500);background:var(--gold-100);color:var(--gold-900)}
.post-ed .ed-prev .fitwrap{max-width:560px;margin-inline-start:auto;margin-inline-end:auto}

/* ===== الطباعة ===== */
#printRoot{display:none}
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important}
  body.printing>*:not(#printRoot){display:none!important}
  body.printing #printRoot{display:block}
  #printRoot .doc{transform:none!important;width:210mm;min-height:297mm;box-shadow:none}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}