/* Area stylesheet owned by b8. Layout only; components come from components.css. */
.b8-page { display: flex; flex-direction: column; gap: var(--space-6); }
.b8-head { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-4); flex-wrap: wrap; }
.b8-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.b8-nowrap { white-space: nowrap; }
.b8-note { margin: 0; color: var(--ink-muted); font-size: 13px; line-height: 18px; }

.b8-filters { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); align-items: end; }
.b8-filters input[type="search"]::-webkit-search-cancel-button { cursor: pointer; }
.b8-filters input[type="search"].is-short::-webkit-search-cancel-button { display: none; }
@media (max-width: 1023px) { .b8-filters { grid-template-columns: minmax(0, 1fr); } }

.b8-table .b8-toggle { width: 32px; justify-content: center; padding: 0; }
.b8-table tbody + tbody { border-top: 0; }
.b8-detail > td { background: var(--surface); }
.b8-parts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-3); }
.b8-parts li { display: flex; gap: var(--space-2); align-items: baseline; flex-wrap: wrap; padding: var(--space-3); border: 1px solid var(--line); background: var(--surface-raised); }
.b8-parts li span { color: var(--ink-muted); }

.b8-dialog { border: 1px solid var(--line-strong); border-radius: 0; padding: var(--space-6); background: var(--surface-raised); color: var(--ink); width: min(520px, calc(100vw - 32px)); box-sizing: border-box; }
.b8-dialog::backdrop { background: rgb(0 0 0 / .45); }
.b8-dialog form { display: flex; flex-direction: column; gap: var(--space-4); }
.b8-dialog .jm-panel-head { padding: 0; border: 0; }

/* S12 Administrace */
.b8-tabs { display: flex; gap: var(--space-1); border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.b8-tabs a { padding: var(--space-2) var(--space-4); text-decoration: none; color: var(--ink-muted); font-weight: 700; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.b8-tabs a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--purple); }
.b8-form { display: flex; flex-direction: column; gap: var(--space-4); }
.b8-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
@media (max-width: 1023px) { .b8-form-grid { grid-template-columns: minmax(0, 1fr); } }
.b8-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-2); }
.b8-checks label { display: flex; gap: var(--space-2); align-items: center; }

/* S13 Historie změn */
.b8-history { display: flex; flex-direction: column; gap: var(--space-3); }
.b8-change-values { display: inline-flex; gap: var(--space-2); flex-wrap: wrap; align-items: baseline; }
.b8-old { color: var(--ink-muted); text-decoration: line-through; }
.b8-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.b8-check-one { display: flex; gap: var(--space-2); align-items: center; }
.b8-filter-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: var(--space-4); align-items: end; }
@media (max-width: 1023px) { .b8-filter-row { grid-template-columns: minmax(0, 1fr); } }
.app-content-inner:has(> .b8-page .b8-table) { max-width: 1360px; }
.b8-table th { white-space: normal; vertical-align: bottom; }
.b8-sub { display: block; font-size: 13px; line-height: 18px; color: var(--ink-muted); }
.b8-pager { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.b8-table .b8-toggle { min-width: 32px; }
.b8-table th:first-child, .b8-table td:first-child { width: 48px; }
.b8-scroll-hint { display: none; }
@media (max-width: 767px) { .b8-scroll-hint { display: block; } }