/* «آخر قيم» — hand.css · لمسة اليد (ضد القالب) · هوية 1.0 §22
   يُحمَّل آخر ملف في كل صفحة، بعد motion.css. لا يضيف مكوّنات؛ يعيد تشكيل الموجود:
   لا توهّج ولا ظلال ولا زجاج، حاويات حادّة 4px، الكبسولة للفعل الأساسي وحده، خطوط منقّطة بدل الصناديق،
   أرقام كبيرة كعنصر تصميم، علامات مرسومة بـ CSS (مربّع صغير، قوس بضربة واحدة)، ونصّ بدل الأيقونات في الرأس.
   نفس القواعد المطبّقة في «المساحة» (space-identity.css §20–21) حتى تبقى الهوية يداً واحدة. */

/* ---------- 1) المفاتيح: زوايا حادّة، ولا توهّج ---------- */
:root{--r-sm:4px;--r-md:4px;--r-lg:6px;--r-xl:6px;--r-card:6px;
  --glow:none;
  --ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary)}
/* A6 (مراجعة 29 سبتمبر): في نهار الأم الحلقة جمر على القشدة 2.86:1 (أقل من 3:1). الجمر الغامق 4:1؛ الخدمات والمناطق
   الليلية تعيد تعريف الحلقة بعده بلونها. وcolor-scheme يطابق الثيم حتى تتبعه عناصر النماذج الأصلية. */
:root{color-scheme:dark}  /* مراجعة المجموعة 3: قبل قاعدة النهار لا بعدها؛ بالخصوصية نفسها كان الأخير يغلب فتصير النماذج الأصلية داكنة نهارًا. */
[data-theme=light]{--ring:0 0 0 2px var(--bg),0 0 0 4px var(--jamr-dark);color-scheme:light}
.top,.header-shell,.palette-box{color-scheme:dark}
.top,.header-shell,.closing,.design-section,.band,.palette-box,.nav,
.svc-space .top,.svc-space .header-shell,.svc-space .closing,.svc-space .band,.svc-space .nav,
.svc-design .top,.svc-design .header-shell,.svc-design .closing,.svc-design .band,.svc-design .nav,
.svc-news .top,.svc-news .header-shell,.svc-news .closing,.svc-news .band,.svc-news .nav,
.svc-space,.svc-design,.svc-news,.svc-edit{--glow:none;--ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary)}
/* A5 (مراجعة 29 سبتمبر): نهار الخدمات لونها غامق (ثلج/شرارة/قمر غامق)، فنص الزر قشدة: 5.2/5.0/6.8 بدل 3.2/3.4/2.6.
   المناطق الليلية داخلها (الهيرو والختام والشريط) تبقى بلون الخدمة الفاتح ونص ليل. */
[data-theme=light].svc-space,[data-theme=light].svc-design,[data-theme=light].svc-news{--on-primary:var(--qashda)}
.top,.header-shell,.closing,.design-section,.band,.palette-box{--on-primary:var(--layl)}
[data-theme=light].svc-space .button:not(.secondary,.button-ghost,.header .button),[data-theme=light].svc-design .button:not(.secondary,.button-ghost,.header .button),[data-theme=light].svc-news .button:not(.secondary,.button-ghost,.header .button){font-palette:--akhir-qashda}
:is(.top,.header-shell,.closing,.design-section,.band) .button:not(.secondary,.button-ghost,.header .button){font-palette:--akhir-layl}
/* الأزرار الشفافة (الرأس، الثانوية) نصّها ثلج على الخلفية نفسها: نقاطها بلون نصّها، لا بلون زر ممتلئ (كانت ليلًا على ليل فتختفي:
   «ابدأ حسابك» بلا نقاط على الجوال). الرأس منطقة ليلية في المظهرين، فثلج دائمًا؛ الثانوية على القشدة نهارًا ثلج غامق. */
.header .button,.button.secondary,.button-ghost{font-palette:--akhir-thalj}
:is([data-theme=day],[data-theme=light]) :is(.button.secondary,.button-ghost):not(.header .button){font-palette:--akhir-thalj-dark}

