/* =====================================================================
   dzadmin — الصفحة العامة لشركة (/software/invoicing/<slug>): التعريف، الخدمات والأسعار، طلب عرض سعر ومتابعته،
   فضاء الزبون — وصفحة الوثيقة برابطها السرّي (.ic-docpage). الألوان والخط من متغيّرات --s-* المحقونة.
   القوالب: t-pro · t-clean · t-modern · t-classic · t-night — الخلفية: bg-light · bg-soft · bg-dark — الزوايا: r-sharp · r-soft · r-round
   ===================================================================== */
*{box-sizing:border-box}
:root{
  --ic-bg:#fff;--ic-surface:#fff;--ic-surface2:#f5f7fc;--ic-ink:#0f172a;--ic-ink2:#334155;--ic-muted:#64748b;--ic-line:#e3e8f2;
  --ic-r:18px;--ic-r-sm:12px;--ic-btn-r:12px;
  --ic-sh:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.07);
  --ic-sh-lg:0 24px 60px rgba(15,23,42,.2);
  --ic-wrap:1140px;
  --ic-soft:rgba(var(--s-primary-rgb),.08);--ic-soft2:rgba(var(--s-primary-rgb),.16);
  --ic-head-bg:rgba(255,255,255,.92);
  --ic-ok:#15803d;--ic-ok-bg:#dcfce7;--ic-warn:#b45309;--ic-warn-bg:#fef3c7;--ic-bad:#b91c1c;--ic-bad-bg:#fee2e2;--ic-info:#1d4ed8;--ic-info-bg:#dbeafe;
}
body.bg-soft,body.t-pro{--ic-bg:color-mix(in srgb,var(--s-primary) 4%,#f7f8fd);--ic-surface2:#fff}
body.t-clean{--ic-bg:#fff;--ic-surface2:color-mix(in srgb,var(--s-accent) 6%,#fff);--ic-btn-r:999px}
body.bg-dark,body.t-night{--ic-bg:#0b0d1c;--ic-surface:#13162b;--ic-surface2:#101326;--ic-ink:#e8edf6;--ic-ink2:#c4ccdd;--ic-muted:#8a95ab;--ic-line:#232842;
  --ic-sh:0 1px 2px rgba(0,0,0,.45),0 10px 30px rgba(0,0,0,.4);--ic-sh-lg:0 24px 60px rgba(0,0,0,.6);--ic-head-bg:rgba(15,17,34,.9);
  --ic-soft:rgba(var(--s-primary-rgb),.18);--ic-soft2:rgba(var(--s-primary-rgb),.3);
  --ic-ok:#86efac;--ic-ok-bg:#12331f;--ic-warn:#fcd34d;--ic-warn-bg:#3a2a07;--ic-bad:#fca5a5;--ic-bad-bg:#3a1517;--ic-info:#93c5fd;--ic-info-bg:#172554;color-scheme:dark}
body.r-sharp{--ic-r:4px;--ic-r-sm:3px;--ic-btn-r:4px}
body.r-round{--ic-r:26px;--ic-r-sm:18px;--ic-btn-r:999px}
body.t-classic{--ic-btn-r:6px}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:100px}
body{margin:0;font-family:var(--s-font);background:var(--ic-bg);color:var(--ic-ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;text-align:start}
body.ic-lock{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--s-primary);outline-offset:2px}
::selection{background:var(--s-primary);color:var(--s-on-primary)}
[hidden]{display:none !important}
[dir=rtl] .ic-flip{transform:scaleX(-1)}
bdi{unicode-bidi:isolate}
.ic-wrap{max-width:var(--ic-wrap);margin:0 auto;padding:0 20px}
.ic-muted{color:var(--ic-muted)}
.ic-center{text-align:center}
.ic-small{font-size:.84rem}
.ic-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- الأزرار ---------- */
.ic-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--ic-btn-r);border:1px solid transparent;cursor:pointer;
  font-weight:800;font-size:.95rem;white-space:nowrap;background:var(--s-primary);color:var(--s-on-primary);box-shadow:0 6px 18px rgba(var(--s-primary-rgb),.28);transition:filter .15s,transform .12s}
.ic-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.ic-btn.sm{height:38px;padding:0 14px;font-size:.86rem}
.ic-btn.lg{height:54px;padding:0 26px;font-size:1.02rem}
.ic-btn.block{width:100%}
.ic-btn.ghost{background:var(--ic-surface);color:var(--ic-ink);border-color:var(--ic-line);box-shadow:none}
.ic-btn.ghost:hover{border-color:var(--s-primary);color:var(--s-primary)}
.ic-btn.light{background:#fff;color:#0f172a}
.ic-btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);box-shadow:none}
.ic-btn.ok,.ic-copy.ok{background:#16a34a;color:#fff}

/* ---------- الأشرطة والرأس ---------- */
.ic-ownerbar{background:#0f172a;color:#e2e8f0;font-size:.82rem}
.ic-ownerbar .ic-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px}
.ic-ownerbar i{color:#a5b4fc;margin-inline-end:4px}
.ic-ownerbar a{color:#fff;font-weight:700;background:rgba(255,255,255,.12);padding:4px 12px;border-radius:999px;white-space:nowrap}
.ic-announce{background:var(--s-accent);color:var(--s-on-accent);text-align:center;font-size:.86rem;font-weight:700;padding:8px 16px}
.ic-announce i{margin-inline-end:6px;opacity:.85}
.ic-head{position:sticky;top:0;z-index:40;background:var(--ic-head-bg);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--ic-line)}
body.t-modern .ic-head{background:var(--s-primary);color:var(--s-on-primary);border-bottom:0}
body.t-modern .ic-brand-txt small{color:inherit;opacity:.8}
body.t-modern .ic-nav a{color:inherit;opacity:.88}
body.t-modern .ic-nav a:hover,body.t-modern .ic-nav a.on{background:rgba(255,255,255,.16);color:inherit;opacity:1}
body.t-modern .ic-icon,body.t-modern .ic-lang summary{background:rgba(255,255,255,.14);border-color:transparent;color:inherit}
body.t-modern .ic-top-cta{background:var(--s-accent);color:var(--s-on-accent)}
.ic-head-in{display:flex;align-items:center;gap:16px;min-height:72px}
.ic-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:none;max-width:44%}
.ic-brand img{width:48px;height:48px;object-fit:contain;border-radius:var(--ic-r-sm);background:#fff;flex:none}
.ic-mono{width:48px;height:48px;border-radius:var(--ic-r-sm);display:grid;place-items:center;font-size:1.25rem;flex:none;color:var(--s-on-primary);
  background:linear-gradient(135deg,var(--s-primary),var(--s-accent));box-shadow:0 6px 16px rgba(var(--s-primary-rgb),.3)}
.ic-brand-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ic-brand-txt b{font-size:1.1rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-brand-txt small{color:var(--ic-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}
.ic-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.ic-dot.on{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.ic-dot.off{background:#ef4444}
.ic-nav{flex:1;display:flex;gap:2px;justify-content:center;overflow:hidden}
.ic-nav a{padding:10px 13px;border-radius:999px;font-weight:700;font-size:.92rem;color:var(--ic-ink2);white-space:nowrap}
.ic-nav a:hover,.ic-nav a.on{background:var(--ic-soft);color:var(--s-primary)}
.ic-actions{display:flex;align-items:center;gap:8px;flex:none;margin-inline-start:auto}
.ic-icon{width:44px;height:44px;border-radius:999px;border:1px solid var(--ic-line);background:var(--ic-surface);display:inline-grid;place-items:center;cursor:pointer;font-size:1rem;flex:none}
.ic-icon:hover{background:var(--ic-soft)}
.ic-burger{display:none}
.ic-lang{position:relative}
.ic-lang summary{list-style:none;cursor:pointer;height:44px;padding:0 13px;border-radius:999px;border:1px solid var(--ic-line);background:var(--ic-surface);display:flex;align-items:center;gap:7px;font-weight:700;font-size:.82rem}
.ic-lang summary::-webkit-details-marker{display:none}
.ic-lang-list{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:200px;max-height:70vh;overflow:auto;background:var(--ic-surface);color:var(--ic-ink);border:1px solid var(--ic-line);border-radius:14px;box-shadow:var(--ic-sh-lg);padding:6px;display:grid}
.ic-lang-list a{display:flex;justify-content:space-between;gap:10px;padding:8px 11px;border-radius:9px;font-weight:600;font-size:.9rem}
.ic-lang-list a:hover,.ic-lang-list a.on{background:var(--ic-soft);color:var(--s-primary)}
.ic-lang-list small{color:var(--ic-muted);font-weight:800;font-size:.7rem}
@media (max-width:980px){
  .ic-nav{display:none}
  .ic-burger{display:inline-grid}
  .ic-brand{max-width:none;flex:1}
  .ic-top-cta span{display:none}
  .ic-top-cta{width:44px;padding:0}
}
@media (max-width:520px){.ic-lang summary span{display:none}.ic-lang summary{padding:0;width:44px;justify-content:center}.ic-head-in{gap:8px}}

/* القائمة الجانبية على الهاتف */
.ic-drawer{position:fixed;inset:0;z-index:90;background:rgba(2,6,23,.5);display:flex;justify-content:flex-start}
.ic-drawer-panel{width:min(320px,86vw);height:100%;background:var(--ic-surface);padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--ic-sh-lg);overflow:auto}
.ic-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ic-drawer-nav{display:grid;gap:4px}
.ic-drawer-nav a{padding:12px 14px;border-radius:12px;font-weight:700}
.ic-drawer-nav a.on,.ic-drawer-nav a:not(.ic-btn):hover{background:var(--ic-soft);color:var(--s-primary)}
.ic-drawer-nav .ic-btn{margin-top:10px}
.ic-drawer-reqs{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--ic-line)}
.ic-drawer-reqs a{font-weight:800;color:var(--s-primary)}

/* ---------- التنبيهات ---------- */
.ic-main{min-height:50vh}
.ic-alert{margin:16px 0;padding:12px 16px;border-radius:var(--ic-r-sm);font-weight:600;font-size:.92rem}
.ic-alert.ok{background:var(--ic-ok-bg);color:var(--ic-ok)}
.ic-alert.err{background:var(--ic-bad-bg);color:var(--ic-bad)}
.ic-alert.warn{background:var(--ic-warn-bg);color:var(--ic-warn)}
.ic-alert.info{background:var(--ic-info-bg);color:var(--ic-info)}
.ic-alert a{font-weight:800;text-decoration:underline}
.ic-alert i{margin-inline-end:6px}

/* ---------- الواجهة ---------- */
.ic-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:radial-gradient(circle at 12% -10%,rgba(255,255,255,.2),transparent 45%),linear-gradient(125deg,color-mix(in srgb,var(--s-primary) 85%,#000),var(--s-primary) 55%,color-mix(in srgb,var(--s-primary) 50%,var(--s-accent)))}
.ic-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ic-hero.has-cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(2,6,23,.82),rgba(2,6,23,.45))}
.ic-hero-in{padding:72px 20px 64px;max-width:var(--ic-wrap)}
.ic-eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.86rem;background:rgba(255,255,255,.14);padding:6px 14px;border-radius:999px}
.ic-hero h1{margin:16px 0 10px;font-size:clamp(1.8rem,4.4vw,3rem);line-height:1.15;max-width:760px}
.ic-hero p{margin:0 0 24px;font-size:1.1rem;opacity:.92;max-width:640px}
.ic-hero-cta{display:flex;flex-wrap:wrap;gap:10px}
.ic-hero .ic-btn{background:#fff;color:#0f172a;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.ic-hero .ic-btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4)}
.ic-trust{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:600;font-size:.9rem;opacity:.9}
.ic-trust i{margin-inline-end:6px}
body.t-clean .ic-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--s-primary) 9%,#fff),#fff);color:var(--ic-ink)}
body.t-clean .ic-hero .ic-eyebrow{background:var(--ic-soft);color:var(--s-primary)}
body.t-clean .ic-hero .ic-btn{background:var(--s-primary);color:var(--s-on-primary)}
body.t-clean .ic-hero .ic-btn.ghost{background:#fff;color:var(--ic-ink);border-color:var(--ic-line)}
body.t-clean .ic-hero.has-cover{color:#fff}
body.t-classic .ic-hero-in{text-align:center;margin:0 auto}
body.t-classic .ic-hero h1,body.t-classic .ic-hero p{margin-inline:auto}
body.t-classic .ic-hero-cta,body.t-classic .ic-trust{justify-content:center}

.ic-section{padding:56px 0}
.ic-section.alt{background:var(--ic-surface2);border-block:1px solid var(--ic-line)}
.ic-sec-head{margin-bottom:24px}
.ic-sec-head h2,.ic-about h2{margin:0 0 6px;font-size:1.7rem}
.ic-sec-head p{margin:0;color:var(--ic-muted)}
.ic-about{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.ic-text{color:var(--ic-ink2);font-size:1.02rem;line-height:1.8}
.ic-facts{list-style:none;margin:0;padding:18px;border-radius:var(--ic-r);background:var(--ic-surface);border:1px solid var(--ic-line);box-shadow:var(--ic-sh);display:grid;gap:12px}
.ic-facts li{display:flex;gap:10px;align-items:baseline}
.ic-facts i{color:var(--s-primary);width:18px;text-align:center}
@media (max-width:820px){.ic-about{grid-template-columns:minmax(0,1fr)}}
.ic-cat{margin:22px 0 10px;font-size:1.05rem;color:var(--s-primary)}
.ic-cat.sm{font-size:.92rem;margin:14px 0 8px}
.ic-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.ic-service{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--ic-r);background:var(--ic-surface);border:1px solid var(--ic-line);box-shadow:var(--ic-sh)}
.ic-service-ico{width:44px;height:44px;flex:none;border-radius:var(--ic-r-sm);display:grid;place-items:center;background:var(--ic-soft);color:var(--s-primary)}
.ic-service-body{flex:1;min-width:0}
.ic-service-body h4{margin:0 0 4px;font-size:1rem}
.ic-service-body p{margin:0;color:var(--ic-muted);font-size:.88rem}
.ic-service-end{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none;text-align:end}
.ic-price{font-size:1.05rem;color:var(--s-primary);white-space:nowrap}
.ic-price small{color:var(--ic-muted);font-weight:600;font-size:.76rem}
@media (max-width:420px){.ic-services{grid-template-columns:minmax(0,1fr)}.ic-service{flex-wrap:wrap}.ic-service-end{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}
.ic-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ic-steps li{padding:20px;border-radius:var(--ic-r);background:var(--ic-surface);border:1px solid var(--ic-line);display:flex;flex-direction:column;gap:6px}
.ic-steps small{color:var(--ic-muted)}
.ic-step-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ic-soft);color:var(--s-primary);font-size:1.1rem;margin-bottom:6px}
@media (max-width:760px){.ic-steps{grid-template-columns:minmax(0,1fr)}}
.ic-cta{padding:56px 0;text-align:center;color:#fff;background:linear-gradient(125deg,color-mix(in srgb,var(--s-primary) 85%,#000),color-mix(in srgb,var(--s-primary) 55%,var(--s-accent)))}
.ic-cta h2{margin:0 0 8px;font-size:1.7rem}
.ic-cta p{margin:0 0 20px;opacity:.9}
.ic-cta .ic-hero-cta{justify-content:center}

/* ---------- النماذج والبطاقات ---------- */
.ic-form-wrap{max-width:780px}
.ic-form-head{margin-bottom:18px}
.ic-form-head h1{margin:8px 0 6px;font-size:1.7rem;display:flex;gap:10px;align-items:center}
.ic-form-head h1 i{color:var(--s-primary)}
.ic-form-head p{margin:0;color:var(--ic-muted)}
.ic-back{display:inline-flex;gap:7px;align-items:center;color:var(--ic-muted);font-weight:700;font-size:.88rem}
.ic-form{display:grid;gap:14px}
.ic-card{padding:20px;border-radius:var(--ic-r);background:var(--ic-surface);border:1px solid var(--ic-line);box-shadow:var(--ic-sh);margin:0 0 14px;min-width:0}
fieldset.ic-card{margin:0}
.ic-card legend{float:left;width:100%;padding:0;margin-bottom:12px;font-weight:800;font-size:1.05rem;display:flex;align-items:center;gap:10px}
[dir=rtl] .ic-card legend{float:right}
.ic-card legend + *{clear:both}
.ic-card h2,.ic-card h3{margin:0 0 12px;font-size:1.1rem;display:flex;gap:9px;align-items:center}
.ic-card h2 i,.ic-card h3 i{color:var(--s-primary)}
.ic-n{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:var(--s-primary);color:var(--s-on-primary);font-size:.85rem}
.ic-field{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.ic-field > span{font-weight:700;font-size:.88rem;color:var(--ic-ink2)}
.ic-field input,.ic-field textarea,.ic-field select,.ic-qty input{width:100%;min-height:48px;padding:10px 14px;border-radius:var(--ic-r-sm);border:1px solid var(--ic-line);background:var(--ic-surface2);color:var(--ic-ink);outline:0;font-size:1rem}
.ic-field textarea{resize:vertical}
.ic-field input:focus,.ic-field textarea:focus,.ic-qty input:focus{border-color:var(--s-primary);box-shadow:0 0 0 4px var(--ic-soft2);background:var(--ic-surface)}
.ic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
@media (max-width:560px){.ic-grid{grid-template-columns:minmax(0,1fr)}}
.ic-consent{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--ic-ink2);cursor:pointer}
.ic-consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--s-primary);flex:none}
.ic-pick{display:grid;gap:8px}
.ic-pick-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--ic-r-sm);border:1.5px solid var(--ic-line);background:var(--ic-surface2);cursor:pointer;transition:border-color .15s,background .15s}
.ic-pick-row.on{border-color:var(--s-primary);background:var(--ic-soft)}
.ic-pick-row > input{position:absolute;opacity:0;pointer-events:none}
.ic-check{width:24px;height:24px;flex:none;border-radius:7px;border:2px solid var(--ic-line);display:grid;place-items:center;color:transparent;font-size:.72rem;background:var(--ic-surface)}
.ic-pick-row.on .ic-check{background:var(--s-primary);border-color:var(--s-primary);color:var(--s-on-primary)}
.ic-pick-main{flex:1;min-width:0;display:flex;flex-direction:column}
.ic-pick-main small{color:var(--ic-muted)}
.ic-qty{display:flex;align-items:center;gap:6px;flex:none}
.ic-qty input{width:74px;min-height:40px;padding:6px 8px;text-align:center}
.ic-qty small{color:var(--ic-muted);font-size:.78rem;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-pick-row:not(.on) .ic-qty{opacity:.5}
.ic-done{text-align:center;padding:16px 0 10px}
.ic-done-ico{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--ic-ok-bg);color:var(--ic-ok);font-size:2.2rem;margin-bottom:10px}
.ic-done h1{margin:0 0 6px}
.ic-done p{margin:0;color:var(--ic-muted)}
.ic-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ic-code span{color:var(--ic-muted);font-weight:700}
.ic-code b{font-size:1.4rem;letter-spacing:.08em;color:var(--s-primary)}
.ic-code .ic-btn{margin-inline-start:auto}
.ic-track{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ic-track li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:.86rem;color:var(--ic-muted)}
.ic-track li span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ic-surface2);border:2px solid var(--ic-line)}
.ic-track li.done span{background:var(--ic-ok-bg);color:var(--ic-ok);border-color:transparent}
.ic-track li.on span{background:var(--s-primary);color:var(--s-on-primary);border-color:transparent;box-shadow:0 0 0 6px var(--ic-soft)}
.ic-track li.on b,.ic-track li.done b{color:var(--ic-ink)}
.ic-ready{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;border-radius:var(--ic-r-sm);background:var(--ic-ok-bg);color:var(--ic-ok);margin-bottom:16px}
.ic-dl{margin:0;display:grid;gap:10px}
.ic-dl > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding-bottom:8px;border-bottom:1px dashed var(--ic-line)}
.ic-dl > div:last-child{border-bottom:0}
.ic-dl dt{color:var(--ic-muted)}
.ic-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
@media (max-width:480px){.ic-dl > div{grid-template-columns:minmax(0,1fr);gap:2px}}
.ic-copy{border:1px solid var(--ic-line);background:var(--ic-surface);border-radius:8px;width:30px;height:30px;cursor:pointer;margin-inline-start:6px;vertical-align:middle}
.iv-st{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:800;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--ic-surface));border:1px solid color-mix(in srgb,var(--c) 22%,transparent)}
.iv-st i{font-size:.45rem}

