/* هوية «آخر قيم» — طبقة خدمة «المساحة» (المرحلة 1ب فوق فرع game-space/identity-v1).
   تُحمَّل آخر ملف CSS. تعتمد على مفاتيح theme-tokens.css (المُبدَّلة بألوان الهوية).
   المرجع: DESIGN-LANGUAGE-space.md ولوحة 13 و08 و09 على الكانفس.
   القواعد: الليل هادي، الثلج فعل، الجمر للمتأخر والخطر والخطأ فقط. زر أساسي واحد. الأرقام 0-9. */

/* ---------- 1) الخطوط ونقاط Cairo Play (اللوحات معرّفة في /identity/tokens.css) ---------- */
:root{
  --font-display:'Cairo Play','Rubik','Noto Sans Arabic',Tahoma,sans-serif;
  --font-body:'Rubik','Noto Sans Arabic',Tahoma,sans-serif;
  --palette-svc:--akhir-thalj;
  /* الحركة (لوحة 9): لمسة 120 · انتقال 200 · دخول 320 · احتفال 600 · نَفَس 2400 */
  --t-lamsa:120ms;--t-intiqal:200ms;--t-dukhul:320ms;--t-ihtifal:600ms;--t-nafas:2400ms;
  --e-jamr:cubic-bezier(.2,.8,.2,1);--e-rahil:cubic-bezier(.4,0,1,1);--e-nafas:cubic-bezier(.45,0,.55,1);--e-nabda:cubic-bezier(.34,1.4,.64,1);
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;
  font-family:var(--font-body);line-height:1.75;font-synthesis:none;
}
:root[data-theme=light]{--palette-svc:--akhir-thalj-dark}
.font-display,.d,h4,h1,h2,h3,.stats strong,.plan>strong,.seat,.metric-value,.control-seat-summary strong,.cal-date b,.video-time,.home-agenda-row time,.unread-count,.preview-unread,.badge,.chip,.tag,.workflow span,.login-flow span,.section-views a,.preview-rail a,.detail-tabs button,.tabs a,.primary,button.primary,.mobile-dock a,.mobile-dock button,.workspace-rail a,.workspace-rail button{font-family:var(--font-display);font-palette:var(--palette-svc)}
h1,h2,h3{font-weight:900;letter-spacing:0;line-height:1.5}
h1{font-size:clamp(26px,2.4vw,34px)}h2{font-size:20px}h3{font-size:17px}
.adaptive-workspace h1,.official-workspace h1{font-size:clamp(26px,2.6vw,30px);font-weight:900}
.adaptive-workspace h2,.official-workspace h2{font-size:18px;font-weight:900}
.login .intro h1{font-family:var(--font-display);font-weight:900;font-size:clamp(34px,4vw,52px);line-height:1.35}
.login h2{font-weight:900}
/* الأرقام والوقت: يسار-يمين وثابتة العرض */
.cal-date b,.video-time,.home-agenda-row time,.stats strong,.plan>strong,.seat,.metric-value,.control-seat-summary strong{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-family:var(--font-display)}
.stats strong,.plan>strong,.seat,.control-seat-summary strong{font-weight:900}
/* النقاط على السطح الثلجي (الزر الأساسي، الشارة الممتلئة) ليل */
.primary,button.primary,a.primary,.workflow .current,.badge.approved,.badge.published,.unread-count,.preview-unread,.skip{font-palette:--akhir-layl}
:root[data-theme=light] :is(.primary,button.primary,a.primary,.workflow .current,.badge.approved,.badge.published,.unread-count,.preview-unread,.skip){font-palette:--akhir-qashda}

/* ---------- 2) الأسطح والحدود ---------- */
body{background:var(--bg);color:var(--text)}
.panel,.card,.stats article,.column,.overview-summary,.starter-templates,.review-spotlight,.template,.integration-card{border-radius:var(--r-md);box-shadow:none}
.adaptive-workspace .content-document{border-radius:var(--r-lg)}
.login .panel{border-radius:var(--r-lg);border-top:0;box-shadow:none}
input,textarea,select{border-radius:var(--r-sm);border-color:var(--control-line);background:var(--input)}
input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
::selection{background:var(--accent);color:var(--on-accent)}
.topbar,.preview-header,.preview-nav-bar,.mobile-header{background:var(--bg)}

/* ---------- 3) الأزرار: حبّة (pill) ثلجية، وزر أساسي واحد ---------- */
button,.primary,.secondary{border-radius:var(--r-pill);font-weight:700;font-family:var(--font-body);min-height:44px;padding:10px 18px;transition:color var(--t-lamsa),background-color var(--t-lamsa),border-color var(--t-lamsa),transform var(--t-lamsa) var(--e-jamr)}
.primary,button.primary,a.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-family:var(--font-display);font-weight:900}
.primary:hover,button.primary:hover,a.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
.primary::after,button.primary::after{content:'«';font-family:var(--font-display);font-weight:900;margin-inline-start:2px;line-height:1;transition:transform var(--t-lamsa) var(--e-jamr);display:inline-block}
.primary:hover::after,button.primary:hover::after{transform:translateX(-4px)}
button:active:not(:disabled),a.primary:active{transform:scale(.97)}
.secondary,button:not(.primary):not(.quiet):not(.theme-toggle):not(.text-button):not(.version-chip){background:transparent;color:var(--text);border-color:var(--control-line)}
.secondary:hover,button:not(.primary):not(.quiet):not(.theme-toggle):not(.text-button):not(.version-chip):hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.quiet{border-radius:var(--r-pill);color:var(--muted)}.quiet:hover{color:var(--accent);background:var(--accent-soft)}
.theme-toggle{border-radius:var(--r-pill);border-color:var(--control-line)}
.theme-toggle[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
.detail-tabs button,.section-views a,.preview-rail a,.mobile-dock a,.mobile-dock button,.workspace-rail a,.workspace-rail button,.login .quick button,.tabs a{border-radius:0;font-weight:700}
.login .quick{border-radius:var(--r-pill);background:var(--input)}.login .quick button{border-radius:var(--r-pill)}
.official-workspace .section-views{border-radius:var(--r-pill);background:var(--input);padding:4px}
.section-views a{border-radius:var(--r-pill);box-shadow:none}
.section-views a[aria-current=page]{background:var(--accent);color:var(--on-accent);box-shadow:none;font-palette:--akhir-layl}
:root[data-theme=light] .section-views a[aria-current=page]{font-palette:--akhir-qashda}
.cal-views button,.calendar .cal-views button{border-radius:var(--r-pill)}

/* ---------- 4) التنقّل: العلامة النشطة جمرة واقفة ثلجية (لوحة 13 §4) ---------- */
.preview-rail a{border-radius:var(--r-sm);position:relative;transition:color var(--t-lamsa),background-color var(--t-lamsa)}
.preview-rail a[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-bottom-color:transparent;border-inline-start-color:transparent}
.preview-rail a[aria-current=page]::before{content:'';position:absolute;inset-inline-start:0;top:50%;translate:0 -50%;width:3px;height:20px;border-radius:99px;background:var(--accent)}
nav a.active,.workspace-sidebar a.active,.mobile-menu .menu-body nav a.active{border-inline-start-color:transparent;position:relative}
nav a.active::before,.workspace-sidebar a.active::before{content:'';position:absolute;inset-inline-start:0;top:50%;translate:0 -50%;width:3px;height:20px;border-radius:99px;background:var(--accent)}
.workspace-rail a.active,.workspace-rail button.active{border-inline-start-color:transparent}
.mobile-dock a.active,.mobile-dock button.active{box-shadow:none;color:var(--accent);position:relative}
.mobile-dock a.active::before,.mobile-dock button.active::before{content:'';position:absolute;top:0;left:50%;translate:-50% 0;width:20px;height:3px;border-radius:99px;background:var(--accent)}
.unread-count,.preview-unread{border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-weight:900}
.notification-card.is-unread,.notification-context,.home-today,.control-attention,.control-suspension{border-inline-start:3px solid var(--accent)}

/* ---------- 5) الشعار: «المساحة» بقوسي جمرة (lockup-paper على الليل، lockup-ink على النهار) ---------- */
.brand-lockup{aspect-ratio:6640/1720;width:150px;background-position:center;forced-color-adjust:none}
.official-brand .brand-lockup{width:132px}.sidebar-brand .brand-lockup{width:128px}.mobile-brand .brand-lockup{width:108px}
.login-tools .brand-lockup,.personal-header .brand-lockup{width:150px}
.brand-symbol{color:var(--accent)}
.mark{background:var(--accent);color:var(--on-accent);border-radius:var(--r-sm)}
.avatar,.workspace-initial,.preview-account .avatar,.sidebar-account .avatar{border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);border-color:transparent;font-family:var(--font-display);font-weight:900;font-palette:var(--palette-svc)}