/* ---------- 2) لا توهّج ولا ضجيج ولا زجاج ولا ظلال ---------- */
.glow,.backdrop-noise,.backdrop-grid,.closing::after,.band::after,
.plan::before,.features article::before,.product-frame::after{display:none!important}
.header-shell.is-scrolled{background:var(--layl-3);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-bottom:1px dotted var(--hudud)}
.palette::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
.product-frame,.workspace,.gallery,.main-design,.second-design,.nav.is-open,.sticker,.toast,.modal,.palette-box,
.task.is-dragging,.task.is-highlight,.compare-handle,.compare-handle::after,.art-sticker,dialog,.team-card,.notes-paper,
.execution-health,.department-detail,.connection-state[data-online=true]::before{box-shadow:none!important}
.controller{filter:none!important}
.hero-jamra svg,.sting svg{filter:none!important}
/* «نفَس» جمرة يبقى حركة حجم فقط؛ الهالة الضوئية كانت أول ما يفضح القالب. */
@keyframes akhir-breath{0%,100%{transform:scale(1);filter:none}50%{transform:scale(1.04);filter:none}}
.skeleton{background:repeating-linear-gradient(90deg,var(--border) 0 4px,transparent 4px 8px);animation:akhir-pulse 1.6s var(--e-nafas) infinite;border-radius:0}

/* ---------- 3) الرأس: نصّ بدل الأيقونات، وحدود منقّطة ---------- */
.header{border-bottom:1px dotted var(--hudud)}
.brand-divider{width:0;border-inline-start:1px dotted var(--hudud);background:transparent}
.palette-trigger{border:0;border-radius:0;padding:0 2px;min-height:44px;font-family:var(--heading);font-weight:700;font-size:14px;color:var(--nass-2);
  text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:6px;gap:0}
.palette-trigger kbd{display:none}
.palette-trigger:hover{color:var(--qashda);border-color:transparent}
.theme-toggle{font:700 14px/1 var(--heading);color:var(--nass-2);text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:6px;min-width:0;padding:0 2px}
.theme-toggle span{display:none}
.theme-toggle::before{content:"ليل"}
[data-theme=light] .theme-toggle::before{content:"نهار"}
.theme-toggle:hover{color:var(--qashda)}
.header .button{border-radius:4px!important;font-size:15px}
/* D15 (مراجعة 29 سبتمبر): 15px يلغي مقاس الجوال فكان «ابدأ حسابك» ينكسر سطرين (60px) على 320 في صفحات الخدمات. */
@media(max-width:650px){.header .button{font-size:13px}}
.header-actions .button-small{white-space:nowrap}
.nav a::after{display:none}
.nav a[aria-current=page]{color:var(--qashda)}
.nav a[aria-current=page]::before{content:"";width:6px;height:6px;background:var(--primary);margin-inline-end:8px;flex:none}
.nav.is-open{border:1px dotted var(--hudud);border-radius:4px}
.menu-toggle span{height:1.5px}

/* ---------- 4) الأزرار: الكبسولة للفعل الأساسي وحده، والباقي مربّع ---------- */
.button.secondary,.button-ghost,.btn-secondary,.btn-ghost,.btn-danger,.studio .button.secondary,.studio .button.button-ghost,
.jump-preview,.cc-button:not(.cc-button-primary),.method:not(.method-primary),.sample-button,.corner-cycle,.text-button,
.team-nav a,.cc-skip,.segmented,.segmented button,.toggle,.check .box{border-radius:4px}
.button.secondary,.button-ghost{border-style:solid}
.text-link{border-bottom-style:dotted;border-bottom-width:1px}
.hero-toc a{border-bottom:1px dotted var(--hudud)}