/* ---------- فضاء الزبون ---------- */
.ic-portal{max-width:900px}
.ic-portal-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.ic-portal-head h1{margin:0;font-size:1.6rem}
.ic-portal-head small{color:var(--ic-muted);font-weight:700}
.ic-portal-head .ic-btn{margin-inline-start:auto}
.ic-portal-ava{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:1.2rem;color:var(--s-on-primary);background:linear-gradient(135deg,var(--s-primary),var(--s-accent))}
.ic-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ic-kpis > div{padding:16px;border-radius:var(--ic-r);background:var(--ic-surface);border:1px solid var(--ic-line);box-shadow:var(--ic-sh);display:flex;flex-direction:column}
.ic-kpis small{color:var(--ic-muted);font-weight:700}
.ic-kpis b{font-size:1.4rem}
.ic-kpis em{font-style:normal;color:var(--ic-muted);font-size:.82rem}
.ic-kpis .due b{color:var(--ic-bad)}.ic-kpis .ok b{color:var(--ic-ok)}
@media (max-width:640px){.ic-kpis{grid-template-columns:minmax(0,1fr)}}
.ic-docs{display:grid;gap:8px}
.ic-doc{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--ic-r-sm);border:1px solid var(--ic-line);background:var(--ic-surface2)}
.ic-doc:hover{border-color:var(--s-primary)}
.ic-doc-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ic-soft);color:var(--s-primary);flex:none}
.ic-doc-main{flex:1;min-width:0;display:flex;flex-direction:column}
.ic-doc-main small{color:var(--ic-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-doc-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.ic-doc.st-overdue{border-inline-start:4px solid #ef4444}

/* ---------- التذييل ---------- */
.ic-foot{background:var(--ic-surface);border-top:1px solid var(--ic-line);margin-top:20px}
.ic-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding-top:40px;padding-bottom:30px}
.ic-foot h4{margin:0 0 12px}
.ic-foot-about p{color:var(--ic-muted);font-size:.9rem}
.ic-foot-about .ic-brand{max-width:none}
.ic-legal{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8rem;color:var(--ic-muted)}
.ic-socials{display:flex;gap:8px;flex-wrap:wrap}
.ic-socials a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ic-soft);color:var(--s-primary)}
.ic-foot-hours{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:.88rem}
.ic-foot-hours li{display:flex;justify-content:space-between;gap:10px}
.ic-foot-hours li.today{font-weight:800;color:var(--s-primary)}
.ic-foot-contact{display:grid;gap:9px;align-content:start;font-size:.92rem}
.ic-foot-contact i{color:var(--s-primary);width:18px}
.ic-foot-contact .ic-btn{justify-self:start;margin-top:4px}
.ic-foot-bottom{border-top:1px solid var(--ic-line);font-size:.82rem;color:var(--ic-muted)}
.ic-foot-bottom .ic-wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-block:14px 90px}
.ic-powered{display:inline-flex;gap:6px;align-items:center}
.ic-pdot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);display:inline-block}
@media (max-width:820px){.ic-foot-grid{grid-template-columns:minmax(0,1fr)}}
.ic-wa-float{position:fixed;bottom:84px;inset-inline-end:18px;z-index:50;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:1.7rem;box-shadow:0 10px 26px rgba(37,211,102,.45)}
.ic-bookbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:50;display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 24px;border-radius:999px;
  background:var(--s-primary);color:var(--s-on-primary);font-weight:800;box-shadow:0 14px 34px rgba(var(--s-primary-rgb),.45);white-space:nowrap}

