.ix-proto{background:var(--sand-soft);color:var(--sand-ink);border:1px solid var(--sand-line);border-radius:var(--r-s);padding:6px 12px;font-size:13px;margin-bottom:14px}
.ix-hero{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.ix-hero h1{margin:2px 0 6px;font-size:28px;color:var(--deep);font-family:'Reem Kufi','Cairo',sans-serif}
.ix-hero.boss{background:var(--deep);color:var(--on-n);border-radius:var(--r-l);padding:20px}.ix-hero.boss h1,.ix-hero.boss .ix-sub{color:var(--on-n)}.ix-hero.boss .ix-kick{color:#F0C060}
.ix-kick{color:var(--gold-ink);font-weight:700;font-size:13px;margin:0}.ix-sub{color:var(--mut);margin:0}
.ix-chip{background:var(--info-soft);color:var(--info-ink);border-radius:var(--r-pill);padding:6px 14px;font-weight:700;font-size:13px}.ix-chip.ok{background:var(--ok-soft);color:var(--ok)}
.ix-next{display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--deep);border-radius:var(--r-m);padding:14px 16px;flex-wrap:wrap}.ix-next p{margin:4px 0 0;color:var(--mut)}
.ix-btn{display:inline-block;background:var(--deep);color:#fff;border-radius:var(--r-s);padding:9px 16px;text-decoration:none;font-weight:700;border:0}.ix-btn.ghost{background:transparent;color:var(--deep);border:1px solid var(--deep)}.ix-btn.dis{background:var(--wash);color:var(--mut);pointer-events:none}
.ix-h2{font-size:18px;color:var(--deep);margin:22px 0 10px}
.ix-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ix-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ix-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.ix-stat{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:14px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--sh-1)}.ix-stat b{font-size:24px;color:var(--ink)}.ix-stat span{color:var(--mut)}
.ix-src{color:var(--mut);font-size:12px}.ix-src u{text-decoration:underline dotted;color:var(--deep)}
.ix-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:16px;box-shadow:var(--sh-1);margin-bottom:12px}.ix-card h3{margin:0 0 8px;color:var(--deep);font-size:17px}.ix-card p{margin:6px 0}
.ix-note{color:var(--mut);font-size:13px}.ix-gap{border-style:dashed;background:var(--wash)}
.ix-steps{list-style:none;padding:0;margin:0;display:flex;gap:6px;flex-wrap:wrap}.ix-steps li{flex:1;min-width:110px;padding:10px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);font-size:13px;text-align:center}.ix-steps .done{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.ix-steps .cur{background:var(--deep);color:#fff}
.ix-list{margin:0;padding:0;list-style:none}.ix-list li{padding:8px 0;border-bottom:1px solid var(--line)}.ix-list time{color:var(--mut);margin-inline-end:8px}
.ix-tabs{display:flex;gap:8px;margin-bottom:14px}.ix-tabs span{padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface)}.ix-tabs .on{background:var(--deep);color:#fff}
.ix-evs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.ix-ev{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:16px;display:flex;flex-direction:column;gap:8px}.ix-ev h3{margin:0;color:var(--deep)}.ix-ev p{margin:0}.ix-ev-h{display:flex;justify-content:space-between;gap:8px;align-items:center}
.ix-tag{background:var(--wash);border-radius:var(--r-pill);padding:3px 10px;font-size:12px;font-weight:700}.ix-tag.gold{background:var(--sand-soft);color:var(--sand-ink)}
.ix-doc{background:var(--paper);border:1px dashed var(--edge);border-radius:var(--r-s);padding:8px 10px;font-size:13px}.ix-why{color:var(--mut);font-size:13px}.ix-acts{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.ix-checks{list-style:none;margin:0;padding:0}.ix-checks li{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid var(--line)}.ix-checks .pass b::before{content:"✓ ";color:var(--ok)}.ix-checks .open b::before{content:"○ ";color:var(--mut)}.ix-checks span{color:var(--mut)}
.ix-meter{position:relative;height:22px;background:var(--wash);border-radius:var(--r-pill);overflow:hidden;margin:6px 0}.ix-meter i{position:absolute;inset-block:0;inset-inline-start:0;background:var(--deep)}.ix-meter b{position:relative;padding:0 10px;color:#fff;mix-blend-mode:normal;font-size:13px}
.ix-tg{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.ix-tg.off{color:var(--mut)}.ix-mini{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:14px}.ix-mini b{font-size:18px;color:var(--deep)}
.ix-errs{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:10px}.ix-err{display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:14px;flex-wrap:wrap}.ix-err p{margin:4px 0}.ix-cnt{text-align:center}.ix-cnt b{font-size:26px;display:block;color:var(--err)}
@media(max-width:760px){.ix-grid4,.ix-grid2,.ix-cols,.ix-evs{grid-template-columns:1fr}.ix-hero h1{font-size:23px}}
a.ix-btn,a.ix-btn *{color:#fff!important}a.ix-btn.ghost,a.ix-btn.ghost *{color:var(--deep)!important}a.ix-btn.dis,a.ix-btn.dis *{color:var(--mut)!important}
.ix-h2{margin-top:26px}.ix-next{margin-bottom:6px}
/* [أفكار ٣] إضافات الصفحات الحيّة: درج «من أين جاء الرقم»، الرسائل، الحالات الفارغة، الصفحة العامّة لصاحب العمل */
.ix-hub{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--sp-3,12px)}
.ix-hub a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #C9C5B8;border-radius:999px;background:#fff;color:#042C53;text-decoration:none;font-size:14px}
.ix-hub a[aria-current=page]{background:#042C53;color:#fff;border-color:#042C53}
.ix-hub a:focus-visible,.ix-btn:focus-visible,.ix-stat:focus-visible,.ix-dr-x:focus-visible{outline:2px solid #042C53;outline-offset:2px}
.ix-msg{margin:var(--sp-2,8px) 0;padding:10px 14px;border-radius:8px;border:1px solid #C9C5B8;background:#fff;color:#0F1B2D;font-size:14px}
.ix-msg.bad{border-color:#8A5A00;color:#8A5A00}.ix-msg.good{border-color:#042C53;color:#042C53}
.ix-empty{padding:20px;border:1px dashed #C9C5B8;border-radius:12px;color:#5B6777;background:#fff}
.ix-dr{margin:var(--sp-2,8px) 0;padding:14px;border:1px solid #042C53;border-radius:12px;background:#fff}
.ix-dr-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.ix-dr-h h3{margin:0}
.ix-dr-x{min-width:44px;min-height:44px;border:0;background:none;color:#042C53;font-size:20px;cursor:pointer;border-radius:8px}
.ix-tb{inline-size:100%;border-collapse:collapse;font-size:14px;margin-block:8px}.ix-tb th,.ix-tb td{padding:6px 8px;border-bottom:1px solid #E4E0D2;text-align:start}.ix-tb td.n{text-align:end;font-variant-numeric:tabular-nums}
.ix-tbw{overflow-x:auto}
.ix-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.ix-form input{min-height:44px;padding:0 10px;border:1px solid #C9C5B8;border-radius:8px;font:inherit;background:#fff;color:#0F1B2D;max-inline-size:100%}
button.ix-btn{border:0;cursor:pointer;font:inherit}.ix-btn[disabled],.ix-btn.dis{opacity:.5;cursor:not-allowed;pointer-events:none}
.ix-ev.done{opacity:.8}.ix-pills{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.ix-pill{padding:2px 10px;border-radius:999px;border:1px solid #C9C5B8;font-size:13px;color:#5B6777;background:#fff}
.ix-link{inline-size:100%;min-height:44px;padding:0 10px;border:1px solid #C9C5B8;border-radius:8px;background:#fff;color:#0F1B2D;font:inherit;direction:ltr;text-align:left}
.ix-pub{max-inline-size:720px;margin:0 auto;padding:24px 16px}.ix-pub header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.ix-pub .ix-lang{min-height:44px;padding:0 14px;border:1px solid #C9C5B8;border-radius:999px;background:#fff;color:#042C53;cursor:pointer;font:inherit}
body.ix-body{margin:0;background:#F7F5EF;color:#0F1B2D;font-family:"Cairo",system-ui,sans-serif;line-height:1.7}
@media(max-width:600px){.ix-hub a{flex:1 1 44%;justify-content:center}.ix-dr{padding:10px}}

/* إعدادات شركتي وبطاقة البوّابة (1071) — لغة الدفتر: ورق #F7F5EF · كحليّ #042C53 · حبر #0B1733 · زرّ أساسيّ واحد بارتفاع 48 */
.st-gate,.st-panel{background:#fff;border:1px solid #d9d4c5;border-radius:12px;padding:20px;margin:16px 0;color:#0B1733}
.st-gate h1{margin:0 0 8px;font-size:22px;color:#042C53}
.st-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:10px;border:1px solid #042C53;background:#fff;color:#042C53;font:inherit;font-size:16px;cursor:pointer;text-decoration:none}
.st-btn.primary{background:#042C53;color:#fff}.st-btn.danger{border-color:#8a1c1c;color:#8a1c1c}.st-btn.ghost{border-color:#d9d4c5}.st-btn:disabled{opacity:.5;cursor:not-allowed}
.st-field{display:block;margin:12px 0}.st-lbl{display:block;font-size:14px;margin-bottom:4px}.st-hint{display:block;color:#5b6475;font-size:13px}
.st-field input,.st-field select{width:100%;min-height:44px;padding:0 10px;border:1px solid #c9c3b0;border-radius:8px;font:inherit;background:#F7F5EF}
.st-cards,.st-acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.st-card,.st-act{min-height:44px;padding:0 14px;border:1px solid #c9c3b0;border-radius:10px;background:#F7F5EF;color:#0B1733;font:inherit;cursor:pointer}
.st-card.on,.st-act.on{border-color:#042C53;background:#042C53;color:#fff}
.st-msg{padding:10px 12px;border-radius:8px;margin:10px 0;background:#F7F5EF}.st-msg.bad{border:1px solid #8a1c1c;color:#8a1c1c}.st-msg.good{border:1px solid #1b6b3a;color:#1b6b3a}
.st-danger{border-color:#8a1c1c}.st-logo{max-width:160px;max-height:160px;display:block;margin:8px 0}.st-ro{color:#5b6475}
.st-strip{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 16px;flex-wrap:wrap}
.st-strip li{flex:1 1 180px;border:1px solid #d9d4c5;border-radius:10px;padding:10px 12px;background:#fff}.st-strip li.done{opacity:.6}.st-strip li.cur{border-color:#042C53}.st-strip small{display:block;color:#5b6475;margin-top:4px}
.st-gated>*:not(.st-host):not(.ad-foot){display:none!important}