/* ---------- 5) الوسوم والشارات: نصّ ومربّع صغير، لا كبسولات ---------- */
.chip,.card .tag,.chips li,.status-badge,.badge,.demo-tag,.design-types span,.feature-assignee,.version,.prompt-label,.v-label,
.studio .feature-badge,.step-number,.status,.cc-badge,.cc-status,.pending,.plan-state,.dimension-label,.duration{border-radius:0}
.chips li,.card .tag,.status-badge{border:0;padding:0;font-size:13px;color:var(--text-2);display:inline-flex;align-items:center;gap:8px}
.chips li::before,.card .tag::before{content:"";width:6px;height:6px;background:var(--primary);flex:none}
.status-badge>span{border-radius:0;width:6px;height:6px}
.chips{gap:8px 22px}
.pending{background:transparent;border:0;padding:0;color:var(--secondary);font-family:var(--heading);font-weight:700}
.pending::before{content:"؟ "}
.plan-state{border-top:1px dotted var(--line);display:flex;align-items:center;gap:8px}
.plan-state::before{content:"";width:6px;height:6px;border:1px solid currentColor;flex:none}
.tiny-line,.caption-line{width:6px;height:6px;background:var(--primary)}
.section-eyebrow{color:var(--primary);font-family:var(--heading);font-weight:700}

/* ---------- 6) خطوط منقّطة بدل الصناديق والحدود المصمتة ---------- */
/* (كل جانب يُذكر باسمه؛ border-style وحده يُظهر جوانب كانت مخفية بعرضها الافتراضي) */
.hero-bottom,.hero-signals,.product-switch,.drafts-section,.control-section,.workspace-footer,.example-flow li,.palette-foot,.calc-result,.footer-bottom{border-top:1px dotted var(--hudud)}
.workspace-top,.gallery-top,.prompt-demo,.hero-panel-top,.task-category{border-bottom:1px dotted var(--hudud)}
.features{border-block:1px dotted var(--hudud)}
.plan-footnote{border-top:1px dotted var(--line)}
.footer-top{border-bottom:1px dotted var(--hudud);padding-bottom:28px}
@media(max-width:650px){.plan-footnote{border-top:0}.features{border-bottom:0}.features article,.features article:first-child,.features article:last-child{border-inline:0;border-bottom:1px dotted var(--line)}.plan,.plan:first-child,.plan:last-child{border:0;border-bottom:1px dotted var(--line)}}
.features article{border-inline-start:1px dotted var(--border)}
.plan{border-inline-start:1px dotted var(--line)}
.faq-list details{border-top:1px dotted var(--line)}
.faq-list details:last-child{border-bottom:1px dotted var(--line)}
.divider::before,.divider::after{height:0;border-top:1px dotted var(--border);background:transparent}
/* البطاقات والألواح: بلا صندوق؛ خط منقّط فوقها يكفي (كما في المساحة §21) */
.page .card,.card,.page .panel,.panel,.hero-panel,.product-picker,.preview-panel,.editor-panel,.draft-card,.calc,.admin-card,.value-card,.schedule,.poll-box,.vote-panel,
.cc-panel,.cc-service-card,.cc-metric,.cc-empty,.team-card,.notes-paper,.execution-health,.department-detail{
  background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding-inline:0}
.page .card,.card{padding:28px 0 8px}
.page .panel,.panel{padding:28px 0 12px}
.hero-panel{padding:22px 0 0}
.page-hero .hero-panel.notice,.page .notice,.notice,.identity-note,.service-note,.studio .notice,.generation-cost,.retry-note{background:transparent;border:0;border-inline-start:3px solid var(--primary);border-radius:0;padding:4px 18px 4px 0}
.studio .notice.pending{background:transparent;border:0;border-inline-start:3px solid var(--muted);border-radius:0}
.notice.error,.studio .notice.error,.status[data-tone=error]{border:0;border-inline-start:3px solid var(--jamr)}
.page .status{background:transparent;border:0;border-block:1px dotted var(--border);border-radius:0;padding:12px 0}
.method{border:1px dotted var(--line);border-radius:4px}
.method-icon{border:1px dotted var(--line);border-radius:0}
.product{background:transparent;border:1px dotted var(--line);border-radius:4px}
.product-option,.template-option,.font-option,.reference-card,.file-picker,.design-plan-option,.design-sub-facts div{border:1px dotted var(--line);border-radius:4px;background:transparent}
.product-option[aria-pressed=true],.template-option:has(input:checked),.font-option:has(input:checked),label.design-plan-option:has(input:checked){border:1.5px solid var(--primary);box-shadow:none}
/* D5 (مراجعة 29 سبتمبر): في مجموعة الراديو يقع التركيز دائمًا على المختار، والقاعدة أعلاه (بخصوصية حلقة design.css
   وبعدها) كانت تمحو الحلقة، فلا مؤشر تركيز أبدًا. الحلقة الصلبة (2px ليل ثم 4px بلون الخدمة) تعود فوق حدّ المختار. */