/* ---------- صفحة الوثيقة (الرابط السرّي) ---------- */
body.ic-docpage{--ic-bg:#eef1f6;background:var(--ic-bg)}
.ic-dochead{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ic-line)}
.ic-dochead-in{max-width:980px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ic-dochead .ic-brand{flex:1;max-width:none}
.ic-docstate{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-weight:800;font-size:.82rem;white-space:nowrap}
.ic-docstate i{font-size:.45rem}
.ic-docstate.ok{background:var(--ic-ok-bg);color:var(--ic-ok)}
.ic-docstate.bad{background:var(--ic-bad-bg);color:var(--ic-bad)}
.ic-docstate.warn{background:var(--ic-warn-bg);color:var(--ic-warn)}
.ic-docstate.info{background:var(--ic-info-bg);color:var(--ic-info)}
.ic-docactions{display:flex;gap:8px;flex-wrap:wrap}
.ic-docmain{max-width:980px;margin:0 auto;padding:16px 16px 40px}
.ic-docsum{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.ic-docsum > div{flex:1 1 150px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--ic-line);display:flex;flex-direction:column}
.ic-docsum small{color:var(--ic-muted);font-weight:700;font-size:.78rem}
.ic-docsum b{font-size:1.2rem}
.ic-docsum > div:first-child b{color:var(--s-primary)}
.ic-docsum > div.bad b{color:var(--ic-bad)}
.ic-respond-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:720px){.ic-respond-grid{grid-template-columns:minmax(0,1fr)}}
.ic-respond .ic-form.ok .ic-btn{background:#16a34a;color:#fff;box-shadow:0 8px 20px rgba(22,163,74,.3)}
.ic-decline summary{cursor:pointer;list-style:none;font-weight:700;color:var(--ic-bad);padding:12px 0}
.ic-decline summary::-webkit-details-marker{display:none}
.ic-paper{overflow-x:auto;margin:6px 0 16px;border-radius:6px;box-shadow:0 14px 40px rgba(15,23,42,.18)}
.ic-payrow{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--ic-line)}
.ic-payrow:last-child{border-bottom:0}
.ic-docfoot{text-align:center;font-size:.82rem;color:var(--ic-muted)}
.ic-docfoot a{display:inline-flex;gap:6px;align-items:center}
@media (max-width:600px){.ic-docactions .ic-btn span{display:none}.ic-docactions .ic-btn{width:44px;padding:0}}
@media print{
  html,body,body.ic-docpage{background:#fff}
  .ic-dochead,.ic-docsum,.ic-respond,.ic-paybox,.ic-payments,.ic-docfoot,.ic-alert{display:none !important}
  .ic-docmain{max-width:none;padding:0;margin:0}
  .ic-paper{box-shadow:none;margin:0;border-radius:0;overflow:visible}
}