/* ---------- 5ب) الجمر للمتأخر والخطر والخطأ فقط: كل استخدام «تزييني» للجمر يصير ثلجاً ---------- */
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,.personal-shell a:focus-visible,.personal-shell button:focus-visible,#open-review-notes:focus-visible,.open-review-note:focus-visible,.workspace-sidebar a:focus-visible,.workspace-sidebar button:focus-visible,#integration-api-guide:focus,#integration-secret:focus,.floating-navigation :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.calendar .cal-item:hover,.calendar .cal-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.login .panel{border-top-color:var(--accent)}
.workspace-sidebar a.active{box-shadow:inset -3px 0 0 var(--accent)}
.tabs .selected{border-bottom-color:var(--accent)}
.local-dot:before{color:var(--accent)}
.cal-today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.legal-draft{border-inline-start-color:var(--accent)}
.home-today{border-inline-start-color:var(--accent)}
.home-today a,.home-today .text-button{color:var(--link)}
.schedule-week-strip a[aria-current=date]{box-shadow:inset 0 -3px var(--accent)}
.month-day.is-today .month-day-number{border-bottom-color:var(--accent)}
.unread-count,.preview-unread{background:var(--accent);color:var(--on-accent)}
.notification-card.is-unread,.notification-context{border-inline-start-color:var(--accent)}
.notice,.launch-notice{border-color:var(--line);border-inline-start-color:var(--accent)}
.skip{background:var(--accent);color:var(--on-accent)}
/* يبقى جمراً: .late والمتأخر في التقويم و.guest-stale والخطأ و«متعطلة» */

/* ---------- 6) الحالات — خمس فقط (لوحة 13 §2) ----------
   فكرة/تجهيز → مسودة (حدود) · تنفيذ → شغّالة (ثلج مفرّغ) · مراجعة → قيد المراجعة (ثلج مفرّغ + ؟)
   معتمد/تم النشر → معتمدة (ثلج مليان + ✓) · تعديل مطلوب → ثلج + مؤشر الكتابة (§22) · متأخر → جمر */