.template-option:has(input:focus-visible),.font-option:has(input:focus-visible),label.design-plan-option:has(input:focus-visible),.product-option[aria-pressed=true]:focus-visible{box-shadow:var(--ring)}
.calc{border-bottom:1px dotted var(--line);margin-top:8px}
.calc-head{border-inline-end:1px dotted var(--line)}
@media(max-width:900px){.calc-head{border-inline-end:0;border-bottom:1px dotted var(--line)}}
.calc-body input[type=range]{border-radius:0}

/* ---------- 7) المعاينة في الهيرو: شاشة بلا إطار زجاجي، والمهامّ بخطوط لا صناديق ---------- */
.product-frame{background:transparent;border:0;border-radius:0;padding:0}
.preview-caption{border-bottom:1px dotted var(--hudud);padding-bottom:12px}
.workspace{border:1px solid var(--hudud);border-radius:4px;box-shadow:none}
.workspace-mark{border-radius:0}
.board-column{background:transparent;border-radius:0;border-inline-start:1px dotted var(--hudud);padding-inline-start:10px}
.board-column:first-child{border-inline-start:0;padding-inline-start:0}
.board-column.is-over{background:transparent;box-shadow:none;border-inline-start-color:var(--primary)}
.task{background:transparent;border:0;border-top:1px dotted var(--hudud);border-radius:0;padding-inline:0}
.task.is-highlight{border-top:1px solid var(--primary)}
.task-image{border-radius:0}
.live-strip{background:transparent;border:0;border-bottom:1px dotted var(--hudud);border-radius:0;padding-inline:0}
.cal-day{background:transparent;border-top:1px dotted var(--hudud);border-radius:0}
.cal-day.is-today{background:transparent;color:inherit;border-top:2px solid var(--primary)}
.cal-day.is-today b{color:var(--primary)}
.cal-day i{background:transparent;border:1px dotted var(--hudud);border-radius:0}
.cal-day i.review{border:1px solid var(--jamr);background:transparent}
.cal-day i.publish{border:1px solid var(--thalj);background:transparent}
.mini-week span{background:transparent;border-top:1px dotted var(--hudud);border-radius:0}
.mini-week .active-day{background:transparent;color:var(--primary);border-top:2px solid var(--primary)}
.feature-visual{background:transparent;border:1px dotted var(--hudud);border-radius:0}
.feature-assignee{background:transparent;border:0;padding:0;color:var(--muted)}
.check-box{border-radius:0}
.creative-preview{background:transparent;border:1px dotted var(--hudud);border-radius:4px}
.notes span{background:transparent;border:1px dotted var(--hudud);border-radius:0}
.compare{border-radius:0}
.v-label{background:var(--layl-3);border:1px dotted var(--hudud)}
.gallery{background:transparent;border:1px dotted var(--hudud);border-radius:4px}
.main-design{transform:none}
.sample-button{border:1px dotted var(--hudud)}
.sample-button[aria-pressed=true]{background:transparent;border:1px solid var(--primary)}
.canvas-frame{background:transparent;border:1px dotted var(--line);border-radius:0}

/* ---------- 8) التبويبات: مربّع صغير بلون الخدمة، لا خط ينزلق ---------- */
.tab-ink,.tabs button[aria-selected=true]::after{display:none!important}
.tabs button{padding-inline-start:16px}
.tabs button[aria-selected=true]::before,.workspace-nav button.selected::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
.workspace-nav button{position:relative;border-bottom:0;padding-inline-start:12px}
.workspace-nav button.selected,.workspace-nav.has-ink button.selected{border-bottom:0}
.product-switch button{border-top:0;padding-inline-start:14px;position:relative}
.product-switch button[aria-pressed=true]::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
.product-switch button span{font-family:var(--heading);font-weight:900;font-size:16px}

