/* v12 design system. Equal padding pass (owner rule: every box pads equally on all four sides), applied with care:
   fixed-height controls keep their height, text controls keep their size by averaging, the page keeps its scroll room with a spacer.
   98 rules adjusted; list in docs/05_EDITORS.md. Additions live in console.css. */

/* عمليات غرفة الأخبار · نظام التصميم v5 · خط اليمامة
   الأوزان: 900 للشعار حصرا · 700 عناوين/أرقام · 400 متن · 300 ثانويّ */
:root{
  --ink:#100e09;--ink-1:#15120c;--ink-2:#1a1610;--ink-3:#221d15;--ink-4:#2c261b;
  --paper:#f2eee4;--soft:#cdc7b7;--mute:#948d7c;--faint:#645e51;
  --brand:#FF5722;--brand-2:#ff7a4d;--brand-deep:#c8431a;
  --brand-soft:#ff57221c;--brand-line:#ff57223a;--brand-glow:#ff57220e;
  --ok:#4fa079;--ok-soft:#4fa07922;--warn:#d98a2b;--warn-soft:#d98a2b22;
  --bad:#d65a43;--bad-soft:#d65a4322;--info:#5089c0;--info-soft:#5089c022;
  --exec:#cba62c;--exec-soft:#cba62c22;
  --line:#ffffff10;--line-2:#ffffff1c;--line-3:#ffffff2b;
  --r:6px;--r-lg:10px;--r-xl:16px;
  --sh:0 6px 26px #00000045;--sh-lg:0 24px 70px #00000066;
  --ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.16,1,.3,1);
  --navh:56px;--tabh:48px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{font-family:'Lato','Alyamama',system-ui,'Segoe UI',sans-serif;font-weight:400;background:var(--ink);color:var(--paper);line-height:1.65;font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"lnum" 1,"tnum" 1}