.badge,.chip,.tag,.workflow span,.setup-checks span{border-radius:var(--r-pill);font-family:var(--font-display);font-weight:800;font-size:12px;line-height:1.4;padding:3px 10px;display:inline-flex;align-items:center;gap:6px}
.badge{background:transparent;color:var(--nass-2,var(--muted));border:1px solid var(--line)}
.badge.idea,.badge.preparing{color:var(--muted);border-color:var(--line);background:transparent}
.badge.execution{color:var(--accent);border-color:var(--accent);background:transparent}
.badge.review{color:var(--accent);border-color:var(--accent);background:transparent}
.badge.review::before{content:'؟';font-weight:900;line-height:1}
.badge.approved,.badge.published,.setup-checks .complete{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.badge.approved::before,.badge.published::before,.setup-checks .complete::before{content:'';width:9px;height:5px;border:2px solid currentColor;border-top:0;border-right:0;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-1px);display:inline-block}
.badge.changes,.blocker-label{background:transparent;color:var(--danger);border:1px solid var(--danger-line)}
.blocker-label{border-radius:var(--r-sm);border-inline-start-width:3px;padding:8px 12px}
.late,.cal-late{color:var(--danger);font-weight:700}
.content-row.late,.card.late{box-shadow:inset 3px 0 var(--danger)}
.chip{background:transparent;color:var(--muted);border-color:var(--line)}
.chip.priority-urgent{color:var(--danger);border-color:var(--danger-line);background:transparent}
.chip.priority-high{color:var(--accent);border-color:var(--accent);background:transparent}
.chip.priority-low{color:var(--muted);border-color:var(--line);background:transparent}
.tag,.topbar .tag{background:transparent;color:var(--muted);border-color:var(--line)}
.workflow span{color:var(--muted);border-color:var(--line)}
.workflow .current{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.login-flow span{border-radius:var(--r-pill);font-weight:700;font-size:12px}
.login-flow span:last-child{color:var(--accent);border-color:var(--accent)}
.setup-checks .pending{background:transparent;color:var(--muted);border:1px solid var(--line)}
/* التقويم: الجزء المشغَّل ثلج، المتأخر جمر */
.calendar .cal-item{border-radius:var(--r-sm);background:var(--panel);border-color:var(--line)}
.calendar .cal-item.state-review,.calendar .cal-item.state-changes{background:var(--panel);color:var(--accent);border-color:var(--accent)}
.calendar .cal-item.state-changes{color:var(--danger);border-color:var(--danger-line)}
.calendar .cal-item.state-approved,.calendar .cal-item.state-published{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.calendar .cal-item.late{border-inline-start:3px solid var(--danger)}
.cal-today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.cal-today-label{color:var(--accent);font-weight:700}
.cal-day{border-radius:var(--r-sm)}
.home-agenda-row time{color:var(--accent);font-weight:900}
.content-row.selected{background:var(--accent-soft);box-shadow:inset -3px 0 var(--accent)}
.content-row{border-radius:0}
.content-row-title{font-family:var(--font-display)!important;font-weight:800!important;font-palette:var(--palette-svc)}

/* ---------- 7) الرسائل والتنبيهات: النجاح ثلج، الخطأ جمر (بدون رموز تحذير) ---------- */
#status{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--accent);color:var(--text);font-weight:600;box-shadow:var(--shadow)}
#status.error{background:var(--panel);border-color:var(--danger);color:var(--danger)}
.notice,.launch-notice{background:var(--panel);border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:var(--r-sm)}
.open-review-note{border-inline-start-color:var(--accent);background:var(--panel)}
.guest-stale{border-inline-start-color:var(--danger)}
.legal-draft{border-inline-start-color:var(--accent)}
mark.mention{background:var(--accent-soft);color:var(--accent);border-radius:4px}
.resource,.small-link,.token,a.small-link{color:var(--link)}
.eyebrow{color:var(--accent);letter-spacing:0;font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc)}
.stats article{background:var(--panel)}.stats strong{color:var(--accent)}

/* ---------- 8) الفارغ والتحميل: جمرة نايمة، وثلاث أقواس تنبض (ممنوع الدوران) ---------- */
.empty{border:1px dashed var(--line);border-radius:var(--r-md);color:var(--muted)}
.empty>span{display:block;font-family:var(--font-display);font-weight:900;font-size:44px;line-height:1;color:var(--accent);font-palette:var(--palette-svc);letter-spacing:-.04em}
.empty>span::before{content:'«z'}.empty>span>*{display:none}
.empty>span{font-size:0}.empty>span::before{font-size:44px;display:inline-block;opacity:.9;transform:rotate(-8deg)}
.queue-empty{border-radius:var(--r-sm)}
.route-loading{color:var(--muted)}
.route-loading::before{content:'«  «  «';display:block;font-family:var(--font-display);font-weight:900;font-size:28px;color:var(--accent);font-palette:var(--palette-svc);letter-spacing:-.1em;animation:akhir-pulse 1s var(--e-nafas) infinite;margin-bottom:12px;direction:ltr;text-align:right}
.loading-lines span{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--panel) 0%,var(--raised) 40%,var(--accent-soft) 50%,var(--raised) 60%,var(--panel) 100%);background-size:200% 100%;animation:akhir-shimmer 1.6s linear infinite;border-color:var(--line)}
@keyframes akhir-pulse{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes akhir-shimmer{from{background-position:0% 0}to{background-position:100% 0}}

/* ---------- 9) الحوارات والقوائم ---------- */
.leave-dialog,.conflict-dialog,.account-popover,.mobile-menu{border-radius:var(--r-lg);background:var(--panel);color:var(--text);border-color:var(--line)}
.leave-dialog::backdrop,.conflict-dialog::backdrop,.mobile-menu::backdrop{background:var(--overlay)}
.account-popover :is(a,button){border-radius:var(--r-sm)}
.hero{border-radius:var(--r-lg)}.hero h1 span{color:var(--accent)}
.plan strong,.plan-count{color:var(--accent);font-family:var(--font-display);font-weight:900}
.steps li::marker{color:var(--accent)}
.template{border-radius:var(--r-md)}.template:hover{border-color:var(--accent)}
.card:hover{border-color:var(--accent);transform:none}
.attachment-icon{border-radius:var(--r-sm);color:var(--accent)}
.video-frame{border-radius:var(--r-md)}
.video-time{color:var(--accent);font-weight:900}
footer,.preview-content>footer{color:var(--muted)}

/* ---------- 10) الحركة (لوحة 9): ضربة وحدة، للأمام يسار ---------- */
@media(prefers-reduced-motion:no-preference){
 .card,.content-row,.cal-item{transition:border-color var(--t-lamsa),background-color var(--t-lamsa),color var(--t-lamsa)}
 .preview-rail a,.section-views a,.detail-tabs button,nav a{transition:color var(--t-lamsa),background-color var(--t-lamsa)}
 #status.visible{animation:akhir-enter-up var(--t-dukhul) var(--e-jamr)}
 .mobile-menu[open]::backdrop{animation:akhir-fade var(--t-intiqal) linear}
 .account-popover{animation:akhir-enter-up var(--t-intiqal) var(--e-jamr)}
 .content-document,.work-home,.calendar,.agenda-page{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
 .content-list>.content-row:nth-child(1){animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
 .content-list>.content-row:nth-child(2){animation:akhir-enter var(--t-dukhul) var(--e-jamr) 40ms both}
 .content-list>.content-row:nth-child(3){animation:akhir-enter var(--t-dukhul) var(--e-jamr) 80ms both}
 .content-list>.content-row:nth-child(4){animation:akhir-enter var(--t-dukhul) var(--e-jamr) 120ms both}
 .content-list>.content-row:nth-child(5){animation:akhir-enter var(--t-dukhul) var(--e-jamr) 160ms both}
 .content-list>.content-row:nth-child(6){animation:akhir-enter var(--t-dukhul) var(--e-jamr) 200ms both}
 .unread-count,.preview-unread{animation:akhir-pop var(--t-lamsa) var(--e-jamr)}
}
@keyframes akhir-enter{from{transform:translateX(16px);opacity:0}to{transform:none;opacity:1}}
@keyframes akhir-enter-up{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@keyframes akhir-fade{from{opacity:0}to{opacity:1}}
@keyframes akhir-pop{0%{transform:scale(.92)}60%{transform:scale(1.06)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- 11) الجوال ---------- */
@media(max-width:800px){
 h1{font-size:24px}h2{font-size:18px}
 .brand-wordmark,.mobile-brand .brand-wordmark{height:24px}.mobile-brand .brand-name small{display:none}
 .login .intro h1{font-size:32px}
 .primary,button.primary{min-height:46px}
 .empty>span::before{font-size:36px}
}
@media(forced-colors:active){.badge.approved::before{border-color:CanvasText}.preview-rail a[aria-current=page]::before,nav a.active::before{background:Highlight}}

/* ---------- 12) جمرة داخل المساحة: النوع، الفارغ، لحظة الاعتماد ---------- */
.jamra{display:inline-block;vertical-align:middle;flex:none;color:currentColor}
.type-jamra{display:inline-flex;align-items:center;margin-inline-end:6px;color:var(--accent);vertical-align:-3px}
.type-jamra.sharara{color:var(--sharara)}
.empty>span:not(.empty-jamra){display:none}
.empty-jamra{display:block;color:var(--accent);margin:0 auto 8px;opacity:.9}
.empty{padding:36px 20px}
.jamra-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:akhir-draw var(--t-dukhul) var(--e-jamr) forwards}
.jamra-plusone{position:fixed;z-index:60;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-weight:900;font-size:16px;pointer-events:none;translate:-50% -100%;animation:akhir-plus var(--t-ihtifal) var(--e-nabda) forwards;box-shadow:var(--shadow)}
.jamra-plusone{font-palette:--akhir-layl}:root[data-theme=light] .jamra-plusone{font-palette:--akhir-qashda}.jamra-plusone b{font-variant-numeric:tabular-nums}
@keyframes akhir-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes akhir-plus{0%{transform:translateY(0) scale(.6);opacity:0}25%{transform:translateY(-14px) scale(1.12);opacity:1}55%{transform:translateY(-22px) scale(1);opacity:1}100%{transform:translateY(-44px) scale(1);opacity:0}}

/* ---------- 13) الليل في الرأس: شغّالين الحين، الستريك، نام ---------- */
.night-tools{display:flex;align-items:center;gap:6px;flex:none;min-width:0}
.night-online,.night-streak{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);font-size:12px;white-space:nowrap}
.night-online-jamras{display:inline-flex;align-items:center;color:var(--accent);direction:ltr}
.night-online-jamras .jamra{margin-left:-6px}
.night-online-jamras .jamra:first-child{margin-left:0}
.breath{animation:akhir-breath var(--t-nafas) var(--e-nafas) infinite;transform-origin:center}
.breath-1{animation-delay:-800ms}.breath-2{animation-delay:-1600ms}
.night-streak{color:var(--muted)}
.night-streak b{font-family:var(--font-display);font-weight:900;font-size:14px;color:var(--text);font-variant-numeric:tabular-nums;font-palette:--akhir-qashda}
:root[data-theme=light] .night-streak b{font-palette:--akhir-layl}
.night-streak.is-lit b{font-palette:var(--palette-svc)}
.night-streak.is-lit{color:var(--accent);border-color:var(--accent)}
.night-streak.is-lit .jamra{animation:akhir-breath var(--t-nafas) var(--e-nafas) infinite;transform-origin:center}
.night-sleep{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 12px;border:1px solid var(--line);color:var(--muted);font-size:13px}
.night-sleep:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.night-sleep.is-asleep{color:var(--accent);border-color:var(--accent)}
:root[data-sleep] .preview-unread,:root[data-sleep] .unread-count,:root[data-sleep] .official-sections-unread{display:none}
@keyframes akhir-breath{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:1}}
@media(max-width:800px){.night-online-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.night-online{padding-inline:8px}.night-sleep span{display:none}.night-sleep{padding-inline:8px}}
/* الجوال: الرأس ضيّق — الستريك رقم وجمرة بلا إطار، «نام» أيقونة، و«شغّالين» يختفي (يبقى في الكمبيوتر) */
@media(max-width:600px){.night-tools{gap:2px}.night-online{display:none}.night-streak{border:0;padding:4px 4px;min-height:32px;gap:3px}.night-streak b{font-size:13px}.night-sleep{border:0;min-height:32px;padding:4px 4px;min-width:32px}.preview-tools{gap:4px}}

/* ---------- 14) «نام» وورقة الفجر ---------- */
.sleep-sheet{border:0;padding:0;max-width:none;width:100vw;height:100dvh;max-height:none;background:var(--layl-3);color:var(--text)}
.sleep-sheet::backdrop{background:var(--layl-3)}
.sleep-body{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 20px;text-align:center}
.sleep-jamra{color:var(--accent);animation:akhir-breath 3200ms var(--e-nafas) infinite;transform-origin:center}
.sleep-body h2{font-size:clamp(24px,4vw,34px);margin:0;max-width:22ch}
.dawn-card{width:min(420px,100%);border:1px solid var(--accent);border-radius:var(--r-lg);padding:20px 22px;background:var(--panel);text-align:start}
.dawn-kicker{margin:0 0 8px;color:var(--accent);font-family:var(--font-display);font-weight:800;font-size:13px;font-palette:var(--palette-svc)}
.dawn-lines{margin:0;font-family:var(--font-display);font-weight:900;font-size:22px;line-height:1.7;font-palette:var(--palette-svc)}
.dawn-lines span:last-child{color:var(--accent)}
.dawn-card small{display:block;margin-top:10px;color:var(--muted)}
.sleep-body .actions{justify-content:center}
@media(prefers-reduced-motion:no-preference){.sleep-sheet[open]{animation:akhir-fade var(--t-dukhul) linear}}

/* ---------- 15) «حلقة جديدة» ---------- */
.work-home-actions{flex:none;flex-wrap:wrap;justify-content:flex-end}
.episode-dialog{width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;background:var(--panel);color:var(--text)}
.episode-dialog::backdrop{background:var(--overlay)}
.episode-dialog h2{margin-bottom:6px}.episode-dialog .muted{font-size:13px;margin-bottom:16px}
.episode-dialog input[type=datetime-local]{direction:ltr;text-align:left}
.episode-dialog .actions{margin-top:8px}
@media(max-width:800px){.work-home .heading{display:block}.work-home-actions{justify-content:flex-start;margin-top:12px}}

/* ---------- 16) ترتيب: اختصاراتي سطر رقيق (الكمبيوتر والتابلت؛ الجوال مضغوط أصلاً) ---------- */
@media(min-width:601px){
 .official-workspace .personal-shortcuts{display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 20px;background:var(--bg)}
 .official-workspace .personal-shortcuts-heading{display:contents}
 .official-workspace .personal-shortcuts-heading>div{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .official-workspace .personal-shortcut-rail{flex:1;min-width:0;padding:0;gap:6px}
 .official-workspace .personal-shortcut{min-height:36px;padding:6px 12px;font-size:13px;border-radius:var(--r-pill);border:1px solid var(--line);background:transparent;color:var(--muted)}
 .official-workspace .personal-shortcut:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
 .official-workspace .personal-shortcut svg{width:16px;height:16px}
 .official-workspace .shortcut-organize{order:2;flex:none;min-height:36px;padding:4px 12px;font-size:12px;color:var(--muted)}
 .official-workspace .personal-shortcuts-empty{font-size:12px;margin:0}
}
@media(min-width:1200px){.official-workspace .personal-shortcuts{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:4px 28px}}

/* ---------- 17) ترتيب: اختيار المساحة قائمة مضغوطة بجانب الشعار ---------- */
.official-workspace .preview-header{gap:16px}
.official-workspace .preview-space-label{flex:none;max-width:min(300px,40vw);margin-inline-end:auto}
.official-workspace .preview-space-label label{font-size:0;line-height:0;gap:0;margin:0}
.official-workspace .preview-space-label select{font-size:14px;line-height:1.5;font-weight:700;min-height:40px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);color:var(--text);text-overflow:ellipsis;cursor:pointer}
.official-workspace .preview-space-label select:hover{border-color:var(--accent)}
.official-workspace .preview-tools{margin-inline-start:0}

/* ---------- 18) ترتيب: الحالة قبل التفاصيل في صفوف المواد ---------- */
.content-row{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start}
.content-row-state{grid-column:1;grid-row:1/span 2;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;max-width:120px;padding-top:2px}
.content-row-title{grid-column:2;grid-row:1}
.content-row-meta{grid-column:2;grid-row:2}
@media(min-width:1200px){
 .content-queue .content-row{grid-template-columns:minmax(0,1fr)}
 .content-queue .content-row-state{grid-column:1;grid-row:1;flex-direction:row;flex-wrap:wrap;max-width:none}
 .content-queue .content-row-title{grid-column:1;grid-row:2}
 .content-queue .content-row-meta{grid-column:1;grid-row:3}
}
@media(max-width:800px){.content-row-state{max-width:96px}}

/* ---------- 19) ترتيب: صفحة المادة — وسم النسخة و«المزيد» ---------- */
.document-meta button.version-chip{display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-weight:800;font-size:12px;line-height:1;font-palette:--akhir-layl;cursor:pointer}
:root[data-theme=light] .document-meta button.version-chip{font-palette:--akhir-qashda}
.document-meta button.version-chip:hover{background:var(--accent-hover)}
.document-meta{gap:8px 14px}
.detail-more{border-top:1px solid var(--line);margin-top:16px}
.detail-more>summary{min-height:48px;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--muted);font-palette:var(--palette-svc);cursor:pointer;list-style:none}
.detail-more>summary::-webkit-details-marker{display:none}
.detail-more>summary::before{content:'«';color:var(--accent);font-weight:900;transition:transform var(--t-intiqal) var(--e-jamr);display:inline-block}
.detail-more[open]>summary::before{transform:rotate(-90deg)}
.detail-more[open]>summary{color:var(--text)}
.detail-more>.detail-resources,.detail-more>details{border-top:1px solid var(--line)}
.detail-more>.detail-resources{padding-block:16px}

/* ---------- 20) لمسة اليد: بدل «كل شي كبسولة وبطاقة» — حواف حادة للحاويات، الكبسولة للفعل الأساسي فقط،
   نص بدل صناديق، خطوط منقّطة، الأرقام عنصر تصميم، وقوسا «» توقيع العناوين ---------- */
:root{--r-sm:4px;--r-md:4px;--r-lg:6px}
.panel,.card,.stats article,.column,.overview-summary,.starter-templates,.review-spotlight,.template,.integration-card,.adaptive-workspace .content-document,.login .panel,.episode-dialog,.leave-dialog,.conflict-dialog,.account-popover,.dawn-card,.notice,.launch-notice,.filter-details,.filters,.queue-empty,.empty,.cal-grid,.cal-day,.control-attention-list li,.control-table{border-radius:4px;box-shadow:none}
.primary,button.primary,a.primary,.primary:hover,button.primary:hover,a.primary:hover{box-shadow:none}
/* الثانوي مربّع الحواف: التباين مع الكبسولة الأساسية مقصود */
.secondary,button:not(.primary):not(.quiet):not(.theme-toggle):not(.text-button):not(.version-chip):not(.night-sleep),.theme-toggle,.quiet,.night-sleep{border-radius:4px}
.night-online,.night-streak{border-radius:4px}
input,textarea,select{border-radius:4px}
#status{border-radius:4px}
.unread-count,.preview-unread{border-radius:4px}
/* الشارات: نص بجمرة، لا كبسولات؛ المعتمدة وحدها مربّع صغير مليان */
.badge,.chip,.tag,.workflow span,.login-flow span,.setup-checks span{border-radius:3px;padding:2px 7px;border-color:transparent;background:transparent;font-size:12px;letter-spacing:0}
.badge.execution,.badge.review{border-color:transparent}
.badge.approved,.badge.published,.setup-checks .complete{border-radius:3px;border-color:var(--accent)}
.badge.changes{border-color:transparent;background:transparent}
.chip.priority-urgent,.chip.priority-high{border-color:transparent}
.tag,.topbar .tag{border-color:var(--line)}
.workflow span{border-color:var(--line)}
.workflow .current{border-radius:3px}
/* التبويبات: نقطة ثلج تحت النشط بدل الخط الكامل */
.detail-tabs{border-bottom:1px dotted var(--line)}
.detail-tabs button{font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc)}
.detail-tabs button[aria-selected=true]{box-shadow:none;position:relative;color:var(--text)}
.detail-tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:-4px;left:50%;translate:-50% 0;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.tabs .selected{border-bottom:0;position:relative}.tabs .selected::after{content:'';position:absolute;bottom:-1px;left:50%;translate:-50% 0;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.official-workspace .section-views{border-radius:4px;background:transparent;border:0;padding:0;gap:14px}
.section-views a{border-radius:0;padding:8px 2px;color:var(--muted);font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc)}
.section-views a[aria-current=page]{background:transparent;color:var(--text);box-shadow:inset 0 -2px var(--accent);font-palette:var(--palette-svc)}
/* عناوين الصفحات بقوسي «» — توقيع الهوية بدل الأيقونة الزخرفية */
.heading h1,.page-heading h1,.work-home .heading h1{display:inline-flex;align-items:baseline;gap:.15em}
.heading h1::before,.page-heading h1::before{content:'«';color:var(--accent);font-weight:900}
.heading h1::after,.page-heading h1::after{content:'»';color:var(--accent);font-weight:900}
.heading .eyebrow{display:none}
.heading .muted,.page-heading .muted{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--muted);font-palette:var(--palette-svc)}
/* القائمة الجانبية: فهرس نصي بلا صناديق، الجمرة الواقفة علامة النشط والرقم بخط العناوين */
.preview-rail a{border-radius:0;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--muted);padding-block:9px;font-palette:var(--palette-svc)}
.preview-rail a:hover{background:transparent;color:var(--text)}
.preview-rail a[aria-current=page]{background:transparent;color:var(--text)}
.preview-rail a svg{opacity:.85}
.preview-unread{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:3px;font-family:var(--font-display);font-weight:900;font-palette:var(--palette-svc)}
@media(min-width:1200px){.preview-nav-bar{border-inline-end:1px dotted var(--line)}}
/* اختيار المساحة: اسم بخط العناوين وخط منقّط تحته بدل الكبسولة */
.official-workspace .preview-space-label select{border:0;border-bottom:1px dotted var(--control-line);border-radius:0;background:transparent;font-family:var(--font-display);font-weight:800;font-size:16px;padding:6px 26px 6px 6px;color:var(--text);font-palette:var(--palette-svc)}
.official-workspace .preview-space-label select:hover{border-bottom-color:var(--accent);border-bottom-style:solid}
/* اختصاراتي: روابط نصية تفصلها نقاط */
.official-workspace .personal-shortcut{border:0;background:transparent;padding:6px 6px;color:var(--muted);font-weight:600}
.official-workspace .personal-shortcut+.personal-shortcut{position:relative;margin-inline-start:6px}
.official-workspace .personal-shortcut+.personal-shortcut::before{content:'·';position:absolute;inset-inline-start:-9px;color:var(--control-line)}
.official-workspace .personal-shortcut:hover{background:transparent;color:var(--accent);border-color:transparent}
.official-workspace .shortcut-organize{border:0;text-decoration:underline dotted;text-underline-offset:4px}
/* جدولي اليوم: خط زمني بأرقام كبيرة بدل بطاقة */
.home-today{border:0;padding:0;background:transparent;margin-bottom:28px}
.home-today h2{font-size:15px;color:var(--muted);margin-bottom:6px}
.home-agenda-row{border-bottom:1px dotted var(--line);padding:10px 0;gap:18px}
.home-agenda-row time{font-size:20px;font-weight:900;min-width:72px;color:var(--text);font-palette:var(--palette-svc);letter-spacing:.01em}
.home-agenda-row small{font-size:12px}
.home-today .small-link{font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc)}
/* الصفوف والقوائم: خطوط منقّطة بدل الحدود الصمّاء */
.content-row,.comment,.decision,.attachment,.guest-link,.invite,.setup-checks li,.integration-links li{border-bottom-color:transparent;border-bottom:1px dotted var(--line)}
.content-list{border-block:1px dotted var(--line)}
.content-row:hover{background:transparent;color:var(--text)}
.content-row:hover .content-row-title{color:var(--accent)}
.content-row.selected{background:transparent;box-shadow:inset -3px 0 var(--accent)}
.review-spotlight{border:0;border-inline-start:2px solid var(--accent);border-radius:0;padding-inline-start:16px}
/* الفارغ: جملة واحدة محاذاة للبداية، الجمرة النايمة بجانبها */
.empty{border:0;text-align:start;display:flex;align-items:center;gap:18px;padding:28px 4px;border-top:1px dotted var(--line);border-bottom:1px dotted var(--line)}
.empty-jamra{margin:0;flex:none}
.empty h2,.empty p{margin:0}
.empty h2{font-size:18px}
/* الأرقام الإحصائية وعدّادات المقاعد: كبيرة، بلا بطاقة */
.stats{gap:0;border-block:1px dotted var(--line)}
.stats article{border:0;border-inline-start:1px dotted var(--line);border-radius:0;background:transparent;padding:16px 18px}
.stats article:first-child{border-inline-start:0;padding-inline-start:0}
.stats strong{font-size:40px;line-height:1.1}
/* الشريط السفلي في الجوال: بلا خط علوي مليان — نقطة صغيرة */
.mobile-dock a.active::before,.mobile-dock button.active::before{width:6px;height:6px;border-radius:50%;top:6px}
/* الليل في الرأس: نص بلا إطار */
.night-online,.night-streak{border-color:transparent;padding-inline:6px}
.night-streak.is-lit{border-color:transparent}
.night-sleep{border-color:transparent}
.night-sleep:hover{border-color:transparent}
/* حوار الحلقة وشاشة النوم يحتفظان بحوافهما الحادة؛ الكبسولة للأفعال فقط */
.dawn-card{border-radius:4px}