/* ---------- 9) الأسئلة: قوس بضربة واحدة يلتفّ عند الفتح، لا زائد وناقص ---------- */
.faq-list summary{justify-content:flex-start;gap:14px}
.faq-list summary>span{display:none}
.faq-list summary::before{content:"";width:9px;height:9px;flex:none;border-left:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg);transition:transform var(--t-intiqal) var(--e-jamr);margin-inline-end:2px}
.faq-list details[open] summary::before{transform:rotate(-45deg)}

/* ---------- 10) الأرقام الكبيرة كعنصر تصميم ---------- */
.feature-number{font:900 52px/1 var(--heading);color:var(--primary);letter-spacing:0;margin-bottom:14px;font-palette:inherit}
.num{font:900 32px/1 var(--heading);color:var(--primary);letter-spacing:0;font-palette:inherit}
.card .index{font:900 20px/1 var(--heading);color:var(--primary);letter-spacing:0;font-palette:inherit}
.hero-signals span{font:900 18px/1 var(--heading);color:var(--primary);letter-spacing:0}
.sample-number{font:900 13px/1 var(--heading);color:var(--primary)}
.price{font-weight:900;font-size:72px;line-height:1;margin-block:18px 22px}
.price span{font:500 14px/1.4 var(--body);color:var(--text-3)}
.plan .plan-price{font-weight:900;font-size:72px;line-height:1}
.plan .plan-price small{font:500 14px/1.4 var(--body);color:var(--text-3)}
.calc-result b{font:900 40px/1 var(--heading)}
.calc-plan{font-weight:700}
.hero h1,.page-hero h1{font-weight:900}
@media(max-width:900px){.feature-number{font-size:40px}.price,.plan .plan-price{font-size:56px}}
@media(max-width:650px){.feature-number{font-size:32px;margin-bottom:6px}.price,.plan .plan-price{font-size:40px}.num{font-size:26px}}

/* ---------- 11) الشريط في أسفل الهيرو: صفّ ثابت بلا دوران، وفواصل منقّطة ---------- */
.hero-bottom>.marquee{-webkit-mask-image:none;mask-image:none;overflow:visible}
.marquee-track{animation:none!important;width:auto;flex-wrap:wrap;gap:6px 0}
.marquee-track span{border-inline-start:1px dotted var(--hudud);padding-inline:18px}
.marquee-track span:nth-child(n+7){display:none}

/* ---------- 12) الختام والفوتر ---------- */
.closing{border-block:1px dotted var(--hudud)}
.footer-brand img{filter:none}
.sticker{border-radius:0}

/* ---------- 13) النماذج: زوايا 4، وحلقة تركيز صلبة ---------- */
.input,.form-field input,.form-field textarea,.field input,.field textarea,select,.studio input,.studio textarea,.studio select,
.design-checkout input[type=tel],.design-change select,.cc-field input,.cc-field select,.cc-field textarea,#palette-input,.editor-bar input{border-radius:4px}
a:not(.button):focus-visible,summary:focus-visible{border-radius:2px}

/* ---------- 14) الأقسام الإدارية: إدارة المجتمع (styles.css)، فريق العمل (team.css)، مركز التحكم (control-center.css) ----------
   نفس اللمسة: الكبسولة للأساسي وحده، لا صناديق، علامات مرسومة بدل رموز الطباعة (◈ ▤ ◎ ◇ ♧)، والفعّال بمربّع. */
/* إدارة المجتمع */
.site-header{border-bottom:1px dotted var(--line)}
.site-footer{border-top:1px dotted var(--line)}
.button.subtle,.subtle{border-radius:4px}
.button.primary,.primary{border-radius:var(--r-pill)}
p.status,#status:not(:empty),#dialog-status:not(:empty),#notes-status:not(:empty),#department-status:not(:empty){background:transparent;border:0;border-block:1px dotted var(--hudud);border-radius:0;padding:12px 0}
/* ملاحظات الإدارة فقط (D2، مراجعة 29 سبتمبر): كانت .notice.notice مع !important فتسرّبت للصفحات العامة، فصار شريط كل
   ملاحظة جمرًا بدل لون الخدمة، ونص الخطأ في المحرر بلون النص العادي. سلسلة !important في styles.css أزيلت، فالخصوصية تكفي. */
