@font-face{font-family:AR;src:url(/assets/fonts/aref-ar.woff2) format("woff2");font-display:swap}@font-face{font-family:IP;src:url(/assets/fonts/plex-ar.woff2) format("woff2");font-display:swap}@font-face{font-family:IM;src:url(/assets/fonts/plex-mono.woff2) format("woff2");font-display:swap}:root{--paper:#eff0ea;--ink:#16233a;--margin:#c8352c;--kraft:#c8a46a;--coil:#9aa3ae;--stamp:#0f6b63;--muted:#596579}*{box-sizing:border-box}body{color:var(--ink);background:#dfe1db;margin:0;font:16px/1.7 IP,Tahoma,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,.brand,.admin-brand,.share-brand{font-family:AR,Georgia,serif}.mono,.money{font-variant-numeric:tabular-nums;font-family:IM,monospace}.muted,.empty{color:var(--muted)}:focus-visible{outline:2px solid var(--stamp);outline-offset:2px}.button{border:1px solid var(--stamp);background:var(--stamp);color:#fff;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;min-height:3rem;margin-top:1rem;padding:.55rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.danger{color:var(--margin)}.notebook{border-inline-start:3px solid var(--margin);background:var(--paper);max-width:1440px;min-height:100svh;margin:auto;position:relative}.ambient-bg{display:none}@media (min-width:1441px){.ambient-bg{background:#dfe1db;position:fixed;inset:0;z-index:-1;display:block}.ambient-bg span{background-position:center;background-size:cover;opacity:0;animation:24s infinite both ambient-cycle;position:absolute;inset:0}.ambient-bg span:nth-child(1){background-image:url(/assets/hero/bg-1.webp)}.ambient-bg span:nth-child(2){background-image:url(/assets/hero/bg-2.webp);animation-delay:-8s}.ambient-bg span:nth-child(3){background-image:url(/assets/hero/bg-3.webp);animation-delay:-16s}}@keyframes ambient-cycle{0%,100%{opacity:0}4%,29%{opacity:1}33%{opacity:0}}@media (prefers-reduced-motion:reduce){.ambient-bg span{animation:none}.ambient-bg span:nth-child(1){opacity:1}}.wrap{width:min(1160px,100% - 7rem);margin-inline:auto}.coil{background:radial-gradient(circle,transparent .35rem,var(--coil) .37rem .45rem,transparent .47rem) 0 0/100% 2.5rem repeat-y;transform-origin:top;width:2rem;animation:.3s coil;position:absolute;inset-block:0;right:1.2rem}.site-header{border-bottom:1px solid var(--kraft);justify-content:space-between;align-items:center;min-height:5rem;display:flex}.brand{font-size:2rem;font-weight:700;text-decoration:none;align-items:center;gap:.45rem;display:inline-flex}.brand-mark{width:1.5em;height:1.5em;flex:none}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:5vw;min-height:80svh;display:grid;animation:.55s ease-out both rise}.eyebrow{color:var(--stamp);font-weight:700}.hero h1{max-width:15ch;font-size:clamp(2.55rem,6vw,5.8rem);line-height:1.12}.hero h1.is-cycling{min-height:3.5em}.bundle-preview{border:1px solid var(--kraft);background:#fff repeating-linear-gradient(var(--ink) 0 1px,transparent 1px 2.4rem);background-blend-mode:luminosity;background-size:auto;gap:.5rem;padding:2.4rem 2rem 2rem;display:grid;position:relative;transform:rotate(-1.2deg);isolation:isolate}.bundle-preview>*{position:relative}.bundle-preview::before{content:"";background:#fff;opacity:.94;position:absolute;inset:0;z-index:-1}.bundle-stamp{color:var(--ink);text-align:center;justify-items:center;gap:.15rem;width:5.4rem;display:grid;position:absolute;top:-1.4rem;left:-1.4rem;transform:rotate(-14deg)}.bundle-stamp svg{width:3.6rem;height:3.6rem}.bundle-stamp span{font-size:.72rem;font-weight:700;letter-spacing:.02em}.banner-slider{border-top:1px solid var(--kraft);position:relative}.banner-slides{aspect-ratio:16/7;background:var(--paper);position:relative;overflow:hidden}.banner-slide{margin:0;position:absolute;inset:0;display:none}.banner-slide img{width:100%;height:100%;object-fit:cover;display:block}.banner-slider:has(#banner-tab-1:checked) .banner-slide:nth-child(1),.banner-slider:has(#banner-tab-2:checked) .banner-slide:nth-child(2),.banner-slider:has(#banner-tab-3:checked) .banner-slide:nth-child(3){display:block}.banner-tabs{justify-content:center;gap:.5rem;padding:1rem;display:flex}.banner-tabs label{width:2.2rem;height:.4rem;background:var(--kraft);cursor:pointer;display:block}.banner-slider:has(#banner-tab-1:checked) .banner-tabs label[for=banner-tab-1],.banner-slider:has(#banner-tab-2:checked) .banner-tabs label[for=banner-tab-2],.banner-slider:has(#banner-tab-3:checked) .banner-tabs label[for=banner-tab-3]{background:var(--ink)}.section{border-top:1px solid var(--kraft);padding-block:clamp(4rem,8vw,7rem)}.section h2,.contact h2{font-size:clamp(2rem,4vw,3.7rem)}.section h2::before,.contact h2::before{content:"";width:.55em;height:.55em;background:var(--kraft);margin-inline-end:.3em;display:inline-block}.kind-icon{width:3.2rem;height:3.2rem;margin-bottom:.7rem;display:block}.print-grid article{transition:border-color .15s,background-color .15s}.print-grid article:hover{border-color:var(--ink);background:#fbf9f2}summary{cursor:pointer;font-weight:700}summary::marker{color:var(--margin)}.steps,.print-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.steps{padding:0;list-style:none}.steps li{display:grid;gap:.4rem;align-content:start}.steps b{color:var(--margin);font-size:2.2rem;line-height:1}.steps strong{display:block}.print-grid article{border:1px solid var(--kraft);padding:1.5rem}.contact{border-top:3px solid var(--margin);text-align:center;padding-block:5rem}.auth-body{background:var(--ink);place-items:center;min-height:100svh;display:grid}.auth-card{border-inline-start:3px solid var(--margin);background:var(--paper);gap:1rem;width:min(100% - 2rem,28rem);padding:2rem;display:grid}.form-stack{gap:.8rem;display:grid}.form-stack label,.otp-form label{font-weight:700;display:grid}.form-stack input,.form-stack select,.form-stack textarea,.otp-form input,.share-issued input,.search-bar input,.void-form input{border:1px solid var(--kraft);background:#fff;width:100%;min-height:2.8rem;padding:.55rem}.form-stack .button{width:100%}.form-error{padding:.7rem;color:var(--margin)!important}.admin-shell{grid-template-columns:15rem minmax(0,1fr);min-height:100svh;display:grid}.admin-nav{background:var(--ink);color:#fff;flex-direction:column;height:100svh;padding:1.3rem;display:flex;position:sticky;top:0}.admin-brand{font-size:2rem;text-decoration:none}.admin-nav nav{gap:.2rem;margin-block:1.5rem;display:grid}.admin-nav nav a{color:#cbd2dc;border-radius:2px;padding:.5rem .65rem;text-decoration:none}.admin-nav nav a:hover{color:#fff;background:#ffffff17}.admin-nav nav a[aria-current=page]{color:#fff;background:#ffffff2b;font-weight:700;box-shadow:inset 3px 0 0 0 var(--margin)}.admin-user{border-top:1px solid #ffffff26;margin-top:auto;padding-top:1rem}.link-button{color:#cbd2dc;background:0;border:0;padding:.3rem 0;text-decoration:underline}.admin-main{background:var(--paper);min-width:0;padding:clamp(1.2rem,4vw,4rem)}.admin-heading{max-width:50rem;margin-bottom:2rem}.admin-heading h1{margin:.2rem 0;font-size:clamp(2.6rem,6vw,5rem);line-height:1}.admin-heading p{color:var(--muted)}.today-grid{border:1px solid var(--kraft);background:var(--kraft);grid-template-columns:repeat(2,1fr);gap:1px;max-width:65rem;display:grid}.today-grid a{background:var(--paper);flex-direction:column;justify-content:space-between;min-height:12rem;padding:1.4rem;text-decoration:none;display:flex}.today-grid strong{font:clamp(2.8rem,7vw,5.5rem)/1 IM,monospace}.admin-section{max-width:75rem;margin-block:3rem}/* العنوان يفصل القسم عمّا قبله بصريًّا: لونٌ مختلف عن نصّ الصفحة،
   وشريطٌ يبدأ الصف — الفواصل الرفيعة لا تُرى في صفحة طويلة. */
.admin-section h2,.section-heading h2{font:2.4rem/1.15 AR,serif;color:var(--stamp);border-inline-start:6px solid var(--margin);padding-inline-start:.7rem;margin-bottom:.8rem}.section-heading,.account-head,.share-account-head,.child-card>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-grid,.security-grid,.timeline-grid,.request-grid{gap:1rem;display:grid}.form-grid.three,.security-grid,.request-grid{grid-template-columns:repeat(3,1fr)}.timeline-grid,.child-grid{grid-template-columns:repeat(2,1fr)}.panel{border:1px solid var(--kraft);background:#f7f8f3;padding:1.2rem}.panel h3{margin:0}.inline-fields{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.notice{border-inline-start:3px solid;max-width:65rem;padding:.7rem 1rem}.notice.success{border-color:var(--stamp);background:#0f6b6314}.notice.error{border-color:var(--margin);background:#c8352c14}.table-wrap,.pricing-scroll{border:1px solid var(--kraft);background:#fff;max-width:100%;overflow:auto}table{border-collapse:collapse;text-align:start;width:100%}th,td{vertical-align:top;border-bottom:1px solid #c8a46a59;padding:.7rem}thead th{background:var(--ink);color:#fff;white-space:nowrap}.pricing-table{min-width:78rem}.pricing-table>tbody>tr>th{z-index:1;background:var(--paper);min-width:13rem;position:sticky;inset-inline-start:0}.pricing-table th small{display:block}.price-cell{min-width:11rem}.price-cell label{grid-template-columns:3rem 1fr;gap:.3rem;margin:.2rem 0;font-size:.75rem;display:grid}.price-cell input:not([type=checkbox]){width:100%;min-width:0}.sticky-actions{background:var(--paper);justify-content:flex-end;gap:1rem;padding:.7rem;display:flex;position:sticky;bottom:0}.split-layout{grid-template-columns:minmax(0,1fr) 20rem;gap:2rem;display:grid}.search-bar,.review-actions,.void-form{gap:.5rem;display:flex}.search-bar input{flex:1}.mother-list>a,.book-list>div,.share-book{border-bottom:1px solid var(--kraft);justify-content:space-between;gap:1rem;padding:1rem;text-decoration:none;display:flex}.mother-list span,.book-list span,.balance-stamp,.totals-strip>div,.share-book>span{display:grid}.balance-stamp{color:var(--margin)}.balance-stamp strong{font-size:2.5rem}.child-grid{gap:1rem;display:grid}.child-card{border:1px solid var(--kraft)}.child-card>header{padding:1rem}.delivery-line{gap:.7rem;padding:.6rem;display:flex}.totals-strip{border-block:1px solid var(--kraft);justify-content:space-between;gap:1rem;max-width:65rem;padding:1rem;display:flex}.link-issue,.share-actions{border:1px dashed var(--kraft);max-width:65rem;margin-block:1.5rem;padding:1rem}.share-issued{border:2px solid var(--stamp);background:#fff;gap:.5rem;max-width:65rem;padding:1rem;display:grid}.production-candidates,.request-admin-list{gap:1rem;display:grid}.run-candidate{justify-content:space-between;align-items:center;gap:1rem;display:flex}.work-order{border:2px solid var(--ink);background:#fff;max-width:52rem;margin-block:2rem;padding:2rem}.bundle-labels>div,.delivery-ready-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.bundle-labels article{border:1px dashed var(--ink);text-align:center;background:#fff;place-items:center;padding:1rem;display:grid}.bundle-labels img{width:9rem}.delivery-ready-grid a{text-decoration:none;display:grid}.sr-only{clip:rect(0,0,0,0);position:absolute}.share-body{background:var(--ink);min-height:100svh;padding:2rem}.share-shell{border-inline-start:3px solid var(--margin);background:var(--paper);width:min(100%,48rem);min-height:calc(100svh - 4rem);margin:auto;padding:clamp(1rem,5vw,3rem)}.share-brand{font-size:2rem;font-weight:700;text-decoration:none}.share-gate{border:1px solid var(--kraft);background:#fff;gap:1rem;max-width:31rem;margin:7vh auto;padding:clamp(1rem,6vw,3rem);display:grid}.share-gate h1,.share-account-head h1{margin:0;font-size:clamp(2.3rem,9vw,4rem);line-height:1.1}.share-gate p{color:var(--muted);margin:0}.share-lock{background:var(--stamp);color:#fff;border-radius:50%;place-items:center;width:3.2rem;height:3.2rem;font-weight:700;display:grid}.otp-form{border-top:1px solid var(--kraft);gap:.6rem;padding-top:1rem;display:grid}.otp-form input{letter-spacing:.3em;text-align:center;font:700 1.5rem IM,monospace}.share-account-head{border-bottom:1px solid var(--kraft);padding-block:2rem}.share-totals,.share-children,.share-activity{margin-block:2rem}.share-child-card{border:1px solid var(--kraft);background:#fff;margin-bottom:1rem}.share-child-card>header{padding:1rem}.share-child-card h3,.share-child-card p{margin:0}@keyframes coil{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes rise{from{opacity:0;translate:0 1.1rem}to{opacity:1;translate:0 0}}.form-grid :is(input,select,textarea){min-width:0;width:100%}@media (width<=1000px){.form-grid.three,.security-grid,.request-grid{grid-template-columns:1fr}}@media (width<=880px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-nav{height:auto;padding:1rem;display:block;position:static}.admin-nav nav{margin:1rem -1rem 0;padding-inline:1rem;display:flex;overflow:auto}.admin-nav nav a{white-space:nowrap}.admin-user{display:none}.today-grid{grid-template-columns:1fr}.admin-main{padding:1.2rem}}@media (width<=760px){.wrap{width:calc(100% - 4rem);margin-right:2.5rem;margin-left:1.5rem}.coil{width:1.4rem;right:.5rem}.hero{grid-template-columns:1fr;min-height:auto}.steps,.print-grid,.split-layout,.child-grid,.timeline-grid,.bundle-labels>div,.delivery-ready-grid{grid-template-columns:1fr}.create-side{order:-1}.share-body{padding:0}.share-shell{min-height:100svh}.account-head,.share-account-head,.run-candidate{align-items:flex-start}.totals-strip{overflow:auto}}@media (width<=420px){.wrap{width:calc(100% - 3rem);margin-right:2.5rem;margin-left:.5rem}.button{width:100%}.inline-fields{grid-template-columns:1fr}.share-book{padding:.7rem;font-size:.9rem}.review-actions,.void-form{display:grid}}@media print{.admin-nav,.complete-run,.text-link,.notice{display:none}.admin-shell{display:block}.admin-main{padding:0}.work-order{max-width:none}.bundle-labels article{break-inside:avoid}}@media (prefers-reduced-motion:reduce){.coil,.hero{animation:none}}.filter-bar{flex-wrap:wrap;align-items:center}.filter-bar input{flex:1 1 12rem;min-width:0}.filter-bar select{border:1px solid var(--kraft);background:#fff;min-height:2.8rem;padding:.55rem;flex:0 1 auto}.filter-bar .button{margin-top:0}.filter-bar .text-link{align-self:center}@media (width<=760px){.filter-bar>*{flex:1 1 100%}}.count-chip{background:var(--stamp);color:#fff;border-radius:2px;padding:0 .35em;font:700 .45em/1.6 IM,monospace;vertical-align:middle;display:inline-block}.count-line{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--muted);margin:.6rem 0 .5rem}.count-line b{color:var(--ink);font-family:IM,monospace}.result-count{margin:0 0 .4rem;font-size:.85rem}.binding-tabs{display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid var(--kraft);margin-bottom:1.5rem}.binding-tabs{border-bottom-width:3px}
.binding-tab{border:1px solid var(--kraft);border-bottom:0;background:#f7f8f3;color:var(--muted);padding:.7rem 1.3rem;font-size:1.05rem;text-decoration:none;display:inline-flex;align-items:center;gap:.45rem;margin-bottom:-3px}
.binding-tab:hover{color:var(--ink);background:#fff}/* التبويب المفتوح يُقرأ من بعيد: لونٌ مصمت، وخطٌّ سميك أعلاه، ومؤشّر
   يصل الحافة السفلى بالمحتوى تحته — فلا يُسأل «أنا فين». */
.binding-tab.is-active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:inset 0 5px 0 0 var(--margin);font-weight:700;font-size:1.15rem;padding-inline:1.6rem;position:relative}
.binding-tab.is-active::after{content:'';position:absolute;inset-inline:0;bottom:-3px;height:3px;background:var(--ink)}.binding-tab.is-active b{color:#fff}.binding-tab b{color:var(--stamp)}.run-downloads{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.run-covers{border:1px dashed var(--kraft);margin-top:1rem;padding:1rem}.run-covers p{margin:0 0 .5rem}.locked-note{display:block;font-size:.75rem}.next-step{border-inline-start:2px solid var(--stamp);padding-inline-start:.6rem;font-size:.85rem;margin-top:.7rem}.count-chip-link{border:1px solid var(--kraft);background:#f7f8f3;color:var(--muted);border-radius:2px;padding:.3rem .8rem;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.count-chip-link.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.count-chip-link b{font-family:IM,monospace;color:inherit}.run-extra{border-top:1px solid var(--kraft);margin-top:.6rem;padding-top:.6rem}.run-extra summary{color:var(--muted);font-weight:400}.upload-progress{margin-top:.8rem}.upload-track{border:1px solid var(--kraft);background:#fff;height:1.1rem;overflow:hidden}.upload-track span{background:var(--stamp);height:100%;width:0;transition:width .15s linear;display:block}.upload-label{margin:.35rem 0 0;font:.85rem/1.5 IM,monospace;color:var(--ink)}.upload-note{margin:.35rem 0 0;font-size:.85rem}.upload-note.danger{color:var(--margin)}.book-list>div.book-cancelled{opacity:.55;background:repeating-linear-gradient(135deg,transparent 0 6px,#0000000a 6px 12px)}.book-cancelled strong{text-decoration:line-through}.cover-language{border-inline-start:3px solid var(--stamp);background:#0f6b630f;padding:.5rem .7rem;margin:.6rem 0}.catalog-record:target{outline:2px solid var(--stamp);outline-offset:3px;scroll-margin-top:1.5rem}.defer-form{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;align-items:center}.defer-form input[name=note]{border:1px solid var(--kraft);background:#fff;min-height:2.4rem;padding:.4rem;flex:1 1 10rem;min-width:0}.defer-form .button{margin-top:0;min-height:2.4rem;background:#fff;color:var(--muted);border-color:var(--kraft)}.defer-form .button:hover{color:var(--ink);border-color:var(--ink)}

.export-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.2rem}

.cancelled-books{margin:.6rem 0 0}
.cancelled-books>summary{cursor:pointer;color:var(--muted);font-size:.85rem;padding:.35rem 0}
.cancelled-books .book-list{opacity:.75}

.money.settled{color:var(--margin);font-weight:700;white-space:nowrap}
.money.settled small{display:block;color:var(--muted);font-weight:400;font-size:.72rem;white-space:normal}

.count-line-sub{margin-top:-.4rem;padding-inline-start:1rem;border-inline-start:2px solid var(--kraft)}
.count-line-sub .count-chip-link{font-size:.8rem}
.money-pair{display:block;color:var(--muted)}
.money-pair small{display:block;font-size:.74rem;white-space:nowrap}
.money-pair .money{font-weight:600;color:var(--ink)}

.children-scroll{overflow-x:auto}
.children-table{width:100%;border-collapse:collapse;font-size:.88rem}
.children-table th,.children-table td{padding:.55rem .6rem;border-bottom:1px solid var(--kraft);text-align:start;vertical-align:top}
.children-table thead th{background:var(--ink);color:#fff;font-weight:700;white-space:nowrap;border-bottom:0}
.children-table tbody tr:nth-child(even){background:#f7f8f3}
.children-table .num{text-align:end;white-space:nowrap}
.children-table small{display:block;color:var(--muted);font-size:.74rem;font-weight:400}
.children-table th[scope=row] a{font-weight:700;text-decoration:none;color:var(--ink)}
.children-table th[scope=row] a:hover{text-decoration:underline}

/* صفحة الطفل على الموبايل: عناصر الفليكس بتاعتها كانت min-width:auto، فاسم
   مادة طويل بلا مسافات (Super_minds_vocabulary_booklet…) كان بيفتح السطر
   ويطلع السعر بره الشاشة. القياس: 399 بكسل عرض داخل شاشة 320. */
.share-book > span,
.totals-strip > div,
.share-account-head > div,
.share-child-card > header > div { min-width: 0; }
.share-book > span:first-child { overflow-wrap: anywhere; }
.share-book > span:last-child { justify-items: end; text-align: end; }
.share-book > span:last-child .money { white-space: nowrap; }
.share-child-card h3,
.share-child-card small,
.share-account-head h1 { overflow-wrap: anywhere; }
@media (max-width: 30rem) {
  .totals-strip { flex-wrap: wrap; gap: .6rem 1rem; }
  .totals-strip > div { flex: 1 1 8rem; }
}

/* رقم الباقي هو أهم رقم في الصفحة، وكان بينقسم سطرين على شاشة 390:
   العنوان فليكس والاسم الطويل بيضغطه لـ112 بكسل فينزل «ج» لوحده. */
.balance-stamp strong { white-space: nowrap; }
/* خطّان أفقيان بينهما 32 بكسل فاضية (حدّ العنوان + حدّ شريط الإجماليات)
   بيتقروا كصندوق فاضي. حدّ الشريط وحده كافٍ. */
.share-account-head { border-bottom: 0; }
@media (max-width: 30rem) {
  .share-account-head { flex-wrap: wrap; }
  .share-account-head > div:first-child { flex: 1 1 100%; }
}

/* كثافة صفحة الطفل على الموبايل.
   المالك: «مساحات كبيرة ضايعة… خليه في منظر واحد». القياس قبل: 1,575 بكسل
   ارتفاع على شاشة 390×844 — يعني ورقتين. الفراغ كان في ثلاثة أماكن:
   عنوان بحجم 9vw، وحشوة 5vw حوالين كل شيء، وسطر كتاب بحشوة 1rem.
   والشرط بالارتفاع كمان: الموبايل النايم عرضه 568 فكان بياخد تخطيط الشاشة
   الكبيرة وارتفاعه 320 — أربع شاشات ونص. */
@media (max-width: 30rem), (max-height: 30rem) {
  .share-shell { padding: .9rem .8rem 1.2rem; min-height: 0; }
  .share-brand { font-size: 1rem; }
  .share-account-head { gap: .4rem 1rem; padding: 0; }
  .share-account-head h1 { font-size: clamp(1.35rem, 6vw, 1.9rem); }
  .share-account-head > div:first-child { flex: 1 1 60%; }
  .balance-stamp { text-align: end; }
  .balance-stamp strong { font-size: 1.9rem; line-height: 1.1; }
  .totals-strip.share-totals { margin-top: .8rem; padding: .55rem 0; gap: .3rem .9rem; }
  .share-children { margin-top: .9rem; }
  .share-children > h2 { font-size: 1.15rem; margin: 0 0 .5rem; }
  .share-child-card { margin-bottom: .7rem; }
  .share-child-card > header { padding: .55rem .6rem; }
  .share-child-card h3 { font-size: 1rem; }
  /* الحجم يرتفع والفراغ ينزل: تجارب قراءة العربي على الشاشة توصي بـ14 نقطة
     (~19 بكسل) حدًّا أدنى، ودراسة 73 موقعًا عربيًّا تصف الشائع (12–16 بكسل)
     بأنه «غير مقروء إلى حدٍّ بعيد». اسم المادة ونوع التغليف والحالة هي ما
     تقرأه الأم فعلًا، فلا تنزل عن 14–16. الاختصار يأتي من الحشو لا من الخط. */
  .share-book { padding: .5rem .6rem; font-size: 1rem; gap: .5rem; }
  .share-book small, .share-child-card small { font-size: .875rem; line-height: 1.5; }
  .totals-strip.share-totals > div { font-size: .95rem; }
  .share-brand { display: inline-block; padding: .5rem 0; }
  .child-totals { padding: .5rem .6rem; font-size: .9rem; gap: .3rem .8rem; flex-wrap: wrap; }
  .share-actions { margin-top: .9rem; padding: .6rem; }
}

/* ═══ سياج الطفح الأفقي ═══
   القياس على كل صفحات الإدارة عند 320 و390: /admin/mothers كانت بتدفع
   الصفحة لـ558 بكسل — عرض ثابت لا يتغير بتغيّر الشاشة، وهي علامة عنصر
   بعرض محتواه لا بعرض شاشته.
   السبب: عند الموبايل تصير الشبكات grid-template-columns:1fr، و1fr هي
   minmax(auto,1fr) — وحدّها الأدنى هو عرض المحتوى. فجدول عرضه الأدنى 558
   يفتح العمود بدل أن يمرّر داخل حاويته. minmax(0,1fr) تكسر القاعدة دي،
   وmin-width:0 على الأبناء تكملها. */
@media (width <= 760px) {
  .steps, .print-grid, .split-layout, .child-grid, .timeline-grid,
  .bundle-labels > div, .delivery-ready-grid { grid-template-columns: minmax(0, 1fr); }
}
.split-layout > *, .child-grid > *, .timeline-grid > *,
.print-grid > *, .delivery-ready-grid > *, .admin-main > * { min-width: 0; }

/* أي جدول لا يعيش داخل حاوية تمرير يمرّر داخل نفسه، فلا يدفع الصفحة. */
.children-scroll, .pricing-scroll { overflow-x: auto; overscroll-behavior-x: contain; }

/* البايسكشن (إخفاء كل عنصر على حدة حتى يعود عرض الصفحة) وقف عند شبكتين
   أعمدتهما بعرض محتواها لا بعرض شاشتها:
   .production-candidates في أوامر التشغيل، و.inline-fields في ملف الطفل.
   الشبكة بلا template أعمدتها auto، وauto حدّها الأدنى المحتوى — نفس
   القاعدة اللي كسرت /admin/mothers. */
.production-candidates, .request-admin-list { grid-template-columns: minmax(0, 1fr); }
.production-candidates > *, .request-admin-list > *, .inline-fields > * { min-width: 0; }
@media (width <= 760px) {
  .inline-fields { grid-template-columns: minmax(0, 1fr); }
}
/* حقول النماذج تحترم عرض خانتها بدل عرض size الافتراضي. */
.admin-main input, .admin-main select, .admin-main textarea { max-width: 100%; }

/* لا نص عربي تحت 12 بكسل في الإدارة كذلك: القياس لقى 11.5–11.8 في قائمة
   الأطفال. تجارب قراءة العربي على الشاشة توصي بـ14 نقطة (~19 بكسل) حدًّا
   أدنى، والشائع 12–16 موصوف بأنه غير مقروء إلى حدٍّ بعيد — فـ12.6 هو أقلّ
   ما يُقبل لسطر ثانوي، لا هدفٌ نطمح إليه. */
.children-table small,
.money-pair small,
.money.settled small { font-size: .875rem; }

.cover-design .design-grid,.backdrop-clean .design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem;margin:1rem 0}
/* المقارنة قبل/بعد تُقرأ بالجَنب لا بالتمرير، فالصورة تُقصّ من أعلاها. */
.backdrop-clean .design-card img{max-height:22rem;object-fit:cover;object-position:top}
.backdrop-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.child-lock{margin-top:.5rem}
.child-lock .button{margin-top:0;min-height:2.4rem;padding:.35rem .9rem}
.child-lock-note{margin:.5rem 0 0;padding:.4rem .7rem;font-size:.95rem}
.cancel-reuse{margin-top:.5rem}
.cancel-reuse summary{font-size:.95rem}
.cancel-reuse .form-stack{border:1px solid var(--kraft);background:#fff;padding:.8rem;margin-top:.5rem}
.waste-rescue{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem;align-items:center}
.waste-rescue select{max-width:22rem}
.waste-rescue button{border:1px solid var(--stamp);background:#fff;color:var(--stamp);cursor:pointer;padding:.3rem .8rem;border-radius:2px}
.pager{display:flex;gap:1rem;align-items:center;margin-top:1rem}
/* لوحة أوامر التشغيل هي ما يُفتح كل يوم، فتُميَّز عن أقسام الصفحة الأخرى. */
.runs-board{border:2px solid var(--ink);background:#fff;padding:1.2rem;border-radius:2px}
.runs-board h2{color:var(--ink);border-inline-start-color:var(--stamp)}
.waste-totals{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr))}
.waste-totals>div{background:var(--paper);padding:1.1rem;display:grid;gap:.3rem;align-content:center}
.waste-totals strong{font:clamp(1.8rem,4vw,2.8rem)/1 IM,monospace}
.waste-lines{margin:0;padding:0;list-style:none;display:grid;gap:.6rem}
.waste-lines li{display:grid;gap:.1rem}
.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.design-card{margin:0;border:1px solid var(--kraft);background:#fff;padding:.5rem}
.design-card img{display:block;width:100%;height:auto;border:1px solid var(--coil)}
.design-card figcaption{padding-top:.5rem}
.design-card.is-adopted{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.design-badge{margin:0;font-weight:700;color:#0f6b3f;text-align:center}
.small{font-size:.95rem}
.ledger-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;border:1px solid var(--kraft);background:#fff;padding:1.2rem;max-width:75rem}
.ledger-strip>div{display:grid;gap:.15rem;min-width:0}
.ledger-strip span{font-weight:700}
.ledger-strip strong{font:clamp(1.7rem,3.4vw,2.9rem)/1.1 IM,monospace;word-break:break-word}
.ledger-strip small{color:var(--muted);font-size:.95rem}
.ledger-strip .op{font:2rem/1 IM,monospace;color:var(--kraft);align-self:center;text-align:center}
.ledger-strip .paid{color:var(--stamp)}
.ledger-strip .owed{color:var(--margin)}
.split-bar{display:flex;block-size:1.1rem;background:#c8352c33;border:1px solid var(--kraft);border-block-start:0;max-width:75rem;overflow:hidden}
.split-bar .is-paid{background:var(--stamp);display:block;flex:none}
.bar-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;max-width:75rem}
.bar-list li{display:grid;grid-template-columns:minmax(9rem,14rem) minmax(0,1fr) auto;align-items:center;gap:.7rem}
.bar-label{font-weight:700;min-width:0}
.bar-value{font-family:IM,monospace;white-space:nowrap}
.bar-note{grid-column:2/-1;color:var(--muted);font-size:.95rem}
.bar-track{display:block;block-size:1.5rem;background:#c8a46a2e;border:1px solid var(--kraft);min-width:0;overflow:hidden}
.bar-track.mini{display:inline-block;inline-size:5rem;block-size:.7rem;vertical-align:middle}
.bar-fill{display:block;block-size:100%;background:var(--stamp)}
.bar-fill.is-waiting{background:var(--kraft)}
.bar-fill.is-production{background:var(--ink)}
.bar-fill.is-delivered{background:var(--stamp)}
.bar-fill.is-method{background:var(--ink)}
.bar-fill.is-grade{background:var(--stamp)}
.day-bars{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:.35rem;max-width:75rem}
.day-bars li{flex:1 1 0;min-width:0;display:grid;gap:.3rem;justify-items:center}
.day-col{display:flex;align-items:flex-end;inline-size:100%;block-size:7rem;background:#c8a46a2e;border:1px solid var(--kraft)}
.day-fill{display:block;inline-size:100%;background:var(--stamp);align-self:flex-end}
.day-fill.is-empty{background:var(--kraft)}
.day-bars small{color:var(--muted);font-size:.85rem;white-space:nowrap}
.dash-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start}
.dash-pair .admin-section{margin-block:3rem 0;max-width:none;min-width:0}
.dash-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--kraft);border:1px solid var(--kraft);max-width:75rem}
.dash-card{background:#fff;padding:1.1rem;display:grid;gap:.2rem;align-content:start;min-width:0;text-decoration:none}
.dash-card span{font-weight:700}
.dash-card strong{font:clamp(1.5rem,3vw,2.3rem)/1.1 IM,monospace}
.dash-card small{color:var(--muted);font-size:.95rem}
.dash-card.is-bad strong{color:var(--margin)}
.dash-card.is-good strong{color:var(--stamp)}
.today-grid strong.money{font:clamp(2rem,4.4vw,3.4rem)/1.1 IM,monospace;white-space:nowrap}
@media (width<=1100px){.dash-pair{grid-template-columns:minmax(0,1fr)}.dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=760px){.ledger-strip{grid-template-columns:minmax(0,1fr)}.ledger-strip .op{text-align:start}.bar-list li{grid-template-columns:minmax(0,1fr) auto}.bar-track{grid-column:1/-1}.bar-note{grid-column:1/-1}.dash-cards{grid-template-columns:minmax(0,1fr)}.day-col{block-size:5rem}}
@media (width<=620px){.rt thead{clip-path:inset(50%);position:absolute}.rt tr{display:block;border:1px solid var(--kraft);margin:.6rem;padding:.4rem}.rt td{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;border-bottom:1px dashed #c8a46a59}.rt td:last-child{border-bottom:0}.rt td::before{content:attr(data-label);color:var(--muted);font-weight:700;font-family:IP,Tahoma,Arial,sans-serif;letter-spacing:normal}.rt td.num{text-align:start}}

/* عروض الأعمدة كفئات لا كـ style مضمّن: سياسة الأمان هنا style-src 'self' فتُهمَل كل style attribute بلا خطأ ظاهر. */
.pc-0{inline-size:0%}.pc-2{inline-size:2%}.pc-4{inline-size:4%}.pc-6{inline-size:6%}.pc-8{inline-size:8%}.pc-10{inline-size:10%}.pc-12{inline-size:12%}.pc-14{inline-size:14%}.pc-16{inline-size:16%}.pc-18{inline-size:18%}.pc-20{inline-size:20%}.pc-22{inline-size:22%}.pc-24{inline-size:24%}.pc-26{inline-size:26%}.pc-28{inline-size:28%}.pc-30{inline-size:30%}.pc-32{inline-size:32%}.pc-34{inline-size:34%}.pc-36{inline-size:36%}.pc-38{inline-size:38%}.pc-40{inline-size:40%}.pc-42{inline-size:42%}.pc-44{inline-size:44%}.pc-46{inline-size:46%}.pc-48{inline-size:48%}.pc-50{inline-size:50%}.pc-52{inline-size:52%}.pc-54{inline-size:54%}.pc-56{inline-size:56%}.pc-58{inline-size:58%}.pc-60{inline-size:60%}.pc-62{inline-size:62%}.pc-64{inline-size:64%}.pc-66{inline-size:66%}.pc-68{inline-size:68%}.pc-70{inline-size:70%}.pc-72{inline-size:72%}.pc-74{inline-size:74%}.pc-76{inline-size:76%}.pc-78{inline-size:78%}.pc-80{inline-size:80%}.pc-82{inline-size:82%}.pc-84{inline-size:84%}.pc-86{inline-size:86%}.pc-88{inline-size:88%}.pc-90{inline-size:90%}.pc-92{inline-size:92%}.pc-94{inline-size:94%}.pc-96{inline-size:96%}.pc-98{inline-size:98%}.pc-100{inline-size:100%}.ph-0{block-size:0%}.ph-2{block-size:2%}.ph-4{block-size:4%}.ph-6{block-size:6%}.ph-8{block-size:8%}.ph-10{block-size:10%}.ph-12{block-size:12%}.ph-14{block-size:14%}.ph-16{block-size:16%}.ph-18{block-size:18%}.ph-20{block-size:20%}.ph-22{block-size:22%}.ph-24{block-size:24%}.ph-26{block-size:26%}.ph-28{block-size:28%}.ph-30{block-size:30%}.ph-32{block-size:32%}.ph-34{block-size:34%}.ph-36{block-size:36%}.ph-38{block-size:38%}.ph-40{block-size:40%}.ph-42{block-size:42%}.ph-44{block-size:44%}.ph-46{block-size:46%}.ph-48{block-size:48%}.ph-50{block-size:50%}.ph-52{block-size:52%}.ph-54{block-size:54%}.ph-56{block-size:56%}.ph-58{block-size:58%}.ph-60{block-size:60%}.ph-62{block-size:62%}.ph-64{block-size:64%}.ph-66{block-size:66%}.ph-68{block-size:68%}.ph-70{block-size:70%}.ph-72{block-size:72%}.ph-74{block-size:74%}.ph-76{block-size:76%}.ph-78{block-size:78%}.ph-80{block-size:80%}.ph-82{block-size:82%}.ph-84{block-size:84%}.ph-86{block-size:86%}.ph-88{block-size:88%}.ph-90{block-size:90%}.ph-92{block-size:92%}.ph-94{block-size:94%}.ph-96{block-size:96%}.ph-98{block-size:98%}.ph-100{block-size:100%}

.runs-board{scroll-margin-block-start:1rem}

.design-text{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;border:1px solid var(--kraft);background:#fff;padding:1rem;margin:0 0 1rem;max-width:52rem}
.design-text dt{color:var(--muted);font-weight:700}
.design-text dd{margin:0;min-width:0;word-break:break-word}

.spell-note{display:block;color:var(--margin);font-weight:700;margin-top:.3rem;line-height:1.5}
.ink-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem}
.ink-binding{color:var(--muted);font-weight:700;font-size:1.05rem}
.ink-badge{display:inline-flex;align-items:center;gap:.4rem;border:2px solid;border-radius:2px;padding:.15rem .8rem;font:700 clamp(1.3rem,2.6vw,1.9rem)/1.25 AR,Georgia,serif;letter-spacing:.01em}
.ink-badge::before{content:"";inline-size:.85em;block-size:.85em;border-radius:50%;flex:none}
.ink-badge.is-colour{color:#8a2b8f;border-color:#8a2b8f;background:#8a2b8f14}
.ink-badge.is-colour::before{background:conic-gradient(#e02020,#f0a020,#3aa655,#1f6fd0,#8a2b8f,#e02020)}
.ink-badge.is-mono{color:#1b2536;border-color:#1b2536;background:#1b253610}
.ink-badge.is-mono::before{background:linear-gradient(90deg,#fff 0 50%,#1b2536 50% 100%);border:1px solid #1b2536}
td .ink-line{margin-top:.25rem}
td .ink-badge{font-size:1.05rem;padding:.05rem .5rem;border-width:1px}
td .ink-binding{font-size:.95rem;font-weight:400}
.work-order .ink-line{justify-content:center}
.cell-note{display:block;margin-top:.3rem;color:var(--muted);line-height:1.6;font-size:.95rem}
.cell-note.mono{font-family:IM,monospace}
.wide-table{min-width:62rem}
.wide-table td,.wide-table th{vertical-align:top}
.wide-table .ink-line{margin-top:0;gap:.4rem}
.wide-table td:last-child{white-space:nowrap}
.wide-table .void-form{margin-top:.4rem}
.wide-table .button{margin-top:0;min-height:2.4rem;padding:.35rem .8rem;white-space:nowrap}
@media (width<=620px){.wide-table{min-width:0}.rt .cell-note{margin-top:0}}
.pill{display:inline-block;border-radius:2px;padding:.15rem .6rem;font-weight:700;white-space:nowrap}
.pill.is-waiting{background:#c8352c;color:#fff}
.pill.is-done{background:#0f6b6314;color:var(--stamp);border:1px solid var(--stamp)}
tr.is-done>*{opacity:.68}
tr.is-done .button{opacity:1}
tr.is-waiting>th{box-shadow:inset 3px 0 0 0 var(--margin)}

.tab-done{color:var(--stamp);font-weight:700}
.sticker-drop{border:2px dashed var(--kraft);background:#fff;padding:1.4rem;display:grid;gap:.6rem;transition:background-color .15s,border-color .15s}
.sticker-drop.is-over{border-color:var(--stamp);background:#0f6b630f}
.sticker-drop input[type=file]{margin-top:.4rem}
.sticker-drop .muted{margin:0}
.upload-board{border:1px solid var(--kraft);background:#fff;padding:1rem;margin-top:1rem;display:grid;gap:.7rem;max-width:60rem}
.upload-total{display:flex;align-items:center;gap:.8rem}
.upload-total .bar-track{flex:1}
.up-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;max-block-size:24rem;overflow:auto}
.up-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(6rem,10rem) auto;gap:.7rem;align-items:center;padding:.3rem 0;border-bottom:1px dashed #c8a46a59}
.up-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-size{color:var(--muted);font-family:IM,monospace;font-size:.9rem}
.up-track{display:block;block-size:.7rem;background:#c8a46a2e;border:1px solid var(--kraft);overflow:hidden}
.up-fill{display:block;block-size:100%;inline-size:0;background:var(--stamp);transition:inline-size .15s}
.up-state{font-size:.9rem;white-space:nowrap}
.up-row.is-done .up-state{color:var(--stamp);font-weight:700}
.up-row.is-failed .up-state{color:var(--margin);font-weight:700}
.up-row.is-failed .up-fill{background:var(--margin)}
@media (width<=620px){.up-row{grid-template-columns:minmax(0,1fr) auto;gap:.3rem}.up-track{grid-column:1/-1}.up-state{grid-column:1/-1}}
.upload-fold{margin-block:1rem}
.upload-fold>summary{display:inline-flex;list-style:none;margin-top:0;cursor:pointer}
.upload-fold>summary::-webkit-details-marker{display:none}
.upload-fold[open]>summary{margin-bottom:.8rem}
.upload-fold form{max-width:44rem}
.sticker-drop{border:2px dashed var(--kraft);background:#fff;padding:1rem;display:grid;gap:.4rem}
.sticker-drop.is-over{border-color:var(--stamp);background:#0f6b630f}
.sticker-drop .muted{margin:0;font-size:.95rem}
.stick-counts{margin-block:.6rem 1.2rem;font-size:1.05rem}
.stick-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem}
.stick{position:relative;border:1px solid var(--kraft);background:#fff;display:grid;gap:0;min-width:0;overflow:hidden}
.stick.is-off{opacity:.5}
.stick.aud-boys{border-block-start:4px solid #1f6fd0}
.stick.aud-girls{border-block-start:4px solid #c8358f}
.stick.aud-any{border-block-start:4px solid var(--kraft)}
.stick-shot{display:grid;place-items:center;block-size:12rem;background:#f3f4ef;overflow:hidden;text-decoration:none}
.stick-shot img{inline-size:100%;block-size:100%;object-fit:contain}
.stick-shot.is-file span{font:700 1.5rem IM,monospace;color:var(--ink)}
.stick-tag{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;background:#16233ae0;color:#fff;border-radius:2px;padding:.1rem .45rem;font-size:.85rem;font-weight:700}
.stick-off{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;background:var(--margin);color:#fff;border-radius:2px;padding:.1rem .45rem;font-size:.85rem;font-weight:700}
.stick-edit{border-block-start:1px solid var(--kraft)}
.stick-edit>summary{padding:.5rem .6rem;cursor:pointer;font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stick-edit[open]>summary{border-block-end:1px solid var(--kraft)}
.stick-edit form{display:grid;gap:.45rem;padding:.6rem}
.stick-edit label{display:grid;gap:.2rem;font-size:.9rem;font-weight:700;min-width:0}
.stick-edit label.row{display:flex;gap:.4rem;align-items:center;font-weight:400}
.stick-edit input:not([type=checkbox]),.stick-edit select{border:1px solid var(--kraft);padding:.35rem;font:inherit;inline-size:100%;min-width:0}
.stick-edit .button{margin-top:.2rem;min-height:2.4rem}
.stick-danger{border-block-start:1px dashed var(--kraft)}
.stick-danger button{background:0;border:0;color:var(--margin);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
@media (width<=520px){.stick-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.7rem}.stick-shot{block-size:9rem}}

.stick-clean{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;background:#0f6b63e0;color:#fff;border-radius:2px;padding:.1rem .45rem;font-size:.8rem;font-weight:700}

/* --- اختيار الاستيكرز (صفحة الأم) --- */
.pick-head{margin-block:1.2rem 1.4rem}
.pick-eyebrow{color:var(--stamp);font:700 .95rem/1 IM,monospace;letter-spacing:.08em}
.pick-head h1{margin:.3rem 0 .4rem;font-size:clamp(2rem,7vw,3rem);line-height:1.15}
.pick-head p{margin:0;color:var(--muted)}
.pick-gender{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block:1.5rem}
.pick-big{border:2px solid var(--kraft);background:#fff;color:var(--ink);display:grid;gap:.4rem;place-items:center;padding:1.6rem .8rem;font:700 1.4rem AR,serif;cursor:pointer;min-height:44px}
.pick-big span{font-size:2.6rem;line-height:1}
.pick-big:hover,.pick-big:focus-visible{border-color:var(--stamp);background:#0f6b630f}
.pick-count{margin:0;color:var(--muted)}
.pick-count b{color:var(--ink);font-family:IM,monospace}
.pick-card form{margin:0}
.pick-shot{position:relative;display:grid;gap:.4rem;inline-size:100%;border:2px solid var(--kraft);background:#fff;padding:.5rem;cursor:pointer;min-height:44px}
.pick-shot img{inline-size:100%;block-size:auto;object-fit:contain;display:block}
.pick-name{font:700 1.05rem AR,serif;color:var(--ink)}
.pick-card.is-picked .pick-shot{border-color:var(--stamp);box-shadow:0 0 0 3px #0f6b6333}
.pick-badge{position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem;background:var(--stamp);color:#fff;border-radius:50%;inline-size:2rem;block-size:2rem;display:grid;place-items:center;font:700 1rem IM,monospace}
.pick-full{font-size:.9rem;color:var(--muted);justify-self:center}
.pick-next{margin-block:1rem}
.pick-name-card{border:2px solid var(--kraft);background:#fff;padding:1.2rem;display:grid;gap:.5rem;text-align:center;margin-block:1rem}
.pick-name-ar{margin:0;font:700 clamp(1.8rem,6vw,2.6rem)/1.2 AR,serif}
.pick-name-en{margin:0;font:700 clamp(1.2rem,4vw,1.7rem)/1.2 IM,monospace;color:var(--muted)}
.pick-yes{margin-block:1rem}
.pick-fix{border:1px dashed var(--kraft);padding:.8rem;margin-block:1rem}
.pick-fix>summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.pick-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.pick-check{display:flex;align-items:center;gap:.7rem;border:1px solid var(--kraft);background:#fff;padding:.8rem;min-height:44px;cursor:pointer}
.pick-check input{inline-size:1.4rem;block-size:1.4rem;flex:0 0 auto}
.pick-custom{border:1px dashed var(--kraft);display:grid;gap:.5rem;padding:.8rem;margin-block:1rem}
.pick-custom legend{font-weight:700;padding-inline:.3rem}
.pick-custom input{inline-size:100%;min-height:44px}
.pick-total{border-block:1px solid var(--kraft);padding-block:.8rem;margin-block:1rem;display:grid;gap:.3rem}
.pick-free{color:var(--stamp);font-weight:700}
.pick-price{color:var(--margin);font-weight:700}
.pick-actions{display:grid;gap:.6rem}
.pick-back{display:inline-block;margin-block:1.5rem;color:var(--muted)}
.pick-done h1{color:var(--stamp)}
.pick-summary{border:1px solid var(--kraft);background:#fff;padding:1rem;display:grid;gap:.6rem}
.pick-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.pick-chips>li{border:1px solid var(--kraft);background:var(--paper);padding:.25rem .6rem;font-size:.95rem}
@media (min-width:700px){
  .pick-actions{grid-template-columns:auto auto;justify-content:start}
}
.share-stickers-link{margin:0;padding:.9rem 1rem;border-block-start:1px dashed var(--kraft)}
.share-stickers-link a{font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.child-stickers{display:grid;gap:.4rem;margin-block:.6rem;padding-block:.6rem;border-block-start:1px dashed var(--kraft)}
.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem}
.class-card{display:grid;gap:.6rem;align-content:start}
.class-card h3{margin:0;font-size:1.3rem}
.class-card p{margin:0}
.class-card.has-file{border-inline-start:4px solid var(--stamp)}
.class-file{display:grid;gap:.2rem}
@media (width<=560px){.class-grid{grid-template-columns:1fr}}
.sticker-actions{display:grid;gap:.4rem}
.sticker-actions form{margin:0}
.sticker-actions .button{inline-size:100%;text-align:center}
.copy-form input[name=extra]{inline-size:3.4rem;min-inline-size:0}
.paid-note{display:block;color:var(--stamp);font-weight:700;font-size:1.05rem;margin-block-start:.15rem}
.pick-slots{color:var(--muted);font-size:.95rem}
.tab-archive{margin:.4rem 0 1.2rem;color:var(--muted);font-size:.95rem;display:flex;flex-wrap:wrap;gap:.8rem}
.tab-archive a{min-height:44px;display:inline-flex;align-items:center}
.admin-nav nav a{display:flex;align-items:center;gap:.6rem}
.nav-icon{inline-size:1.25rem;block-size:1.25rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.admin-nav nav a[aria-current=page] .nav-icon{opacity:1}
.admin-nav nav a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.label-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-block:1rem}
.label-actions form{margin:0}
.misprint-pick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.7rem;margin-block:.6rem}
.misprint-pick label{display:grid;gap:.35rem;flex:1 1 18rem;min-width:0}
.misprint-pick select{width:100%}
.misprint-form{display:grid;gap:1rem;max-width:46rem}
.misprint-choices{display:grid;gap:.45rem;margin:0;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px}
.misprint-choices legend{padding-inline:.4rem;font-weight:700}
.misprint-form .misprint-choice{display:flex;align-items:flex-start;gap:.7rem;padding:.4rem 0;font-weight:400;cursor:pointer}
.misprint-form .misprint-choice input{width:1.3rem;height:1.3rem;min-height:0;margin:.2rem 0 0;padding:0;flex:none;accent-color:var(--stamp)}
.misprint-choice span{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;min-width:0}

/* ═══ رحلة الاستيكرات — أمٌّ على موبايل، لا مشغّل على شاشة ═══
   المقاس الأصغر 280 (غطاء الفولد)، ثم 320 و360 و375 و390 و412 و430.
   القواعد: كل ما يُضغط 44 بكسل فأكثر، ولا عرضٌ ثابت يدفع الصفحة جانبًا،
   والزرّ الذي يكمّل الرحلة ثابتٌ أسفل الشاشة فلا يُبحث عنه تحت سبعين بطاقة. */
.pick-steps{list-style:none;margin:0 0 .6rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;counter-reset:none}
.pick-steps li{display:flex;align-items:center;gap:.4rem;min-width:0;color:var(--muted);font-size:.9rem;border-block-end:3px solid #c8a46a66;padding-block-end:.35rem}
.pick-steps li b{flex:none;inline-size:1.6rem;block-size:1.6rem;border-radius:50%;border:2px solid #c8a46a99;display:grid;place-items:center;font:700 .85rem/1 IM,monospace;background:#fff}
.pick-steps li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pick-steps li.is-now{color:var(--ink);font-weight:700;border-color:var(--stamp)}
.pick-steps li.is-now b{background:var(--stamp);color:#fff;border-color:var(--stamp)}
.pick-steps li.is-done{color:var(--stamp);border-color:var(--stamp)}
.pick-steps li.is-done b{color:var(--stamp);border-color:var(--stamp)}
.pick-hint{color:var(--muted);text-align:center;margin:0}
.pick-gender .pick-big{min-height:8.5rem;border-radius:6px}
.pick-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.7rem}
.pick-grid>li{display:grid;gap:.15rem;min-width:0;scroll-margin-top:4.5rem}
.pick-grid>li:target .pick-shot{animation:pick-land .9s ease-out}
@keyframes pick-land{0%{background:#0f6b6333}100%{background:#fff}}
.pick-shot{border-radius:6px;padding:.4rem .4rem .5rem;gap:.3rem}
.pick-shot img{aspect-ratio:9/5;object-fit:cover;border-radius:3px}
.pick-card.is-picked .pick-shot{border-color:var(--stamp);box-shadow:0 0 0 3px #0f6b6333;background:#f2faf8}
.pick-tick{position:absolute;inset-inline-start:.5rem;inset-block-start:.5rem;background:var(--stamp);color:#fff;font:700 .8rem/1 IP,sans-serif;font-style:normal;padding:.35rem .5rem;border-radius:3px}
.pick-full{font-size:.85rem;padding:.3rem .6rem;min-height:44px;display:inline-flex;align-items:center}
.pick-bar{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:.6rem;margin:1rem -.8rem 0;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--kraft);box-shadow:0 -8px 16px -12px #0007}
.pick-bar .pick-count{flex:1 1 auto;min-width:0;font-size:.95rem}
.pick-bar .button{margin-top:0;flex:0 0 auto;width:auto;min-height:3rem;white-space:nowrap}
.pick-bar .button:disabled{opacity:.45;cursor:not-allowed}
.pick-subjects .pick-bar .button{flex:1 1 auto}
.pick-subjects .pick-bar .pick-count{flex:0 1 auto;font-size:.85rem}
.pick-back{min-height:44px;display:inline-flex;align-items:center}
/* الرحلة تملأ الشاشة: تحتها شريط كحلي من خلفية الصفحة كان يظهر تحت زرّ الاختيار. */
.share-body:has(.pick-steps) .share-shell{min-height:100svh}
.pick-later{display:block;inline-size:100%;background:none;border:0;color:var(--muted);text-decoration:underline;padding:.7rem;min-height:44px;cursor:pointer;margin-top:.2rem}
.pick-list{grid-template-columns:1fr;gap:.45rem}
.pick-check{border-radius:6px;padding:.6rem .7rem}
.pick-check:has(input:checked){border-color:var(--stamp);background:#f2faf8}
.pick-check input{accent-color:var(--stamp)}
.pick-custom{border-radius:6px}
.pick-custom .button{margin-top:0;background:#fff;color:var(--stamp)}
.pick-fix>summary{color:var(--muted)}
.pick-fix>summary::marker{color:var(--kraft)}
@media (min-width:340px){.pick-grid{grid-template-columns:1fr 1fr;gap:.6rem}.pick-list{grid-template-columns:1fr 1fr}}
@media (min-width:560px){.pick-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.pick-bar{margin-inline:0;padding-inline:0}}
@media (max-width:339px){.pick-shot img{aspect-ratio:9/4}.pick-steps li{font-size:.8rem}}

/* رجوعٌ ظاهر فوق في كل خطوة، وورقةٌ تُفتح مكانها لا في صفحة ثانية.
   المالك: «مش معقولة لما يدوس على الورقة كلها يودّيه صفحة تانية… الرجوع
   لورا مش ظاهر في كل المراحل». */
.pick-top{margin:.2rem 0 .6rem}
.pick-back-top{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.2rem .6rem .2rem .2rem;margin-inline-start:-.2rem;border-radius:6px;color:var(--ink);text-decoration:none;font-weight:700}
.pick-back-top svg{inline-size:1.5rem;block-size:1.5rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pick-back-top:hover,.pick-back-top:focus-visible{background:#0f6b6314}
.pick-peek{min-width:0}
.pick-peek>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.3rem .6rem;color:var(--stamp);font-weight:700;font-size:.95rem;cursor:pointer;border-radius:6px}
.pick-peek>summary::-webkit-details-marker{display:none}
.pick-peek>summary::before{content:'';inline-size:.6rem;block-size:.6rem;border:2px solid currentColor;border-inline-start:0;border-block-start:0;transform:rotate(45deg) translateY(-.15rem);flex:none}
.pick-peek[open]>summary::before{transform:rotate(225deg) translateY(-.1rem)}
.pick-peek-close,.pick-peek[open] .pick-peek-open{display:none}
.pick-peek[open] .pick-peek-close{display:inline}
.pick-peek>img{display:block;inline-size:100%;block-size:auto;border:2px solid var(--stamp);border-radius:6px;background:#fff;margin-top:.3rem}
.pick-grid>li:has(.pick-peek[open]){grid-column:1/-1}

/* ثلاث خانات فوق التصميمات: المالك «مش ظاهر كويس إنها ليها تلاتة واختارت كام». */
/* الخانات الثلاث تلزم أعلى الشاشة وهي تنزل بين سبعين بطاقة: المالك «لما بنزل تحت مش شايف اختياراتي». */
.pick-slots{position:sticky;top:0;z-index:3;margin:0 -.8rem 1rem;padding:.45rem .8rem .55rem;border:0;border-bottom:2px solid var(--stamp);background:#f2faf8;box-shadow:0 6px 14px -10px #0006}
.pick-slots h2{margin:0 0 .3rem;font:700 1rem/1.3 IP,sans-serif;color:var(--stamp)}
.pick-slot-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.pick-slot-row li{position:relative;display:grid;gap:.15rem;justify-items:center;align-content:center;min-height:3.9rem;padding:.3rem .3rem;border-radius:6px;font-size:.85rem;text-align:center;min-width:0}
.pick-slot-row li.is-empty{border:2px dashed #c8a46a;color:var(--muted);background:#fff}
.pick-slot-row li.is-full{border:2px solid var(--stamp);background:#fff;color:var(--ink);font-weight:700}
.pick-slot-row li img{inline-size:100%;block-size:auto;aspect-ratio:9/5;object-fit:cover;border-radius:3px}
.pick-slot-row li span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%}
.pick-slot-num{position:absolute;inset-inline-end:.25rem;inset-block-start:.25rem;inline-size:1.4rem;block-size:1.4rem;border-radius:50%;display:grid;place-items:center;font:700 .8rem/1 IM,monospace;background:var(--stamp);color:#fff}
.is-empty .pick-slot-num{position:static;inline-size:2rem;block-size:2rem;font-size:1rem;background:#fff;color:var(--muted);border:2px dashed #c8a46a}

/* ═══ مراجعة اللوحة 2026-09-11 — الطبقة العامة ═══
   المقاس على 25 صفحة في 390/768/1440: الشريط الأفقي يُظهر ثلاثة أبواب من
   واحد وعشرين ولا خروج من الحساب على الموبايل؛ حقول 28–33 بكسل، وروابط 24؛
   ونصوص 12–13 بكسل؛ وعنوان 80 بكسل على الشاشة الكبيرة يأكل أول شاشة. */
.nav-toggle{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nav-burger{display:none}
@media (width<=880px){
  /* الاتجاه صفٌّ صراحةً: قاعدة الشاشة الكبيرة تجعله عمودًا، فكانت القائمة تنفتح عمودين متجاورين. */
  .admin-nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.6rem 1rem;height:auto;overflow:visible}
  .admin-user{margin-top:.4rem}
  .admin-brand{font-size:1.6rem;margin-inline-end:auto}
  .nav-burger{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.3rem .7rem;border:1px solid #ffffff40;border-radius:6px;color:#fff;cursor:pointer;max-width:100%}
  .nav-burger .nav-icon{opacity:1;inline-size:1.4rem;block-size:1.4rem}
  .nav-burger b{color:#ffd27a;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav-burger b:empty{display:none}
  .admin-nav nav{display:none;flex:1 1 100%;margin:.2rem 0 0;padding:0;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}
  .admin-nav nav a{white-space:normal;min-height:44px;padding:.45rem .6rem;border:1px solid #ffffff1f}
  .admin-nav nav a[aria-current=page]{border-color:#ffffff66}
  .nav-toggle:checked~nav{display:grid}
  .admin-user{display:none;flex:1 1 100%;margin-top:.4rem;padding-top:.6rem;align-items:center;justify-content:space-between;gap:1rem}
  .nav-toggle:checked~.admin-user{display:flex}
  .nav-toggle:focus-visible+.nav-burger{outline:2px solid #ffd27a;outline-offset:2px}
  .link-button{min-height:44px;display:inline-flex;align-items:center}
  .admin-main{padding:1rem 1rem 6rem}
  .admin-main :is(.text-link,.count-chip-link,summary,.link-button){min-height:44px;display:inline-flex;align-items:center}
  .admin-main :is(.text-link){padding-block:.4rem}
}
@media (width>=420px) and (width<=880px){.admin-nav nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* الحقول والأزرار: 44 بكسل هدفٌ للإصبع، و2.75rem أدنى راحةٍ للفأرة أيضًا. */
.admin-main :is(input:not([type=checkbox],[type=radio],[type=file],[type=range]),select,textarea){min-height:2.75rem}
.admin-main :is(button,.button){min-height:2.75rem}
.admin-main :is(select){padding-block:.45rem}
.admin-main input[type=checkbox],.admin-main input[type=radio]{inline-size:1.25rem;block-size:1.25rem;accent-color:var(--stamp)}
/* أرضية الخط في الإدارة: لا شيء تحت 14 بكسل — الكثافة من الحشو لا من الحجم. */
.admin-main :is(small,.hint,.locked-note,.spell-note,.result-count,.next-step,.stick-clean,.count-chip-link,.status){font-size:.875rem}
.admin-main small .mono,.admin-main .mono small{font-size:.875rem}
/* العناوين: سطحُ عملٍ لا صفحة هبوط. 80 بكسل كان يأخذ أول شاشة من كل باب. */
.admin-heading h1{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.15}
.admin-heading{margin-bottom:1.2rem}
.admin-section h2,.section-heading h2{font-size:1.7rem}
.admin-section{margin-block:2rem}
/* الشبكة الوحيدة التي طفحت في القياس (768): أعمدةٌ بـ1fr حدّها الأدنى المحتوى. */
@media (width>760px){.bundle-labels>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (width<=760px){.bundle-labels>div{grid-template-columns:minmax(0,1fr)}}
.bundle-labels>div>*{min-width:0}
.bundle-labels img{max-width:100%}

/* طيّات: النماذج الطويلة مطويّة خلف سطرٍ واحد، والفلاتر خلف زرّ على الموبايل. */
.create-fold>summary{list-style:none;display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.45rem 1.1rem;border:1px solid var(--stamp);border-radius:2px;background:var(--stamp);color:#fff;font-weight:700;cursor:pointer;margin-bottom:.8rem}
.create-fold>summary::-webkit-details-marker{display:none}
.create-fold[open]>summary{background:#fff;color:var(--stamp)}
.record-fold>summary{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .7rem;min-height:2.75rem;padding:.35rem .2rem;cursor:pointer}
.record-fold>summary::-webkit-details-marker{display:none}
.record-fold>summary b{font-size:1.05rem}
.record-fold>summary .record-meta{color:var(--muted);font-size:.9rem}
.record-fold>summary .record-open{margin-inline-start:auto;color:var(--stamp);font-weight:700;font-size:.9rem;border:1px solid var(--stamp);border-radius:2px;padding:.15rem .6rem}
.record-fold[open]>summary .record-open{background:var(--stamp);color:#fff}
.record-fold[open]>summary{border-bottom:1px dashed var(--kraft);margin-bottom:.6rem}
.record-fold>summary .pill{font-size:.8rem;padding:.1rem .5rem;border:1px solid var(--kraft);border-radius:2px}
.record-fold>summary .pill.is-waiting{border-color:var(--margin);color:var(--margin)}
.subject-record.catalog-record{padding:.6rem .9rem}
.filter-toggle{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.filter-more-toggle{display:none}
.filter-more{display:contents}
@media (width<=760px){
  .filter-more-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.45rem .9rem;border:1px solid var(--kraft);background:#fff;border-radius:2px;cursor:pointer;font-weight:700}
  .filter-more{display:none}
  .filter-toggle:checked~.filter-more{display:contents}
  .filter-toggle:checked~.filter-more-toggle{background:var(--ink);color:#fff;border-color:var(--ink)}
  .today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .today-grid a{min-height:7.5rem;padding:.8rem .9rem}
  .today-grid strong{font-size:clamp(1.8rem,8vw,2.6rem)}
  .today-grid strong.money{font-size:clamp(1.3rem,6vw,2rem)}
  .today-grid small{font-size:.85rem}
}
.sticker-more>summary{color:var(--muted);min-height:2.75rem;display:flex;align-items:center;cursor:pointer}
.sticker-more[open]{display:grid;gap:.4rem}
.more-line{margin:1rem 0}
.create-side:has(>.create-fold:not([open])){padding:0;border:0;background:none}
.create-side .create-fold>summary{margin-bottom:0}
.create-side .create-fold[open]>summary{margin:1rem 1rem 0}
.create-side .create-fold[open]>form{padding:1rem}

/* طيّةٌ على الموبايل فقط: العنوان زرٌّ يفتح القسم، وعلى الشاشة الكبيرة كلّ شيءٍ مفتوح كما كان.
   صفحة الطفل كانت 13.6 ألف بكسل على 390: الكتب فوق، والباقي (عمليات، تسليم، كشف، أجهزة، تايم لاين) خلف عناوينه. */
.fold-toggle{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fold-m h2 label{cursor:pointer}
@media (width<=760px){
  .fold-m>h2{display:flex;align-items:center;gap:.5rem;min-height:44px;margin-bottom:.2rem}
  .fold-m>h2 label{display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;min-width:0}
  .fold-m>h2 label::after{content:'';inline-size:.7rem;block-size:.7rem;border:2px solid currentColor;border-inline-start:0;border-block-start:0;transform:rotate(45deg);margin-inline-end:.5rem;flex:none;transition:transform .15s}
  .fold-toggle:checked~h2 label::after{transform:rotate(225deg)}
  .fold-m .fold-body{display:none}
  .fold-toggle:checked~.fold-body{display:grid}
  .fold-toggle:checked~.fold-body:not(.form-grid):not(.security-grid):not(.timeline-grid){display:block}
  .fold-m{margin-block:.8rem;border-bottom:1px solid #c8a46a66;padding-bottom:.4rem}
}
.pick-gift{margin:0 0 .4rem;padding:.6rem .8rem;border-radius:8px;background:#fff3d6;border:1px solid #e3c17a;color:var(--ink);font-size:1.05rem}
.pick-gift b{color:var(--margin)}

/* بطاقات الجداول على الموبايل: خلية بلا عنوانٍ عمودٍ تأخذ السطر كله، وسطر الرأس المعقود (colspan) كذلك. */
@media (width<=620px){
  .rt td:not([data-label]),.rt td[colspan]{grid-template-columns:minmax(0,1fr)}
  .rt td:not([data-label])::before{content:none}
  .rt tbody th[scope=row]{display:block;border-bottom:1px dashed #c8a46a59;padding:.4rem .7rem}
  .rt tr{margin:.6rem 0}
  .rt td{padding:.45rem .7rem}
  .table-wrap:has(>.rt){border:0;background:none}
}
/* قواعد فيرسل للواجهات على اللمس: لا تأخير للنقرة المزدوجة، وإبراز لمسٍ مقصود، والدرج لا يسحب الصفحة خلفه. */
.admin-main :is(a,button,.button,summary,label[for],input[type=checkbox],input[type=radio],select),.admin-nav a,.nav-burger,.share-shell :is(a,button,summary,label){touch-action:manipulation;-webkit-tap-highlight-color:#0f6b6333}
.admin-nav nav{overscroll-behavior:contain}
/* أفقي فقط: الـcontain على المحورين يبلع عجلة الماوس الرأسية فوق الجدول فلا تتحرك الصفحة */
.pick-grid,.table-wrap,.children-scroll,.pricing-scroll{overscroll-behavior-x:contain;overscroll-behavior-y:auto}
/* break-word لا anywhere: anywhere يصغّر أدنى عرض الخلية فيعصر الجدول التلقائي عمود الاسم إلى كلمة في السطر. */
.admin-main :is(td,th,dd,dt,li,p,summary){overflow-wrap:break-word}
.admin-main :is(input,select){min-width:0}
@media (width<=620px){.rt thead{inset-inline-start:0;inline-size:1px;block-size:1px;overflow:hidden}}

/* خطوة الاسم: الخانتان تُكتبان مباشرة — اسمٌ في صندوق يوحي بالكتابة ولا يُكتب كان يُقرأ عطلًا. */
.pick-name-form{display:grid;gap:.9rem}
.pick-field{display:grid;gap:.35rem;font-weight:700}
.pick-field small{color:var(--muted);font-weight:400}
.pick-field input{border:2px solid var(--kraft);border-radius:8px;background:#fff;min-height:3.4rem;padding:.6rem .9rem;font:700 1.35rem/1.3 inherit;width:100%}
.pick-field input[dir=ltr]{font-family:IM,monospace;font-size:1.15rem}
.pick-field input:focus{border-color:var(--stamp);outline:none;box-shadow:0 0 0 3px #0f6b6333}
.pick-summary-line{margin:0;line-height:1.8}
.pick-wa{justify-self:start;margin-top:.3rem;background:#25d366;border-color:#25d366;color:#0b3d22}
@media (min-width:560px){.pick-slots{margin-inline:0}}
.pick-grid>li{scroll-margin-top:9.5rem}

/* خانة الاستيكر في قائمة الأطفال: من عمل يُرى من بعيد، ومن لم يعمل رمادي هادئ. */
.stk-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.875rem;font-weight:700;white-space:nowrap;border:1px solid transparent}
.stk-badge.is-printed{background:#0f6b63;color:#fff}
.stk-badge.is-approved{background:#e6f4f1;color:#0f6b63;border-color:#0f6b63}
.stk-badge.is-draft{background:#fff3d6;color:#7a5200;border-color:#e3c17a}
.stk-badge.is-none{background:transparent;color:var(--muted);border-color:#c8a46a88;font-weight:400}
@media (width<=620px){.rt thead tr{display:block;inline-size:1px;block-size:1px;overflow:hidden}}

/* رقم «الطباعة» في المنيو: ما ينتظر ورقًا — أحمر صغير بجانب الاسم، وعلى زرّ القائمة في الموبايل. */
.nav-badge{margin-inline-start:auto;min-inline-size:1.5rem;block-size:1.5rem;padding:0 .4rem;border-radius:999px;background:var(--margin);color:#fff;font:700 .85rem/1.5rem IM,monospace;font-style:normal;text-align:center;flex:none}
.nav-burger .nav-badge{margin-inline-start:.2rem}

/* أعداد المنيو: الأحمر وحده يعني «مستني». الباقي للعلم، ولكلٍّ شكله ولونه:
   الأطفال كبسولة خضراء، والمدارس مربّع ذهبي، والمواد إطار أبيض بلا تعبئة. */
.nav-count{margin-inline-start:auto;flex:none;font:700 .8rem/1 IM,monospace;font-style:normal;display:inline-grid;place-items:center;min-block-size:1.45rem;min-inline-size:1.45rem;padding:0 .4rem}
.nav-count-kids{background:#1f9d8a;color:#fff;border-radius:999px}
.nav-count-schools{background:#e3c17a;color:#16233a;border-radius:3px}
.nav-count-subjects{background:transparent;color:#e9eef5;border:1.5px solid #e9eef5;border-radius:6px}
.admin-nav nav a[aria-current=page] .nav-count-subjects{color:#fff;border-color:#fff}
/* أوامر مفتوحة أعلى صفحة الطباعة، وزرّ الإقفال بجانب التحميل في صفحة الأمر. */
.open-runs{border:2px solid var(--margin);border-radius:8px;background:#fff6f5;padding:.9rem 1rem;margin:0 0 1.2rem;max-width:75rem}
.open-runs h2{margin:0 0 .3rem;font:700 1.15rem/1.3 IP,sans-serif;color:var(--margin);border:0;padding:0}
.open-runs p{margin:0 0 .6rem}
.open-runs ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.open-runs li{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;padding:.5rem 0;border-top:1px dashed #c8352c40}
.open-runs li form{margin-inline-start:auto}
.open-runs .button{margin-top:0}
.quick-close{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:1rem 0;padding:.8rem 1rem;border:2px solid var(--stamp);border-radius:8px;background:#f2faf8;max-width:52rem}
.quick-close span{flex:1 1 16rem;font-weight:700}
.quick-close .button{margin-top:0}

/* لون لكل باب في المنيو (المالك: «كل تاب أكتيف ميّزه بلون، ولون الأيقونات»).
   الأيقونة بلون بابها دائمًا؛ والمفتوح تأخذ خلفيته وخطّه الجانبي نفس اللون.
   اثنان وعشرون لونًا بزاوية الذهب فلا يتشابه جاران، وكلٌّ ≥4.5:1 على الكحلي. */
.admin-nav .nav-k-home{--nav-accent:#e87373}
.admin-nav .nav-k-mothers{--nav-accent:#73e895}
.admin-nav .nav-k-schools{--nav-accent:#b773e8}
.admin-nav .nav-k-grades{--nav-accent:#e8da73}
.admin-nav .nav-k-subjects{--nav-accent:#73d5e8}
.admin-nav .nav-k-pricing{--nav-accent:#e873b2}
.admin-nav .nav-k-requests{--nav-accent:#90e873}
.admin-nav .nav-k-share-links{--nav-accent:#8984eb}
.admin-nav .nav-k-print-runs{--nav-accent:#e89a73}
.admin-nav .nav-k-misprints{--nav-accent:#73e8bc}
.admin-nav .nav-k-payments{--nav-accent:#df73e8}
.admin-nav .nav-k-cashier{--nav-accent:#cfe873}
.admin-nav .nav-k-deliveries{--nav-accent:#73ade8}
.admin-nav .nav-k-cash{--nav-accent:#e8738b}
.admin-nav .nav-k-inventory{--nav-accent:#73e87d}
.admin-nav .nav-k-stickers{--nav-accent:#9f73e8}
.admin-nav .nav-k-timetables{--nav-accent:#e8c173}
.admin-nav .nav-k-bag-labels{--nav-accent:#73e8e4}
.admin-nav .nav-k-waste{--nav-accent:#e873ca}
.admin-nav .nav-k-activity{--nav-accent:#a8e873}
.admin-nav .nav-k-security{--nav-accent:#7386e8}
.admin-nav .nav-k-users{--nav-accent:#e88273}
.nav-burger.nav-k-{--nav-accent:#ffd27a}
.admin-nav nav a .nav-icon{stroke:var(--nav-accent,#cbd2dc);opacity:1}
.admin-nav nav a:hover{background:color-mix(in srgb,var(--nav-accent,#fff) 12%,transparent);color:#fff}
.admin-nav nav a[aria-current=page]{background:color-mix(in srgb,var(--nav-accent,#fff) 24%,transparent);color:#fff;box-shadow:inset 4px 0 0 0 var(--nav-accent,var(--margin))}
.admin-nav nav a[aria-current=page] .nav-icon{stroke-width:2.2}
.admin-nav nav a[aria-current=page] > span{color:var(--nav-accent,#fff)}
@media (width<=880px){.admin-nav nav a[aria-current=page]{border-color:var(--nav-accent,#ffffff66)}.nav-burger b{color:var(--nav-accent,#ffd27a)}.nav-burger{border-color:color-mix(in srgb,var(--nav-accent,#fff) 55%,transparent)}}

/* ═══ هيكل صفحات اللوحة: عمودٌ واحد وأقسامٌ كروت ═══
   المالك: «الصفحة سايعة وعايمة ومش متقسمة». القياس على /admin عند 1440:
   أربع حوافٍ مختلفة في صفحة واحدة (العنوان 800 بكسل، الأرقام 1040، الأقسام
   1070)، وعند 1920 يبدأ قسمٌ من 64 وآخر من 401 وثالث من 801 — لكل عنصرٍ
   أقصى عرضٍ مختلف. والأقسام بلا خلفيةٍ ولا حدّ، فتُقرأ الصفحة نصًّا واحدًا.
   الآن: عمودٌ واحد بعرضٍ واحد في المنتصف، وكل قسمٍ كارتٌ أبيض له حدّه. */
.admin-main{--page:78rem}
.admin-main>*{max-width:var(--page);margin-inline:auto;width:100%;box-sizing:border-box}
.admin-main>:is(.admin-heading,.account-head,.section-heading){max-width:var(--page)}
.admin-heading p,.admin-main>.section-heading p{max-width:65ch}
.admin-main>:is(.notice,.totals-strip,.link-issue,.share-issued,.today-grid,.dash-cards,.upload-board,.open-runs,.quick-close,.work-order){max-width:var(--page)}
.admin-section{background:#fff;border:1px solid #c8a46a73;border-radius:10px;padding:1.2rem 1.4rem 1.4rem;margin-block:1.2rem;box-shadow:0 1px 2px #16233a0d,0 6px 18px -12px #16233a2e}
.admin-section>h2:first-child,.admin-section>.section-heading:first-child,.admin-section>h2:first-of-type{margin-top:0}
.admin-section .admin-section{background:none;border:0;box-shadow:none;padding:0;margin-block:1rem 0}
.dash-pair{gap:1.2rem}
.dash-pair>.admin-section{margin-block:0}
.admin-main>.dash-pair{margin-block:1.2rem}
.admin-section .panel{background:#f7f8f3}
.admin-section>.table-wrap:last-child,.admin-section>.children-scroll:last-child{margin-bottom:0}
.today-grid{border-radius:10px;overflow:hidden}
@media (width<=760px){
  .admin-section{padding:1rem .9rem 1.1rem;border-radius:8px;margin-block:.9rem}
  .admin-main{padding-inline:.7rem}
}
/* الرقم وعملته لا ينفصلان: «ج» كانت تنزل سطرًا وحدها لمّا ضاق الكارت. وداخل كارت
   القسم لا يحتاج الشريط إطارًا ثانيًا — صندوقٌ داخل صندوق. */
.ledger-strip strong{white-space:nowrap;word-break:normal;font-size:clamp(1.4rem,2.4vw,2.4rem)}
.dash-card strong,.today-grid strong.money{white-space:nowrap}
.admin-section .ledger-strip{border:0;background:none;padding:.4rem 0 .2rem}
.admin-section .dash-cards{border-radius:8px;overflow:hidden}

/* بحث الأسماء في «أخطاء الطباعة»: خانةٌ تكتب فيها وقائمةٌ تحتها تختار منها. */
.combo{position:relative;inline-size:100%}
.combo-input{inline-size:100%;min-height:3rem;padding:.55rem .9rem;border:2px solid var(--kraft);border-radius:8px;background:#fff;font-size:1.05rem}
.combo-input:focus{outline:none;border-color:var(--stamp);box-shadow:0 0 0 3px #0f6b6333}
.combo-input.is-loading{background:#f2faf8}
.combo-list{position:absolute;z-index:20;inset-inline:0;top:calc(100% + .3rem);margin:0;padding:.3rem;list-style:none;background:#fff;border:1px solid var(--kraft);border-radius:10px;box-shadow:0 12px 30px -12px #16233a55;max-block-size:min(22rem,60vh);overflow:auto;overscroll-behavior:contain}
.combo-list li{display:grid;gap:.1rem;padding:.55rem .7rem;border-radius:6px;cursor:pointer;min-height:44px;align-content:center}
.combo-list li b{font-size:1.02rem}
.combo-list li small{color:var(--muted);font-size:.875rem}
.combo-list li[aria-selected=true],.combo-list li:hover{background:#e6f4f1}
.combo-list li[aria-selected=true] b{color:var(--stamp)}
.combo-list .combo-empty{cursor:default;color:var(--muted)}
.misprint-pick .combo{flex:1 1 20rem}
/* .button يفرض display فيغلب [hidden] الافتراضي: زرّ «اعرض كتبه» كان يبقى ظاهرًا بعد تفعيل البحث. */
[data-combo-fallback][hidden]{display:none!important}
/* سطر التفاصيل تحت الاسم سطرٌ واحد: كان يلفّ سطرين فيطول الصفّ 95 بكسل ولا يظهر على الموبايل غير أربعة أسماء. */
.combo-list li small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combo-list li{min-width:0}
/* صندوق البحث الموحّد في كل الصفحات: نفس الارتفاع والعدسة والاقتراحات. */
.search-bar{align-items:center;flex-wrap:wrap}
.search-bar>.combo.suggest{flex:1 1 16rem;inline-size:auto;min-width:0}
.combo.suggest .combo-input,.combo .combo-input[type=search]{min-height:2.9rem;padding-inline-start:2.6rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat right .8rem center/1.15rem}
.combo .combo-input.is-loading{background-color:#f2faf8}
.filter-bar>.combo{flex:1 1 14rem;inline-size:auto;min-width:0}
.day-chips{margin:0;flex-basis:100%}
/* قائمة الأطفال بعرض الصفحة: عمود «طفل جديد» جنبها كان بيعصر الجدول لنص
   الشاشة فيتمرر جنبًا حتى على الكمبيوتر. الإضافة بقت زرّ فوق الجدول. */
.split-layout{grid-template-columns:minmax(0,1fr)}
.split-layout>.create-side{order:-1}
/* القائمة أعرض من الخانة لما الخانة ضيقة وسط الفلاتر، فالصف والمدرسة يبانوا كاملين. */
.combo.suggest .combo-list{min-inline-size:min(26rem,calc(100vw - 2rem))}

/* ===== إمكانيات المتصفح الحديثة (2026-09-12) — كلها تحسينٌ تدريجي: المتصفح
   اللي ما يعرفهاش يتجاهلها والصفحة تفضل شغالة زي ما هي. ===== */

/* انتقال بين الصفحات بدل الوميض الأبيض. القائمة الجانبية والمحتوى ليهم اسم
   واحد في كل الصفحات فيفضلوا ثابتين ويتحرّك الجديد مكان القديم. */
@view-transition { navigation: auto }
.admin-nav { view-transition-name: admin-nav }
.admin-main { view-transition-name: admin-main }
::view-transition-group(admin-main) { animation-duration: .22s }
::view-transition-group(admin-nav) { animation-duration: .01s }

/* الصفحات الطويلة (117 استيكر، 64 مادة): المتصفح ما يرسمش البطاقة اللي برا
   الشاشة، والمقاس التقريبي بيمنع شريط التمرير من النطّ. */
.stick { content-visibility: auto; contain-intrinsic-size: auto 15rem }
.catalog-record { content-visibility: auto; contain-intrinsic-size: auto 8rem }

/* الطيّات تفتح وتقفل بحركة بدل ما تنطّ. interpolate-size بتخلّي auto قابلة
   للتحريك، و::details-content هي جسم الطيّة نفسه. */
:root { interpolate-size: allow-keywords }
.admin-main details::details-content {
  block-size: 0;
  overflow: clip;
  transition: block-size .24s ease, content-visibility .24s allow-discrete;
}
.admin-main details[open]::details-content { block-size: auto }

/* العناوين العربية الطويلة تتوزّع على أسطر متوازنة بدل كلمة وحيدة في سطر. */
.admin-heading h1, .admin-section h2, .page-head h1 { text-wrap: balance }
.admin-heading p, .admin-section > p, .muted { text-wrap: pretty }

/* الأحمر يظهر بعد ما يكتب ويسيب الخانة، مش وهو لسه بيكتب. */
.admin-main :is(input, select, textarea):user-invalid {
  border-color: var(--margin);
  outline: 2px solid color-mix(in srgb, var(--margin) 35%, transparent);
  outline-offset: 1px;
}

/* خانة الأرقام تاخد عرض رقمها. */
.admin-main input[type=number] { field-sizing: content; min-inline-size: 6rem }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation-duration: 1ms !important }
  .admin-main details::details-content { transition: none }
}


/* النبضة: الرقم اللي زاد يلمع مرة. الصفحة بتحدّث محتواها بنفسها، فمفيش شريط ريفريش. */
.admin-nav a.is-new .nav-badge, .binding-tab.is-new b { animation: pulse-new 1.2s ease-out 2 }
@keyframes pulse-new { 0%, 100% { transform: none } 35% { transform: scale(1.35) } }
@media (prefers-reduced-motion: reduce) { .admin-nav a.is-new .nav-badge, .binding-tab.is-new b { animation: none } }
/* أرقام معلومة جديدة: شنط جاهزة للتسليم، وفصول بلا جدول. شكلٌ ولونٌ لكل باب،
   وكلها غير الأحمر: الأحمر وحده معناه «مستني طباعة». */
.nav-count-bundles{background:#4b7fd4;color:#fff;border-radius:4px 12px 4px 12px}
.nav-count-classes{background:#8a7de3;color:#fff;border-radius:999px 999px 4px 999px}
/* تقسيم المادة: خانة «كل كام صفحة» تظهر بس لما «أيوه — تتقسم» مختارة. بلا
   required عليها: خانة مخفية مطلوبة بتمنع الحفظ من غير رسالة تبان. */
.form-stack label.split-every{display:none}
.form-stack:has(select[name="split"] option[value="1"]:checked) label.split-every{display:grid}
/* إرشاد التقسيم: تنبيه مش شغل مستني، فمش أحمر (الأحمر للمستني بس). */
.pill.is-advice{background:#fff1cc;color:#6b4a00;border:1px solid #e0b84a}
.split-advice{margin:0}
/* تجليد الإعادة: الأساسي يتقري من الكتاب المختار، والمختلف بيتلوّن ويتحذّر. */
.misprint-finish-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}
.misprint-finish{transition:border-color .2s,background-color .2s,opacity .2s}
.finish-base,.finish-warn{display:none}
.finish-warn{margin:.2rem 0 0;color:#6b4a00;font-weight:700}
.misprint-form:has(input[name=line][data-binding=spiral]:checked) .finish-base-spiral,
.misprint-form:has(input[name=line][data-binding=book]:checked) .finish-base-book,
.misprint-form:has(input[name=line][data-binding=none]:checked) .finish-base-none{display:inline}
.misprint-form:has(input[name=line][data-binding=spiral]:checked) .finish-alt-spiral,
.misprint-form:has(input[name=line][data-binding=book]:checked) .finish-alt-book{display:none}
.misprint-form:has(input[name=line][data-binding=spiral]:checked) .misprint-finish:has(input[value=book]:checked),
.misprint-form:has(input[name=line][data-binding=book]:checked) .misprint-finish:has(input[value=spiral]:checked),
.misprint-form:has(input[name=line][data-binding=none]:checked) .misprint-finish:has(input:not([value=same]):checked){border:2px solid #e0b84a;background:#fff8e6}
.misprint-form:has(input[name=line][data-binding=spiral]:checked) .misprint-finish:has(input[value=book]:checked) .finish-warn,
.misprint-form:has(input[name=line][data-binding=book]:checked) .misprint-finish:has(input[value=spiral]:checked) .finish-warn,
.misprint-form:has(input[name=line][data-binding=none]:checked) .misprint-finish:has(input:not([value=same]):checked) .finish-warn{display:block}
/* المجموعة اللي مالهاش دعوة بالمطلوب بتبهت — بتفضل قابلة للاختيار. */
.misprint-form:has(input[name=kind][value=cover]:checked) .finish-body,
.misprint-form:has(input[name=kind][value=pages]:checked) .finish-cover,
.misprint-form:has(input[name=kind][value=material]:checked):not(:has(input[name=with_cover]:checked)) .finish-cover{opacity:.45}
.is-finish-changed{background:#fff8e6}
/* كارت «جاهز للتسليم»: الاسم رابط للحساب، وتحته زرّ «تم التسليم» بعرض الكارت. */
.delivery-card{display:flex;flex-direction:column;gap:.6rem}
.delivery-card>a{display:flex;flex-direction:column;gap:.15rem;color:inherit;text-decoration:none}
.delivery-card form{margin:0}
.delivery-card .delivery-done{width:100%;min-height:44px}
/* الرصيد بلونه وأيقونته — «ليها» أزرق بمحفظة، «عليها» أحمر بساعة، «خالص» أخضر بعلامة صح. الرقم دايمًا موجب. */
.money.balance{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-weight:700}
.money.balance .bal-icon{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.money.balance.is-due{color:var(--margin)}
.money.balance.is-settled{color:var(--stamp)}
.money.balance.is-credit{color:#1f5fae;background:#e7effa;border:1px solid #9fbde6;border-radius:999px;padding:.05rem .55rem}
.balance-label.is-credit{color:#1f5fae;font-weight:700}
.balance-stamp .money.balance{font-size:inherit}
/* طيّة دايمة على كل الشاشات (قرار المالك 2026-09-14): «الأجهزة وأمان الرابط» و«تايم لاين الحساب»
   مقفولين لحد ما العنوان يتداس — نفس شكل طيّة الموبايل. */
.fold-a>h2{display:flex;align-items:center;gap:.5rem;min-height:44px;margin-bottom:.2rem}
.fold-a>h2 label{display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;min-width:0;cursor:pointer}
.fold-a>h2 label::after{content:'';inline-size:.7rem;block-size:.7rem;border:2px solid currentColor;border-inline-start:0;border-block-start:0;transform:rotate(45deg);margin-inline-end:.5rem;flex:none;transition:transform .15s}
.fold-a>.fold-toggle:checked~h2 label::after{transform:rotate(225deg)}
.fold-a>.fold-body{display:none}
.fold-a>.fold-toggle:checked~.fold-body{display:grid}
.fold-a{margin-block:.8rem;border-bottom:1px solid #c8a46a66;padding-bottom:.4rem}
/* الإلغاء من صفحة الطباعة: خطوتين، الزرار بيفتح التأكيد. الأحمر للفعل اللي مالوش رجوع. */
.cancel-fold{margin-top:.4rem}
.cancel-fold>summary{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .8rem;border:1px solid var(--kraft);background:#fff;color:var(--margin);font-weight:700;list-style:none}
.cancel-fold>summary::-webkit-details-marker{display:none}
.cancel-fold[open]>summary{border-color:var(--margin)}
.cancel-fold form{display:grid;gap:.4rem;margin-top:.4rem;padding:.6rem;border:1px solid var(--margin);background:#fff5f4;max-width:26rem}
.cancel-fold label{display:grid;font-weight:700}
.cancel-fold input[name=reason]{border:1px solid var(--kraft);background:#fff;min-height:2.6rem;padding:.4rem}
.button.button-danger{background:var(--margin);border-color:var(--margin);margin-top:0}
/* اختيارات الكتاب المختار (أجزاؤه أو تقسيمه) تحته مباشرة، ولكتاب واحد بس في المرة. */
.book-parts{display:none;gap:.1rem;margin:0 0 .6rem;margin-inline-start:2rem;padding:.6rem .8rem;border-inline-start:3px solid var(--stamp);background:#0f6b630d}
.misprint-choice:has(input[name=line]:checked)+.book-parts{display:grid}
.book-parts-title{margin:0 0 .2rem;font-weight:700}
.book-parts .misprint-choice{padding:.25rem 0}
.split-pick{display:none;gap:.1rem;margin-inline-start:2rem}
.book-split:has(input[type=checkbox]:checked) .split-pick{display:grid}
.split-detail{display:block;color:var(--muted);font-size:.9rem}
/* التقسيم لـ«الكتاب كله» بس، والجزء مالوش معنى مع «صفحات». */
.misprint-form:not(:has(input[name=kind][value=material]:checked)) .book-split,
.misprint-form:has(input[name=kind][value=pages]:checked) .book-parts{display:none}
/* تقسيم المادة في صفحة المواد: كل اختيار بأجزائه. */
.split-options-box{padding:.6rem .8rem;border-inline-start:3px solid var(--stamp);background:#0f6b630d}
.split-options{margin:.3rem 0 0;padding-inline-start:1.1rem;font-size:.9rem;color:var(--muted)}
.split-options li.is-auto{color:var(--ink);font-weight:700}
/* الحسابات المدينة واللي دافعة زيادة في الرئيسية: كل الحسابات في جدول بيتسكرول لوحده، والعناوين ثابتة فوق. */
.balance-scroll{max-height:min(28rem,70svh);overflow:auto;overscroll-behavior-y:auto}
.balance-scroll thead th{position:sticky;top:0;z-index:1}
/* الحساب الكبير في الرئيسية: أربع خانات من غير علامات حساب. */
.ledger-strip.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ledger-strip .credit{color:#1f5fae}
@media (width<=760px){.ledger-strip.is-four{grid-template-columns:minmax(0,1fr)}}