/* ---------- 21) لمسة اليد على المشروع كله: الصفحات العامة، الدخول، الحساب، اللوحة، التقويم، والبطاقات في كل مكان.
   القاعدة: الأقسام تُفصل بخطوط منقّطة وعناوين، لا بصناديق؛ الأرقام كبيرة؛ الجمر للحدث لا للزينة ---------- */
/* البطاقات واللوحات: فواصل بدل صناديق (خارج الحوارات والحقول) */
.official-workspace main .panel,.personal-shell .panel,.public .panel,.guest-review .panel,.card,.template-card,.integration-card,.member-card,.notification-card,.control-workspace,.customization-panel,.review-card{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding:20px 0;box-shadow:none;margin-bottom:8px}
.card>a{padding:16px 0}
.cards,.template-grid,.integration-grid,.team-members,.workload-grid,.control-list,.two{column-gap:32px;row-gap:0}
.panel>h2,.card h2,.section-heading h2,.template-card h2,.integration-card h2,.member-heading h2,.personal-subscription h2,.notification-card h2,.customization-panel h2,.review-card h2{font-family:var(--font-display);font-weight:900;font-palette:var(--palette-svc)}
.panel>h2::before,.section-heading h2::before,.customization-panel>h2::before{content:'« ';color:var(--accent);font-weight:900}
.notice,.launch-notice,.open-review-note{background:transparent;border:0;border-inline-start:2px solid var(--accent);border-radius:0;padding:6px 14px}
.notification-card.is-unread{border-inline-start:2px solid var(--accent);padding-inline-start:14px}
.starter-templates,.overview-summary{border-top:1px dotted var(--line)}
/* الصفحات العامة: الهيرو بلا صندوق، نص كبير وكلمة ثلجية، والباقات أعمدة بأرقام كبيرة */
.product-hero{background:transparent;border:0;border-radius:0;padding:56px 0 40px;margin-bottom:24px;border-bottom:1px dotted var(--line);color:var(--text)}
.product-hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.25;font-weight:900;letter-spacing:-.01em}
.product-hero h1 span{color:var(--accent)}
.product-hero .eyebrow{color:var(--accent)}
.product-hero .product-lead,.product-hero .fine,.product-hero .public-registration-state{color:var(--muted)}
.product-hero .small-link,.product-hero a:hover{color:var(--accent)}
.product-hero .secondary:hover{border-color:var(--accent)}
.product-route{background:transparent;border:0;border-inline-start:1px dotted var(--line);border-radius:0;padding:4px 28px}
.product-route li>span{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--accent);font-palette:var(--palette-svc)}
.hero{background:transparent;border:0;border-radius:0;padding:40px 0;border-bottom:1px dotted var(--line)}
.hero h1{font-weight:900}.hero h1 span{color:var(--accent)}
.product-heading h1{font-size:clamp(34px,4vw,56px)}
.product-features{gap:0 32px}
.product-features>*{border-top:1px dotted var(--line);padding-top:16px}
.plan-grid{gap:0 40px}
.plan{border:0;border-top:1px dotted var(--line);border-radius:0;background:transparent;padding:24px 0}
.plan strong,.plan-count{font-size:72px;line-height:1;font-family:var(--font-display);font-weight:900;color:var(--text);font-palette:var(--palette-svc);display:block;margin:12px 0}
.plan>strong{font-size:72px}
.plan hr{border-top:1px dotted var(--line)}
.plan .eyebrow{font-family:var(--font-display);letter-spacing:.08em;font-size:12px}
.public-header{border-bottom:1px dotted var(--line)}
.public-header nav a{font-family:var(--font-display);font-weight:800;color:var(--muted);font-palette:var(--palette-svc)}
.public-header nav a:hover{color:var(--accent)}
.steps{gap:24px 32px;padding-inline-start:0;list-style:none}
.steps li{border-top:1px dotted var(--line);padding-top:12px;counter-increment:step}
.steps li::before{content:'0' counter(step);display:block;font-family:var(--font-display);font-weight:900;font-size:26px;color:var(--accent);font-palette:var(--palette-svc);margin-bottom:6px}
.steps{counter-reset:step}
.steps b{font-family:var(--font-display);font-weight:800;font-size:18px;font-palette:var(--palette-svc)}
/* الدخول والتسجيل: لوحة بلا صندوق، عمود مفصول بخط منقّط، وتبويبات نصية بنقطة */
.login{gap:56px}
.login .intro h1{font-size:clamp(40px,5vw,64px);line-height:1.25;font-weight:900}
.login .intro h1 span{color:var(--accent)}
.login .panel{background:transparent;border:0;border-inline-start:1px dotted var(--line);border-radius:0;padding:8px 36px 8px 0;box-shadow:none}
.login h2{font-size:22px}
.login .quick{background:transparent;border-radius:0;padding:0;gap:16px;border-bottom:1px dotted var(--line);grid-template-columns:repeat(3,auto);justify-content:start}
.login .quick button{background:transparent;border:0;border-radius:0;padding:8px 2px;color:var(--muted);font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc);position:relative;min-height:40px}
.login .quick button[aria-pressed=true]{background:transparent;color:var(--text);border-color:transparent}
.login .quick button[aria-pressed=true]::after{content:'';position:absolute;bottom:-1px;left:50%;translate:-50% 0;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.login-flow{gap:0;border:0}
.login-flow span{border:0;border-radius:0;padding:0;color:var(--muted);font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc)}
.login-flow span+span::before{content:'«';color:var(--line);margin-inline:10px;font-weight:900}
.login-flow span:last-child{color:var(--accent);border:0}
.login details>summary{color:var(--muted);text-decoration:underline dotted;text-underline-offset:4px}
.legal-links{border-top:1px dotted var(--line);padding-top:12px}
/* الحساب الشخصي: تنقّل نصي بنقطة، بطاقة المساحة سطر */
.personal-nav{border-bottom:1px dotted var(--line);gap:18px}
.personal-nav a{border-radius:0;padding:10px 2px;font-family:var(--font-display);font-weight:800;color:var(--muted);font-palette:var(--palette-svc);position:relative}
.personal-nav a[aria-current="page"]{background:transparent;color:var(--text)}
.personal-nav a[aria-current="page"]::after{content:'';position:absolute;bottom:-1px;left:50%;translate:-50% 0;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.personal-welcome h1{font-weight:900}
.personal-welcome .avatar{border-radius:4px}
.personal-workspace,.personal-shell article{border-top:1px dotted var(--line)}
.personal-shell footer{border-top:1px dotted var(--line)}
/* لوحة الحالات: أعمدة مفصولة بخط منقّط، والعدّاد رقم كبير */
.board{gap:0}
.column{background:transparent;border:0;border-inline-start:1px dotted var(--line);border-radius:0;padding:0 16px;flex-basis:300px}
.column:first-child{border-inline-start:0;padding-inline-start:0}
.column h2{font-family:var(--font-display);font-weight:900;font-palette:var(--palette-svc);align-items:baseline}
.column h2 span{font-size:26px;color:var(--accent)}
.column .card{border-top:1px dotted var(--line);margin-bottom:0}
/* التقويم: شبكة بخطوط منقّطة بلا صناديق */
.cal-grid{border:0;background:transparent;padding:0;gap:0;border-top:1px dotted var(--line);border-inline-start:1px dotted var(--line)}
.cal-day{border:0;border-bottom:1px dotted var(--line);border-inline-end:1px dotted var(--line);border-radius:0;background:transparent;padding:8px}
.cal-head span{font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc)}
.cal-date b{font-size:16px;font-weight:900}
.cal-today{box-shadow:none;border-color:var(--line)}
.cal-today .cal-date b{color:var(--accent)}
.cal-today .cal-date::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-inline-start:6px;vertical-align:middle}
.calendar .cal-item{border-radius:3px;border-color:transparent;background:var(--panel)}
.calendar .cal-outside{background:transparent;opacity:.55}
.official-workspace .agenda-date-controls,.official-workspace .agenda-people{border-bottom:1px dotted var(--line)}
/* الفريق والإعدادات والتكاملات والفوترة: نفس المنطق، وتبويبات التكاملات نصية */
.integration-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc);padding:8px 2px;position:relative}
.integration-tabs button[aria-pressed=true],.integration-tabs button.selected{color:var(--text);background:transparent}
.integration-tabs button[aria-pressed=true]::after{content:'';position:absolute;bottom:-2px;left:50%;translate:-50% 0;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.integration-tabs{border-bottom:1px dotted var(--line);gap:18px}
.member-card .avatar{border-radius:4px}
.team-count,.seat{font-family:var(--font-display);font-weight:900;font-palette:var(--palette-svc)}
.plan-grid .panel.plan h2{font-size:22px}
.setup-checks li{border-bottom:1px dotted var(--line)}
.setup-checks span{border-radius:3px}
.ops-row,.control-audit li,.attachment,.source,.comment,.decision,.revision{border-color:var(--line);border-style:dotted}
.metric-value{font-size:40px;font-family:var(--font-display);font-weight:900;font-palette:var(--palette-svc)}
/* الحوارات والقوائم: حواف حادة، عناوين بخط العناوين */
.mobile-menu,.shortcut-organizer,.saved-views-dialog,.account-popover{border-radius:4px}
.account-popover :is(a,button){border-radius:3px;font-family:var(--font-body)}
.account-group-label,.menu-heading h2{font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc)}
/* زر المظهر: كلمة بدل أيقونة القمر الجاهزة */
.theme-toggle svg{display:none}
.theme-toggle{font-family:var(--font-display);font-weight:800;font-palette:var(--palette-svc);min-width:44px;padding:6px 10px}
.theme-toggle::before{content:'ليل'}
:root[data-theme=light] .theme-toggle::before{content:'نهار'}
.theme-toggle span{display:none}
.preview-tools .theme-toggle{width:auto;padding:6px 10px;display:inline-flex}
@media(max-width:800px){
 .login .panel{border:0;padding:0;border-top:1px dotted var(--line);padding-top:20px}
 .product-hero{padding:32px 0 24px}.product-hero h1{font-size:34px}
 .plan strong,.plan-count{font-size:56px}
 .column{flex-basis:270px}
}