.svc-admin .notice{background:transparent;border:0;border-inline-start:3px solid var(--jamr);border-radius:0;color:var(--text);font-size:12px;padding:4px 18px 4px 0}
.admin-stats article{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding:16px 0 8px}
.admin-stats article strong{display:block;font:900 52px/1 var(--font-display);color:var(--primary);margin-bottom:6px}
.admin-card h2,.team-card h2,.cc-panel h2{font-weight:900}
.value-card,.activity-card,.schedule,.poll-box{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding-inline:0}
.vote-panel{border:1px dotted var(--thalj);border-radius:4px}
.poll-option{border:1px dotted var(--hudud);border-radius:4px}
.tag{border-radius:0;border:0;padding:0;display:inline-flex;align-items:center;gap:8px}
.tag::before{content:"";width:6px;height:6px;background:currentColor;flex:none}
.key-list li,.events article{border-radius:4px}
.brand-speech{border-radius:4px;border:1px dotted var(--hudud);background:transparent;transform:none}
.brand-label{border-radius:0}
/* فريق العمل */
.team-sticker{transform:none;border-radius:4px;background:transparent;border:1px dotted var(--hudud);font-weight:900}
.team-nav{border-bottom:1px dotted var(--line);gap:22px}
.team-nav a{border-radius:0;padding-inline:14px 0;position:relative;border:0}
.team-nav a[aria-current=page]{background:transparent;color:var(--text);font-palette:inherit}
.team-nav a[aria-current=page]::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
.notes-privacy,.department-detail,.notes-paper,.execution-health{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding-inline:0}
.notes-privacy{border-top:0;border-inline-start:3px solid var(--thalj);padding-inline-start:18px}
.note-list-item,.comment,.department-person,.department-counts span,.department-resource-editor{background:transparent;border:1px dotted var(--line);border-radius:4px}
.badge{border-radius:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:6px}
.badge::before{content:"";width:6px;height:6px;border:1px solid currentColor;flex:none}
.connection-state::before{border-radius:0;width:8px;height:8px}
.connection-state[data-online=true]::before{box-shadow:none;background:var(--thalj)}
.team-main dialog,dialog.team-dialog{border-radius:6px;border:1px solid var(--hudud)}
/* مركز التحكم */
.cc-topbar{border-bottom:1px dotted var(--hudud)}
.cc-footer{border-top:1px dotted var(--hudud)}
.cc-sidebar{border-inline-end:1px dotted var(--hudud)}
.cc-nav{gap:2px}
.cc-nav button{border-radius:0;border:0;padding-inline:14px 12px;position:relative;font-family:var(--font-display);font-weight:700}
.cc-nav button:hover{background:transparent;color:var(--qashda)}
.cc-nav button[aria-current=page]{background:transparent;color:var(--qashda)}
.cc-nav button[aria-current=page]::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
/* الأيقونات: علامات مرسومة من لغة جمرة بدل رموز الطباعة */
.cc-nav button span{font-size:0;width:20px;height:20px;display:inline-grid;place-items:center;position:relative;color:currentColor}
.cc-nav button span svg{display:none}
.cc-nav button span::before,.cc-nav button span::after{content:"";display:block;box-sizing:border-box}
.cc-nav button[data-view=overview] span::before{width:10px;height:10px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg)}
.cc-nav button[data-view=projects] span::before{width:2.4px;height:16px;background:currentColor;box-shadow:-4px -0 0 -1px transparent}
.cc-nav button[data-view=projects] span::after{position:absolute;width:10px;height:16px;border-block:2.4px solid currentColor}
.cc-nav button[data-view=space] span::before{width:12px;height:7px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(-45deg) translateY(-2px)}
.cc-nav button[data-view=designs] span::before{width:2.4px;height:16px;background:var(--sharara)}
.cc-nav button[data-view=automation] span{font-size:22px;font-family:var(--font-display);font-weight:900;line-height:1}
.cc-nav button[data-view=automation] span::before{content:"~";display:inline}
.cc-nav button[data-view=team] span::before,.cc-nav button[data-view=team] span::after{position:absolute;top:5px;width:9px;height:9px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg)}
.cc-nav button[data-view=team] span::before{left:1px}.cc-nav button[data-view=team] span::after{left:8px}
.cc-nav button[aria-current=page] span{color:var(--primary)}
.cc-private-label{border:0;border-radius:0;padding:0;display:inline-flex;align-items:center;gap:8px}
.cc-private-label::before{content:"";width:6px;height:6px;background:var(--primary)}
.cc-owner-dot{border-radius:0}
.cc-auth-mark{background:transparent;color:var(--primary);border:1px dotted var(--hudud);border-radius:4px;font-size:0}
.cc-auth-mark svg{width:26px;height:26px}
.cc-feature-mark{font-size:0;border-radius:4px;border:1px dotted var(--hudud);background:transparent;display:inline-grid;place-items:center}
.cc-feature-mark::before{content:"";width:10px;height:10px;background:currentColor}
.cc-feature-mark svg{display:none}
.cc-yellow{background:transparent;color:var(--sharara)}.cc-lilac{color:var(--thalj)}
.cc-status,.cc-form-status{background:transparent;border:0;border-block:1px dotted var(--hudud);border-radius:0;padding:12px 0}
.cc-status[data-tone=error],.cc-status.cc-error{border-block:0;border-inline-start:3px solid var(--jamr);padding:4px 18px 4px 0}
.cc-button{border-radius:4px}
.cc-button-primary{border-radius:var(--r-pill)}
.cc-segmented{padding:0;background:transparent;border:0;gap:18px;border-bottom:1px dotted var(--hudud);border-radius:0}
.cc-segmented button{border:0;border-radius:0;padding-inline:14px 0;position:relative;font-family:var(--font-display);font-weight:700}
.cc-segmented button[aria-pressed=true]{background:transparent;color:var(--text)}
.cc-segmented button[aria-pressed=true]::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
.cc-badge{border-radius:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:6px}
.cc-badge::before{content:"";width:6px;height:6px;border:1px solid currentColor}
.cc-details div{background:transparent;border:1px dotted var(--hudud);border-radius:4px}
.cc-empty{border:0;border-top:1px dotted var(--hudud);border-radius:0;text-align:start;padding-inline:0}
.cc-dialog{border-radius:6px}
.cc-close{border-radius:4px;border:1px dotted var(--hudud);font-size:0}
.cc-close::before,.cc-close::after{content:"";position:absolute;width:16px;height:2px;background:currentColor;transform:rotate(45deg)}
.cc-close::after{transform:rotate(-45deg)}
.cc-close{position:relative}
.cc-metric strong,.cc-metric b{font:900 40px/1 var(--font-display);color:var(--primary)}
.cc-table th{border-bottom:1px dotted var(--hudud)}
.cc-table td{border-bottom:1px dotted var(--hudud)}

