/* 0.13.43 — reader controls asked for by the owner. 1) «چیدمان» icon buttons (static/layout_icons253.js). */
.layout-select253{display:none!important}
.layout-icons253{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line,#8a7a52);border-radius:9px;vertical-align:middle}
.layout-icon253{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:inherit;opacity:.68;cursor:pointer}
.layout-icon253:hover{opacity:1;background:color-mix(in srgb,currentColor 9%,transparent)}
.layout-icon253[aria-checked=true]{opacity:1;color:var(--gold,#b89549);background:color-mix(in srgb,var(--gold,#b89549) 17%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold,#b89549) 55%,transparent)}
.layout-icon253:focus-visible{outline:2px solid var(--gold,#b89549);outline-offset:1px}
@media (pointer:coarse){.layout-icon253{width:40px;height:36px}}

/* 2) The «ذخیره صفحه» panel (⤓ beside «ترجمهٔ فارسی») in ONE row: «رنگ خروجی [روشن ▾]  PDF  HTML».
   Asked by the owner: «قسمت رنگ خروجی که زیرش منو آبشاری داره بهینه نیست و باید در یک سطر همه
   باشن». The caption sat ABOVE its drop-down (a 64×72 column) inside a panel pinned at 280 px by
   release10.js, so PDF/HTML and the drop-down fell onto two rows. The panel now takes the width of
   its contents (never wider than the screen; on a very narrow phone it may still wrap). */
.quick-export>div:popover-open{width:max-content!important;max-width:calc(100vw - 16px)!important;align-items:center;gap:6px}
.quick-export>div .field:has([name=page_export_theme]){display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;margin:0!important;white-space:nowrap;width:auto!important}
.quick-export>div .field:has([name=page_export_theme])>span:first-child{font-size:12.5px;margin:0}
.quick-export>div .field:has([name=page_export_theme]) .gold-trigger{min-height:34px;width:auto!important;min-width:72px}
/* 0.13.44 — and LEVEL: «هنوز … منو و دکمه ها تراز نیستن». Measured: the drop-down was 30 px
   tall at the top of its 37 px caption row, the PDF/HTML buttons 34 px and centred, so the
   drop-down sat 3.5 px high. Every item is now 34 px and centred on one line. */
.quick-export>div:popover-open{align-items:center}
.quick-export>div .field:has([name=page_export_theme]){height:34px;align-self:center}
.quick-export>div .field:has([name=page_export_theme]) .gold-select{display:flex;align-items:center;height:34px;margin:0!important}  /* a form margin-bottom of 7 px lifted it 3.5 px */
.quick-export>div .field:has([name=page_export_theme]) .gold-trigger{height:34px!important;min-height:34px!important;box-sizing:border-box}
/* The drop-down keeps its word («روشن»/«تیره») whatever the toolbar's width. In a compact toolbar
   every caption is hidden (font-size 0) unless `fitCaptions112` gives it room, and this panel's PDF
   and HTML buttons are exempted by release11.css; the drop-down was not, so «روشن» came and went. */
:root .bar11 .quick-export>div:popover-open .gold-trigger,.quick-export>div .field:has([name=page_export_theme]) .gold-trigger{font-size:13px!important;width:auto!important;min-width:72px!important;max-width:none!important;padding:3px 10px!important}
:root .bar11 .quick-export>div:popover-open .gold-trigger .caption11,.quick-export>div .field:has([name=page_export_theme]) .gold-trigger .caption11{display:inline!important;font-size:13px!important}
/* 0.13.47 — a message written inside the floating window that caused it (dialog_notes257.js). */
.dialog-note257{margin:10px 0 0;padding:7px 12px;border-radius:9px;font-size:13.5px;line-height:1.8;color:#1f7a45;background:#2fa8601a;border:1px solid #2fa86055;animation:dialogNote257 .25s ease-out}
.dialog-note257.is-error{color:#b3362c;background:#d9483b14;border-color:#d9483b55}
:root[data-theme=dark] .dialog-note257{color:#6fdc9b}
:root[data-theme=dark] .dialog-note257.is-error{color:#ff8a7f}
@keyframes dialogNote257{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.pr257-path{display:block;margin-top:6px}.pr257-abs{word-break:break-all;font-size:12.5px}
.btn.pr257-copy{min-height:28px;padding:2px 10px;font-size:12px;vertical-align:middle}
.pr257-folder{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:8px 0 14px}.pr257-form label{display:block;margin:6px 0}
/* 0.13.47 — question: book and page to ask about; the questions list grouped by book. */
.question-target257{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 14px}.question-target257 .field{margin-bottom:12px}
.question-target257 .field:first-child{flex:1 1 260px}.question-target257 input{width:110px}.question-target257 .help{margin-bottom:22px}
.question-model257 select{width:auto;min-height:34px;padding:4px 10px;margin-inline-start:6px}
tr.group257 th{background:transparent;color:var(--gold);font-weight:600;padding-top:16px;border-bottom:1px solid var(--line);text-align:right}
.tm257{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px}.tm257 .actions,.tm257 .dialog-note257{grid-column:1/-1}
.dialog-note257.is-waiting{color:inherit;background:#b58d3d14;border-color:#b58d3d55}
/* 0.14.2 — owner: «منوهای بالا را کمی جمع‌وجورتر کن» (nothing removed): the reading desk's two top
   rows — the layout/export card and the tools row — keep every button, label and menu, only
   with less height, padding and spacing. Phones keep their own layout (mobile251/252). */
@media (min-width:701px){
 .reading #main>.card:has(#readingLayout){padding:4px 8px!important;margin:3px 0!important}
 .reading #main>.card:has(#readingLayout) .btn{min-height:28px!important;height:28px;padding:2px 9px!important;font-size:12px!important;gap:5px}
 .reading #main>.card:has(#readingLayout) .btn svg{width:15px;height:15px}
 .reading .reading-tools{gap:3px!important;margin:3px 0!important;row-gap:4px!important}
 .reading .reading-tools>.btn,.reading .reading-tools>details>summary{min-height:28px!important;height:28px;padding:2px 6px!important;font-size:12px!important;gap:4px;box-sizing:border-box;border-radius:8px}
 .reading .reading-tools>.btn svg,.reading .reading-tools>details>summary svg{width:15px;height:15px}
 .reading .reading-tools>details{min-height:0!important;padding:0!important}
 .reading #main>.card:has(#readingLayout) .layout-icons253{padding:1px}
 .reading #main>.card:has(#readingLayout) .layout-icon253{width:30px;height:26px}
 @media (pointer:coarse){.reading #main>.card:has(#readingLayout) .layout-icon253{width:40px;height:36px}}
 .reading .reading-tools .setting-state{padding-inline-start:4px!important;font-size:9.5px!important}
}
/* 0.14.2 — the tools row's steps (fit_row262.js): applied only when the row would otherwise wrap */
@media (min-width:701px){
 .reading .reading-tools[data-fit262]{gap:2px!important}
 .reading .reading-tools[data-fit262]>.btn,.reading .reading-tools[data-fit262]>details>summary{padding:2px 4px!important;gap:3px}
 .reading .reading-tools[data-fit262] .setting-state{padding-inline-start:3px!important}
 .reading .reading-tools[data-fit262="2"] [data-named262] svg,.reading .reading-tools[data-fit262="3"] [data-named262] svg{display:none}
 .reading .reading-tools[data-fit262="3"]>.btn,.reading .reading-tools[data-fit262="3"]>details>summary{font-size:11px!important}
}
/* 0.14.4 — the reading font in the desk's «بیشتر» menu (reading_font264.js) */
.tools-more .font264{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px 8px;margin-bottom:4px;font-size:12px;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.tools-more .font264[hidden]{display:none}
.tools-more .font264 span{white-space:nowrap}
.tools-more .font264 select{min-width:0;max-width:190px;font-size:12px;padding:3px 8px;border-radius:8px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:var(--card,transparent);color:inherit}