/* ---------- 22) قرارات مغلقة (2026-09-29) ----------
   1) الاسم: «مساحة آخر قيم» هو الاسم الرسمي (العنوان، البيان، البريد، مفاتيح المرور)؛ «المساحة» هو الاسم القصير داخل العائلة (الشعار، short_name).
   2) «مادة» لا «مهمة»: الشيء المتتبَّع مادة محتوى تمرّ بحالات؛ لوحة 13 حُدّثت.
   3) «تعديل مطلوب» ثلج لا جمر: نتيجة مراجعة عادية، والجمر للمتأخر والخطر والخطأ فقط. علامتها مؤشر الكتابة (شرطة رأسية مرسومة).
   4) شريط سفلي على الجوال بدل قائمة «الأقسام» وحدها: الأقسام الخمسة تحت الإبهام، و«الأقسام» سادسها للباقي. بلا زر عائم في الوسط:
      «حلقة جديدة» تبقى كبسولة الصفحة الوحيدة (لمسة اليد). */
.badge.changes{color:var(--accent);border-color:transparent;background:transparent}
.badge.changes::before{content:'';display:inline-block;width:2px;height:12px;background:currentColor;border-radius:1px}
.calendar .cal-item.state-changes{color:var(--accent);border-color:var(--accent);border-style:dotted}
@media(max-width:600px){
 .official-workspace .preview-nav-bar{position:fixed;top:auto;bottom:0;inset-inline:0;z-index:40;display:flex;align-items:stretch;gap:0;min-height:0;padding:0 env(safe-area-inset-right,0px) var(--safe-bottom,0px) env(safe-area-inset-left,0px);background:var(--bg);border:0;border-top:1px dotted var(--line);height:calc(var(--dock-height,68px) + var(--safe-bottom,0px))}
 .official-workspace .preview-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;flex:1;min-width:0}
 .official-workspace .preview-rail a{flex-direction:column;justify-content:center;gap:4px;min-height:0;height:100%;padding:8px 2px 6px;font-size:11px;font-weight:700;white-space:nowrap;border:0;border-radius:0;background:transparent;color:var(--muted);position:relative;overflow:hidden}
 .official-workspace .preview-rail a svg{width:20px;height:20px;opacity:.9}
 .official-workspace .preview-rail a[aria-current=page]{color:var(--text);background:transparent}
 .official-workspace .preview-rail a[aria-current=page]::before{content:'';position:absolute;top:0;left:50%;translate:-50% 0;width:6px;height:6px;border-radius:0;background:var(--accent)}
 .official-workspace .preview-rail a>span{font-size:11px;line-height:1.3}
 .official-workspace .preview-rail .preview-unread{position:absolute;top:3px;inset-inline-end:calc(50% - 30px);min-width:16px;height:16px;font-size:10px;line-height:1}
 .official-workspace .official-sections-trigger{order:2;flex:none;flex-direction:column;justify-content:center;gap:4px;width:60px;min-width:0;min-height:0;padding:8px 2px 6px;border:0;border-inline-start:1px dotted var(--line);border-radius:0;background:transparent;color:var(--muted);font-family:var(--font-display);font-weight:700;font-size:11px;position:relative}
 .official-workspace .official-sections-trigger svg{width:20px;height:20px}
 .official-workspace .official-sections-trigger[aria-expanded=true]{color:var(--text)}
 .official-workspace .official-sections-unread{display:none}
 .official-workspace.preview-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "shortcuts" "content"}
 .official-workspace .preview-content{padding-bottom:calc(var(--dock-height,68px) + var(--safe-bottom,0px) + 8px)}
 .official-workspace .detail-actions{bottom:calc(var(--dock-height,68px) + var(--safe-bottom,0px))}
 html[data-sleep] .official-workspace .preview-rail .preview-unread{display:none}
}

