:root,:root[data-theme=dark]{
  --ico-a:#ffffff; --ico-b:#8fe3ff; --ico-ext:rgba(0,0,0,.6); --ico-mid:rgba(120,210,255,.5);
  --green:#f1f4f6; --green-2:#cfd6dc; --green-soft:rgba(255,255,255,.1);
  --sand:#0b0d10; --sand-2:rgba(255,255,255,.075); --card:rgba(255,255,255,.065); --beige:rgba(255,255,255,.1);
  --gold:#e3c77f; --gold-soft:rgba(227,199,127,.16); --ai:#8fd4ff; --glass:rgba(22,25,30,.58);
  --ink:#eef2f5; --muted:#a3adb5; --line:rgba(255,255,255,.14);
  --red:#ff8f80; --blue:#9cc4ee; --icon:#8be9ff;
  --r:16px; --shadow:0 10px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07);
  --view-bg:rgba(16,19,24,.5); color-scheme:dark;
  font-family:'SF Arabic','Geeza Pro','Segoe UI','Noto Naskh Arabic','Noto Sans Arabic',Tahoma,system-ui,sans-serif;
}
:root[data-theme=light]{
  --ico-a:#0c5f75; --ico-b:#0aa4c6; --ico-ext:rgba(8,50,66,.28); --ico-mid:rgba(10,164,198,.45);
  --green:#14181c; --green-2:#2a3036; --green-soft:rgba(20,24,28,.08);
  --sand:#dfe5ea; --sand-2:rgba(255,255,255,.5); --card:rgba(255,255,255,.55); --beige:rgba(255,255,255,.6);
  --gold:#9a7a28; --gold-soft:rgba(154,122,40,.15); --ai:#2a6fb5; --glass:rgba(255,255,255,.55);
  --ink:#14181c; --muted:#56616a; --line:rgba(20,24,28,.14);
  --red:#b3382c; --blue:#2a5d8f; --icon:#0aa9c9;
  --shadow:0 10px 30px rgba(30,40,50,.16),inset 0 1px 0 rgba(255,255,255,.7);
  --view-bg:rgba(255,255,255,.4); color-scheme:light;
}
*{box-sizing:border-box} html,body{height:100%;margin:0}
body{background:var(--sand);color:var(--ink);font-size:15px;line-height:1.6;overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
#app{display:grid;grid-template-columns:84px 1fr;height:100vh}
.rail{background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:4px;position:relative;overflow:hidden}
.rail::before{content:"";position:absolute;inset:0;opacity:.08;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 2l5 14 14 5-14 5-5 14-5-14-14-5 14-5z' fill='none' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E");pointer-events:none}
.brand{font-size:22px;font-weight:800;letter-spacing:0;margin-bottom:14px;text-align:center;position:relative}
.brand small{display:block;font-size:10px;font-weight:500;opacity:.75;margin-top:-4px}
.nav{width:100%;display:flex;flex-direction:column;gap:2px;position:relative}
.nav button{background:none;border:0;color:#ffffffc9;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;border-inline-start:3px solid transparent}
.nav button .i{font-size:20px;line-height:1}
.nav button:hover{background:#ffffff14;color:#fff}
.nav button.on{background:#ffffff22;color:#fff;border-inline-start-color:var(--gold)}
.main{display:flex;flex-direction:column;min-width:0;height:100vh}
.top{display:flex;align-items:center;gap:14px;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--card)}
.top h1{font-size:20px;margin:0;font-weight:700}
.top .sp{flex:1}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--sand-2);border-radius:999px;padding:4px 12px;font-size:13px;white-space:nowrap}
.chip.gold{background:var(--gold-soft)} .chip.green{background:var(--green-soft);color:var(--green)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block}
.dot.on{background:#22b573;box-shadow:0 0 0 3px #22b57333} .dot.busy{background:var(--gold);animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.3}}
.view{flex:1;overflow:auto;padding:22px 24px 40px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px}
.card h3{margin:0 0 10px;font-size:16px}
.grid{display:grid;gap:16px}
.btn{background:var(--green);color:#fff;border:0;border-radius:10px;padding:8px 16px;font-weight:600}
.btn:hover{background:var(--green-2)} .btn:disabled{opacity:.5;cursor:default}
.btn.ghost{background:transparent;color:var(--green);border:1px solid var(--green)}
.btn.gold{background:var(--gold)} .btn.danger{background:var(--red)} .btn.sm{padding:4px 10px;font-size:13px}
input,select,textarea{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--green-2);outline-offset:-1px}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
.row{display:flex;gap:10px;align-items:center} .row.wrap{flex-wrap:wrap}
.muted{color:var(--muted)} .small{font-size:12.5px}
.empty{text-align:center;color:var(--muted);padding:30px 10px}
.hint{background:var(--gold-soft);border-radius:10px;padding:10px 14px;font-size:13.5px}

/* office */
.office{display:grid;grid-template-columns:1fr 360px;gap:18px;height:100%}
.scene{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#f9f3e3,#efe3c6);min-height:560px}
:root[data-theme=dark] .scene{background:linear-gradient(180deg,#16221c,#10181a)}
.scene svg{width:100%;height:100%;display:block}
.hello{position:absolute;top:18px;inset-inline-start:22px;z-index:2}
.hello h2{margin:0;font-size:28px} .hello p{margin:2px 0 0;color:var(--muted)}
.side{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto}
.stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat div{background:var(--sand-2);border-radius:12px;padding:10px;text-align:center}
.stat b{display:block;font-size:22px;color:var(--green)}
.task-line{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}
.task-line:last-child{border:0}
.pri{width:6px;align-self:stretch;border-radius:4px;background:var(--line)} .pri.high{background:var(--red)} .pri.normal{background:var(--gold)}
.tag{font-size:11.5px;background:var(--green-soft);color:var(--green);border-radius:6px;padding:1px 8px}

/* kanban */
.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;align-items:start}
.col{background:var(--sand-2);border-radius:14px;padding:10px;min-height:300px}
.col h4{margin:2px 6px 10px;display:flex;justify-content:space-between}
.col.over{outline:2px dashed var(--green-2)}
.tcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;cursor:grab;box-shadow:var(--shadow)}
.tcard h5{margin:0 0 4px;font-size:14.5px}
.bar{height:8px;border-radius:6px;background:var(--sand-2);overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--green-2))}

/* calendar */
.cal{display:grid;grid-template-columns:1fr 320px;gap:16px}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-h{text-align:center;font-size:13px;color:var(--muted);padding:6px 0}
.day{background:var(--card);border:1px solid var(--line);border-radius:10px;min-height:92px;padding:5px 6px;cursor:pointer;overflow:hidden}
.day:hover{border-color:var(--green-2)} .day.off{background:var(--sand-2)} .day.other{opacity:.45}
.day.today{outline:2px solid var(--gold)} .day.sel{background:var(--green-soft)}
.day .n{display:flex;justify-content:space-between;font-weight:700} .day .n small{color:var(--muted);font-weight:400}
.ev{font-size:11.5px;border-radius:5px;padding:0 5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--green-soft);color:var(--green)}
.ev.hol{background:var(--gold-soft);color:#7a5a10} .ev.task{background:#e2ebf5;color:var(--blue)} .ev.ext{background:#ece4f4;color:#5b3d8a}
:root[data-theme=dark] .ev.hol{color:var(--gold)} :root[data-theme=dark] .ev.task{background:#1d2c3d;color:#8fb8e6}

/* time */
.timer{font-size:56px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;color:var(--green);letter-spacing:2px}
.prayer{display:flex;justify-content:space-between;padding:7px 10px;border-radius:10px}
.prayer.next{background:var(--gold-soft);font-weight:700}
.bars{display:flex;gap:8px;align-items:flex-end;height:120px}
.bars div{flex:1;text-align:center;font-size:11px}
.bars i{display:block;background:var(--green-2);border-radius:6px 6px 0 0;min-height:2px}

/* mail */
.mail{display:grid;grid-template-columns:380px 1fr;gap:16px;height:calc(100vh - 130px)}
.mail-list{overflow:auto;padding:0}
.mrow{padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.mrow:hover{background:var(--sand-2)} .mrow.on{background:var(--green-soft)} .mrow.unread b{color:var(--green)}
.mrow .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pre{white-space:pre-wrap;line-height:1.8}
.aibox{background:var(--green-soft);border-radius:12px;padding:12px 14px;margin:10px 0}

/* agents / chat */
.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.agent{display:flex;gap:12px;align-items:center;cursor:pointer}
.agent:hover{border-color:var(--green-2)}
.av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;flex:none}
.chat{display:flex;flex-direction:column;height:calc(100vh - 150px)}
.msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:6px}
.msg{max-width:78%;padding:10px 14px;border-radius:14px;white-space:pre-wrap}
.msg.user{background:var(--green);color:#fff;align-self:flex-start;border-end-start-radius:4px}
.msg.agent{background:var(--sand-2);align-self:flex-end;border-end-end-radius:4px}
.drawer{position:fixed;inset-block:0;inset-inline-start:84px;width:430px;background:var(--card);border-inline-end:1px solid var(--line);box-shadow:var(--shadow);z-index:20;padding:16px;transform:none}

/* brain */
.brain{display:grid;grid-template-columns:300px 1fr;gap:16px;height:calc(100vh - 130px)}
.nlist{overflow:auto;padding:0} .nitem{padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer} .nitem.on{background:var(--green-soft)}
textarea.big{min-height:55vh;resize:vertical;line-height:1.9}

/* modal / toast */
.modal-bg{position:fixed;inset:0;background:#0007;display:grid;place-items:center;z-index:50}
.modal{background:var(--card);border-radius:18px;padding:22px;width:min(520px,92vw);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0006}
.modal h3{margin:0 0 6px}
.toast{position:fixed;bottom:22px;inset-inline-start:110px;background:var(--ink);color:var(--sand);padding:10px 18px;border-radius:12px;z-index:99;animation:up .25s}
@keyframes up{from{transform:translateY(10px);opacity:0}}
.check{display:flex;gap:8px;align-items:center;padding:4px 0} .check input{width:auto}
.check.done span{text-decoration:line-through;color:var(--muted)}
.tabs{display:flex;gap:6px;margin-bottom:14px} .tabs button{background:var(--sand-2);border:0;border-radius:10px;padding:6px 14px} .tabs button.on{background:var(--green);color:#fff}

/* scene animation */
.bob{animation:bob 1.4s ease-in-out infinite} @keyframes bob{50%{transform:translateY(-3px)}}
.pod{cursor:default} .agentfig{cursor:pointer} .agentfig:hover circle.head{stroke:var(--gold);stroke-width:2}
@media(max-width:1180px){.office{grid-template-columns:1fr}.cal,.mail,.brain{grid-template-columns:1fr;height:auto}.kanban{grid-template-columns:repeat(2,1fr)}}

/* 3D scene */
.scene.is3d{padding:0;background:#f1dcb8;height:calc(100vh - 100px);min-height:520px}
.scene3d{position:absolute;inset:0}
.scene3d canvas{display:block;width:100%;height:100%;outline:none;cursor:grab}
.lbl-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;direction:ltr}
.lbl-layer>*{direction:rtl}
.lbl3d{font-family:inherit;color:var(--ink);pointer-events:none;white-space:nowrap}
.lbl3d.l-dept{background:#fffdf8ee;border:1px solid var(--line);border-radius:12px;padding:8px 12px;box-shadow:0 8px 20px #0003;border-inline-end:5px solid var(--c);min-width:150px}
.lbl3d.l-dept .h{display:flex;gap:6px;align-items:center;font-size:15px}
.lbl3d.l-dept .s{font-size:11.5px;color:var(--muted)}
.lbl3d.l-dept .r{display:flex;gap:10px;font-size:11.5px;margin-top:4px;color:var(--muted)} .lbl3d.l-dept .r i{font-style:normal} .lbl3d.l-dept .r b{color:var(--green)}
.lbl3d.l-agent{display:flex;flex-direction:column;align-items:center;font-size:12px;background:#0f1a15cc;color:#fff;border-radius:8px;padding:1px 8px;line-height:1.35}
.lbl3d.l-agent span{font-size:9.5px;opacity:.75}
.lbl3d.l-brain{background:var(--green);color:#fff;border-radius:12px;padding:4px 16px;text-align:center;font-size:18px;box-shadow:0 6px 18px #0005;display:flex;flex-direction:column}
.lbl3d.l-brain span{font-size:11px;opacity:.85}
.tip3d{position:absolute;display:none;background:var(--ink);color:var(--sand);padding:8px 12px;border-radius:10px;font-size:13px;max-width:260px;pointer-events:none;z-index:3;box-shadow:var(--shadow)}
.tip3d small{opacity:.8}
.reset3d{position:absolute;bottom:14px;inset-inline-end:14px;z-index:3;background:var(--card)}
.hint3d{position:absolute;bottom:16px;inset-inline-start:16px;z-index:3;background:#0f1a15b3;color:#fff;border-radius:999px;padding:4px 14px;font-size:12px}
:root[data-theme=dark] .scene.is3d{background:#1c2b3d}

.scene.is3d .hello{background:#fffdf8d9;padding:8px 18px;border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(6px)}
.scene.is3d .hello h2{font-size:24px}

.office3d{position:relative;display:block;height:calc(100vh - 100px)}
.office3d .scene.is3d{height:100%}
.office3d .side{position:absolute;top:14px;inset-inline-end:14px;width:300px;max-height:calc(100% - 28px);z-index:5}
.office3d .side .card{background:#fffdf8e6;backdrop-filter:blur(8px)}
:root[data-theme=dark] .office3d .side .card{background:#1b2822e6}
.office3d .hello{inset-inline-start:auto;inset-inline-end:auto;left:50%;transform:translateX(-50%)}
.view:has(.office3d){padding:14px 16px}

/* ===== v2: شريط علوي + لوحة جانبية ===== */
#app{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh}
.rail{display:none}
.topbar{display:flex;align-items:center;gap:14px;padding:8px 18px;background:var(--card);border-bottom:1px solid var(--line);z-index:30;position:relative}
.logo{display:flex;align-items:center;gap:8px;color:var(--green);cursor:pointer;flex:none}
.logo b{font-size:22px;line-height:1;display:block} .logo small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.topnav{display:flex;gap:2px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}
.topnav::-webkit-scrollbar{display:none}
.topnav button{background:none;border:0;border-radius:10px;padding:7px 11px;display:flex;gap:5px;align-items:center;font-size:13.5px;color:var(--muted);white-space:nowrap}
.topnav button:hover{background:var(--sand-2);color:var(--ink)} .topnav button.on{background:var(--green);color:#fff}
.top-right{display:flex;gap:8px;align-items:center;flex:none}
.search{position:relative;display:flex;align-items:center;gap:6px;background:var(--sand-2);border-radius:999px;padding:0 12px;width:230px}
.search input{border:0;background:transparent;padding:7px 2px;outline:none}
.popup{position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:300px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;z-index:60;max-height:70vh;overflow:auto;text-align:start}
.popup.right{inset-inline-start:auto;inset-inline-end:0;min-width:340px}
.pitem{display:flex;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13.5px} .pitem:hover{background:var(--sand-2)}
.bellbtn{position:relative;border:0;cursor:pointer} .badge{position:absolute;top:-4px;inset-inline-start:-4px;background:#d94c3a;color:#fff;border-radius:999px;font-size:10px;padding:0 5px}
.profile{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px}
.view.full{padding:10px 14px 14px;overflow:hidden}
@media(max-width:1250px){.datechip{display:none}.search{width:160px}}
.chip{border:0;color:var(--ink);font-family:inherit} .dot.err{background:#d94c3a}

.office3d{display:grid;grid-template-columns:1fr 30%;gap:12px;height:100%;min-height:0}
.office3d.collapsed{grid-template-columns:1fr 0}
.office3d .scene.is3d{height:100%;min-height:0;position:relative}
.office3d .sb{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0;box-shadow:var(--shadow)}
.office3d.collapsed .sb{display:none}
.sb-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.sb-scroll{overflow:auto;padding:12px 14px;flex:1}
.sb-sec{margin:12px 0} .sb-sec h4,.sb h4{margin:0 0 6px;font-size:13px;color:var(--muted);font-weight:600}
.sb .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-body{min-height:300px}
.sb .chat{height:calc(100vh - 430px);min-height:260px}
.agent-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ach{display:flex;align-items:center;gap:6px;background:var(--sand-2);border:2px solid transparent;border-radius:12px;padding:4px 8px 4px 4px;font-size:12px;overflow:hidden}
.ach.working{border-color:#22b573} .ach.thinking{border-color:var(--ai)} .ach.error{border-color:#d94c3a} .ach.done{border-color:var(--gold)}
.ach span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act{display:flex;gap:8px;font-size:12.5px;padding:3px 0;align-items:baseline} .act i{font-style:normal;color:var(--green)} .act.error i{color:#d94c3a} .act span{flex:1} .act small{color:var(--muted)}
.alert{background:var(--gold-soft);border-radius:10px;padding:6px 10px;margin-bottom:5px;font-size:12.5px}
.bar.indet i{animation:indet 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--ai),var(--green-2))} @keyframes indet{0%{margin-inline-start:-30%;width:30%}100%{margin-inline-start:100%;width:30%}}
.bar i{background:linear-gradient(90deg,var(--green),var(--ai))}
.scene-btns{position:absolute;top:12px;inset-inline-start:14px;display:flex;gap:6px;z-index:6} .scene-btns .btn{background:var(--glass);backdrop-filter:blur(8px)}
.scene.is3d .hello{top:12px;inset-inline-start:auto;inset-inline-end:14px;left:auto;transform:none;background:var(--glass);backdrop-filter:blur(10px)}
.hint3d{bottom:12px}
#sb-open{display:none} .office3d.collapsed #sb-open{display:inline-block}
.kpi{text-align:center} .kpi b{display:block;font-size:30px;color:var(--green)} .kpi span{color:var(--muted);font-size:13px}
.rbar{display:grid;grid-template-columns:150px 1fr 34px;gap:10px;align-items:center;margin:8px 0;font-size:13px} .rbar .l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* بطاقات الشخصيات والأقسام العائمة */
.lbl3d.l-agent{background:var(--glass);color:var(--ink);backdrop-filter:blur(6px);border:1px solid #ffffff55;border-radius:10px;padding:3px 9px 5px;min-width:96px;max-width:150px;box-shadow:0 4px 12px #0003;font-size:11.5px;line-height:1.3;text-align:start}
.lbl3d.l-agent .n{display:flex;align-items:center;gap:5px;font-size:12.5px} .lbl3d.l-agent .n span{margin-inline-start:auto;font-size:10px;color:var(--muted)}
.lbl3d.l-agent .r{font-size:10px;color:var(--muted)} .lbl3d.l-agent .t{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.lbl3d.l-agent .pb{height:4px;background:#0002;border-radius:3px;margin-top:3px;overflow:hidden} .lbl3d.l-agent .pb.off{display:none} .lbl3d.l-agent .pb i{display:block;height:100%;background:linear-gradient(90deg,var(--green-2),var(--ai))}
.lbl3d.l-agent.sel{outline:2px solid var(--ai);box-shadow:0 0 18px #4DA8FF88}
.lbl3d .st{width:8px;height:8px;border-radius:50%;background:#9aa;display:inline-block} .lbl3d .st.working,.lbl3d .st.on,.lbl3d .st.done{background:#22b573} .lbl3d .st.thinking{background:var(--ai)} .lbl3d .st.error{background:#d94c3a}
.lbl3d.l-dept{background:var(--glass);backdrop-filter:blur(10px);border:1px solid #fff8;border-radius:14px;padding:7px 12px;min-width:150px;pointer-events:auto;cursor:pointer;box-shadow:0 8px 22px #0003;border-inline-end:5px solid var(--c)}
.lbl3d.l-dept:hover{transform:translateY(-2px)}
.lbl3d.l-brain{background:var(--glass);backdrop-filter:blur(12px);border:1px solid #4DA8FF88;color:var(--ink);border-radius:14px;padding:7px 14px;box-shadow:0 0 28px #4DA8FF66;display:block;text-align:center;font-size:inherit}
.lbl3d.l-brain .h{display:flex;gap:6px;align-items:center;justify-content:center;font-size:16px} .lbl3d.l-brain .s{font-size:11.5px;color:var(--muted)}
.lbl3d.l-room{background:var(--glass);border-radius:10px;padding:3px 10px;font-size:12.5px;box-shadow:0 4px 12px #0003}
.lbl3d.l-speech{background:#fff;color:#202428;border-radius:12px 12px 12px 2px;padding:4px 10px;font-size:11.5px;max-width:190px;white-space:normal;box-shadow:0 4px 14px #0004;line-height:1.4}
#app{grid-template-columns:minmax(0,1fr)} .main,.view{min-width:0}
.office3d{grid-template-columns:minmax(0,1fr) 30%} .office3d.collapsed{grid-template-columns:minmax(0,1fr) 0}
.scene.is3d{overflow:hidden;min-width:0} .scene3d canvas{max-width:100%}
.scene3d{overflow:hidden}

.lbl3d.l-agent:not(.act):not(.sel) .r,.lbl3d.l-agent:not(.act):not(.sel) .t,.lbl3d.l-agent:not(.act):not(.sel) .pb{display:none}
.lbl3d.l-agent:not(.act):not(.sel){min-width:0;padding:2px 8px}
.lbl3d.l-dept{padding:5px 10px;min-width:130px;font-size:12px} .lbl3d.l-dept .h{font-size:13px} .lbl3d.l-dept .s{font-size:10.5px} .lbl3d.l-dept .r{font-size:10.5px;margin-top:2px}
.scene.is3d .hello{left:14px;right:auto;inset-inline:auto;top:12px;transform:none} .scene-btns{right:14px;left:auto;inset-inline:auto}

/* مستويات التفصيل حسب التقريب */
.scene3d[data-lod=far] .l-agent{padding:1px 6px;font-size:10px;min-width:0;background:#ffffffcc} .scene3d[data-lod=far] .l-agent .r,.scene3d[data-lod=far] .l-agent .t,.scene3d[data-lod=far] .l-agent .n span{display:none}
.scene3d[data-lod=far] .l-agent.act .pb{display:block;width:44px} .scene3d[data-lod=far] .l-agent:not(.act) b{font-size:10px}
.scene3d[data-lod=far] .l-dept{min-width:0;padding:3px 9px} .scene3d[data-lod=far] .l-dept .s,.scene3d[data-lod=far] .l-dept .r{display:none}
.scene3d[data-lod=far] .l-brain .s{display:none} .scene3d[data-lod=far] .l-room{font-size:11px}
.scene3d[data-lod=near] .lbl3d.l-agent{font-size:13px} .scene3d[data-lod=near] .lbl3d.l-agent .r,.scene3d[data-lod=near] .lbl3d.l-agent .t{display:block}

/* العقل والموافقات */
.cmd-grid{display:grid;grid-template-columns:360px 1fr;gap:14px;align-items:start}
.num{width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;flex:none}
.appr .kind{font-size:24px} .plan-row{display:flex;gap:6px;align-items:center;margin:5px 0} .plan-row input[type=checkbox]{width:auto}
.audit-row{display:grid;grid-template-columns:140px 110px 140px 1fr;gap:10px;padding:6px 4px;border-bottom:1px dashed var(--line);font-size:13px;align-items:baseline} .audit-row>span:last-child{grid-column:1/-1;padding-inline-start:16px}
.chip.halt{background:#fbe3df;color:#b3382c;cursor:pointer} .chip.halt.on{background:#b3382c;color:#fff}
.nbadge{background:#d94c3a;color:#fff;border-radius:999px;font-size:10px;padding:0 6px;margin-inline-start:4px}
details summary{cursor:pointer;padding:3px 0} details{border-top:1px dashed var(--line)}
@media(max-width:1100px){.cmd-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr 1fr}}

/* الأقسام والفريق */
.switch{position:relative;display:inline-block;width:44px;height:24px;flex:none} .switch input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;background:var(--line);border-radius:24px;transition:.2s;cursor:pointer} .slider::before{content:'';position:absolute;height:18px;width:18px;inset-inline-start:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.switch input:checked+.slider{background:var(--green)} .switch input:checked+.slider::before{transform:translateX(-20px)}
.dept-card.off{opacity:.55;filter:grayscale(.6)}
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px} .scope-tasks{max-height:140px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.check{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:14px;color:var(--ink);margin:0} .check input{width:auto}

/* منشئ الموظفين */
.builder{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start} @media(max-width:1000px){.builder{grid-template-columns:1fr}}
.tpl{cursor:pointer;display:flex;flex-direction:column;gap:4px} .tpl:hover{border-color:var(--green-2);transform:translateY(-2px)} .tpl.scratch{border-style:dashed;align-items:center;justify-content:center;text-align:center}

/* وضع الأداء المنخفض: أقل DOM وتأثيرات */
.scene3d[data-perf=low] .l-agent:not(.act):not(.sel){display:none}
.scene3d[data-perf=low] .l-dept{backdrop-filter:none;box-shadow:none}
.scene3d[data-perf=low] .l-agent,.scene3d[data-perf=low] .l-brain,.scene3d[data-perf=low] .l-room{backdrop-filter:none}
/* سير العمل */
.chip.red{background:#fbe3df;color:#b3382c}
.wf-step{background:var(--card);border:1px solid var(--line);border-inline-start:5px solid var(--green);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow)}
.wf-step.wf-condition{border-inline-start-color:var(--ai)} .wf-step.wf-approval{border-inline-start-color:var(--gold)} .wf-step.wf-notify{border-inline-start-color:#6b4c9a} .wf-step.wf-wait{border-inline-start-color:var(--muted)} .wf-step.wf-create_task{border-inline-start-color:#2a5d8f}
.wf-ico{font-size:20px} .wf-arrow{text-align:center;color:var(--muted);line-height:1;margin:2px 0}
.wf-list{display:flex;flex-direction:column;gap:2px} .wf-add summary{cursor:pointer;color:var(--green);font-size:13px;padding:2px 0;list-style:none} .wf-add{margin:2px 0}
.cond-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px} .cond-col{border-radius:10px;padding:8px;background:var(--sand-2)} .cond-col.yes{background:#e3f1e8} .cond-col.no{background:#f6e6e2}
:root[data-theme=dark] .cond-col.yes{background:#1c3328} :root[data-theme=dark] .cond-col.no{background:#3a2420}
@media(max-width:900px){.cond-cols{grid-template-columns:1fr}}
code.var{background:var(--sand-2);border-radius:6px;padding:1px 6px;margin:2px 3px;cursor:pointer;font-size:12px;direction:ltr;display:inline-block}
.wf-trigger select,.wf-trigger input{width:auto}

/* الأوامر الصوتية */
.chip.rec{background:#c0392b;color:#fff;animation:vcpulse 1s infinite}
@keyframes vcpulse{50%{opacity:.6}}
.vc-panel{display:none;position:fixed;inset-inline:0;bottom:18px;margin-inline:auto;width:min(640px,92vw);z-index:60;background:var(--panel,#1c2a24);color:inherit;border:1px solid var(--line,#ffffff22);border-radius:14px;padding:12px 14px;box-shadow:0 10px 40px #0007}
.vc-panel.on{display:block}.vc-panel.warn{border-color:#e0a030}.vc-panel.err{border-color:#c0392b}
.vc-out{min-height:22px;margin-bottom:8px;line-height:1.7}.vc-row{display:flex;gap:6px}.vc-row input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--line,#ffffff22);background:transparent;color:inherit}
.vc-phase{font-size:12px;opacity:.7;margin-bottom:4px}

/* ERP */
.erp-tbl-wrap{overflow:auto;border:1px solid var(--line,#0001);border-radius:12px;background:var(--card,#fff)}
.erp-tbl{width:100%;border-collapse:collapse;font-size:14px}.erp-tbl th{background:var(--sand-2);text-align:start;padding:8px 10px;font-weight:600;white-space:nowrap}
.erp-tbl td{padding:7px 10px;border-top:1px solid #0000000d}.erp-tbl .erp-n{text-align:end;font-variant-numeric:tabular-nums;direction:ltr}.erp-tbl tr.clk{cursor:pointer}.erp-tbl tr.clk:hover td{background:var(--green-soft)}
.erp-tbl input,.erp-tbl select{padding:4px 6px;border:1px solid #0002;border-radius:6px;background:transparent;color:inherit;max-width:100%}.erp-tbl tfoot td{font-weight:700;background:var(--sand-2)}
.erp-kpi b{font-size:24px}.erp-kpi.bad b{color:#b3382c}.erp-kpi.good b{color:var(--green)}
.erp-totals{margin-inline-start:auto;min-width:240px;display:grid;gap:4px}.erp-totals .tot{font-size:18px;border-top:2px solid var(--ink,#222);padding-top:4px}
.print-root{display:none}
@media print{body>*:not(.print-root){display:none!important}.print-root{display:block!important;position:static;padding:20px;background:#fff;color:#000}.print-root .sheet{max-width:780px;margin:auto}.print-root .erp-tbl-wrap{border:0}.print-root input{border:0}}
.erp-funnel{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.erp-col{background:var(--sand-2);border-radius:12px;padding:8px;min-height:120px}.erp-col h4{margin:0 0 6px;display:flex;justify-content:space-between}
.erp-lead{background:var(--card,#fff);border-radius:10px;padding:8px;margin-bottom:6px;cursor:pointer;box-shadow:0 1px 3px #0001}

.erp-kpi small{display:block;margin-top:2px}

.lbl3d.l-kpi{display:flex;gap:8px;padding:5px 8px}.l-kpi .kp{text-align:center;min-width:54px}.l-kpi .kp span{display:block;font-size:10px;opacity:.7}.l-kpi .kp b{font-size:13px}.l-kpi .kp.bad b{color:#c0392b}
.scene3d[data-lod=far] .l-kpi{display:none!important}

/* ===== نسخة الجوال (PWA) ===== */
.mnav{display:none}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.more-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;border:0;border-radius:14px;background:var(--sand-2);color:inherit;font:inherit;font-size:13px}.more-item .i{font-size:24px}
body.offline::before{content:'غير متصل — تُعرض آخر نسخة محفوظة';position:fixed;top:0;inset-inline:0;z-index:120;background:#8a5a00;color:#fff;text-align:center;padding:4px;font-size:13px}
@media(max-width:760px){
  html,body{overscroll-behavior-y:none}
  #app{display:flex;flex-direction:column;height:100dvh}
  .topnav{display:none}
  .mnav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;background:var(--card);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #0001}
  .mnav button{flex:1;position:relative;background:none;border:0;color:var(--muted,#6b7a72);display:flex;flex-direction:column;align-items:center;gap:1px;font:inherit;font-size:11px;padding:6px 2px;min-height:48px;border-radius:12px}
  .mnav button .i{font-size:21px;line-height:1}.mnav button.on{color:var(--green);background:var(--green-soft);font-weight:700}
  .mnav .nbadge{position:absolute;top:2px;inset-inline-end:22%;background:#d94c3a;color:#fff;border-radius:99px;font-size:10px;padding:0 5px}
  .topbar{padding:6px 10px;gap:8px;padding-top:calc(6px + env(safe-area-inset-top))}
  .topbar .logo small,.search,.datechip,.profile span,#llmchip,.top-right .chip.llm{display:none!important}
  .top-right{gap:6px;flex-wrap:nowrap;margin-inline-start:auto;min-width:0}.top-right .chip{padding:6px 10px}.top-right .chip:not(.halt):not(.bellbtn):not(.keepm){display:none!important}
  html,body{overflow-x:hidden;max-width:100vw}.topbar{min-width:0;max-width:100vw}
  .view{padding:12px 12px calc(84px + env(safe-area-inset-bottom));overflow:auto}
  .view.full{overflow:auto;padding:6px 6px calc(84px + env(safe-area-inset-bottom))}
  .office3d{display:flex;flex-direction:column;height:auto}.office3d .scene.is3d,.office3d .scene.is2d{height:58vh;min-height:320px}.office3d .side{position:static;width:auto;max-height:none;margin-top:10px}
  .grid{grid-template-columns:1fr!important}.grid.kpis,.grid:has(.erp-kpi){grid-template-columns:repeat(2,1fr)!important}
  .tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;white-space:nowrap;min-height:40px}
  .erp-funnel{display:flex!important;overflow-x:auto}.erp-col{min-width:200px}
  .erp-tbl{font-size:13px}.erp-tbl-wrap{-webkit-overflow-scrolling:touch}
  .modal-bg{align-items:end;place-items:end center}.modal{width:100vw!important;max-width:100vw!important;max-height:92dvh;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.modal>div{min-width:0!important}
  .row{flex-wrap:wrap}
  input,select,textarea{font-size:16px!important}.btn{min-height:42px}.btn.sm{min-height:36px}
  .toast{inset-inline-start:12px;inset-inline-end:12px;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center}
  .vc-panel{bottom:calc(76px + env(safe-area-inset-bottom))}
  .scene-btns{flex-wrap:wrap;inset-inline-start:8px;inset-inline-end:8px;top:8px;gap:4px}.scene-btns .btn{padding:4px 8px;font-size:12px;min-height:32px}
  .cal,.mail,.brain,.cmd-grid,.builder{grid-template-columns:1fr!important;height:auto}
  .kanban{display:flex;overflow-x:auto}.kanban>*{min-width:240px}
}
@media(max-width:760px) and (display-mode:standalone){.topbar{padding-top:calc(10px + env(safe-area-inset-top))}}

/* المكتب البكسلي (2D) */
.scene.is2d{position:relative;overflow:hidden;background:#1d2126;padding:0;height:calc(100vh - 100px);min-height:520px}.pixel-wrap{position:absolute;inset:0}.pixel-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:grab}.pixel-canvas:active{cursor:grabbing}
.office3d .scene.is2d{height:100%}.scene.is2d .hello{background:#fffdf8d9;padding:8px 18px;border-radius:14px;box-shadow:var(--shadow)}

/* المكتب المفتوح */
.open-office{position:absolute;inset:0}.open-office canvas{display:block;width:100%;height:100%}
.oo-tag{display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;direction:rtl}.oo-name{display:flex;align-items:center;gap:5px;background:#11131ccf;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:8px;white-space:nowrap}.oo-name i{width:8px;height:8px;border-radius:50%;background:#fbbf24;display:inline-block}
.oo-bubble{display:none;background:#f9fbff;color:#2b2b3a;border:2px solid #2b2b3a;border-radius:8px;padding:3px 8px;font-size:11px;max-width:170px;text-align:center;order:-1}
.scene.isopen{background:#0b0d10}

.modal>div{min-width:0!important;max-width:100%}

/* ===== الواجهة الزجاجية التفاعلية (لوحة مكتب افتراضي) ===== */
.gnav,.og-left,.topbar.glassy{--ink:#e8f4f0;--muted:#9bb8b0;--card:rgba(255,255,255,.07);--sand-2:rgba(255,255,255,.09);--line:rgba(255,255,255,.13);--green:#f1f4f6;--green-2:#c9d0d6;--green-soft:rgba(255,255,255,.16);--gold-soft:rgba(216,178,90,.18);color:var(--ink)}
.gnav-glass,.gnav,.og-left{background:linear-gradient(160deg,rgba(16,18,22,.74),rgba(10,12,15,.58));border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.2);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.gnav{display:none}
@media(min-width:901px){
  body{background:radial-gradient(1100px 700px at 28% 18%,#262c33,transparent 70%),radial-gradient(900px 600px at 82% 82%,#1b2026,transparent 70%),#0b0d10}
  #app{display:block!important;position:relative;height:100vh;overflow:hidden}
  .topbar{position:fixed;top:16px;left:16px;right:284px;width:auto;justify-content:center;overflow:hidden;padding:5px 12px;border-radius:999px;z-index:60;border:1px solid rgba(255,255,255,.22);background:linear-gradient(160deg,rgba(16,18,22,.74),rgba(10,12,15,.56));backdrop-filter:blur(20px) saturate(150%);box-shadow:0 8px 30px rgba(0,0,0,.4);gap:8px;--ink:#e8f4f0;--muted:#9bb8b0;color:#e8f4f0}
  body[data-view=office] .topbar{left:416px}
  .topbar{width:fit-content;margin-inline:auto}
  .topbar .logo,.topbar .topnav{display:none}.topbar .search{width:200px}
  .topbar .chip{background:rgba(255,255,255,.1);color:#e8f4f0}.topbar .chip.gold{background:rgba(216,178,90,.22)}.topbar .chip.halt{background:rgba(217,76,58,.28);color:#ffb4a8}.topbar .chip.halt.on{background:#d94c3a;color:#fff}
  .topbar .search{background:rgba(255,255,255,.1);border-color:transparent;color:#e8f4f0}.topbar .search input{background:transparent;color:#e8f4f0}.topbar .search input::placeholder{color:#9bb8b0}
  .topbar .profile{display:none}.topbar .datechip{display:none}
  .gnav{display:flex;flex-direction:column;position:fixed;top:16px;right:16px;bottom:16px;width:252px;z-index:55;border-radius:26px;overflow:hidden}
  .gnav-head{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;cursor:pointer}.gnav-head b{display:block;font-size:17px}.gnav-head small{display:block;color:var(--muted);font-size:11px}
  .gnav-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#f1f4f6;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.5);box-shadow:0 0 18px rgba(255,255,255,.35)}
  .gnav-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:4px;padding:8px 12px;scrollbar-width:thin;scrollbar-color:#f1f4f655 transparent}
  .gnav-item{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:6px 10px;border-radius:15px;border:1px solid transparent;background:rgba(255,255,255,.035);color:#dcefe9;font-size:15px;transition:.18s}
  .gnav-item:hover{background:rgba(255,255,255,.1);transform:translateX(-2px)}
  .gnav-item.on{background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(190,200,210,.26));border-color:rgba(255,255,255,.75);box-shadow:0 0 22px rgba(255,255,255,.5),inset 0 0 14px rgba(255,255,255,.16);color:#fff;font-weight:700}
  .gnav-item .gi{font-size:19px;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}.gnav-item .nbadge{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:12px;margin:0}
  .gnav-foot{padding:10px 12px 14px;display:grid;gap:10px}
  .gdate{border-radius:16px;padding:9px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px}.gdate small{color:var(--muted);font-size:11px}.gdate b{font-size:21px;letter-spacing:.5px}
  .gprofile{display:flex;align-items:center;gap:10px;border-radius:16px;padding:9px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);cursor:pointer}.gprofile b{display:block;font-size:14px}.gprofile small{color:var(--muted);font-size:11px}
  .gav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#111;background:linear-gradient(135deg,#f1f4f6,#aab3bb);box-shadow:0 0 14px rgba(255,255,255,.5)}
  /* المحتوى: بطاقة ضبابية فاتحة لباقي الصفحات */
  .view{position:absolute;top:72px;left:16px;right:284px;bottom:16px;overflow:auto;border-radius:24px;padding:22px 24px 30px;background:rgba(247,245,240,.94);box-shadow:0 14px 50px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
  :root[data-theme=dark] .view{background:rgba(20,24,27,.92)}
  body[data-view=office] .view,.view.full{inset:0;border-radius:0;background:transparent;box-shadow:none;padding:0;overflow:hidden;backdrop-filter:none}
  /* المكتب: ملء الصفحة */
  .office3d.og{position:absolute!important;inset:0;display:block!important;height:100%!important}
  .office3d.og .scene.is3d,.office3d.og .scene.is2d{position:absolute;inset:0;height:100%!important;min-height:0;border-radius:0;box-shadow:none}
  .office3d.og::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 45%,transparent 52%,rgba(3,4,5,.78) 100%)}
  .office3d.og .hello,.office3d.og .hint3d{display:none}
  .office3d.og .scene-btns{top:auto;bottom:18px;inset-inline-start:auto;left:50%;transform:translateX(-50%);z-index:30;background:rgba(16,18,22,.68);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 8px;backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(0,0,0,.4)}
  .office3d.og .scene-btns .btn,.office3d.og .scene-btns select{background:rgba(255,255,255,.1);color:#e8f4f0;border:0;border-radius:999px}.office3d.og .scene-btns option{color:#111}
  .og-left{position:absolute;top:16px;bottom:16px;left:16px;width:384px;z-index:40;border-radius:26px;display:flex;flex-direction:column;overflow:hidden}
  .office3d.og.collapsed .og-left{display:none}
}
.og-head{display:flex;align-items:center;gap:12px;padding:16px 16px 10px}.og-head b{display:block;font-size:17px;color:#fff}.og-head small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11.5px}.og-head small i{width:8px;height:8px;border-radius:50%;background:#7a8a86;display:inline-block}.og-head small.on i{background:#f1f4f6;box-shadow:0 0 8px #f1f4f6}
.og-ava{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#f1f4f6;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),rgba(190,200,210,.12));border:1px solid rgba(255,255,255,.7);box-shadow:0 0 22px rgba(255,255,255,.5)}
.og-x{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#cfe8e1}
.og-tabs{display:flex;gap:6px;padding:0 14px 8px}.og-tab{flex:1;border:1px solid transparent;border-radius:999px;padding:7px 8px;background:rgba(255,255,255,.06);color:#bcd6cf;font-size:13px}.og-tab.on{background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(190,200,210,.25));border-color:rgba(255,255,255,.6);color:#fff;box-shadow:0 0 14px rgba(255,255,255,.35)}
.og-body{flex:1;min-height:0;position:relative}.og-pane{display:none;height:100%;min-height:0;flex-direction:column}.og-pane.on{display:flex}
.og-left .sb{height:100%;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;display:flex;flex-direction:column;backdrop-filter:none}.og-left .sb .sb-head{display:none}.og-left .sb-scroll{padding:6px 14px 14px}
.og-left .btn{color:#101214}.og-left .btn.ghost{color:#f1f4f6;background:transparent;border-color:rgba(255,255,255,.6)}
.og-left input,.og-left textarea,.og-left select{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#e8f4f0;border-radius:12px}.og-left input::placeholder,.og-left textarea::placeholder{color:#8fb0a7}
.og-left .stat div,.og-left .ach,.og-left .task-line,.og-left .card{background:rgba(255,255,255,.06)!important;color:var(--ink)}.og-left .bar{background:rgba(255,255,255,.1)}.og-left .chip{background:rgba(255,255,255,.1);color:#e8f4f0}.og-left .muted,.og-left .small{color:var(--muted)}
.ai-pane{display:flex;flex-direction:column;height:100%;min-height:0}.ai-top{padding:0 14px 6px}.ai-chips{display:flex;flex-wrap:wrap;gap:6px}
.ai-chip{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#dff3ed;border-radius:12px;padding:7px 11px;font-size:12.5px;transition:.15s}.ai-chip:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.6)}
.ai-list{flex:1;min-height:0;overflow:auto;padding:8px 14px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#f1f4f655 transparent}
.ai-row{display:flex;gap:8px;align-items:flex-end;max-width:100%}.ai-row.user{align-self:flex-start}.ai-row.ai{align-self:flex-end;flex-direction:row-reverse}
.ai-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#f1f4f6;font-size:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 12px rgba(255,255,255,.4)}
.ai-msg{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:10px 14px;max-width:285px;backdrop-filter:blur(10px)}.ai-row.user .ai-msg{background:linear-gradient(160deg,rgba(35,100,150,.55),rgba(25,70,120,.45));border-color:rgba(110,190,255,.35)}
.ai-text{white-space:pre-wrap;line-height:1.7;font-size:14px;color:#eaf6f2}.ai-msg small{display:block;margin-top:4px;color:#8fb0a7;font-size:10.5px;text-align:start}
.ai-card{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding:9px 11px;border-radius:14px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);color:#fff;text-align:start}.ai-card .ai-go{margin-inline-start:auto;opacity:.7}.ai-card:hover{background:rgba(255,255,255,.2)}
.ai-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ai-actions button{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#dffaf1;border-radius:10px;padding:5px 10px;font-size:12.5px}
.ai-typing{display:flex;gap:4px;padding:4px 2px}.ai-typing i{width:7px;height:7px;border-radius:50%;background:#f1f4f6;animation:aityp 1s infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}@keyframes aityp{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.ai-compose{display:flex;gap:8px;align-items:center;padding:10px 12px 14px;border-top:1px solid rgba(255,255,255,.1)}
.ai-input{flex:1;border-radius:999px!important;padding:11px 16px!important}
.ai-send{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#f1f4f6,#aab3bb);color:#101214;font-size:18px;box-shadow:0 0 18px rgba(255,255,255,.55)}
@media(max-width:900px){.og-left{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));top:auto;height:56vh;width:auto;z-index:45;border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden}.office3d.og.collapsed .og-left{display:none}}

.og-kpis{display:none}
@media(min-width:901px){.og-kpis{display:flex;position:absolute;top:74px;left:416px;right:284px;justify-content:center;gap:8px;z-index:30;pointer-events:none}.og-kpi{display:flex;flex-direction:column;align-items:center;min-width:92px;padding:5px 12px;border-radius:14px;background:rgba(16,18,22,.68);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);box-shadow:0 6px 20px rgba(0,0,0,.35);color:#e8f4f0}.og-kpi span{font-size:10.5px;color:#9bb8b0}.og-kpi b{font-size:16px}.og-kpi.bad b{color:#ff8f80}.og-kpi.warn b{color:#ffd166}}
@media(max-width:900px){.office3d.og .hello,.office3d.og .hint3d{display:none}.office3d.og .scene-btns{bottom:auto;top:8px}}

/* قائمة قابلة للتصغير/التكبير */
.gnav-toggle{display:none}
@media(min-width:901px){
  .gnav{overflow:visible;transition:width .24s ease}.gnav-list{border-radius:0}
  .gnav-toggle{display:grid;place-items:center;position:absolute;top:26px;left:-15px;width:30px;height:30px;border-radius:50%;z-index:3;font-size:18px;line-height:1;color:#f1f4f6;background:rgba(18,20,24,.92);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 14px rgba(0,0,0,.5);transition:.15s}.gnav-toggle:hover{background:#fff;color:#111}
  .view,.topbar,.og-kpis{transition:right .24s ease,left .24s ease}
  body.gnav-min .gnav{width:76px}
  body.gnav-min .view{right:108px}body.gnav-min .topbar{right:108px}body.gnav-min .og-kpis{right:108px}
  body.gnav-min .gnav-head{justify-content:center;padding:16px 6px 12px}body.gnav-min .gnav-head>div:last-child{display:none}
  body.gnav-min .gnav-item{justify-content:center;padding:11px 0}body.gnav-min .gnav-item .gl{display:none}body.gnav-min .gnav-item .nbadge{top:2px;inset-inline-start:6px}
  body.gnav-min .gdate{display:none}body.gnav-min .gprofile{justify-content:center;padding:8px 0;background:none;border-color:transparent}body.gnav-min .gprofile>div:last-child{display:none}
}

/* ===== زجاج شفاف في كل الأدوات + أيقونات بلون مضيء واحد ===== */
body{background:var(--sand);color:var(--ink)}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 600px at 18% 12%,rgba(255,255,255,.11),transparent 62%),radial-gradient(800px 560px at 86% 78%,rgba(120,150,190,.14),transparent 62%),radial-gradient(600px 400px at 60% 40%,rgba(255,255,255,.05),transparent 70%)}
:root[data-theme=light] body::before{background:radial-gradient(900px 600px at 18% 12%,rgba(255,255,255,.9),transparent 62%),radial-gradient(800px 560px at 86% 78%,rgba(150,180,215,.45),transparent 62%)}
#app{position:relative;z-index:1}
.card,.tcard,.col,.day,.stat div,.ach,.task-line,.wf-step,.erp-tbl-wrap,.erp-col,.erp-lead,.pitem,.msg.agent,.cond-col,.erp-kpi,.more-item,.aibox,.hint,.empty{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.card,.tcard,.col,.day,.wf-step,.erp-tbl-wrap,.erp-col{border:1px solid var(--line);box-shadow:var(--shadow)}
.erp-lead{background:var(--card)!important}
input,select,textarea{background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--ink);backdrop-filter:blur(8px)}
:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:rgba(255,255,255,.55)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(255,255,255,.55);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 18px rgba(139,233,255,.18)}
select option{background:#1b1e23;color:#eef2f5}
:root[data-theme=light] select option{background:#fff;color:#14181c}
.btn{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;backdrop-filter:blur(12px);box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18);transition:.18s}
.btn:hover:not(:disabled){background:rgba(255,255,255,.24)!important;box-shadow:0 0 18px rgba(255,255,255,.22),0 4px 16px rgba(0,0,0,.3)}
.btn.ghost{background:transparent!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none}.btn.ghost:hover:not(:disabled){background:rgba(255,255,255,.12)!important}
.btn.gold{background:rgba(227,199,127,.22)!important;border-color:rgba(227,199,127,.55)!important;color:#ffe9b0!important}
.btn.danger{background:rgba(217,76,58,.26)!important;border-color:rgba(255,120,100,.55)!important;color:#ffc2b8!important}
:root[data-theme=light] .btn{color:#14181c!important;background:rgba(255,255,255,.5)!important;border-color:rgba(20,24,28,.22)!important}:root[data-theme=light] .btn.danger{color:#7a1f14!important}:root[data-theme=light] .btn.gold{color:#5a4510!important}
.chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);color:var(--ink)}
.chip.green{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.3)}.chip.gold{background:rgba(227,199,127,.2);color:#ffe3a1}.chip.red,.chip.halt{background:rgba(217,76,58,.24);color:#ffb4a8}.chip.halt.on{background:#d94c3a;color:#fff}
.tabs button{background:rgba(255,255,255,.07)!important;border:1px solid var(--line)!important;color:var(--ink)!important;backdrop-filter:blur(10px)}
.tabs button.on,.topnav button.on,.og-tab.on{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important;box-shadow:0 0 18px rgba(255,255,255,.25),inset 0 0 12px rgba(255,255,255,.08)!important}
:root[data-theme=light] .tabs button.on{color:#14181c!important;background:rgba(255,255,255,.85)!important;box-shadow:0 0 14px rgba(20,24,28,.18)!important}
.mrow:hover{background:rgba(255,255,255,.08)}.mrow.on{background:rgba(255,255,255,.14)}
.modal-bg{background:rgba(0,0,0,.46);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.modal,.popup,.drawer{background:rgba(24,27,33,.8)!important;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1);color:var(--ink)}
:root[data-theme=light] .modal,:root[data-theme=light] .popup,:root[data-theme=light] .drawer{background:rgba(255,255,255,.72)!important}
.toast{background:rgba(24,27,33,.82);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.45)}
.ev.task{background:rgba(120,170,230,.2);color:var(--blue)}.ev.ext{background:rgba(170,130,220,.2);color:#cdb0f0}.ev.hol{color:var(--gold)}
.slider{background:rgba(255,255,255,.18)}
.bar{background:rgba(255,255,255,.12)}
.erp-tbl th{background:rgba(255,255,255,.09)}.erp-tbl td{border-top-color:rgba(255,255,255,.08)}.erp-tbl tr.clk:hover td{background:rgba(255,255,255,.08)}.erp-tbl input,.erp-tbl select{border-color:var(--line);background:rgba(255,255,255,.06)}.erp-totals .tot{border-top-color:rgba(255,255,255,.4)}
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
@media(min-width:901px){.view{background:var(--view-bg)!important;border:1px solid var(--line);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%)}body[data-view=office] .view,.view.full{background:transparent!important;border:0;backdrop-filter:none}}
.mnav,.topbar:not(.glassy){background:var(--glass)!important;backdrop-filter:blur(20px)}
/* أيقونات: لون واحد ثابت ومضيء */
.emo{display:inline-block;font-style:normal;filter:grayscale(1) brightness(1.35) sepia(1) hue-rotate(158deg) saturate(2.6) brightness(1.2) drop-shadow(0 0 3px var(--icon)) drop-shadow(0 0 8px rgba(100,225,255,.55))}
.gnav-item .gi,.mnav .i,.more-item .i{filter:none!important}
.gnav-item.on .emo,.mnav button.on .emo{filter:grayscale(1) brightness(1.5) sepia(1) hue-rotate(158deg) saturate(2.8) brightness(1.35) drop-shadow(0 0 5px var(--icon)) drop-shadow(0 0 14px rgba(100,225,255,.9))}
:root[data-theme=light] .emo{filter:grayscale(1) brightness(.75) sepia(1) hue-rotate(158deg) saturate(3.2) brightness(.95) drop-shadow(0 0 3px var(--icon))}
.oo-name .emo,.lbl3d .emo{filter:none}
.topbar.glassy input,.topbar.glassy .search input{background:transparent!important;color:#e8f4f0!important;border:0!important;box-shadow:none!important}.topbar.glassy .search{background:rgba(255,255,255,.1)}
:root[data-theme=light] .chip.gold{color:#6b4f10;background:rgba(154,122,40,.2)}:root[data-theme=light] .chip.green{color:#14181c;background:rgba(20,24,28,.1);border-color:rgba(20,24,28,.25)}:root[data-theme=light] .chip{color:#14181c}
:root[data-theme=light] .topbar.glassy .chip,:root[data-theme=light] .gnav .chip{color:#e8f4f0}

/* أيقونات خطية ثلاثية الأبعاد على الزجاج */
.icg-a{stop-color:var(--ico-a)}.icg-b{stop-color:var(--ico-b)}
.icow{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.3em;line-height:0}
.ico{width:1.28em;height:1.28em;overflow:visible;filter:drop-shadow(0 0 2.5px rgba(150,232,255,.65)) drop-shadow(0 0 8px rgba(80,200,255,.32))}
.ico g{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ico-ext{stroke:var(--ico-ext);stroke-width:2.1}
.ico-mid{stroke:var(--ico-mid);stroke-width:1.7}
.ico-face{stroke:url(#icoGrad);stroke-width:1.55}
.gnav-item.on .ico,.mnav button.on .ico,.og-tab.on .ico{filter:drop-shadow(0 0 3px rgba(190,244,255,.95)) drop-shadow(0 0 12px rgba(90,210,255,.7))}
.gnav-item .gi{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -6px 10px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.35);font-size:20px}
.gnav-item.on .gi{background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 18px rgba(130,225,255,.45),0 8px 16px rgba(0,0,0,.35)}
body.gnav-min .gnav-item .gi{width:42px;height:42px}
.mnav .i .ico,.more-item .i .ico{width:1.35em;height:1.35em}
.btn .ico,.chip .ico{width:1.15em;height:1.15em}
.ai-av .ico,.og-ava .ico{width:1.2em;height:1.2em}
.og-ava{font-size:22px}

/* ===== المشهد كخلفية دائمة + صفحات زجاجية فوقه + شريط علوي بأيقونات ===== */
#stage{position:fixed;inset:0;z-index:0;background:#14171b;overflow:hidden}
#stage::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(3,4,5,.7) 100%)}
#stage canvas{display:block}
.office3d.og{background:none}.office3d.og::after{display:none!important}
body[data-view=office] .view{pointer-events:none}
.og-left,.og-kpis,.og-reopen,.og-left *{pointer-events:auto}.og-kpis{pointer-events:none}
.og-reopen{display:none;position:fixed;left:18px;bottom:18px;width:52px;height:52px;border-radius:50%;z-index:41;border:1px solid rgba(255,255,255,.3);background:rgba(18,20,24,.7);backdrop-filter:blur(16px);color:#fff;font-size:22px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.office3d.og.collapsed .og-reopen{display:grid;place-items:center}
@media(min-width:901px){
  :root,:root[data-theme=dark]{--view-bg:rgba(14,17,22,.4)}
  :root[data-theme=light]{--view-bg:rgba(255,255,255,.32)}
  .view{backdrop-filter:blur(20px) saturate(150%)!important}
  .topbar{overflow:visible!important}
}
.tb-i{width:38px;height:38px;padding:0!important;display:inline-grid!important;place-items:center;border-radius:50%!important;position:relative;font-size:17px}
.tb-group{display:flex;gap:6px;padding-inline-end:10px;margin-inline-end:4px;border-inline-end:1px solid rgba(255,255,255,.16)}
.chip.act{background:rgba(255,255,255,.26)!important;border-color:rgba(255,255,255,.65)!important;box-shadow:0 0 16px rgba(255,255,255,.35),inset 0 0 10px rgba(255,255,255,.1)}
.tb-i .dot{position:absolute;top:5px;inset-inline-end:5px;width:8px;height:8px}
[data-tip]{position:relative}
.topbar [data-tip]:hover::after,.gnav [data-tip]:hover::after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(14,16,20,.94);color:#fff;padding:5px 12px;border-radius:10px;font-size:12.5px;font-weight:500;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 28px rgba(0,0,0,.5);z-index:120;pointer-events:none;animation:tipin .15s ease}
@keyframes tipin{from{opacity:0;transform:translate(-50%,-4px)}}
.topbar .search{width:38px!important;height:38px;padding:0!important;overflow:visible!important;border-radius:999px!important;transition:width .25s ease;display:flex;align-items:center}
.topbar .search .sicon{display:grid;place-items:center;width:38px;height:38px;flex:none;font-size:17px}
.topbar .search input{width:0!important;padding:0!important;opacity:0;border:0;transition:width .25s ease,opacity .2s}
.topbar .search:hover,.topbar .search:focus-within{width:250px!important;padding-inline-end:12px!important}
.topbar .search:hover input,.topbar .search:focus-within input{width:100%!important;opacity:1}
.topbar .search:hover[data-tip]::after,.topbar .search:focus-within[data-tip]::after{display:none}
@media(max-width:900px){.tb-group{display:none}}
@media(min-width:901px){body[data-view=office] .view,.view.full{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important}}

/* بطاقات الموظفين (ID) */
.idc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px}
.idcard{--c:#8a8f98;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px 12px;border-radius:22px;cursor:pointer;text-align:center;background:linear-gradient(165deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3);backdrop-filter:blur(16px) saturate(150%);transition:transform .25s ease,box-shadow .25s;overflow:hidden}
.idcard::before{content:'';position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,var(--c),transparent 130%);opacity:.9}
.idcard::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.1) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.idcard:hover{transform:perspective(800px) rotateX(3deg) translateY(-5px);box-shadow:0 22px 46px rgba(0,0,0,.45),0 0 26px color-mix(in srgb,var(--c) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}.idcard:hover::after{transform:translateX(120%)}
.idcard.dim{opacity:.7}
.idc-top{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);padding-top:6px}.idc-logo{font-weight:700;color:var(--ink)}
.idc-hole{width:34px;height:7px;border-radius:99px;background:rgba(0,0,0,.45);box-shadow:inset 0 1px 2px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.2)}
.idc-photo{position:relative;margin:6px 0 2px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4))}.idc-img{display:block;border-radius:0}
.idc-st{position:absolute;bottom:8px;inset-inline-end:6px;width:13px;height:13px;border:2px solid rgba(20,22,26,.9)}
.idc-name{font-size:17px;line-height:1.3;color:var(--ink)}.idc-role{font-size:12.5px;color:var(--muted);min-height:20px}
.idc-dept{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 12px;border-radius:99px;background:color-mix(in srgb,var(--c) 22%,transparent);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);color:var(--ink)}.idc-dot{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.idc-skills{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;min-height:22px}.idc-skills span{font-size:10.5px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.1);color:var(--muted)}
.idc-foot{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 10px;margin-top:6px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.2);text-align:start}.idc-foot small{display:block;font-size:10px;color:var(--muted)}.idc-foot b{font-size:13px;letter-spacing:.5px}.idc-status{font-size:11.5px;color:var(--muted);text-align:end}
.idc-barwrap{grid-column:1/-1;height:16px}.idc-bar{width:100%;height:16px;fill:rgba(255,255,255,.55)}
.idc-gear{position:absolute;top:8px;inset-inline-end:8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);padding:0;display:grid;place-items:center;font-size:14px}

/* الشبكة العصبية */
.neural-card{margin-bottom:14px;padding:12px 14px 6px}.neural{position:relative;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(120,150,200,.09),rgba(5,8,12,.55));border:1px solid rgba(255,255,255,.08)}
.neural-canvas{display:block;width:100%}.neural-tip{display:none;position:absolute;pointer-events:none;background:rgba(14,16,20,.92);color:#fff;padding:4px 10px;border-radius:8px;font-size:12px;border:1px solid rgba(255,255,255,.2);z-index:5;max-width:260px}

/* ================= لوحات المعلومات (Dashboards) ================= */
:root,:root[data-theme=dark]{--dc1:#8be9ff;--dc2:#e3c77f;--dc3:#8fe3a8;--dc4:#b79cff;--dc5:#ff8f80;--dc6:#7fb4ff;--dtrack:rgba(255,255,255,.09)}
:root[data-theme=light]{--dc1:#0aa4c6;--dc2:#b8923c;--dc3:#2f9e62;--dc4:#7a5ad0;--dc5:#d1473a;--dc6:#2a6fb5;--dtrack:rgba(0,0,0,.08)}
.dash{display:flex;flex-direction:column;gap:14px;max-width:1500px}
.dash-h{display:flex;align-items:center;gap:14px;padding:4px 2px 2px}
.dash-h h2{margin:0;font-size:22px;display:flex;align-items:center;gap:10px}.dash-h h2 em{font-style:normal;font-size:11px;letter-spacing:.12em;padding:3px 9px;border-radius:99px;border:1px solid var(--line);color:var(--icon);background:rgba(255,255,255,.05)}
.dash-h p{margin:3px 0 0;color:var(--muted);font-size:13px}.dh-i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.dh-a{margin-inline-start:auto;display:flex;gap:8px}
.dkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.dk{position:relative;padding:14px 16px 13px;border-radius:18px;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:0 6px 22px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:4px;overflow:hidden;transition:transform .15s,border-color .15s}
.dk::before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--dc1);opacity:.85}
.dk.good::before{background:var(--dc3)}.dk.warn::before{background:var(--dc2)}.dk.bad::before{background:var(--dc5)}
.dk.clk,.dtile.clk,.dc-list .li.clk{cursor:pointer}.dk.clk:hover,.dtile:hover{transform:translateY(-2px);border-color:var(--icon)}
.dk-l{font-size:12px;color:var(--muted)}.dk-v{font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.01em}.dk-v small{font-size:11px;font-weight:400;color:var(--muted)}.dk-s{font-size:11px;color:var(--muted)}
.dk.bad .dk-s{color:var(--dc5)}.dk.warn .dk-s{color:var(--dc2)}
.dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.dp{padding:15px 16px;border-radius:20px;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:0 6px 22px rgba(0,0,0,.16);min-width:0;display:flex;flex-direction:column;gap:10px}
.dp.w2{grid-column:span 2}.dp h4{margin:0;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px}.dp .cnt{font-style:normal;font-size:11px;padding:1px 8px;border-radius:99px;background:var(--dc5);color:#1a0d0b}
.dc-empty{color:var(--muted);font-size:12.5px;text-align:center;padding:22px 6px}
.dc-bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:6px}.dc-bar{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;position:relative}
.dc-bar i{display:block;width:100%;max-width:44px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,var(--dc1),color-mix(in srgb,var(--dc1) 35%,transparent));min-height:3px;transition:height .5s}
.dc-bar.bad i{background:linear-gradient(180deg,var(--dc5),color-mix(in srgb,var(--dc5) 35%,transparent))}.dc-bar em{font-style:normal;font-size:10.5px;color:var(--muted);white-space:nowrap}.dc-bar span{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dc-bar{flex-direction:column}.dc-bar>i{order:2}.dc-bar>em{order:1}.dc-bar>span{order:3}
.dc-bars.two .dpair{display:flex;gap:4px;align-items:flex-end;height:100%;width:100%;justify-content:center;flex:1}.dc-bars.two .dcol{flex:1;max-width:30px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.dc-bars.two .dcol i{width:100%;border-radius:7px 7px 2px 2px}.dc-bars.two .dcol em{font-size:9.5px;font-style:normal;color:var(--muted)}
.dc-bars.two .dcol i.s1,.sw.s1{background:var(--dc1)}.dc-bars.two .dcol i.s2,.sw.s2{background:var(--dc2)}.dc-bars.two .dc-bar{flex-direction:column}
.dc-legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted)}.dc-legend span{display:flex;align-items:center;gap:6px}.sw{width:10px;height:10px;border-radius:3px;display:inline-block}
.dc-donutwrap{display:flex;align-items:center;gap:14px}.dc-donut{width:128px;height:128px;flex:none}.dd-n{font-size:19px;font-weight:700;fill:var(--ink)}.dd-t{font-size:8.5px;fill:var(--muted)}
.dc-leg{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:12px}.dc-leg>div{display:flex;align-items:center;gap:7px}.dc-leg i{width:9px;height:9px;border-radius:3px;flex:none}.dc-leg span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-leg b{font-weight:600}
.dc-funnel{display:flex;flex-direction:column;gap:9px}.dc-funnel .fr{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:9px;font-size:12px}.dc-funnel .ft{height:14px;border-radius:7px;background:var(--dtrack);overflow:hidden}.dc-funnel .ft i{display:block;height:100%;border-radius:7px;transition:width .5s}.dc-funnel small{grid-column:2/4;margin-top:-5px;color:var(--muted);font-size:10.5px}
.dc-heat{display:grid;grid-template-columns:20px repeat(5,1fr);gap:5px;max-width:460px;margin-inline:auto}.dc-heat .ax{font-size:10px;color:var(--muted);display:grid;place-items:center;font-weight:400}
.dc-heat .hc{aspect-ratio:1.25;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:15px;color:#101418}
.hc.r1{background:color-mix(in srgb,var(--dc3) 55%,transparent)}.hc.r2{background:color-mix(in srgb,var(--dc2) 62%,transparent)}.hc.r3{background:color-mix(in srgb,var(--dc5) 55%,transparent)}.hc.r4{background:var(--dc5)}
.dc-axl{display:flex;justify-content:space-between;max-width:460px;margin-inline:auto;font-size:10.5px;color:var(--muted);margin-top:4px}
.dc-list{display:flex;flex-direction:column;gap:4px}.dc-list .li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid transparent}.dc-list .li.clk:hover{border-color:var(--line);background:rgba(255,255,255,.08)}
.dc-list .li>i{width:8px;height:8px;border-radius:50%;background:var(--dc1);margin-top:6px;flex:none}.dc-list .li.warn>i{background:var(--dc2)}.dc-list .li.bad>i{background:var(--dc5)}.dc-list b{font-weight:500;font-size:12.8px;display:block}.dc-list small{color:var(--muted);font-size:11px}
.dc-prog{display:flex;flex-direction:column;gap:11px}.dc-prog .pt{display:flex;justify-content:space-between;font-size:12px;gap:8px}.dc-prog .pt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-prog .pb{height:8px;border-radius:5px;background:var(--dtrack);overflow:hidden;margin-top:4px}.dc-prog .pb i{display:block;height:100%;border-radius:5px;background:var(--dc1)}.dc-prog .pr.warn .pb i{background:var(--dc2)}.dc-prog .pr.bad .pb i{background:var(--dc5)}.dc-prog small{color:var(--muted);font-size:10.5px}
.dc-gauge{display:flex;flex-direction:column;align-items:center;gap:2px}.dc-gauge svg{width:100%;max-width:230px}.dg-n{font-size:23px;font-weight:700;fill:var(--ink)}.dg-l{font-size:12px;color:var(--muted)}
.dc-line svg{width:100%;height:96px;display:block}.ln-ax{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.dtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.dtile{padding:13px 14px;border-radius:18px;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:0 6px 22px rgba(0,0,0,.16);transition:transform .15s,border-color .15s}
.dt-h{display:flex;align-items:center;gap:10px}.dt-h b{font-size:14px;letter-spacing:.08em}.dt-h small{display:block;color:var(--muted);font-size:10.5px;line-height:1.3}.dt-i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:18px;flex:none}
.dt-h .hd{margin-inline-start:auto;width:9px;height:9px;border-radius:50%;background:var(--dc3);box-shadow:0 0 8px var(--dc3)}.dtile.warn .hd{background:var(--dc2);box-shadow:0 0 8px var(--dc2)}.dtile.bad .hd{background:var(--dc5);box-shadow:0 0 8px var(--dc5)}
.dt-s{display:flex;gap:16px;margin-top:11px}.dt-s b{font-size:18px;display:block}.dt-s small{color:var(--muted);font-size:10.5px}
@media (max-width:1100px){.dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp.w2{grid-column:span 2}}
@media (max-width:700px){.dgrid{grid-template-columns:1fr}.dp.w2{grid-column:auto}.dkpis{grid-template-columns:repeat(2,1fr)}.dash-h h2{font-size:18px}}
/* تجميع القائمة الجانبية حسب الأنظمة */
.gnav-grp{font-size:10.5px;letter-spacing:.06em;color:var(--muted);padding:12px 14px 4px;opacity:.85}.gnav-min .gnav-grp{font-size:0;padding:6px 0 2px;border-top:1px solid var(--line);margin:6px 10px 0}.gnav-min .gnav-grp:first-child{border:0}
.gnav-item .gc{margin-inline-start:auto;font-size:9.5px;letter-spacing:.1em;color:var(--muted);opacity:.8}.gnav-min .gnav-item .gc{display:none}
.sys-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
@media (max-width:700px){.dtiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dtile{padding:11px}.dt-h small{display:none}.dt-s{gap:12px}.dt-s b{font-size:16px}}

/* ================= لمسات تفاعلية (مستلهمة من فكرة عناصر Uiverse — كود أصلي) ================= */
/* أزرار: لمعة تمرّ عند التحويم + ضغطة + توهج */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s,background .25s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(120%);transition:transform .6s}
.btn:hover::after{transform:translateX(-120%)}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.28),0 0 0 1px rgba(139,233,255,.35),0 0 16px rgba(139,233,255,.18)}
.btn:active{transform:translateY(1px) scale(.97);box-shadow:none}.btn:disabled{opacity:.5;pointer-events:none}
/* حقول: توهج عند التركيز */
input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color .2s,box-shadow .25s,background .2s}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--icon);box-shadow:0 0 0 3px rgba(139,233,255,.16),0 0 18px rgba(139,233,255,.14)}
/* مفتاح تبديل (Toggle) */
.sw-ui{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:11.5px;color:var(--muted)}
.sw-ui input{position:absolute;opacity:0;width:0;height:0}
.sw-ui i{position:relative;width:38px;height:22px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid var(--line);transition:background .25s,box-shadow .25s,border-color .25s;flex:none}
.sw-ui i::before{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#cfd6dd;box-shadow:0 2px 5px rgba(0,0,0,.4);transition:inset-inline-start .25s cubic-bezier(.3,1.4,.5,1),background .25s}
.sw-ui input:checked+i{background:linear-gradient(135deg,rgba(139,233,255,.55),rgba(95,200,255,.35));border-color:var(--icon);box-shadow:0 0 14px rgba(139,233,255,.45)}
.sw-ui input:checked+i::before{inset-inline-start:18px;background:#fff}
.sw-ui input:focus-visible+i{outline:2px solid var(--icon);outline-offset:2px}.sw-ui.sm i{width:32px;height:19px}.sw-ui.sm i::before{width:13px;height:13px}.sw-ui.sm input:checked+i::before{inset-inline-start:15px}
.sw-ui input:checked~span{color:var(--icon)}
/* خانات الاختيار */
.check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line);background:rgba(255,255,255,.06);display:inline-grid;place-content:center;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;vertical-align:middle}
.check input[type=checkbox]::after{content:"";width:9px;height:5px;border:2px solid #0c1114;border-top:0;border-inline-end:0;transform:rotate(-45deg) scale(0);transition:transform .18s;margin-top:-2px}
.check input[type=checkbox]:checked{background:var(--icon);border-color:var(--icon);box-shadow:0 0 12px rgba(139,233,255,.5)}.check input[type=checkbox]:checked::after{transform:rotate(-45deg) scale(1)}
/* بطاقات: رفع وتوهج حدّ متحرك عند التحويم */
.idcard{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.idcard:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 16px 34px rgba(0,0,0,.4),0 0 0 1px var(--c),0 0 26px color-mix(in srgb,var(--c) 40%,transparent)}
.dp,.dk,.dtile{transition:transform .2s,box-shadow .25s,border-color .25s}.dp:hover{border-color:rgba(139,233,255,.3);box-shadow:0 10px 28px rgba(0,0,0,.28)}
/* تبويبات */
.tabs button{transition:background .2s,color .2s,box-shadow .25s,transform .15s}.tabs button:hover{transform:translateY(-1px)}.tabs button.on{box-shadow:0 0 0 1px var(--icon),0 0 18px rgba(139,233,255,.25)}
/* عناصر القائمة الجانبية: خط مضيء */
.gnav-item{position:relative;transition:background .2s,transform .2s}.gnav-item::before{content:"";position:absolute;inset-inline-end:0;top:22%;bottom:22%;width:3px;border-radius:3px;background:var(--icon);box-shadow:0 0 10px var(--icon);transform:scaleY(0);transition:transform .25s}
.gnav-item:hover::before,.gnav-item.on::before{transform:scaleY(1)}.gnav-item:hover{transform:translateX(-2px)}
/* مؤشر تحميل (ثلاث نقاط) */
.ldr{display:inline-flex;gap:4px;align-items:center;vertical-align:middle}.ldr i{width:6px;height:6px;border-radius:50%;background:var(--icon);animation:ldrb 1s infinite ease-in-out}.ldr i:nth-child(2){animation-delay:.15s}.ldr i:nth-child(3){animation-delay:.3s}
@keyframes ldrb{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1.1);opacity:1}}
/* ظهور ناعم للصفحات والبطاقات */
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.view>*{animation:rise .35s ease both}.idc-grid>*,.dgrid>*,.dkpis>*{animation:rise .4s ease both}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* شريط تمرير رفيع */
.view,.gnav-list,.og-left,.modal{scrollbar-width:thin;scrollbar-color:rgba(139,233,255,.3) transparent}
/* ================= شبكة الأقسام والموظفين ================= */
.dep-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.dep-bar input[type=search]{max-width:260px}
.dep-sec{margin:14px 0;border-radius:20px;background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);overflow:hidden}
.dep-sec>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-inline-start:4px solid var(--c)}.dep-sec>summary::-webkit-details-marker{display:none}
.dep-sec .dep-i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 22%,transparent);font-size:19px}
.dep-sec .dep-t b{display:block;font-size:15px}.dep-sec .dep-t small{color:var(--muted);font-size:11.5px}
.dep-sec .dep-n{margin-inline-start:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.dep-sec[open]>summary{border-bottom:1px solid var(--line)}.dep-sec .idc-grid{padding:14px 16px 16px}
.dep-sec>summary .chev{transition:transform .25s}.dep-sec[open]>summary .chev{transform:rotate(90deg)}
.idc-does{font-size:11px;line-height:1.55;color:var(--muted);text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.1em;margin:2px 4px}
.idc-en{font-size:10.5px;letter-spacing:.04em;color:var(--icon);opacity:.85;direction:ltr;text-align:center}
.idc-sw{position:absolute;top:8px;inset-inline-start:8px;z-index:3}.idcard.off .idc-photo,.idcard.off .idc-name{opacity:.55;filter:grayscale(.7)}
.idc-ctl{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px 2px 0}.idc-ctl .idc-gear{position:static;width:26px;height:26px}
/* في الوضع الفاتح تبقى القائمة والشريط العلوي زجاجاً داكناً: نُبقي لهما ألوان الأيقونات الفاتحة */
:root[data-theme=light] .gnav,:root[data-theme=light] .topbar.glassy,:root[data-theme=light] .og-left{--icon:#8be9ff;--ico-a:#ffffff;--ico-b:#8fe3ff;--ico-ext:rgba(0,0,0,.6);--ico-mid:rgba(120,210,255,.5)}
:root[data-theme=light] .gnav .icow svg,:root[data-theme=light] .topbar.glassy .icow svg,:root[data-theme=light] .og-left .icow svg{filter:invert(1) hue-rotate(180deg) brightness(1.25) saturate(1.1)}
/* لافتات أقسام المكتب المفتوح */
.oo-room{padding:3px 11px;border-radius:99px;background:rgba(14,18,22,.72);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:#eef6f3;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.oo-room.dept{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 4px 14px rgba(0,0,0,.35);font-weight:600}
/* مستويات التقريب في المكتب المفتوح: عن بُعد أسماء الأقسام فقط، ثم الأسماء، ثم الفقاعات */
.open-office[data-zl=far] .oo-tag{display:none}.open-office[data-zl=far] .oo-room{font-size:10px;padding:2px 8px}.open-office[data-zl=far] .oo-room:not(.dept){display:none}
.open-office[data-zl=mid] .oo-bubble,.open-office[data-zl=mid] .oo-say{display:none}.open-office[data-zl=mid] .oo-room{font-size:11px}
/* منصات التواصل وتقويم النشر */
.plat-i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;font-weight:700;font-size:15px;background:rgba(255,255,255,.08);border:1px solid var(--line);flex:none}.plat-i.sm{width:18px;height:18px;border-radius:6px;font-size:10px}
.plat-i.p-x{background:#0b0b0b;color:#fff}.plat-i.p-facebook{background:#1877f2;color:#fff}.plat-i.p-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);color:#fff}.plat-i.p-tiktok{background:#111;color:#25f4ee}.plat-i.p-youtube{background:#ff0033;color:#fff}.plat-i.p-linkedin{background:#0a66c2;color:#fff}.plat-i.p-snapchat{background:#fffc00;color:#111}.plat-i.p-pinterest{background:#e60023;color:#fff}.plat-i.p-threads{background:#101010;color:#fff}
.plat-card .plat-acc{display:flex;gap:10px;align-items:center;padding:9px 10px;margin-top:8px;border-radius:12px;background:rgba(255,255,255,.05)}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-h{font-size:11.5px;color:var(--muted);text-align:center;padding:4px}
.cal-c{min-height:104px;border-radius:12px;background:var(--glass);border:1px solid var(--line);padding:6px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s,background .2s}.cal-c.off{background:transparent;border-color:transparent}.cal-c.over{border-color:var(--icon);background:rgba(139,233,255,.1)}.cal-c.today{box-shadow:inset 0 0 0 1.5px var(--icon)}
.cal-d{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.cal-add{opacity:0;border:0;background:transparent;color:var(--icon);cursor:pointer;font-size:15px;padding:0 4px}.cal-c:hover .cal-add{opacity:1}
.cal-p{display:flex;gap:5px;align-items:center;font-size:10.5px;padding:3px 5px;border-radius:8px;background:rgba(255,255,255,.08);cursor:grab;overflow:hidden;white-space:nowrap;border-inline-start:3px solid var(--muted)}.cal-p span:last-child{overflow:hidden;text-overflow:ellipsis}
.cal-p.s-pending,.cal-p.s-scheduled{border-inline-start-color:var(--dc2)}.cal-p.s-published{border-inline-start-color:var(--dc3);opacity:.75;cursor:pointer}.cal-p.s-failed{border-inline-start-color:var(--dc5)}.cal-p.s-draft{border-inline-start-color:var(--muted)}
.cal-legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted);margin:0 0 8px;flex-wrap:wrap}.cal-legend .cd{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:5px;background:var(--muted)}.cd.s-pending,.cd.s-scheduled{background:var(--dc2)}.cd.s-published{background:var(--dc3)}.cd.s-failed{background:var(--dc5)}
@media (max-width:700px){.cal-c{min-height:70px}.cal-p span:last-child{display:none}}
/* شاشة التفعيل */
.lic-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(900px 600px at 50% 20%,rgba(139,233,255,.12),transparent 60%),#0b0d10;padding:16px}
.lic-box{width:min(440px,94vw);max-height:92vh;overflow:auto;padding:26px 26px 20px;border-radius:24px;background:var(--glass);backdrop-filter:blur(22px);border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.55);text-align:center;display:flex;flex-direction:column;gap:10px}
.lic-box h2{margin:0}.lic-logo{color:var(--icon);margin:0 auto}.lic-why{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.lic-msg{min-height:20px;font-size:12.5px;color:var(--gold)}.lic-box input{width:100%}
.lic-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lic-plan{padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;align-items:center}.lic-devs{text-align:start;display:flex;flex-direction:column;gap:6px}

/* ===================== تحديث الواجهة (أكتوبر 2026) ===================== */
/* 1) وضوح الوضع الداكن: زجاج أكثف وتمويه أقوى، ونص أفتح */
:root,:root[data-theme=dark]{--ink:#f4f7fa;--muted:#bcc6ce;--line:rgba(255,255,255,.16);--card:rgba(255,255,255,.07);--view-bg:rgba(13,16,21,.74)}
@media(min-width:901px){
  :root:not([data-theme=light]) .view{background:var(--view-bg)!important;backdrop-filter:blur(40px) saturate(160%)!important;-webkit-backdrop-filter:blur(40px) saturate(160%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)!important}
  :root:not([data-theme=light]) body[data-view=office] .view,:root:not([data-theme=light]) .view.full{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important}
}
:root:not([data-theme=light]) .view{text-shadow:0 1px 2px rgba(0,0,0,.35)}
:root:not([data-theme=light]) .view .card,:root:not([data-theme=light]) .view .erp-tbl-wrap,:root:not([data-theme=light]) .view .tcard,:root:not([data-theme=light]) .view .col{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.13)!important}
:root:not([data-theme=light]) .view .muted,:root:not([data-theme=light]) .view small,:root:not([data-theme=light]) :is(.view,.modal) label:not(.check):not(.sw-ui){color:#c3ccd3}
.gnav,.og-left,.corner{background:linear-gradient(160deg,rgba(16,18,23,.86),rgba(10,12,16,.74))!important;backdrop-filter:blur(30px) saturate(160%)!important;-webkit-backdrop-filter:blur(30px) saturate(160%)!important}
.og-left{--ink:#f4f7fa;--muted:#b5c3c0}

/* 2) النوافذ المنبثقة أعرض، والحقول تتمدد بالتساوي */
.modal{width:min(780px,94vw);padding:26px 28px}
:root:not([data-theme=light]) .modal{background:rgba(20,23,29,.92)!important}
.modal h3{font-size:19px;margin-bottom:12px}
.modal .row:has(> div > label){align-items:flex-end;flex-wrap:wrap;gap:12px}
.modal .row > div:has(> label){flex:1 1 200px;min-width:0}
.modal .row > div:has(> label) > :is(input,select,textarea,.mp){width:100%}
.modal input:not([type=checkbox]):not([type=radio]),.modal select,.modal textarea{min-height:42px;font-size:14.5px}
.modal textarea{min-height:84px}
.modal label{font-size:13.5px;margin:12px 0 6px}
.modal > div > .row:last-child:has(> .btn){margin-top:20px}

/* 3) قائمة الاختيار المنسدلة */
.mp{position:relative;width:100%}
.mp-trig{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer}
.mp.open .mp-trig,.mp-trig:focus-visible{border-color:var(--icon,#8be9ff);box-shadow:0 0 0 3px rgba(139,233,255,.15);outline:0}
.mp-tags{flex:1;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.mp-ph{color:var(--muted);font-size:14px}
.mp-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:999px;background:rgba(139,233,255,.14);border:1px solid rgba(139,233,255,.35);font-size:13px;color:var(--ink)}
.mp-tag .face{width:22px!important;height:22px!important;border-radius:50%}
.mp-x{border:0;background:rgba(255,255,255,.12);color:inherit;width:20px;height:20px;border-radius:50%;line-height:1;font-size:14px;display:grid;place-items:center;padding:0;cursor:pointer}
.mp-x:hover{background:#d94c3a;color:#fff}
.mp-caret{color:var(--muted);transition:transform .2s;font-size:12px}.mp.open .mp-caret{transform:rotate(180deg)}
.mp-panel{display:none;margin-top:6px;border:1px solid var(--line);border-radius:14px;background:rgba(12,14,18,.6);padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
:root[data-theme=light] .mp-panel{background:rgba(255,255,255,.85)}
.mp.open .mp-panel{display:block;animation:rise .18s ease both}
.mp-search{margin-bottom:6px}
.mp-list{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.mp-grp{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:8px 6px 4px;position:sticky;top:0;background:inherit;backdrop-filter:blur(6px)}
.mp-all{border:0;background:none;color:var(--icon,#8be9ff);font-size:12px;cursor:pointer}
.mp-opt{gap:10px!important;padding:6px 8px!important;border-radius:10px;cursor:pointer}
.mp-opt:hover{background:rgba(255,255,255,.07)}.mp-opt.on{background:rgba(139,233,255,.1)}
.mp-opt .face{width:26px!important;height:26px!important;border-radius:50%;flex:none}
.mp-t{display:flex;flex-direction:column;min-width:0}.mp-t small{color:var(--muted);font-size:11.5px}
.mp-foot{display:flex;align-items:center;gap:8px;justify-content:flex-end;border-top:1px solid var(--line);margin-top:6px;padding-top:8px}.mp-foot>span{margin-inline-end:auto}

/* 4) صور الموظفين بدل الحرف الأول */
.face-av{background:none!important;padding:0;overflow:hidden;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 70%,transparent)}
.face-av canvas{display:block}

/* 5) الأيقونات الأساسية في الشريط العلوي + زاوية الحساب والوقت (أعلى اليسار) */
.tb-main .tb-nav{position:relative}
.topbar .tb-nav.on{background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(190,200,210,.24))!important;box-shadow:0 0 16px rgba(139,233,255,.45),inset 0 0 10px rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.6)}
.tb-nav .nbadge{position:absolute;top:-3px;inset-inline-end:-3px;margin:0;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;font-size:10px}
.corner{display:none}
@media(min-width:901px){
  .corner{display:flex;align-items:center;gap:12px;position:fixed;top:16px;left:16px;height:50px;padding:0 14px 0 8px;border-radius:999px;z-index:60;border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 30px rgba(0,0,0,.4);color:#eef3f6}
  .c-prof{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 6px;border-radius:999px}.c-prof:hover{background:rgba(255,255,255,.08)}
  .c-prof .gav{width:36px;height:36px}
  .c-who b{display:block;font-size:14px;line-height:1.2}.c-who small{font-size:11px;color:#a9b7bf}
  .c-sep{width:1px;height:28px;background:rgba(255,255,255,.18)}
  .c-clock{display:flex;flex-direction:column;line-height:1.15}.c-time{font-size:17px;letter-spacing:.3px}.c-date{font-size:10.5px;color:#a9b7bf;white-space:nowrap}
  .topbar,body[data-view=office] .topbar{left:300px}
  .og-left{top:80px!important}
}
@media(min-width:901px) and (max-width:1250px){.c-date{display:none}}
.gnav-foot{display:none!important}

/* 6) تبويب «الموظفون» في اللوحة الجانبية */
.og-tabs{flex-wrap:nowrap}.og-tab{white-space:nowrap;font-size:12.5px}
.tm-pane{display:none;flex-direction:column;min-height:0;height:100%;padding:4px 14px 14px}.tm-pane.on{display:flex}
.tm-q{margin-bottom:8px}
.tm-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;min-height:0}
.tm-dept{border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);overflow:hidden}
.tm-dept summary{list-style:none;display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;border-inline-start:3px solid var(--c)}
.tm-dept summary::-webkit-details-marker{display:none}
.tm-dept summary b{flex:1;font-size:13.5px}.tm-dept summary small{color:var(--muted);font-size:11.5px}
.tm-dept .chev{transition:transform .2s;color:var(--muted)}.tm-dept[open] .chev{transform:rotate(-90deg)}
.tm-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px;border:0;background:none;color:var(--ink);text-align:start;cursor:pointer;border-top:1px solid rgba(255,255,255,.05)}
.tm-row:hover{background:rgba(139,233,255,.09)}
.tm-face{position:relative;flex:none;line-height:0}.tm-face .face{width:36px!important;height:36px!important;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.tm-face .dot{position:absolute;bottom:0;inset-inline-end:0;width:10px;height:10px;border:2px solid #14171c}
.tm-n{flex:1;min-width:0;display:flex;flex-direction:column}.tm-n b{font-size:13.5px}.tm-n small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-go{opacity:0;transition:opacity .15s}.tm-row:hover .tm-go{opacity:1}
.tm-chat{display:flex;flex-direction:column;height:100%;min-height:0}.tm-back{align-self:flex-start;margin-bottom:8px}
.tm-chat .chat{flex:1;height:auto;min-height:0}
.og-left .chat .msg.agent{background:rgba(255,255,255,.09)}.og-left .chat textarea{min-height:44px}

/* 7) درج المحادثة (من بطاقات الموظفين) */
.drawer{position:fixed!important;inset:auto!important;top:16px!important;bottom:16px!important;left:16px!important;width:min(460px,92vw)!important;z-index:80!important;border-radius:24px;padding:18px!important;display:flex;flex-direction:column;animation:rise .22s ease both}
.drawer .chat{height:100%;min-height:0}
@media(max-width:900px){.drawer{left:0!important;right:0!important;bottom:0!important;top:8vh!important;width:auto!important;border-radius:22px 22px 0 0}}

.mp-opt input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;flex:none}
@media(min-width:901px){.topbar{max-width:calc(100vw - 600px)}.topbar .tb-i{width:36px;height:36px}.topbar{gap:6px}}

.modal label.mp-opt,.mp-opt{margin:0!important;font-size:14px}
@media(min-width:901px){.topbar,body[data-view=office] .topbar{left:352px}.corner{max-width:320px}.c-date{max-width:150px;overflow:hidden;text-overflow:ellipsis}}