/* Add-book wizard — see book-wizard.js */
#book-wizard{--wz-line:var(--brand-line,#DDE2E2);--wz-teal:var(--brand-accessibleTeal,#006D70);--wz-tint:var(--brand-tealTint,#E6F3F2);--wz-ok:#1E7B4F;--wz-okbg:#E7F4EC;--wz-bad:#B42318;--wz-badbg:#FDECEA;--wz-muted:var(--brand-muted,#5C656B);max-width:1180px}
.wz-loading{padding:40px 0;color:var(--wz-muted)}
.wz-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.wz-crumb{font-size:13px;color:var(--wz-muted);margin:0}.wz-crumb a{color:var(--wz-muted)}.wz-crumb span{color:var(--brand-midnight,#101820);font-weight:500}
.wz-title{font-size:26px;margin:4px 0 0;line-height:1.5}
.wz-status{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--wz-muted)}
.wz-saved::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--wz-ok);margin-inline-end:6px}
.wz-saved.is-error{color:var(--wz-bad)}.wz-saved.is-error::before{background:var(--wz-bad)}
.wz-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#EEF0F0;color:#30343B;white-space:nowrap}
.wz-pill.is-live{background:var(--wz-okbg);color:var(--wz-ok)}.wz-pill.is-bad{background:var(--wz-badbg);color:var(--wz-bad)}
.wz-steps{background:#fff;border:1px solid var(--wz-line);border-radius:12px;padding:6px;margin-bottom:20px}
.wz-steps ol{display:flex;list-style:none;margin:0;padding:0;gap:4px}
.wz-steps li{flex:1;min-width:0}
.wz-steps li>button,.wz-steps li>span{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;font:inherit;font-size:13.5px;color:var(--wz-muted);background:none;border:0;text-align:start}
.wz-steps li>button{cursor:pointer}.wz-steps li>button:hover{background:#F4F6F6}
.wz-steps li>button:focus-visible{outline:3px solid var(--wz-teal);outline-offset:2px}
.wz-steps small{display:block;font-size:11.5px;font-weight:400;color:var(--wz-muted);line-height:1.4}
.wz-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--wz-line);font-family:Inter,sans-serif;font-size:12px;font-weight:600;flex-shrink:0;background:#fff}
.wz-steps li.done>*{color:var(--brand-midnight,#101820)}.wz-steps li.done .wz-n{background:var(--wz-ok);border-color:var(--wz-ok);color:#fff}
.wz-steps li.cur>span{background:var(--wz-tint);color:var(--brand-midnight,#101820);font-weight:600}.wz-steps li.cur .wz-n{background:var(--wz-teal);border-color:var(--wz-teal);color:#fff}
.wz-mstep{display:none;margin:0;padding:6px 10px;font-weight:600;font-size:14px}
.wz-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.wz-card{background:#fff;border:1px solid var(--wz-line);border-radius:12px;padding:22px 24px;margin:0 0 18px}
.wz-card h3{font-size:18px;margin:0 0 4px;font-weight:600}
.wz-sub{color:var(--wz-muted);font-size:13px;margin:0 0 16px;line-height:1.9}
.wz-form{display:block}
.wz-field{margin-bottom:16px}
.wz-field>label{display:flex;justify-content:space-between;gap:8px;font-weight:500;font-size:14px;margin-bottom:6px}
.wz-opt{font-weight:400;color:var(--wz-muted);font-size:12px}
.wz-field input,.wz-field select,.wz-field textarea{width:100%;margin:0}
.wz-hint{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--wz-muted);margin:5px 0 0}
.wz-row3{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.wz-affix{position:relative}.wz-affix input{padding-inline-end:48px}.wz-affix span{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--wz-muted);font-size:13px;pointer-events:none}
.wz-newcat{margin-top:6px;font-size:13px}.wz-newcat summary{color:var(--wz-teal);cursor:pointer;width:max-content}
.wz-inline{display:flex;gap:8px;margin-top:8px}.wz-inline input{flex:1}
.wz-ai{background:#F4FBFA;border:1px solid #BFE1E0;color:var(--wz-teal);border-radius:6px;padding:4px 10px;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}
.wz-error{color:var(--wz-bad);font-size:13.5px;min-height:0;margin:6px 0}
.wz-error:empty{display:none}
.wz-aside{position:sticky;top:16px}
.wz-side{padding:16px}.wz-side h3{font-size:13px;color:var(--wz-muted);font-weight:500;margin:0 0 12px}
.wz-prev{border:1px solid var(--wz-line);border-radius:10px;overflow:hidden}
.wz-prev-stage{background:var(--wz-tint);height:190px;display:grid;place-items:center}
.wz-cover-img{height:160px;width:auto;max-width:120px;object-fit:cover;border-radius:3px;box-shadow:0 10px 20px rgba(16,24,32,.2)}
.wz-cover-ph{width:108px;height:160px;background:var(--brand-midnight,#101820);color:#fff;border-radius:3px 6px 6px 3px;padding:12px 10px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 20px rgba(16,24,32,.2)}
.wz-cover-ph span{font-family:Inter,sans-serif;font-weight:700;letter-spacing:1px;font-size:11px;color:var(--brand-teal,#00A6A6)}.wz-cover-ph b{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.wz-prev-body{padding:12px 14px;display:grid;gap:2px}.wz-prev-body strong{font-size:15px;line-height:1.6}
.wz-prev-cat{font-size:12px;color:var(--wz-teal)}.wz-prev-price{font-family:Inter,sans-serif;font-weight:700;font-size:18px}.wz-prev-price small{font-family:inherit;font-weight:400;font-size:12px}
.wz-checks{list-style:none;margin:0;padding:0}
.wz-checks li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:13px;border-bottom:1px solid #F0F2F2}.wz-checks li:last-child{border:0}
.wz-checks small{display:block;color:var(--wz-muted);font-size:12px}
.wz-ic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex-shrink:0;margin-top:1px;border:1.5px solid #C9D0D1;font-weight:700}
.is-ok .wz-ic{background:var(--wz-okbg);color:var(--wz-ok);border-color:transparent}.is-cur .wz-ic{background:var(--wz-tint);color:var(--wz-teal);border-color:transparent}.is-opt .wz-ic{border-style:dashed}
.wz-seg{display:inline-flex;border:1px solid var(--wz-line);border-radius:10px;padding:4px;background:var(--brand-offWhite,#F7F7F5);margin-bottom:16px;gap:2px;flex-wrap:wrap}
.wz-seg button{padding:8px 16px;border-radius:7px;font:inherit;font-size:13px;color:var(--wz-muted);background:none;border:0;cursor:pointer;min-height:40px}
.wz-seg button[aria-checked=true]{background:#fff;color:var(--brand-midnight,#101820);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.wz-drop{margin-bottom:14px}
.wz-drop-area{display:grid;gap:3px;justify-items:center;text-align:center;border:1.5px dashed #9FC9C7;border-radius:12px;background:#F7FBFB;padding:22px;color:var(--wz-muted);cursor:pointer;font-size:13px}
.wz-drop-area b{color:var(--brand-midnight,#101820);font-size:15px}.wz-drop-area u{color:var(--wz-teal)}
.wz-drop.is-over .wz-drop-area,.wz-drop input:focus-visible+.wz-drop-area{border-color:var(--wz-teal);background:var(--wz-tint)}
.wz-drop.has-file .wz-drop-area{padding:12px;border-style:solid;border-color:var(--wz-line);background:#fff}
.wz-files{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wz-file{display:flex;align-items:center;gap:12px;border:1px solid var(--wz-line);border-radius:10px;padding:10px 12px;margin-top:10px;background:#fff}
.wz-files .wz-file{margin:0}
.wz-ficon{width:38px;height:44px;border-radius:6px;display:grid;place-items:center;font-family:Inter,sans-serif;font-size:10px;font-weight:700;color:#fff;background:#B42318;flex-shrink:0}
.wz-ficon.is-json{background:var(--wz-teal)}.wz-ficon.is-zip{background:#6B4FA0}
.wz-fmeta{flex:1;min-width:0}.wz-fmeta b{display:block;font-weight:500;font-size:13.5px;overflow-wrap:anywhere}.wz-fmeta small{color:var(--wz-muted);font-size:12px}
.wz-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.wz-chip{border:1px solid var(--wz-line);border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;background:#fff;cursor:pointer;min-height:34px}
.wz-chip:hover{border-color:var(--wz-teal);color:var(--wz-teal)}
.wz-progress{margin:6px 0 14px}.wz-progress-bar{height:8px;background:#EDF0F0;border-radius:4px;overflow:hidden}.wz-progress-bar i{display:block;height:100%;width:0;background:var(--brand-teal,#00A6A6);transition:width .2s}
.wz-progress span{font-size:12.5px;color:var(--wz-muted)}
.wz-note{margin:0 0 16px}
.wz-sums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wz-sum{border:1px solid var(--wz-line);border-radius:10px;padding:12px 14px}
.wz-sum-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.wz-sum dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:13px}.wz-sum dt{color:var(--wz-muted)}.wz-sum dd{margin:0;overflow-wrap:anywhere}
.wz-review{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;background:#FFF8E8;border-radius:8px;padding:10px 14px;margin-bottom:14px}
.wz-check{display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer}.wz-check input{width:18px;height:18px;margin:0}
.wz-radios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wz-radio{display:flex;gap:10px;border:1.5px solid var(--wz-line);border-radius:10px;padding:14px;cursor:pointer}
.wz-radio input{margin:4px 0 0;width:18px;height:18px;accent-color:var(--wz-teal)}
.wz-radio.is-on{border-color:var(--wz-teal);background:#F4FBFA}.wz-radio b{display:block;font-size:14px}.wz-radio small{font-size:12.5px;color:var(--wz-muted)}
.wz-radio:focus-within{outline:3px solid var(--wz-teal);outline-offset:2px}
.wz-bar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--wz-line);border-radius:12px;padding:12px 16px;margin-top:6px;box-shadow:0 -6px 18px rgba(16,24,32,.06)}
.wz-bar-main{display:flex;gap:10px;flex-wrap:wrap}
.wz-muted{color:var(--wz-muted)}
.wz-preview-host{margin:0!important;height:0;overflow:hidden}
#book-wizard .book-preview-panel{margin:0;padding:0;border:0;box-shadow:none;background:none}
#book-wizard .book-preview-panel>h2,#book-wizard .book-preview-panel>h2+p{display:none}
#book-wizard .cover-admin-panel{padding:22px 24px}
#book-wizard .cover-admin-panel .eyebrow{display:none}#book-wizard .cover-admin-panel h2{font-size:18px;font-weight:600;margin:0 0 4px}
@media(max-width:900px){.wz-grid{grid-template-columns:1fr}.wz-aside{position:static;order:-1;display:grid;grid-template-columns:1fr;gap:0}.wz-aside .wz-side:last-child{display:none}}
@media(max-width:650px){
 .wz-steps ol{display:none}.wz-mstep{display:block}
 .wz-card{padding:18px 16px}.wz-row3,.wz-sums,.wz-radios{grid-template-columns:1fr}
 .wz-aside{display:none}
 .wz-bar{flex-direction:column;align-items:stretch;border-radius:12px 12px 0 0;margin-inline:-16px}
 .wz-bar-main{flex-direction:column}.wz-bar-main .btn{width:100%;justify-content:center}.wz-bar .text-button{text-align:center}
 .wz-title{font-size:22px}
}
.book-preview-quick{display:flex;gap:10px;align-items:center;margin:8px 0 14px;flex-wrap:wrap}
.wz-bar{padding-inline-end:150px}
@media(max-width:650px){.wz-bar{padding:12px 16px 64px}}
@media(max-width:650px){
 .wz-bar{flex-direction:row;padding:10px 12px 60px;gap:8px}
 .wz-bar-main{flex-direction:row;flex:1;gap:8px}
 .wz-bar-main [data-next],.wz-bar-main [data-finish]{flex:1}
 .wz-bar-main [data-go]{width:auto;padding-inline:14px;font-size:0}
 .wz-bar-main [data-go]::before{content:"→";font-size:18px}
 .wz-bar>.text-button{display:none}
}
/* Book management page (edit view) */
.bm-crumb{font-size:13px;color:var(--brand-muted,#5C656B);margin:0 0 10px}.bm-crumb a{color:var(--brand-muted,#5C656B)}.bm-crumb span{color:var(--brand-midnight,#101820);font-weight:500}
.bm-head{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--brand-line,#DDE2E2);border-radius:12px;padding:18px 22px;margin-bottom:16px}
.bm-thumb{width:72px;height:104px;flex-shrink:0;border-radius:3px 6px 6px 3px;background:var(--brand-midnight,#101820);color:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 16px rgba(16,24,32,.18);font-size:10px;padding:6px;text-align:center;line-height:1.4}
.bm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bm-thumb:has(img){padding:0}
.bm-info{flex:1;min-width:0}.bm-title{font-size:24px;margin:4px 0 8px;line-height:1.5}
.bm-kv{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0}.bm-kv dt{font-size:12px;color:var(--brand-muted,#5C656B)}.bm-kv dd{margin:0;font-weight:600;font-size:15px}
.bm-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.bm-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#EEF0F0;color:#30343B;white-space:nowrap}
.bm-pill.is-live,.bm-badge.is-live{background:#E7F4EC;color:#1E7B4F}.bm-pill.is-ready,.bm-badge.is-ready{background:var(--brand-tealTint,#E6F3F2);color:var(--brand-accessibleTeal,#006D70)}.bm-pill.is-review,.bm-badge.is-review{background:#FFF4DC;color:#7A5200}.bm-pill.is-files,.bm-badge.is-files{background:#EEF0F0;color:#30343B}
.bm-tabs{display:flex;gap:2px;border-bottom:1px solid var(--brand-line,#DDE2E2);margin:0 0 18px;overflow-x:auto;scrollbar-width:thin}
.bm-tabs [role=tab]{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 16px;font:inherit;font-size:14px;color:var(--brand-muted,#5C656B);white-space:nowrap;min-height:46px;display:inline-flex;gap:6px;align-items:center}
.bm-tabs [role=tab][aria-selected=true]{color:var(--brand-midnight,#101820);font-weight:600;border-bottom-color:var(--brand-accessibleTeal,#006D70)}
.bm-tabs [role=tab]:hover{color:var(--brand-midnight,#101820)}
.bm-count{font-size:11px;background:#EEF0F0;border-radius:999px;padding:1px 8px;font-family:Inter,sans-serif}
.bm-panel:focus-visible{outline:3px solid var(--brand-accessibleTeal,#006D70);outline-offset:4px}
.bm-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.bm-card{padding:20px 22px;margin-bottom:16px}.bm-card h3{font-size:17px;margin:0 0 6px;font-weight:600}
.bm-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.bm-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bm-next{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--brand-tealTint,#E6F3F2);border-radius:10px;padding:16px 18px;margin-bottom:16px}.bm-next p{margin:4px 0 0;font-size:13px}
.bm-table-wrap{overflow-x:auto}.bm-table{width:100%;border-collapse:collapse;font-size:13px}.bm-table th{text-align:start;font-weight:500;color:var(--brand-muted,#5C656B);font-size:12px;padding:8px;border-bottom:1px solid var(--brand-line,#DDE2E2)}.bm-table td{padding:10px 8px;border-bottom:1px solid #F0F2F2;vertical-align:middle}.bm-actions-cell{text-align:end}
.bm-cover-sum{display:flex;gap:14px;align-items:center;margin-top:8px}.bm-cover-mini{width:64px;height:96px;object-fit:cover;border-radius:3px;box-shadow:0 6px 12px rgba(16,24,32,.15)}
.bm-alerts{list-style:none;margin:8px 0 0;padding:0}.bm-alerts li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #F0F2F2;font-size:13px}.bm-alerts li:last-child{border:0}.bm-alerts li>span:nth-child(2){flex:1}.bm-alerts small{display:block;color:var(--brand-muted,#5C656B);font-size:12px}.bm-alerts .text-button{min-height:32px;padding:4px}
.bm-ic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;background:#FFF4DC;color:#7A5200}.is-ok .bm-ic{background:#E7F4EC;color:#1E7B4F}
.bm-other{display:grid;gap:8px}.bm-other .btn,.bm-other form .btn[type=submit]{width:100%;margin:0}
.bm-preview-host{margin:0!important;height:0;overflow:hidden}
.bm-panel .book-preview-panel{margin:0;padding:0;border:0;box-shadow:none;background:none}.bm-panel .book-preview-panel>h2,.bm-panel .book-preview-panel>h2+p{display:none}
@media(max-width:900px){.bm-grid{grid-template-columns:1fr}}
@media(max-width:650px){.bm-head{flex-wrap:wrap;padding:16px}.bm-head-actions{width:100%}.bm-head-actions .btn{flex:1}.bm-two{grid-template-columns:1fr}.bm-next{flex-direction:column;align-items:stretch}.bm-title{font-size:20px}}
/* Admin cover tab (fix 2026-09-29): an edition cover in the preview kept its natural size and covered the "رفع صورة الغلاف" button. */
.cover-admin-preview .catalog-cover-frame{width:170px;max-width:170px;overflow:hidden}
.cover-admin-preview .catalog-cover-frame>.catalog-real-cover{width:100%;height:100%;object-fit:cover;display:block}