/* ---------- 23) مشغّل المساحة بهوية «الإدارة» (لوحة 15) ----------
   الكواليس لها ضوءها: الشفق للفعّال والأساسي والأرقام الكبيرة، الخدمات بألوانها، والجمر للتعليق والخطر فقط.
   شعار «الإدارة» تحت اسم الخدمة، ولمسة اليد نفسها: لا صناديق، خطوط منقّطة، حالات نصّ ومربّع. */
.control-shell{--accent:var(--shafaq);--accent-hover:var(--shafaq);--accent-soft:var(--shafaq-soft);--link:var(--shafaq);--button-bg:var(--shafaq);--button-hover:var(--shafaq);--success:var(--shafaq);--success-bg:var(--shafaq-soft);--success-line:var(--shafaq-line);--primary:var(--shafaq);--gold:var(--shafaq);--palette-svc:--akhir-shafaq;font-palette:--akhir-shafaq}
:root[data-theme=light] .control-shell{--palette-svc:--akhir-shafaq-dark;font-palette:--akhir-shafaq-dark}
.control-header{border-bottom:1px dotted var(--line)}
.control-header .brand-lockup{background-image:url(/brand/admin-lockup-paper.svg);aspect-ratio:5562/1720;width:140px}
:root[data-theme=light] .control-header .brand-lockup{background-image:url(/brand/admin-lockup-ink.svg)}
.control-header small{font-family:var(--font-display);font-weight:700;color:var(--accent)}
.control-shell footer{border-top:1px dotted var(--line)}
.control-shell .panel,.control-list .panel{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding-inline:0;box-shadow:none}
.control-shell .notice{background:transparent;border:0;border-inline-start:3px solid var(--accent);border-radius:0;padding:4px 16px 4px 0}
.control-stats article{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding-inline:0}
.control-stats strong{font-size:52px;line-height:1;color:var(--accent);font-palette:var(--palette-svc)}
.control-table th,.control-table td{border-bottom:1px dotted var(--line)}
.control-table th{color:var(--muted);font-weight:700}
.control-tabs{border-bottom:1px dotted var(--line);gap:18px}
.control-tabs a{border:0;border-radius:0;background:transparent;position:relative;padding-inline-start:14px;font-family:var(--font-display);font-weight:700}
.control-tabs a[aria-current]{background:transparent;color:var(--text)}
.control-tabs a[aria-current]::before{content:'';position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--accent)}
.tag.control-state-active,.tag.control-state-suspended{background:transparent!important;border:0;padding:0;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;border-radius:0}
.tag.control-state-active::before,.tag.control-state-suspended::before{content:'';width:6px;height:6px;background:currentColor;flex:none}
.control-shell .secondary,.control-shell button:not(.primary):not(.quiet):not(.theme-toggle){border-radius:4px}
.control-shell .primary{background:var(--accent);color:var(--on-accent);border-radius:var(--r-pill)}
.control-details div,.control-details dt,.control-details dd{border-color:var(--line)}
.control-audit li,.control-history li{border-top:1px dotted var(--line)}
.control-shell .tabs .selected::after{border-radius:0;width:6px;height:6px}