/* ---------- A18 (مراجعة 29 سبتمبر): حدود الحقول ≥3:1 (WCAG 1.4.11) ----------
   حد الحدود (hudud) كان 1.44:1 على حقل الليل و1.21:1 على الأبيض نهارًا. لون النص الثالث للثيم (7.8:1 ليلًا، 4.8:1 نهارًا)؛
   الخطأ والتركيز يبقيان بلونهما لأن الحالتين مستثناتان هنا. */
:is(.input,.studio textarea,.studio input[type=text],.studio input[type=url],.studio select,.design-checkout input[type=tel],.design-change select,.editor-bar input,.cc-field input,.cc-field select,.cc-field textarea,.form-field input,.form-field textarea,.field input,.field textarea,.field select):not([aria-invalid=true]):not(:focus){border-color:var(--text-3)}
/* مراجعة المجموعة 3: الاستثناء أعلاه ترك الحقل الخاطئ بحد hudud الباهت (1.2-1.4:1)، أضعف من الحقل السليم. الخطأ بلون الجمر
   (معناه الفشل) نهارًا بدرجته الغامقة ليبقى ≥3:1 على الأبيض. */
:is(.input,.studio textarea,.studio input[type=text],.studio input[type=url],.studio select,.design-checkout input[type=tel],.design-change select,.editor-bar input,.cc-field input,.cc-field select,.cc-field textarea,.form-field input,.form-field textarea,.field input,.field textarea,.field select)[aria-invalid=true]{border-color:var(--jamr)}
[data-theme=light] :is(.input,.studio textarea,.studio input[type=text],.studio input[type=url],.studio select,.design-checkout input[type=tel],.design-change select,.editor-bar input,.cc-field input,.cc-field select,.cc-field textarea,.form-field input,.form-field textarea,.field input,.field textarea,.field select)[aria-invalid=true]{border-color:var(--jamr-dark)}
#palette-input:not(:focus){border-bottom-color:var(--text-3)}