.num,input,textarea,.mono{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"lnum" 1,"tnum" 1}
h1,h2,h3,h4,.bold{font-weight:700}
.wordmark{font-weight:900;letter-spacing:-.01em}
.light{font-weight:300}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-weight:inherit;touch-action:manipulation}
input,textarea,select{font-family:inherit;color:inherit;font-weight:400}
a{color:inherit;text-decoration:none}
svg{display:block}
.ic{width:16px;height:16px;flex-shrink:0}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--brand-line)}
::selection{background:var(--brand);color:#fff}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ===== الدخول ===== */
.login{position:fixed;inset:0;background:var(--ink);display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .5s var(--ease),visibility .5s;overflow:hidden}
.login.gone{opacity:0;visibility:hidden}
.login::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--brand-glow),transparent 62%);top:-14%;inset-inline-end:-8%}
.login-card{position:relative;text-align:center;max-width:352px;width:100%;padding:12px;animation:rise .55s var(--spring)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.login-logo{width:54px;height:54px;margin:0 auto 22px;border-radius:15px;background:linear-gradient(140deg,var(--brand),var(--brand-deep));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px var(--brand-soft),inset 0 1px 0 #ffffff35}
.login-logo svg{width:27px;height:27px}
.login-mark{font-weight:900;font-size:25px;letter-spacing:-.015em;margin-bottom:8px}
.login-mark .d{color:var(--brand)}
.login-sub{color:var(--mute);font-size:12.5px;font-weight:300;margin-bottom:32px;line-height:1.75}
.login-users{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.login-user{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .18s var(--ease),border-color .18s,background .18s;text-align:start;background:var(--ink-2);position:relative;overflow:hidden}
.login-user::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:0;background:var(--brand);transition:width .18s}
.login-user:hover{border-color:var(--line-3);background:var(--ink-3);transform:translateX(-3px)}
.login-user:hover::before{width:3px}
.login-user .info{flex:1}.login-user .nm{font-weight:700;font-size:14.5px}
.login-user .st{color:var(--mute);font-size:11px;font-weight:300;display:flex;align-items:center;gap:5px;margin-top:1px}
.login-user .st .dot{width:6px;height:6px;border-radius:50%}
.login-user .arrow{color:var(--faint);transition:color .18s,transform .18s}
.login-user:hover .arrow{color:var(--brand);transform:translateX(-3px)}
.login-user .arrow svg{width:16px;height:16px}
.login-hint{color:var(--faint);font-size:11px;font-weight:300;line-height:1.7}

/* ===== الأفاتار ===== */
.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;font-size:12px;width:30px;height:30px}
.av-c1{background:linear-gradient(140deg,#c8431a,#8f2f12)}
.av-c2{background:linear-gradient(140deg,#3f7d5a,#2b5a40)}
.av-c3{background:linear-gradient(140deg,#3a6ea5,#274d75)}
.av.ring{box-shadow:0 0 0 2px var(--ink),0 0 0 3px var(--line-2)}

/* ===== الهيكل · شريط علويّ ===== */
.shell{display:flex;flex-direction:column;height:100vh;opacity:0;transition:opacity .45s var(--ease)}
.shell.on{opacity:1}
.topbar{height:var(--navh);flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:12px;gap:12px;background:var(--ink-1);z-index:50}
.tb-word{display:flex;align-items:center;gap:9px;font-weight:900;font-size:15px;letter-spacing:-.01em;white-space:nowrap}
.tb-word .dot{color:var(--brand)}
.tb-word .mk{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,var(--brand),var(--brand-deep));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px var(--brand-soft)}
.tb-word .mk svg{width:14px;height:14px}
.topbar .spacer{flex:1}
.tb-status{display:flex;align-items:center;gap:7px;padding:9px;background:var(--ok-soft);border-radius:20px;font-size:11.5px;font-weight:300;color:var(--ok);white-space:nowrap}
.tb-status .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:beat 2.6s infinite}
@keyframes beat{0%,100%{opacity:1}50%{opacity:.45}}
.tb-btn{width:37px;height:37px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--mute);position:relative;transition:background .15s,color .15s;flex-shrink:0}
.tb-btn:hover{background:var(--line);color:var(--paper)}
.tb-btn .ic{width:19px;height:19px}
.tb-btn .ndot{position:absolute;top:5px;inset-inline-end:5px;min-width:16px;height:16px;background:var(--brand);border-radius:9px;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid var(--ink-1)}
.tb-me{display:flex;align-items:center;gap:8px;padding:6px;border-radius:20px;transition:background .15s}
.tb-me:hover{background:var(--line)}
.tb-me .meta{text-align:start;line-height:1.15}
.tb-me .nm{font-size:12.5px;font-weight:700}
.tb-me .rl{font-size:10px;font-weight:300;color:var(--mute)}

/* شريط الأقسام المتمرّر */
.tabs-wrap{height:var(--tabh);flex-shrink:0;border-bottom:1px solid var(--line);background:var(--ink);position:relative;display:flex;align-items:center}
.tabs{display:flex;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;height:100%;padding:6px;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tab{display:flex;align-items:center;gap:8px;padding:9px;height:34px;border-radius:8px;color:var(--mute);font-size:13.5px;white-space:nowrap;transition:background .14s,color .14s;flex-shrink:0;position:relative}
.tab:hover{background:var(--line);color:var(--soft)}
.tab.active{background:var(--brand-soft);color:var(--brand);font-weight:700}
.tab.exec{color:var(--exec)}.tab.exec.active{background:var(--exec-soft)}
.tab .ic{width:17px;height:17px;flex-shrink:0}
.tab .badge{background:var(--brand);color:#fff;font-size:9.5px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:2px}
.tab.exec .badge{background:var(--exec)}
.tab .lockic{width:13px;height:13px;stroke:var(--faint)}
.tabs-fade{position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2}
.tabs-fade.s{inset-inline-start:0;background:linear-gradient(to left,var(--ink),transparent)}
.tabs-fade.e{inset-inline-end:0;background:linear-gradient(to right,var(--ink),transparent)}

.view{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}
.page::after{content:"";display:block;height:36px}
.page{padding:24px;animation:pagein .2s var(--spring);max-width:1320px;margin:0 auto}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pagein{from{opacity:0;transform:translateY(6px) scale(.996)}to{opacity:1;transform:none}}
.ph{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ph-l{min-width:0}
.ph .ey{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--brand);font-weight:700;margin-bottom:9px;padding:7px;background:var(--brand-soft);border-radius:20px}
.ph .ey svg{width:13px;height:13px}
.ph h2{font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:6px}
.ph p{color:var(--mute);font-size:12.5px;font-weight:300;line-height:1.7;max-width:640px}

/* ===== عناصر عامة ===== */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.panel{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.panel-h{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.panel-h .t{font-size:13.5px;font-weight:700}
.panel-b{padding:17px}
.mini-label{font-size:10.5px;color:var(--faint);font-weight:300;letter-spacing:.04em;margin-bottom:11px}
.divider{height:1px;background:var(--line);margin:16px 0}
.stat{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;transition:border-color .18s}
.stat:hover{border-color:var(--line-2)}
.stat .k{font-size:10.5px;color:var(--mute);font-weight:300;margin-bottom:6px}
.stat .v{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1}
.stat .s{font-size:10.5px;color:var(--faint);font-weight:300;margin-top:5px}
.stat .v.brand{color:var(--brand)}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:400;padding:6px;border-radius:20px;background:var(--line);color:var(--soft);white-space:nowrap}
.pill.pub{background:var(--ok-soft);color:var(--ok)}.pill.rev{background:var(--warn-soft);color:var(--warn)}
.pill.new{background:var(--info-soft);color:var(--info)}.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.rej,.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.arch{background:var(--line);color:var(--mute)}
.pill.g{background:var(--line);color:var(--mute)}.pill.br{background:var(--brand-soft);color:var(--brand)}
.tmpl{font-size:10.5px;font-weight:400;padding:6px;border-radius:5px;background:var(--ink-3);color:var(--soft);border:1px solid var(--line);white-space:nowrap}
.trackchip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:400;padding:6px;border-radius:20px;white-space:nowrap}
.trackchip .cd{width:7px;height:7px;border-radius:50%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px;border-radius:var(--r);font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn svg{width:16px;height:16px}
.btn-p{background:var(--brand);color:#fff}.btn-p:hover{background:var(--brand-2)}
.btn-g{background:var(--ink-3);color:var(--paper);border:1px solid var(--line-2)}.btn-g:hover{background:var(--ink-4)}
.btn-o{background:transparent;color:var(--soft);border:1px solid var(--line-2)}.btn-o:hover{background:var(--line);color:var(--paper)}
.btn-sm{padding:10px;font-size:12.5px}
.btn-block{width:100%}
.btn.locked,.locked{opacity:.5}
.field{margin-bottom:14px}
.field label{display:block;font-size:11.5px;color:var(--mute);font-weight:300;margin-bottom:7px}
.field .count{float:inline-end;color:var(--faint)}.field .count.over{color:var(--bad);font-weight:700}
.inp,.field input,.field textarea,.field select,.sel{width:100%;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r);padding:12px;font-size:13.5px;transition:border-color .15s;color:var(--paper)}
.field textarea{resize:vertical;min-height:90px;line-height:1.7}
.inp:focus,.field input:focus,.field textarea:focus,.field select:focus,.sel:focus{outline:none;border-color:var(--brand-line)}
.field input::placeholder,.field textarea::placeholder{color:var(--faint)}
.sel{cursor:pointer}
.rules{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.rule{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:300;color:var(--mute)}
.rule .rc{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.rule.pass{color:var(--soft)}.rule.pass .rc{background:var(--ok-soft);color:var(--ok)}
.rule.fail .rc{background:var(--bad-soft);color:var(--bad)}
.rule.warn{color:var(--warn)}.rule.warn .rc{background:var(--warn-soft);color:var(--warn)}
.rowlist{display:flex;flex-direction:column}
.row{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line);transition:background .12s}
.row:last-child{border-bottom:none}.row:hover{background:var(--line)}
.empty{padding:32px;text-align:center;color:var(--faint);font-weight:300;font-size:12.5px}
.empty svg{width:30px;height:30px;margin:0 auto 12px;stroke:var(--faint)}
.hint{font-size:11px;font-weight:300;color:var(--faint);line-height:1.6;margin-top:8px}
.seg{display:inline-flex;background:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:3px;gap:2px}
.seg button{padding:10px;border-radius:6px;font-size:12.5px;color:var(--mute);transition:background .15s,color .15s;white-space:nowrap}
.seg button.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
.linkchip{display:inline-flex;align-items:center;gap:7px;padding:10px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:8px;font-size:12px;color:var(--brand);max-width:100%;overflow:hidden;transition:border-color .13s,background .13s}
.linkchip:hover{border-color:var(--brand-line);background:var(--brand-glow)}
.linkchip svg{width:14px;height:14px;flex-shrink:0}
.linkchip .u{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}

/* ===== محرّر النصّ الغنيّ (مشترك) ===== */
.rte-wrap{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--ink-2);overflow:hidden;transition:border-color .15s}
.rte-wrap.focus{border-color:var(--brand-line)}
.rte-tools{display:flex;align-items:center;gap:2px;padding:8px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.rte-tools button{min-width:30px;height:30px;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:14px;transition:background .13s,color .13s}
.rte-tools button:hover{background:var(--line);color:var(--paper)}
.rte-tools button.on{background:var(--brand-soft);color:var(--brand)}
.rte-tools .b{font-weight:900}.rte-tools .i{font-style:italic;font-family:Georgia,serif}
.rte-tools svg{width:16px;height:16px}
.rte-tools .sep{min-width:1px;width:1px;height:18px;background:var(--line-2);margin:0 4px;padding:0}
.rte-tools .hnote{color:var(--faint);font-size:10.5px;font-weight:300;margin-inline-start:auto;padding:2px}
.rte{padding:13px;font-size:14px;line-height:1.75;min-height:64px;max-height:240px;overflow-y:auto;outline:none}
.rte:empty::before{content:attr(data-ph);color:var(--faint)}
.rte p{margin:0 0 .5em}.rte p:last-child{margin-bottom:0}
.rte b,.rte strong{font-weight:700;color:var(--paper)}
.rte a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.rte-foot{display:flex;align-items:center;justify-content:space-between;padding:10px;border-top:1px solid var(--line);gap:10px}
.rte-foot .lft{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:11px;font-weight:300}
.emoji-pop{position:absolute;bottom:100%;inset-inline-end:0;margin-bottom:8px;background:var(--ink-3);border:1px solid var(--line-2);border-radius:10px;padding:9px;display:none;grid-template-columns:repeat(7,1fr);gap:3px;box-shadow:var(--sh-lg);z-index:5}
.emoji-pop.on{display:grid}
.emoji-pop button{width:32px;height:32px;border-radius:6px;font-size:18px;transition:background .12s}
.emoji-pop button:hover{background:var(--line)}

/* ===== المحادثات ===== */
.chat{display:flex;height:100%;background:var(--ink)}
.chat-side{width:230px;flex-shrink:0;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;background:var(--ink-1);transition:transform .25s var(--ease)}
.chat-side-h{padding:14px;display:flex;align-items:center;justify-content:space-between}
.chat-side-h .lbl{font-size:10.5px;font-weight:300;color:var(--faint);letter-spacing:.04em}
.chat-side-h .add{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--mute);transition:background .13s,color .13s}
.chat-side-h .add:hover{background:var(--line);color:var(--brand)}
.chat-side-h .add svg{width:15px;height:15px}
.ch-list{padding:6px;overflow-y:auto}
.ch-item{display:flex;align-items:center;gap:8px;padding:9px;border-radius:var(--r);color:var(--mute);font-size:13px;transition:background .12s,color .12s;margin-bottom:1px;width:100%;text-align:start}
.ch-item:hover{background:var(--line);color:var(--soft)}
.ch-item.active{background:var(--brand-soft);color:var(--brand);font-weight:700}
.ch-item .cd{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.ch-item .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-item .badge{background:var(--brand);color:#fff;font-size:9.5px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:2px}
.ch-item .pdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}
.chat-head{height:54px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:11px;background:var(--ink-1)}
.chat-head .toggle-ch{display:none;width:32px;height:32px;border-radius:6px;align-items:center;justify-content:center;color:var(--mute)}
.chat-head .toggle-ch svg{width:19px;height:19px}
.chat-head .info{flex:1;min-width:0}
.chat-head .nm{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:6px}
.chat-head .nm .cd{width:9px;height:9px;border-radius:3px}
.chat-head .ps{font-size:11px;font-weight:300;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-head .members{display:flex}
.chat-head .members .av{width:26px;height:26px;font-size:10px;margin-inline-start:-7px;box-shadow:0 0 0 2px var(--ink-1)}
.chat-msgs{flex:1;overflow-y:auto;padding:17px;display:flex;flex-direction:column;gap:3px}
.day-sep{display:flex;align-items:center;gap:12px;margin:14px 2px 8px}
.day-sep::before,.day-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.day-sep span{font-size:11px;font-weight:300;color:var(--faint);white-space:nowrap}
.msg{display:flex;gap:11px;padding:6px;border-radius:8px;transition:background .12s;position:relative}
.msg:hover{background:var(--line)}
.msg.grouped .av{visibility:hidden;height:0}
.msg .av{width:34px;height:34px;font-size:12px}
.msg .body{flex:1;min-width:0}
.msg .top{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}
.msg .who{font-size:13px;font-weight:700}
.msg .tm{font-size:10.5px;font-weight:300;color:var(--faint)}
.msg .txt{font-size:14px;line-height:1.72;color:var(--soft);word-wrap:break-word;overflow-wrap:anywhere}
.msg .txt p{margin:0 0 .35em}.msg .txt p:last-child{margin:0}
.msg .txt b{font-weight:700;color:var(--paper)}
.msg .txt .em{font-size:15px;margin-inline-end:3px}
.msg .txt a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.msg .att{margin-top:7px}
.msg.deleted .txt{color:var(--faint);font-style:italic;font-weight:300}
.msg-reacts{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}
.react{display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:20px;background:var(--ink-2);border:1px solid var(--line-2);font-size:11.5px;transition:border-color .13s}
.react:hover{border-color:var(--brand-line)}
.react.mine{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}
.react .n{font-weight:300;color:var(--mute)}.react.mine .n{color:var(--brand)}
.msg-actions{position:absolute;top:-10px;inset-inline-start:12px;display:none;gap:2px;background:var(--ink-3);border:1px solid var(--line-2);border-radius:8px;padding:3px;box-shadow:var(--sh)}
.msg:hover .msg-actions{display:flex}
.msg-actions button{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:14px;transition:background .12s,color .12s}
.msg-actions button:hover{background:var(--line);color:var(--paper)}
.msg-actions svg{width:15px;height:15px}
.chat-compose{flex-shrink:0;padding:16px;position:relative}

/* ===== الإنتاج · التغذية + المسار ===== */
.prod-compose{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-bottom:18px}
.prod-compose .row1{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.prod-feed .day-block{margin-bottom:22px}
.day-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:sticky;top:0;background:var(--ink);padding:3px;z-index:3}
.day-head .dt{font-size:14px;font-weight:700;white-space:nowrap}
.day-head .line{flex:1;height:1px;background:var(--line-2)}
.day-head .trks{display:flex;gap:5px;flex-wrap:wrap}
.upcard{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px;margin-bottom:9px;transition:border-color .14s;position:relative}
.upcard:hover{border-color:var(--line-2)}
.upcard .uh{display:flex;align-items:center;gap:8px;margin-bottom:7px;flex-wrap:wrap}
.upcard .em{font-size:15px}
.upcard .src{font-size:11.5px;color:var(--brand);font-weight:700}
.upcard .ubody{font-size:13.5px;line-height:1.65;color:var(--soft);margin-bottom:9px}
.upcard .uf{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.upcard .uf .sp{margin-inline-start:auto;display:flex;align-items:center;gap:6px}
.upcard .tm{font-size:10.5px;font-weight:300;color:var(--faint)}

/* ===== لوحة المسار (كانبان) ===== */
.board{display:flex;gap:14px;overflow-x:auto;padding:6px;flex:1;align-items:flex-start;-webkit-overflow-scrolling:touch}
.col{width:272px;flex-shrink:0;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;max-height:100%;transition:border-color .15s,background .15s}
.col.drop{border-color:var(--brand-line);background:var(--brand-glow)}
.col-head{padding:14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.col-head .l{display:flex;align-items:center;gap:8px}
.col-head .dot{width:8px;height:8px;border-radius:50%}
.col-head .nm{font-size:13px;font-weight:700}
.col-head .ct{font-size:11px;font-weight:300;color:var(--faint);background:var(--ink-3);min-width:22px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:2px}
.col-body{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;min-height:60px}
.kcard{background:var(--ink-2);border:1px solid var(--line-2);border-radius:9px;padding:12px;transition:border-color .13s,box-shadow .13s;position:relative;touch-action:none}
.kcard:hover{border-color:var(--line-3)}
.kcard.lift{box-shadow:var(--sh-lg);border-color:var(--brand-line);opacity:.97;cursor:grabbing;z-index:2000}
.kcard.ghost{opacity:.32;border-style:dashed}
.kcard .grip{position:absolute;top:10px;inset-inline-start:10px;color:var(--faint);cursor:grab;display:flex;opacity:0;transition:opacity .13s}
.kcard:hover .grip{opacity:1}
.kcard .grip svg{width:15px;height:15px}
.kcard .kt{font-size:13px;font-weight:700;line-height:1.5;margin-bottom:9px;padding-inline-start:18px}
.kcard .kmeta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:9px}
.kcard .kfoot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kcard .tm{font-size:10.5px;font-weight:300;color:var(--faint)}
.col-add{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border:1px dashed var(--line-2);border-radius:8px;color:var(--faint);font-size:12px;transition:border-color .13s,color .13s;width:100%}
.col-add:hover{border-color:var(--brand-line);color:var(--brand)}
.col-add svg{width:15px;height:15px}

/* ===== المسارات ===== */
.trk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.trk-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:border-color .15s}
.trk-card:hover{border-color:var(--line-2)}
.trk-top{height:4px}
.trk-b{padding:16px}
.trk-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}
.trk-name{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
.trk-name .cd{width:10px;height:10px;border-radius:50%}
.trk-country{font-size:11px;font-weight:300;color:var(--mute)}
.trk-desc{font-size:12px;font-weight:300;color:var(--soft);line-height:1.6;margin:8px 0}
.trk-week{background:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:11px;margin:10px 0}
.trk-week .wl{font-size:10px;font-weight:300;color:var(--brand);margin-bottom:4px}
.trk-week .wt{font-size:12px;line-height:1.55}
.trk-metrics{display:flex;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.trk-metrics .m{flex:1}
.trk-metrics .mv{font-size:17px;font-weight:700}
.trk-metrics .ml{font-size:10px;font-weight:300;color:var(--faint)}
.bar-track{display:flex;height:8px;border-radius:5px;overflow:hidden;background:var(--ink-3);margin-top:6px}
.bar-track .s{height:100%}

/* ===== النشرات ===== */
.nl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.nl-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:17px;transition:border-color .15s}
.nl-card:hover{border-color:var(--line-2)}
.nl-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.nl-issue{font-size:10.5px;font-weight:700;color:var(--brand);letter-spacing:.03em}
.nl-title{font-size:15px;font-weight:700;line-height:1.4;margin-top:3px}
.nl-date{font-size:11px;font-weight:300;color:var(--faint);margin-top:5px}
.nl-blocks{margin:12px 0;display:flex;flex-direction:column;gap:8px}
.nl-block{background:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:10px}
.nl-block .bl{font-size:9.5px;font-weight:300;color:var(--brand);margin-bottom:3px}
.nl-block .bt{font-size:12px;line-height:1.5}
.nl-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.nl-acts .btn-sm{flex:1;min-width:0}

/* ===== الواجهات الخارجية ===== */
.face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.face{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;transition:border-color .15s;position:relative;overflow:hidden}
.face:hover{border-color:var(--line-2)}
.face.blocked{opacity:.62}
.face .ftop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.face .fkind{font-size:10.5px;font-weight:300;color:var(--faint);margin-bottom:5px}
.face .ftitle{font-size:15px;font-weight:700;line-height:1.4}
.face .fig{display:flex;align-items:baseline;gap:7px;margin-bottom:12px}
.face .fig .v{font-size:23px;font-weight:700;letter-spacing:-.02em;color:var(--brand)}
.face .fig .l{font-size:11px;font-weight:300;color:var(--mute)}
.face .fmeta{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:300;color:var(--faint);margin-bottom:14px;flex-wrap:wrap}
.face .facts{display:flex;gap:8px;flex-wrap:wrap}
.face .facts .btn-sm{flex:1;min-width:0}
.toggle{position:relative;width:40px;height:23px;border-radius:20px;background:var(--ink-4);transition:background .18s;flex-shrink:0;cursor:pointer}
.toggle.on{background:var(--ok)}
.toggle::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .18s var(--ease)}
.toggle.on::after{transform:translateX(-17px)}
.chbar{display:flex;height:26px;border-radius:6px;overflow:hidden;margin:12px 0}

/* ===== الدرج + الإشعارات + التوست ===== */
.overlay-bg{position:fixed;inset:0;background:#000000a6;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:60}
.overlay-bg.on{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;left:auto;bottom:0;width:420px;max-width:92vw;background:var(--ink-1);border-left:1px solid var(--line-2);transform:translateX(100%);transition:transform .3s var(--spring);z-index:70;display:flex;flex-direction:column;box-shadow:var(--sh-lg);will-change:transform}
.drawer.open{transform:none}
.drawer-head{padding:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.drawer-head h3{font-size:15px;font-weight:700}
.close-x{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--mute);transition:background .13s,color .13s}
.close-x:hover{background:var(--line);color:var(--paper)}
.close-x svg{width:18px;height:18px}
.drawer-body{flex:1;overflow-y:auto;padding:20px}
.drawer-body .field label{margin-bottom:5px}
.drawer-body .field>div{font-size:13.5px}
.notif{position:fixed;top:var(--navh);left:14px;right:auto;width:370px;max-width:calc(100vw - 28px);background:var(--ink-1);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-lg);z-index:75;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s;overflow:hidden}
.notif.on{opacity:1;visibility:visible;transform:none}
.notif-h{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.notif-h .t{font-size:13.5px;font-weight:700}
.notif-h button{font-size:11.5px;font-weight:300;color:var(--brand)}
.notif-list{max-height:min(440px,70vh);overflow-y:auto}
.nitem{display:flex;gap:11px;padding:15px;border-bottom:1px solid var(--line);transition:background .12s;position:relative;width:100%;text-align:start}
.nitem:last-child{border-bottom:none}.nitem:hover{background:var(--line)}
.nitem.unread{background:var(--brand-glow)}
.nitem .nic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ink-3)}
.nitem .nic svg{width:17px;height:17px;stroke:var(--brand)}
.nitem .nb{flex:1;min-width:0}
.nitem .nt{font-size:12.5px;line-height:1.5;margin-bottom:3px}
.nitem .nt b{font-weight:700}
.nitem .ntm{font-size:10.5px;font-weight:300;color:var(--faint)}
.nitem .unreaddot{position:absolute;top:16px;inset-inline-end:14px;width:7px;height:7px;border-radius:50%;background:var(--brand)}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink-3);border:1px solid var(--line-2);border-radius:10px;padding:15px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:var(--sh-lg);z-index:90;opacity:0;visibility:hidden;transition:opacity .22s,transform .22s,visibility .22s;max-width:90vw}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.toast .ic{width:18px;height:18px;stroke:var(--ok);flex-shrink:0}
.toast.warn .ic{stroke:var(--warn)}
.lockmsg{max-width:420px;margin:60px auto;text-align:center}
.lockmsg .lk{width:56px;height:56px;border-radius:16px;background:var(--ink-3);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.lockmsg .lk svg{width:26px;height:26px;stroke:var(--faint)}
.lockmsg h3{font-size:18px;font-weight:700;margin-bottom:9px}
.lockmsg p{color:var(--mute);font-size:13px;font-weight:300;line-height:1.75;margin-bottom:20px}

/* ===== الاستجابة ===== */
@media (max-width:1080px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}}
@media (max-width:860px){
  .g2{grid-template-columns:1fr}
  .chat-side{position:absolute;top:0;bottom:0;right:0;left:auto;width:230px;z-index:10;transform:translateX(105%);box-shadow:var(--sh-lg);visibility:hidden;transition:transform .25s var(--spring),visibility .25s}
  .chat-side.open{transform:none;visibility:visible}
  .chat-bk{position:absolute;inset:0;background:#00000080;z-index:9;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
  .chat-bk.on{opacity:1;visibility:visible}
  .chat-head .toggle-ch{display:flex}
  .page{padding:16px}.ph h2{font-size:20px}
  .tb-me .meta{display:none}
}
@media (max-width:560px){
  .topbar{padding:12px;gap:8px}.tb-word{font-size:12.5px}.tb-word .mk{width:22px;height:22px}
  .tb-status{display:none}
  .drawer,.notif{width:100%;max-width:100%;inset-inline:0}
  .notif{border-radius:0}
  .g4{grid-template-columns:1fr}
  .trk-grid,.nl-grid,.face-grid{grid-template-columns:1fr}
}

/* ===== أنواع القصص ===== */
.type-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.tchip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:6px;border-radius:20px}
.tchip.up{background:#FF572220;color:#ff7a4d}.tchip.brief{background:#5089c022;color:#5089c0}.tchip.nl{background:#cba62c22;color:#cba62c}
.st-accent{border-inline-start:3px solid var(--tc,var(--line-2))}
/* ===== المحرّر الخاطف ===== */
.qc{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;margin-bottom:18px}
.qc-types{display:inline-flex;background:var(--ink-2);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px;margin-bottom:10px}
.qc-types button{display:flex;align-items:center;gap:6px;padding:10px;border-radius:6px;font-size:12.5px;color:var(--mute);transition:background .13s,color .13s}
.qc-types button .d{width:7px;height:7px;border-radius:50%}
.qc-types button.on{background:var(--ink-4);color:var(--paper);font-weight:700}
.qc-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}
.qc-src{flex:1;min-width:120px;background:transparent;border:none;font-size:12.5px;padding:5px;color:var(--paper)}
.qc-src:focus{outline:none}.qc-src::placeholder{color:var(--faint)}
.qc-send{margin-inline-start:auto;display:flex;align-items:center;gap:9px}
.qc-count{font-size:11px;color:var(--faint)}.qc-count.over{color:var(--bad);font-weight:700}
.qc-hint{font-size:11.5px;font-weight:300;margin-top:8px;display:flex;align-items:center;gap:6px}
.qc-hint.ok{color:var(--ok)}.qc-hint.no{color:var(--warn)}
.menu-chip{position:relative}
.menu-chip>button{display:inline-flex;align-items:center;gap:6px;padding:8px;border-radius:20px;background:var(--ink-2);border:1px solid var(--line-2);font-size:12px;color:var(--soft);transition:border-color .13s}
.menu-chip>button:hover{border-color:var(--brand-line)}
.menu-chip>button .cd{width:8px;height:8px;border-radius:50%}
.menu-chip>button .cv{opacity:.6;font-size:10px}
.menu-chip .pop{position:absolute;bottom:100%;inset-inline-start:0;margin-bottom:6px;background:var(--ink-3);border:1px solid var(--line-2);border-radius:10px;padding:5px;min-width:190px;box-shadow:var(--sh-lg);z-index:20;display:none;max-height:280px;overflow-y:auto}
.menu-chip.open .pop{display:block}
.menu-chip.down .pop{bottom:auto;top:100%;margin:6px 0 0}
.menu-chip .pop button{display:flex;align-items:center;gap:8px;width:100%;text-align:start;padding:9px;border-radius:6px;font-size:12.5px;color:var(--soft);transition:background .12s}
.menu-chip .pop button:hover{background:var(--line)}
.menu-chip .pop button .cd{width:8px;height:8px;border-radius:50%;flex-shrink:0}
/* ===== شريط التحليلات ===== */
.anbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.anseg{display:inline-flex;background:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:3px;gap:2px}
.anseg button{padding:9px;border-radius:6px;font-size:12px;color:var(--mute);white-space:nowrap;display:flex;align-items:center;gap:6px}
.anseg button .cd{width:7px;height:7px;border-radius:50%}
.anseg button.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
.ancount{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mute);padding:8px;border-radius:20px;background:var(--ink-1);border:1px solid var(--line)}
.ancount .n{font-weight:700;color:var(--paper)}.ancount .cd{width:8px;height:8px;border-radius:50%}
/* ===== لوحة العمليات · النبض ===== */
.hero{background:linear-gradient(135deg,var(--ink-1),var(--ink-2));border:1px solid var(--line);border-radius:var(--r-xl);padding:23px;margin-bottom:16px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--brand-glow),transparent 66%);top:-42%;inset-inline-end:-8%;pointer-events:none}
.hero-top{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;position:relative;flex-wrap:wrap}
.hero-big{font-size:46px;font-weight:900;letter-spacing:-.03em;line-height:1}
.hero-lbl{font-size:13px;color:var(--mute);font-weight:300}
.hero-sub{margin-inline-start:auto;font-size:11.5px;color:var(--faint);font-weight:300}
.stackbar{display:flex;height:13px;border-radius:8px;overflow:hidden;margin-bottom:14px;position:relative;background:var(--ink-3)}
.stackbar .s{height:100%;transition:flex .3s var(--ease)}
.hero-legend{display:flex;gap:8px;flex-wrap:wrap}
.hero-legend button{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--soft);padding:10px;border-radius:20px;background:var(--ink-2);border:1px solid var(--line-2);transition:border-color .13s,transform .1s}
.hero-legend button:hover{border-color:var(--brand-line)}.hero-legend button:active{transform:translateY(1px)}
.hero-legend .cd{width:10px;height:10px;border-radius:3px}
.hero-legend .n{font-weight:700}.hero-legend .n2{color:var(--faint);font-weight:300;font-size:11px}
.trk-act{display:flex;flex-direction:column;gap:4px}
.trk-act .row2{display:flex;align-items:center;gap:11px;cursor:pointer;padding:7px;border-radius:8px;transition:background .12s}
.trk-act .row2:hover{background:var(--line)}
.trk-act .nm{font-size:12.5px;width:110px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:7px}
.trk-act .nm .cd{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.trk-act .barwrap{flex:1;height:9px;border-radius:5px;background:var(--ink-3);overflow:hidden;display:flex}
.trk-act .barwrap .s{height:100%;transition:flex .3s}
.trk-act .ct{font-size:11.5px;color:var(--mute);width:34px;text-align:end;flex-shrink:0}

/* ===== ساعة مكة + المتابعون ===== */
.pulse-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}
.clockcard{background:linear-gradient(140deg,var(--ink-1),var(--ink-2));border:1px solid var(--line);border-radius:var(--r-xl);padding:19px;position:relative;overflow:hidden}
.clockcard::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--brand-glow),transparent 65%);top:-50%;inset-inline-start:-10%;pointer-events:none}
.ck-top{display:flex;align-items:baseline;gap:10px;margin-bottom:4px;position:relative}
.ck-time{font-size:34px;font-weight:900;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.ck-mer{font-size:13px;color:var(--mute);font-weight:300}
.ck-city{margin-inline-start:auto;font-size:11px;color:var(--faint);font-weight:300;display:flex;align-items:center;gap:5px}
.ck-city .dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:beat 2.6s infinite}
.ck-date{font-size:11.5px;color:var(--faint);font-weight:300;margin-bottom:14px;position:relative}
.budgets{display:flex;flex-direction:column;gap:7px;position:relative}
.budget{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line);transition:border-color .14s,transform .1s;width:100%;text-align:start}
.budget:hover{border-color:var(--brand-line)}
.budget:active{transform:translateY(1px)}
.budget .cd{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.budget .bn{font-size:12.5px;font-weight:700;width:52px;flex-shrink:0}
.budget .arc{flex:1;height:6px;border-radius:4px;background:var(--ink-4);overflow:hidden;position:relative}
.budget .arc .fill{height:100%;border-radius:4px;width:0;animation:fillbar 1.1s var(--spring) forwards}
@keyframes fillbar{to{width:var(--w,30%)}}
.budget .bt{font-size:11.5px;color:var(--soft);white-space:nowrap;font-weight:300}
.budget .bt b{font-weight:700;color:var(--paper)}
.budget .go{color:var(--faint);flex-shrink:0}
.budget:hover .go{color:var(--brand)}
.budget .go svg{width:14px;height:14px}
.ck-note{font-size:10.5px;color:var(--faint);font-weight:300;margin-top:11px;position:relative;line-height:1.6}

.folcard{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-xl);padding:19px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.folcard::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ff572214,transparent 66%);bottom:-45%;inset-inline-end:-14%;pointer-events:none}
.fol-h{font-size:11px;color:var(--faint);font-weight:300;margin-bottom:3px;position:relative}
.fol-tot{font-size:30px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px;position:relative}
.fol-tot .k{color:var(--brand)}
.fol-list{display:flex;flex-direction:column;gap:8px;position:relative}
.fol{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line);transition:border-color .14s,box-shadow .14s}
.fol:hover{border-color:var(--brand-line);box-shadow:0 0 0 1px var(--brand-glow),0 6px 20px #00000030}
.fol .ico{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;color:#fff}
.fol .nm2{font-size:12px;color:var(--mute);flex:1}
.fol .vv{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.fol-note{font-size:10.5px;color:var(--faint);font-weight:300;margin-top:12px;line-height:1.6;position:relative}

/* ===== فاصل اليوم (مصلَح) ===== */
.day-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0;background:transparent;position:static;flex-wrap:wrap}
.day-head .dt{font-size:12.5px;font-weight:700;white-space:nowrap;padding:8px;border-radius:20px;background:var(--ink-2);border:1px solid var(--line-2)}
.day-head .line{flex:1;min-width:20px;height:1px;background:var(--line)}
.day-head .cnt{font-size:11px;color:var(--faint);font-weight:300;white-space:nowrap;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.day-head .cnt .cd{width:7px;height:7px;border-radius:50%;display:inline-block}

/* ===== المستعرض (إكس/إنستغرام/تيك توك) ===== */
.prevwrap{margin-top:12px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--ink-2);overflow:hidden}
.prevtabs{display:flex;gap:2px;padding:8px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.prevtabs::-webkit-scrollbar{display:none}
.prevtabs button{padding:9px;border-radius:6px;font-size:12px;color:var(--mute);white-space:nowrap;flex-shrink:0}
.prevtabs button.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
.prevtabs .spec{margin-inline-start:auto;font-size:10.5px;color:var(--faint);font-weight:300;padding:5px;white-space:nowrap}
.prevbody{padding:16px;display:flex;justify-content:center;background:#000000}
/* بطاقة إكس على الهاتف */
.xcard{width:100%;max-width:392px;background:#000;border:1px solid #2f3336;border-radius:14px;padding:13px;font-family:'Lato','Alyamama',sans-serif}
.xrow{display:flex;gap:10px}
.xav{width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,#FF5722,#c8431a);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 #ffffff30}
.xav .nrlogo{width:22px;height:22px;color:#fff}
.xcol{flex:1;min-width:0}
.xname{display:flex;align-items:center;gap:5px;font-size:14px;margin-bottom:2px;flex-wrap:wrap}
.xname b{font-weight:700;color:#e7e9ea}
.xname .vb{color:#1d9bf0;font-size:13px}
.xname .h{color:#71767b;font-weight:300;font-size:13px}
.xtext{font-size:15px;line-height:20px;color:#e7e9ea;word-wrap:break-word;overflow-wrap:anywhere}
.xtext.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.xmore{color:#1d9bf0;font-size:14px;margin-top:2px}
.ximg{margin-top:10px;border-radius:14px;border:1px solid #2f3336;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1610,#221d15);display:flex;align-items:center;justify-content:center;color:#5a5f63;font-size:11px}
.xbar{display:flex;justify-content:space-between;align-items:center;margin-top:12px;max-width:300px;color:#71767b}
.xbar .xact{display:flex;align-items:center;gap:6px;font-size:12.5px;transition:color .15s}
.xbar .xact svg{width:17px;height:17px;stroke:#71767b;fill:none;stroke-width:1.8;transition:stroke .15s,fill .15s}
.xbar .xact.reply:hover{color:#1d9bf0}.xbar .xact.reply:hover svg{stroke:#1d9bf0}
.xbar .xact.rt:hover{color:#00ba7c}.xbar .xact.rt:hover svg{stroke:#00ba7c}
.xbar .xact.like:hover{color:#f91880}.xbar .xact.like:hover svg{stroke:#f91880;fill:#f91880}
.xbar .xact.view svg,.xbar .xact.share svg{stroke:#71767b}
.prevmeta{padding:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;font-weight:300}
.prevmeta .ok2{color:var(--ok)}.prevmeta .no2{color:var(--warn)}
.prevmeta .sep2{color:var(--faint)}
/* أطر إنستغرام وتيك توك */
.frame{position:relative;background:linear-gradient(150deg,#1a1610,#0e0c08);border:1px solid #2a2620;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:23px}
.frame.ig{width:220px;aspect-ratio:4/5}
.frame.tt{width:190px;aspect-ratio:9/16}
.frame.xw{width:100%;max-width:360px;aspect-ratio:16/9}
.frame .safe{position:absolute;inset-inline:6%;border:1px dashed #ffffff22;border-radius:6px;pointer-events:none}
.frame.tt .safe{top:14%;bottom:35%}
.frame.ig .safe{top:4%;bottom:4%}
.frame.xw .safe{top:6%;bottom:6%}
.frame .ftxt{font-size:13px;line-height:1.6;font-weight:700;color:#f2eee4;position:relative;z-index:1}
.frame.tt .ftxt{font-size:12px}
.frame .fsrc{font-size:9.5px;color:#FF5722;margin-bottom:8px;font-weight:700;position:relative;z-index:1}
.frame .fmark{position:absolute;bottom:9px;inset-inline-start:10px;font-size:8px;color:#5a5f63;letter-spacing:.08em}
.frame .fzone{position:absolute;inset-inline:0;background:#00000055;font-size:8px;color:#7a746a;display:flex;align-items:center;justify-content:center}
.frame.tt .fzone.b{bottom:0;height:35%}
.frame.tt .fzone.t{top:0;height:14%}
.prevrow{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.prevcap{text-align:center;font-size:10px;color:var(--faint);font-weight:300;margin-top:7px}

/* ===== البحث المتقدّم ===== */
.searchbar{display:flex;gap:8px;align-items:center;background:var(--ink-1);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:7px;margin-bottom:14px}
.searchbar input{flex:1;background:transparent;border:none;padding:6px;font-size:14px;color:var(--paper)}
.searchbar input:focus{outline:none}
.searchbar input::placeholder{color:var(--faint)}
.searchbar .si{color:var(--faint);flex-shrink:0}
.searchbar .si svg{width:18px;height:18px}
.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.trk-card.arch{opacity:.55}
.arch-tag{font-size:10px;font-weight:700;padding:5px;border-radius:20px;background:var(--line);color:var(--mute)}

@media (max-width:860px){.pulse-grid{grid-template-columns:1fr}}
@media (max-width:560px){
  .hero-big{font-size:38px}.ck-time{font-size:29px}.fol-tot{font-size:26px}
  .qc-bar{gap:5px}.qc-send{width:100%;justify-content:space-between;margin-top:6px}
  .anbar{overflow-x:auto;flex-wrap:nowrap;padding:4px;scrollbar-width:none}
  .anbar::-webkit-scrollbar{display:none}
  .anbar .anseg,.anbar .menu-chip,.anbar .ancount{flex-shrink:0}
  #anCounts{flex-wrap:nowrap}
  .btn,.tab,.budget,.fol{min-height:38px}
  .page::after{height:64px}
}

html.lock,html.lock body{overflow:hidden}
.kcol-hint{font-size:10.5px;color:var(--faint);font-weight:300;text-align:center;padding:10px;border:1px dashed var(--line-2);border-radius:8px}
.trackchip .archdot{font-size:9px;opacity:.75}

.menu-chip .pop.flipx{inset-inline-start:auto;inset-inline-end:0}
.fol .ico svg{width:14px;height:14px;display:block}

.nrlogo{display:inline-block;background:currentColor;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAIWUlEQVR42uWca6gVVRTHf+dxb5qlpiVpURZlGRZaWJL5yQ9ZUWoFKaHSC/JzUWRfivSTBX2I6OWl6ElUUPSSoJKCSNHsARYVZT4R0+R28+o5Z6YPs5Z33e3MnD3n4Z2pDcM5957Zs/f+z1r/9dhrpsSJbSWgLJ8AIRDIZ5Zr2P4hBW8loCJHUusBxgATBMCkVvH8X0cn362mE2+Y/40CpgMzgUuBC4CzgNOAkwWcK4Ad8j1IuO5ZIjk75bNUJEmqOMCfDiwFXgF+M2oRdzSAqdKvHKNS9wHbgMPAP8B3wEpzfinPwJQd9ZgLrAP2xQBRk6MuoNRFWgaBcx2A9LqvpwD7rNMnlxyjbQHwibOAugEjboFK1EccgKry/V7ze0POD+T7UfltiZxbzZvUaJsFvO8sum4Wn3YkAaRW7zsjaWEM+A3giwQpUqD1qJwocPRO9QKrZXFhykKyAqQLmQj85ZwX13e3EL01PpV2DVS1DXDqwGXAC8BsY7HauUNxfk3dsYRxfUrCaQ1HchrAxcAiIf+/gU+BD7tl/SzfLAH6DekGGaXGtV51MdujHacSYINcv5ZA+CHwrpEaneMDQvxun49FMkudtHwWnFUOB7QCinJUzajnI45q6Od1ZiyVlIZzY642Kg9whxmnZg4l9c/k+uVOg7PWTDZoQVJqCdbsTVmc68/oAh5MueZKB9BTgD0pfKgg3dwpb7zqgHM0IzhxEz0IfCW+0i1NyFNBmge8LFZtK9AHXGnOqZjzwhS3Qm9SXydcA+38kIN+K8DsAJ4GbgAmpQShzVyKpN8UoJuMCocpvPVOuxKkHW9rgYzt5DYBK4CxMaBk8U3coNflEP0+00OCAuDJdiRIB7sEGDAerC/5hhJ7LXcWUYmJ1zrtvFaALQkSb73vq1qVICXlXuCbDNbK3rHnJH2RFMR2O4swR4Jaq+p2DU+0E7/pIGscnfUB57CoE50gwDZDoGuAzc4894ub0nIGQDvNMBF34AnOfpmUAjOS6QebLpkjKZfrgTMco5DZWVTpWe+pWgrOn0KOmiHMWzDtWuZqzLrLvuDM9wRHCXlQ8j95Asfl02pC6nesM+eyD+KfewKk3LQ8p+AkRfCnAI+Kw7kX+EWcxmlpIFn2T/MhXD+nryDgaGZyknEBwhjvfl4SSArQix6WS32incC4IuSDzfreljUMmnVY32gXMN4lb/0yQVAMm1iuuqNa1QJID5IbSgtBFKR7dF1uDHOtoNdIkQhNin0PvCqD1wsC0EwPjrIe9rGOoQnyfHcrHxewyhSntZQ9VEkZJdF2GkGr2u0RS1AqAPdkUTHl3bstdah6zfLgHr3AMwXhnjiSfiuBpDWrudMlaV3knZ7WKxSXvcQJ3ELpkA9UllBjc4qZn+uaeQXoySYAqWQdItpOpiDqleQoPiJZyb3Az0S7MxfG+UAqBR808Z71/18XFJyklO64tFDDVlBMabJwtQDb2k1T5sCSlYzmHBKtqRBTUVKVDj1EJSg+7XeK30LjopQc10YlKLD8M4rjt22T2r6Cg6Nk3fDxi6om0Oz1HGDgPyI9vRK4xlFFIDFZUOX/02xBw8PAMmAyw3Plyk+HxKk8oADplqxPG1NggEKiQqxbPTzvmiWkQaKSNp945YwCglMRtVkk4CTtDCsv9Qsmx1i8Jl6kT5taYPVaJMCUzdrjjr8Ek5KtK9zTRIJ0kItM2qMorWHmXvbw9XarqtmTf20CkN1pnWAIrSjcM1GIl5QUja79Z+1rT/zBY6BAXPPZDC9wynuqoyRzHidraHZjv7edFbWtHiGEuuE3FlCCFjprSEuJbLESpYs8laGa5qBJumOXeN55T5jp/MYIr/isbYdEFsdULBTk+oGNTVBWF30KsNj0zbN510qyyaTn2hW4L8XEVywfq8O40iNppmmPbzi+uj6P/FMBvqX5Rqj+ttTBZBirn8NQyYjPts/tcRfLSdM5LfMAR9d6kKGSnVKSGf+A5JJbd+NwB9Hedt42DtXCjiPKMQek7xTrWl9KM1SK+EL89uX193UmI5CXpnPpI1uFypw0gJTxe4AfPVC3yC/LEUg6h+X4FX8peBuaOJHDpOgOiln+omPPlTn5FH/pGud7+IHHdLeXKPfsI0W2gGrWCIKkY14uc8lSobLeBxzXm7yB7PWJI1GCZxPw8zKAYx+FmJE1dHJLRfJaxGmvvYLhVa2hJ3+uySI91uSXgTNFKhqegyaVAZfoXBmwu6M7EXg+YQ4+zm5vq3OrOGbft8q+WSF5tYUJ2TpDexNXEG1DZXm4Rnl1QFI30EY0oBNaTfbnNKwF3CiuwKkJ/JF2uECOFWA2kf2RLOsA39aKaqUR4Bu0/zDLduApogd/s+S2JxEVTDwN/MHxz6v6zkfnvsqXH0ueIKmIvyeLq2U05UFM5H8A+EmO7ZJq0T23MQLKVMkCTmP4zm8jo9VRMHuIHkG4n6HHSjualRsNfNSCJPk8UNetvpYT13bTBSkbh+y1FkU8yQ9JO1p5sjGOm1YZzumaf2aj9sdifIq8HJaM+02O54Q8cWR1fzFRAVK70tTJw7Wel41UzkoHPNtYuJEEyo57RFyT3pFO6FmrtFB2Rtz3dQRdViV3jPdN0NyWE9gNlesB7iJ6SCTsElhxTw+GRC9UWeDcvFztuFQc9VtM9DaEgQQCta/HsW90sW92aTiWzgVrn2QN58bEkblscaXB5xG93uZdhvam2jl+I3pZ01KGqm2Txu7IgrqpdioxNo6aLpZlBnA+0eu2xosTqu/tOCzHQaJNyl+ItoO3Sjr4cIzkNrq1kG43FfmA5A1JLQE8Sf4+Ip56rYk6Z32DXi4BipMs39cEduK1gm21fwGudqQjdNkouAAAAABJRU5ErkJggg==) center/contain no-repeat;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAIWUlEQVR42uWca6gVVRTHf+dxb5qlpiVpURZlGRZaWJL5yQ9ZUWoFKaHSC/JzUWRfivSTBX2I6OWl6ElUUPSSoJKCSNHsARYVZT4R0+R28+o5Z6YPs5Z33e3MnD3n4Z2pDcM5957Zs/f+z1r/9dhrpsSJbSWgLJ8AIRDIZ5Zr2P4hBW8loCJHUusBxgATBMCkVvH8X0cn362mE2+Y/40CpgMzgUuBC4CzgNOAkwWcK4Ad8j1IuO5ZIjk75bNUJEmqOMCfDiwFXgF+M2oRdzSAqdKvHKNS9wHbgMPAP8B3wEpzfinPwJQd9ZgLrAP2xQBRk6MuoNRFWgaBcx2A9LqvpwD7rNMnlxyjbQHwibOAugEjboFK1EccgKry/V7ze0POD+T7UfltiZxbzZvUaJsFvO8sum4Wn3YkAaRW7zsjaWEM+A3giwQpUqD1qJwocPRO9QKrZXFhykKyAqQLmQj85ZwX13e3EL01PpV2DVS1DXDqwGXAC8BsY7HauUNxfk3dsYRxfUrCaQ1HchrAxcAiIf+/gU+BD7tl/SzfLAH6DekGGaXGtV51MdujHacSYINcv5ZA+CHwrpEaneMDQvxun49FMkudtHwWnFUOB7QCinJUzajnI45q6Od1ZiyVlIZzY642Kg9whxmnZg4l9c/k+uVOg7PWTDZoQVJqCdbsTVmc68/oAh5MueZKB9BTgD0pfKgg3dwpb7zqgHM0IzhxEz0IfCW+0i1NyFNBmge8LFZtK9AHXGnOqZjzwhS3Qm9SXydcA+38kIN+K8DsAJ4GbgAmpQShzVyKpN8UoJuMCocpvPVOuxKkHW9rgYzt5DYBK4CxMaBk8U3coNflEP0+00OCAuDJdiRIB7sEGDAerC/5hhJ7LXcWUYmJ1zrtvFaALQkSb73vq1qVICXlXuCbDNbK3rHnJH2RFMR2O4swR4Jaq+p2DU+0E7/pIGscnfUB57CoE50gwDZDoGuAzc4894ub0nIGQDvNMBF34AnOfpmUAjOS6QebLpkjKZfrgTMco5DZWVTpWe+pWgrOn0KOmiHMWzDtWuZqzLrLvuDM9wRHCXlQ8j95Asfl02pC6nesM+eyD+KfewKk3LQ8p+AkRfCnAI+Kw7kX+EWcxmlpIFn2T/MhXD+nryDgaGZyknEBwhjvfl4SSArQix6WS32incC4IuSDzfreljUMmnVY32gXMN4lb/0yQVAMm1iuuqNa1QJID5IbSgtBFKR7dF1uDHOtoNdIkQhNin0PvCqD1wsC0EwPjrIe9rGOoQnyfHcrHxewyhSntZQ9VEkZJdF2GkGr2u0RS1AqAPdkUTHl3bstdah6zfLgHr3AMwXhnjiSfiuBpDWrudMlaV3knZ7WKxSXvcQJ3ELpkA9UllBjc4qZn+uaeQXoySYAqWQdItpOpiDqleQoPiJZyb3Az0S7MxfG+UAqBR808Z71/18XFJyklO64tFDDVlBMabJwtQDb2k1T5sCSlYzmHBKtqRBTUVKVDj1EJSg+7XeK30LjopQc10YlKLD8M4rjt22T2r6Cg6Nk3fDxi6om0Oz1HGDgPyI9vRK4xlFFIDFZUOX/02xBw8PAMmAyw3Plyk+HxKk8oADplqxPG1NggEKiQqxbPTzvmiWkQaKSNp945YwCglMRtVkk4CTtDCsv9Qsmx1i8Jl6kT5taYPVaJMCUzdrjjr8Ek5KtK9zTRIJ0kItM2qMorWHmXvbw9XarqtmTf20CkN1pnWAIrSjcM1GIl5QUja79Z+1rT/zBY6BAXPPZDC9wynuqoyRzHidraHZjv7edFbWtHiGEuuE3FlCCFjprSEuJbLESpYs8laGa5qBJumOXeN55T5jp/MYIr/isbYdEFsdULBTk+oGNTVBWF30KsNj0zbN510qyyaTn2hW4L8XEVywfq8O40iNppmmPbzi+uj6P/FMBvqX5Rqj+ttTBZBirn8NQyYjPts/tcRfLSdM5LfMAR9d6kKGSnVKSGf+A5JJbd+NwB9Hedt42DtXCjiPKMQek7xTrWl9KM1SK+EL89uX193UmI5CXpnPpI1uFypw0gJTxe4AfPVC3yC/LEUg6h+X4FX8peBuaOJHDpOgOiln+omPPlTn5FH/pGud7+IHHdLeXKPfsI0W2gGrWCIKkY14uc8lSobLeBxzXm7yB7PWJI1GCZxPw8zKAYx+FmJE1dHJLRfJaxGmvvYLhVa2hJ3+uySI91uSXgTNFKhqegyaVAZfoXBmwu6M7EXg+YQ4+zm5vq3OrOGbft8q+WSF5tYUJ2TpDexNXEG1DZXm4Rnl1QFI30EY0oBNaTfbnNKwF3CiuwKkJ/JF2uECOFWA2kf2RLOsA39aKaqUR4Bu0/zDLduApogd/s+S2JxEVTDwN/MHxz6v6zkfnvsqXH0ueIKmIvyeLq2U05UFM5H8A+EmO7ZJq0T23MQLKVMkCTmP4zm8jo9VRMHuIHkG4n6HHSjualRsNfNSCJPk8UNetvpYT13bTBSkbh+y1FkU8yQ9JO1p5sjGOm1YZzumaf2aj9sdifIq8HJaM+02O54Q8cWR1fzFRAVK70tTJw7Wel41UzkoHPNtYuJEEyo57RFyT3pFO6FmrtFB2Rtz3dQRdViV3jPdN0NyWE9gNlesB7iJ6SCTsElhxTw+GRC9UWeDcvFztuFQc9VtM9DaEgQQCta/HsW90sW92aTiWzgVrn2QN58bEkblscaXB5xG93uZdhvam2jl+I3pZ01KGqm2Txu7IgrqpdioxNo6aLpZlBnA+0eu2xosTqu/tOCzHQaJNyl+ItoO3Sjr4cIzkNrq1kG43FfmA5A1JLQE8Sf4+Ip56rYk6Z32DXi4BipMs39cEduK1gm21fwGudqQjdNkouAAAAABJRU5ErkJggg==) center/contain no-repeat}
.mic{width:16px;height:16px;display:inline-flex;color:var(--brand)}
.nl-editor{max-width:900px;margin:0 auto}
.nlx-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.nlx-feat{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;padding:6px;border-radius:14px;background:var(--ink-2);border:1px solid var(--line);color:var(--mute)}
.nlx-feat.ok{color:var(--ok);border-color:#4fa07933}
.nlx-sec{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-bottom:10px}
.nlx-sec textarea{min-height:70px}
.nlx-prev{background:#0c0a07;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:24px;line-height:1.9}
.nlx-prev h1{font-size:22px;margin-bottom:6px}
.nlx-prev .lead{color:var(--brand);font-size:12px;margin-bottom:16px}
.nlx-prev h3{font-size:15px;margin:18px 0 6px;border-inline-start:3px solid var(--brand);padding-inline-start:10px}
.nlx-prev p{font-size:13.5px;color:var(--soft)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.chips .linkchip{padding:7px;font-size:11px}

/* v11 · شبكة الجدولة */
.schgrid{display:grid;grid-template-columns:50px repeat(7,1fr);gap:3px;min-width:640px}
.schc{background:var(--ink-2);border-radius:6px;padding:4px;font-size:10px;text-align:center;color:var(--mute);min-height:32px;display:flex;align-items:center;justify-content:center}
.schc.schh{background:transparent;color:var(--soft);font-weight:700;font-size:11px}
.schc.schtm{background:transparent;color:var(--faint);font-size:10px;justify-content:flex-end;padding-inline-end:6px}
.schc.schpk{background:#ff57220e;border:1px solid #ff57223a}
.schc.schit{background:var(--ink-3);color:var(--sc);font-weight:700;border:1px solid var(--line)}
.schc.schmiss{background:#d05a4315;color:var(--bad);border:1px dashed #d05a4340}

/* v11 · production filter counts + day tally */
.anseg .ac{margin-inline-start:6px;background:var(--ink-3);color:var(--mute);border-radius:20px;padding:4px;font-size:10.5px;min-width:18px;display:inline-block;text-align:center}
.anseg button.on .ac{background:var(--brand);color:#fff}
.day-head .cnt{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--mute)}
.day-head .cnt b{color:var(--paper)}
.daydots{display:inline-flex;align-items:center;gap:3px;margin-inline-start:4px}
.daydots i{width:7px;height:7px;border-radius:50%;display:inline-block}
.daydots .num{font-size:11px;color:var(--faint);margin-inline-end:3px}

/* v11 · chat upgrades */
.chat-head-acts{display:flex;gap:2px;align-items:center;margin-inline-start:6px;flex-shrink:0}
.chat-head-acts .tb-btn{width:32px;height:32px}
.chat-head-acts .tb-btn.on{color:var(--brand);background:var(--brand-glow)}
.ch-type-badge{font-size:9.5px;font-weight:700;color:var(--faint);border:1px solid var(--line-2);border-radius:20px;padding:4px;margin-inline-start:7px}
.ch-search{padding:12px;border-bottom:1px solid var(--line);display:none}
.ch-search.on{display:block}
.ch-search input{width:100%;background:var(--ink-2);border:1px solid var(--line);border-radius:20px;padding:11px;font-size:12.5px;color:var(--paper)}
.ch-pinned{display:flex;align-items:center;gap:8px;padding:11px;background:var(--brand-glow);border-bottom:1px solid var(--brand-line);font-size:11.5px;color:var(--soft)}
.ch-pinned .pico{width:13px;height:13px;stroke:var(--brand);flex-shrink:0}
.ch-pinned .ptx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-pinned .x{color:var(--faint);cursor:pointer;flex-shrink:0}
.ch-item.arch{opacity:.5}
.ch-item .mut{width:12px;height:12px;stroke:var(--faint);opacity:.7;flex-shrink:0}
.ch-arch-lbl{font-size:10px;font-weight:700;color:var(--faint);padding:9px}
.linkprev{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;max-width:250px;margin-top:5px;transition:border-color .14s}
.linkprev:hover{border-color:var(--brand-line)}
.lp-thumb{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--ink-3)}
.lp-thumb svg{width:16px;height:16px;stroke:var(--mute)}
.lp-thumb.lp-image svg,.lp-thumb.lp-video svg{stroke:#5089c0}
.lp-meta{padding:8px;min-width:0}
.lp-host{font-size:11px;font-weight:700;color:var(--brand);line-height:1.3}
.lp-path{font-size:10px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:start;max-width:170px}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.swatch{width:28px;height:28px;border-radius:8px;border:2px solid transparent;cursor:pointer}
.swatch.on{border-color:var(--paper)}

/* v11 · production quick-actions + day copy */
.uf .ufacts{display:inline-flex;gap:2px;margin-inline-start:auto;margin-inline-end:6px}
.uf .uact{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--faint);transition:background .13s,color .13s}
.uf .uact:hover{background:var(--brand-soft);color:var(--brand)}
.uf .uact svg{width:14px;height:14px}
.day-head .daycopy{margin-inline-start:8px;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--faint);transition:background .13s,color .13s}
.day-head .daycopy:hover{background:var(--line);color:var(--brand)}
.day-head .daycopy svg{width:13px;height:13px}

/* v11 · motion polish: fast, smooth, app-like */
*{-webkit-tap-highlight-color:transparent}
.msg{animation:msgin .18s var(--spring)}
@keyframes msgin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.upcard,.face,.tip,.kcard{transition:border-color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease)}
.upcard:active,.tip:active{transform:scale(.995)}
.btn{transition:background .14s var(--ease),border-color .14s var(--ease),transform .1s var(--ease),color .14s}
.btn:active{transform:scale(.96)}
.tab,.ch-item,.menu-chip button,.tb-btn{transition:background .14s var(--ease),color .14s var(--ease)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v11 · tracks elegance + scheduled state */
.trk-top{height:5px}
.trk-card{transition:border-color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease)}
.trk-card:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.trk-card.pinned{border-color:var(--brand-line)}
.trk-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.trk-name{display:flex;align-items:center;gap:7px;font-weight:700;font-size:15px}
.trk-name .pinbadge{display:inline-flex}
.trk-name .pinbadge svg{width:12px;height:12px;stroke:var(--brand)}
.trk-contribs{display:flex;flex-shrink:0}
.trk-contribs .av{width:22px;height:22px;font-size:10px;margin-inline-start:-6px;border:2px solid var(--ink-1)}
.tkpin{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--soft);cursor:pointer;margin:6px 0 14px;user-select:none}
.tkpin input{width:16px;height:16px;accent-color:var(--brand)}
.pill.sch{background:#5089c022;color:#5089c0}

/* v11 · compose box: gentle shimmer frame + breathing glow (fades once you start writing) */
#qcWrap{position:relative;animation:qcglow 9s ease-in-out infinite}
#qcWrap::after{content:"";position:absolute;inset:0;border-radius:var(--r-lg);padding:1.5px;background:linear-gradient(115deg,transparent 34%,var(--brand-2) 50%,transparent 66%);background-size:260% 100%;background-repeat:no-repeat;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:qcshine 9s cubic-bezier(.45,0,.35,1) infinite;opacity:0;pointer-events:none;transition:opacity .45s var(--ease);will-change:background-position,opacity}
@keyframes qcshine{0%{background-position:240% 0;opacity:0}10%{opacity:.5}55%{opacity:.5}70%{background-position:-140% 0;opacity:0}100%{background-position:-140% 0;opacity:0}}
@keyframes qcglow{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 22px -10px var(--brand-soft)}}
#qcWrap:focus-within{animation:none;box-shadow:none}
#qcWrap:focus-within::after{opacity:0}
@media (prefers-reduced-motion:reduce){#qcWrap,#qcWrap::after{animation:none}}

/* v11 · scheduled-time chip + topbar logo centering */
.schtime{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:#5089c0;background:#5089c018;border:1px solid #5089c033;border-radius:20px;padding:5px}
.schtime svg{width:11px;height:11px;stroke:#5089c0}
.tb-word .mk{overflow:hidden}
.tb-word .mk .nrlogo{flex-shrink:0}

/* v11 · coverage timeline (جدول التغطية) */
.covhead{display:flex;align-items:flex-end;gap:12px;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.covticks{display:flex;justify-content:space-between;font-size:9.5px;color:var(--faint);padding:0px}
.covrow{display:flex;align-items:center;gap:12px;padding:6px;border-bottom:1px solid var(--line)}
.covrow:last-of-type{border-bottom:none}
.covwho{width:132px;flex-shrink:0;display:flex;align-items:center;gap:9px}
.covwho .cn{font-size:13px;font-weight:700;line-height:1.3}
.covwho .co{font-size:10.5px;color:var(--mute);letter-spacing:.2px}
.covtl{flex:1;min-width:150px}
.covtrack{position:relative;height:14px;background:var(--ink-3);border-radius:20px;overflow:hidden}
.covpeakband{position:absolute;top:0;bottom:0;background:#ff57221c;border-inline-start:1px solid #ff572240;border-inline-end:1px solid #ff572240}
.covbar{position:absolute;top:2px;height:10px;border-radius:20px;box-shadow:0 1px 3px #0006;animation:covgrow .5s var(--spring) both}
@keyframes covgrow{from{transform:scaleX(.2);opacity:0}to{transform:none;opacity:1}}
.covpk{width:74px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--faint)}
.pkring{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:var(--paper);background:conic-gradient(var(--c) calc(var(--p)*1%),var(--ink-3) 0)}
.pkring span{width:26px;height:26px;border-radius:50%;background:var(--ink-1);display:flex;align-items:center;justify-content:center;font-size:10px}
.offlbl{font-size:9.5px;color:var(--faint)}
.covlegend{display:flex;gap:16px;flex-wrap:wrap;font-size:10.5px;color:var(--faint);margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.covlegend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
.covlegend .pkdot{background:#ff57223a;border:1px solid #ff572266}
.covlegend .offdot{background:var(--ink-3);border:1px solid var(--line-2)}

/* v11 · rule indicators + gap visual */
.ruleset{display:flex;flex-direction:column;gap:1px}
.rl{display:flex;align-items:center;gap:9px;padding:4px;border-bottom:1px solid var(--line)}
.rl:last-child{border-bottom:none}
.rlic{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--ink-3);flex-shrink:0}
.rlic svg{width:11px;height:11px;stroke:var(--mute)}
.rlic.ok{background:#4fa07920}.rlic.ok svg{stroke:var(--ok)}
.rlic.bad{background:#d05a4320}.rlic.bad svg{stroke:var(--bad)}
.rlt{flex:1;font-size:12px;color:var(--soft)}
.rlv{font-size:10.5px;color:var(--faint);background:var(--ink-3);border-radius:20px;padding:6px}
.gapviz{margin-top:4px}
.gapbar{display:flex;height:16px;border-radius:20px;overflow:hidden;gap:2px}
.gapbar .seg{position:relative;display:flex;align-items:center;justify-content:center}
.gapbar .seg.cov{background:linear-gradient(90deg,#4fa07988,#4fa07955)}
.gapbar .seg.gap{background:repeating-linear-gradient(45deg,#d05a4330,#d05a4330 5px,#d05a4318 5px,#d05a4318 10px);border:1px dashed #d05a4360}
.gapbar .gl{font-size:9.5px;color:var(--bad);font-weight:700}
.gaplg{display:flex;gap:14px;font-size:10px;color:var(--faint);margin-top:7px}
.gaplg .d{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
.gaplg .d.cov{background:#4fa07988}
.gaplg .d.gap{background:#d05a4340;border:1px dashed #d05a4370}

/* v11 · audience strip, shortcuts, backup stats */
.audstrip{position:relative}
.audstrip .covtrack{height:13px}
.audstrip .covticks{margin-top:4px}
.audpk{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#4fa079aa,#4fa07966)}
.audlg{display:flex;gap:14px;font-size:10px;color:var(--faint);margin-top:7px}
.audlg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
.audlg .a{background:#4fa07999}
.audlg .p{background:#ff57223a;border:1px solid #ff572266}
.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:4px;border-radius:6px;background:var(--ink-3);border:1px solid var(--line-2);border-bottom-width:2px;font-size:11px;font-weight:700;color:var(--soft);font-family:Lato,monospace;flex-shrink:0}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sg{background:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}
.sgv{font-size:19px;font-weight:800;color:var(--brand);line-height:1.2}
.sgl{font-size:10px;color:var(--faint);margin-top:2px}

/* ===========================================================
   البوّابتان
   =========================================================== */

/* الحياة البرتقالية: كتلٌ ضوئية ضخمة تموج ببطء في العتمة.
   بطيئة عمدًا (40 ثانية فأكثر) لتكون حضورًا لا حركةً تلفت. */
.aur{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.au{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
.au.a1{width:62vmin;height:62vmin;left:-8vmin;top:-10vmin;
  background:radial-gradient(circle,#FF5722 0%,#c8431a55 45%,transparent 70%);
  animation:aur1 44s ease-in-out infinite}
.au.a2{width:52vmin;height:52vmin;right:-10vmin;bottom:-12vmin;
  background:radial-gradient(circle,#e0561f 0%,#8a2f1044 50%,transparent 72%);
  animation:aur2 58s ease-in-out infinite}
.au.a3{width:38vmin;height:38vmin;left:38%;top:52%;
  background:radial-gradient(circle,#ff7a4d 0%,#c8431a33 50%,transparent 70%);
  animation:aur3 52s ease-in-out infinite;opacity:.32}
@keyframes aur1{0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(14vmin,10vmin) scale(1.14)}
  66%{transform:translate(5vmin,20vmin) scale(.94)}}
@keyframes aur2{0%,100%{transform:translate(0,0) scale(1)}
  40%{transform:translate(-16vmin,-9vmin) scale(1.1)}
  75%{transform:translate(-6vmin,-19vmin) scale(.92)}}
@keyframes aur3{0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-38%,-64%) scale(1.2)}}
.aur-dim .au{opacity:.24;filter:blur(110px)}

/* --- البوّابة الأولى --- */
.gate1{position:fixed;inset:0;z-index:200;background:#0b0a07;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .42s var(--ease)}
.gate1.gone{opacity:0;pointer-events:none}
.g1wrap{position:relative;z-index:2;display:flex;flex-direction:column;
  align-items:center;gap:18px;animation:g1in 1.1s var(--spring) both}
@keyframes g1in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.g1box{position:relative;width:min(330px,74vw);height:54px;border-radius:14px;
  background:#fdfcfa;box-shadow:0 0 0 1px #ffffff18,0 18px 50px -12px #000a,
  0 0 60px -18px #FF572266;overflow:hidden;
  transition:box-shadow .3s var(--ease),transform .12s var(--ease)}
.g1box:focus-within{box-shadow:0 0 0 1px #ffffff30,0 20px 56px -12px #000c,
  0 0 78px -14px #FF572299}
.g1box input{width:100%;height:100%;border:0;outline:0;background:transparent;
  text-align:center;font-family:'Lato','Alyamama',sans-serif;font-size:16px;
  letter-spacing:.14em;color:#100e09;padding:12px}
.g1box.working{transform:scale(.985)}
.g1box.working::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#FF5722,transparent);
  animation:g1work 1s linear infinite}
@keyframes g1work{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.g1box.bad{animation:g1shake .42s var(--ease)}
@keyframes g1shake{0%,100%{transform:translateX(0)}
  20%{transform:translateX(-8px)}40%{transform:translateX(7px)}
  60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.g1box.locked{opacity:.5}
.g1meter{position:absolute;left:0;bottom:0;height:2px;width:0;
  background:#d05a43;transition:width .2s linear}
.g1dots{display:flex;gap:7px;height:6px}
.g1dots .gd,.g2dots .gd{width:6px;height:6px;border-radius:50%;
  background:#d05a4399;animation:gdin .3s var(--spring) both}
@keyframes gdin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.g1fail{color:#e8e2d6;font-size:14px;text-align:center;max-width:320px;
  line-height:1.8;position:relative;z-index:2}

/* --- البوّابة الثانية --- */
.gate2{position:fixed;inset:0;z-index:199;background:#0b0a07;
  display:none;align-items:center;justify-content:center;
  opacity:0;transition:opacity .42s var(--ease)}
.gate2.on{display:flex;opacity:1}
.gate2.gone{opacity:0;pointer-events:none}
.g2card{position:relative;z-index:2;width:min(370px,86vw);
  animation:g2in .6s var(--spring) both}
@keyframes g2in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.g2logo{width:46px;height:46px;border-radius:14px;margin:0 auto 22px;
  background:linear-gradient(140deg,#FF5722,#c8431a);display:flex;
  align-items:center;justify-content:center;box-shadow:0 10px 30px -10px #FF572288}
.g2list{display:flex;flex-direction:column;gap:9px}
.g2u{background:#16130e;border:1px solid #2a251c;border-radius:14px;
  overflow:hidden;transition:border-color .2s var(--ease),background .2s var(--ease)}
.g2u:hover{border-color:#3a3226}
.g2u.open{border-color:#FF572266;background:#191510}
.g2u.bad{animation:g1shake .42s var(--ease);border-color:#d05a4388}
.g2u.working{opacity:.65}
.g2head{width:100%;display:flex;align-items:center;gap:11px;padding:14px;
  background:transparent;border:0;cursor:pointer;text-align:start}
.g2av{width:36px;height:36px;border-radius:11px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}
.g2av.av-c1{background:linear-gradient(140deg,#c8431a,#8a2f10)}
.g2av.av-c2{background:linear-gradient(140deg,#3f7d5a,#2a5740)}
.g2av.av-c3{background:linear-gradient(140deg,#3a6ea5,#274d75)}
.g2meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.g2nm{font-size:14px;font-weight:700;color:#f2eee4}
.g2role{font-size:11px;color:#8b8574}
.g2dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.g2chev{color:#6b6557;display:flex;transition:transform .3s var(--spring)}
.g2chev svg{width:16px;height:16px}
.g2u.open .g2chev{transform:rotate(180deg)}
/* الانسدال: ارتفاعٌ محسوب لحركةٍ ناعمة بلا قفز */
.g2body{max-height:0;opacity:0;overflow:hidden;
  transition:max-height .34s var(--spring),opacity .24s var(--ease),
  padding .34s var(--spring);padding:7px}
.g2u.open .g2body{max-height:110px;opacity:1;padding:10px}
.g2pw{display:flex;gap:8px;align-items:center}
.g2pw input{flex:1;height:42px;border-radius:10px;border:1px solid #322b21;
  background:#0e0c08;color:#f2eee4;padding:12px;font-size:14px;outline:0;
  font-family:'Lato','Alyamama',sans-serif;letter-spacing:.1em;
  transition:border-color .2s var(--ease)}
.g2pw input:focus{border-color:#FF572288;box-shadow:0 0 0 3px #FF572215}
.g2go{width:42px;height:42px;border-radius:10px;flex-shrink:0;border:0;cursor:pointer;
  background:linear-gradient(140deg,#FF5722,#c8431a);color:#fff;display:flex;
  align-items:center;justify-content:center;transition:transform .12s var(--ease)}
.g2go:active{transform:scale(.94)}
.g2go svg{width:17px;height:17px}
.g2dots{display:flex;gap:6px;margin-top:9px;min-height:6px}

@media (prefers-reduced-motion:reduce){
  .au{animation:none}
  .g1wrap,.g2card{animation:none}
}