/* Отчёт как раздел оболочки (не диалог). Палитра и размеры — токены style.css. */
.report-page[hidden]{display:none!important}
.report-page{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--panel);overflow:hidden}
.report-page .report-shell{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 20px;box-sizing:border-box}
.report-page .report-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;border-bottom:1px solid var(--rule);padding-bottom:10px}
.report-page .report-page-head h2{margin:0}
.report-page [data-report-projects]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;flex:none}
.report-page button,.report-page input,.report-page select{font:inherit;min-height:36px;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:6px}
.report-page [aria-pressed=true]{border-color:var(--accent);outline:1px solid var(--accent)}
.report-page .report-table-wrap{overflow:auto;flex:1;min-height:0;margin-top:12px}
.report-page table{width:100%;border-collapse:collapse}
.report-page th,.report-page td{text-align:left;padding:8px;border-bottom:1px solid var(--rule)}
.report-page input[data-field=name]{width:100%;min-width:200px}
.report-page input[type=number]{width:85px}
.report-page :disabled{opacity:.65}
.report-page [data-report-message]{min-height:1.5em;flex:none}
.report-page .report-page-head button:focus-visible,.report-page input:focus-visible,.report-page select:focus-visible{outline:2px solid var(--accent,#456a84);outline-offset:2px}
.report-page .ui-close{min-width:36px;font-size:20px}
@media(max-width:600px){.report-page button,.report-page input,.report-page select{min-height:44px}.report-page .ui-close{min-width:44px}}

/* Мобильный page-паттерн (/m): раздел — полноэкранная страница над таб-баром. */
.report-page.mobile-page{position:absolute;inset:0 0 auto 0;bottom:0;z-index:90;background:var(--surface);color:var(--ink);padding-top:var(--safe-top,0px)}
.report-page.mobile-page .report-shell{padding:12px 16px calc(16px + var(--mobile-tabbar-height,calc(58px + var(--safe-bottom,0px))))}
.report-page.mobile-page :is(button,input,select){min-height:44px}
.report-page.mobile-page .ui-close{min-width:44px}