/* ---------- D11 (قرار المالك 30 سبتمبر): سلم الخطوط من الدليل §5 ----------
   عنوان الصفحة (h1 الوحيد)، وعناوين الأقسام، وعناوين البطاقات، وأزرار المحتوى. زر الهيدر الصغير وأزرار شريط الأدوات
   الهادئة ومجسّمات معاينة الرئيسية (لوحة المهام) باقية بمقاساتها. */
:is(.hero-copy,.team-heading,.cc-page-heading) h1,.admin-main>h1{font-size:var(--fs-title)}
:is(.section-intro,.design-copy,.faq-section,.closing,.prose) h2{font-size:var(--fs-section)}
:is(.features article,.product,.steps li,.card,.grid-3 article,.band-grid article,.calc-head,.drafts-heading,.cc-auth) :is(h2,h3),.plan .plan-name{font-size:var(--fs-card)}
main .button:not(.button-small),.cc-button:not(.cc-button-quiet){font-size:var(--fs-button)}

/* ---------- E9 (قرار المالك 30 سبتمبر): جداول الأسعار الكاملة في /pricing وحدها ----------
   الرئيسية و/space و/designs تعرض سطرًا بالمدى ورابطًا للتفاصيل؛ الأرقام من الكتالوج الموحّد (اختبار يحرسها). */
.plans-summary{margin-top:28px;padding:22px 0;border-block:1px solid var(--line);font-size:18px;line-height:1.9;color:var(--text-2)}
.plans-summary b{font:900 30px/1 var(--heading);color:var(--text);margin-inline:4px}
@media(max-width:650px){.plans-summary{font-size:16px}.plans-summary b{font-size:24px}}

/* ---------- A4 (قرار المالك 30 سبتمبر): الجمر نصًا على القشدة نهارًا (2.86:1) ----------
   في صفحات الأم نهارًا، النصوص التي لونها الجمر على سطح فاتح تأخذ --jamr-text-nahar (4.93:1). الخدمات لها primary غامق
   نهارًا أصلًا، والمناطق الليلية (البطل، الهيدر، الختام، اللوحة) تبقى بالجمر المضيء. القائمة من تدقيق التباين الفعلي. */
:root[data-theme=light]:not(.svc-space,.svc-design,.svc-news,.svc-admin) :is(.section-eyebrow,.accent-underline,.text-link,.feature-number,.mini-week .active-day,.sales-notice,.calc-eyebrow,.calc-result b,.prose a):not(:is(.top,.header-shell,.closing,.design-section,.band,.palette-box) *){color:var(--jamr-text-nahar)}
/* وأرقام Cairo Play ونقاطه الملوّنة (لوحة الخط) كذلك نهارًا؛ المناطق الليلية تعيد --akhir-jamr بقاعدتها في bridge.css. */
:root[data-theme=light]:not(.svc-space,.svc-design,.svc-news,.svc-admin,.svc-edit){font-palette:--akhir-jamr-nahar}
/* ومقبض المنزلق مكوّن تفاعلي يحتاج 3:1 (WCAG 1.4.11)؛ الجمر على القشدة 2.86:1. */
:root[data-theme=light]:not(.svc-space,.svc-design,.svc-news,.svc-admin,.svc-edit) .calc-body input[type=range]{accent-color:var(--jamr-text-nahar)}

/* D17 (مراجعة 29 سبتمبر): الطباعة وحفظ PDF؛ عناصر الكشف عند التمرير بشفافية 0 حتى تُرى، فكانت الباقات ونص الشروط
   والخصوصية تُطبع فارغة. */
@media print{.reveal,.reveal:not(.is-in){opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .header-shell,.menu-toggle,.palette,.toast-host,.skip-link{display:none!important}
  .top{padding-top:0}}