/* Spárováno product UI. Shared visual contract from the approved comparison pilot.
   Server-rendered forms retain their routes, CSRF fields and permission guards. */
:root {
  --ui-bg:#17191d; --ui-panel:#202328; --ui-control:#17191d; --ui-hover:#2a2e35;
  --ui-line:#34383f; --ui-input-line:#454b55; --ui-text:#f5f5f6; --ui-muted:#a8b0bc;
  --ui-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
:root[data-admin-theme=light] {
  --ui-bg:#fff; --ui-panel:#fafafa; --ui-control:#fff; --ui-hover:#f2f4f7;
  --ui-line:#e4e7ec; --ui-input-line:#d0d5dd; --ui-text:#181d27; --ui-muted:#535862;
}
body.admin {
  --bg:var(--ui-bg); --panel:var(--ui-panel); --card:var(--ui-bg); --control:var(--ui-hover);
  --card-2:var(--ui-hover); --border:var(--ui-line); --text:var(--ui-text); --muted:var(--ui-muted);
  --font:var(--ui-font); --font-head:var(--ui-font); --radius:12px;
  background:var(--bg); color:var(--text); font-family:var(--ui-font); font-size:14px; line-height:1.5;
}
body.admin :is(h1,h2,h3,h4,input,textarea,select,button) {font-family:var(--ui-font);font-stretch:normal}
body.admin h1 {font-size:28px;letter-spacing:-.7px;line-height:1.25;font-weight:600;margin-bottom:24px}
body.admin h2 {font-size:18px;letter-spacing:-.25px;line-height:1.4;font-weight:600}
body.admin h3 {font-size:15px;letter-spacing:0;font-weight:600}
body.admin :is(.muted,.access-intro,.page-subtitle) {color:var(--muted);font-size:13px;line-height:1.6}
body.admin :is(.btn,button.linklike) {font-size:13px;font-weight:600;line-height:20px}
body.admin .btn {min-height:40px;padding:9px 14px;border-radius:8px;gap:7px;transition:background-color .15s,border-color .15s;color:var(--text);box-shadow:none}
:root body.admin .btn.btn-primary {color:#fff!important;background:var(--accent);border-color:var(--accent)!important}
body.admin .btn-primary:hover {filter:brightness(.94)}
body.admin .btn-primary :is(svg,.icon) {color:#fff;stroke:currentColor}
body.admin .btn-ghost {background:transparent}
body.admin :is(.btn,.linklike) .icon {width:16px;height:16px;flex:none}
body.admin label {font-size:13px}
body.admin :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]),textarea,select,.lp-select-toggle) {
  background:var(--ui-control);color:var(--text);border:1px solid var(--ui-input-line);border-radius:8px;
  font-size:14px;line-height:20px;min-height:40px;box-shadow:none;
}
body.admin :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]),textarea,select) {padding:9px 12px}
body.admin :is(input,textarea,select):focus-visible {outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}
body.admin :is(select,.lp-select-toggle,.lp-select-option,.checkbox,.notify-scope label) {font-size:14px;line-height:20px}
body.admin .lp-select-toggle {padding:9px 12px;min-height:40px}
body.admin .lp-select-panel {background:var(--panel);border:1px solid var(--ui-input-line);border-radius:10px;padding:5px;box-shadow:0 10px 30px #0003}
body.admin .lp-select-option {border-radius:6px;padding:9px 10px;min-height:36px}
body.admin :is(.card,.review-queue,.inbox-address-card,.store-overview,.access-person,.access-device,.billing-card) {background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:none}
body.admin :is(.table-wrap,.company-table-scroll,.supplier-directory) {border:1px solid var(--border);border-radius:12px;overflow-x:auto}
body.admin table {font-variant-numeric:tabular-nums}
body.admin th {background:var(--panel);color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
body.admin :is(th,td) {border-color:var(--border);padding:12px 16px}
body.admin td {font-size:13px;line-height:20px}
body.admin tbody tr:hover {background:var(--ui-panel)}
body.admin .day-table :is(th,td) {padding-block:12px}
body.admin :is(.toolbar,.toolbar-filters,.supplier-toolbar) {gap:12px;align-items:flex-end}
body.admin :is(.month-title,.month-name) {font-size:17px;font-weight:600;letter-spacing:-.2px}
body.admin :is(.access-tabs,.supplier-tabs,.account-tabs,.inbox-tabs) {gap:24px;border-bottom:1px solid var(--border)}
body.admin :is(.access-tabs,.supplier-tabs,.account-tabs,.inbox-tabs)>a {padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-size:13px}
body.admin :is(.access-tabs,.supplier-tabs,.account-tabs,.inbox-tabs)>a[aria-current] {border-bottom-color:var(--accent);color:var(--text);font-weight:600;background:none}
body.admin :is(.alert,.notice,.flash) {border-radius:8px;font-size:13px;line-height:1.5}
body.admin :is(.empty-state,.people-filter-empty,.supplier-empty,.inbox-empty,.delivery-empty) {padding:24px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:13px;color:var(--muted)}
body.admin :is(dialog,.entity-dialog,.member-dialog,.courier-dialog,.modal-dialog) {color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 70px #0004}
body.admin dialog::backdrop {background:#080c13b3;backdrop-filter:blur(4px)}
body.admin :is(.entity-editor-heading,.member-dialog-head,.modal-header) {padding:22px 24px;border-bottom:1px solid var(--border)}
body.admin :is(.entity-dialog-scroll,.member-dialog-body) {padding:24px}
body.admin :is(.entity-form-actions,.member-dialog-actions) {padding:16px 24px;border-top:1px solid var(--border);gap:10px;display:flex;justify-content:flex-end;align-items:center}
body.admin :is(.entity-editor-heading,.member-dialog-head,.modal-header) h2 {font-size:18px;margin:0}
body.admin :is(.entity-dialog-close,.member-dialog-close,.modal-close:not(.document-modal-close)) {display:inline-flex;align-items:center;justify-content:center;padding:0;width:36px;height:36px;min-height:36px;line-height:1;border:0;border-radius:50%;background:var(--control);color:var(--muted);transition:background .15s,color .15s}
body.admin :is(.entity-dialog-close,.member-dialog-close,.modal-close:not(.document-modal-close)):hover {background:var(--ui-input-line);color:var(--text)}
body.admin :is(.entity-dialog-close,.member-dialog-close,.modal-close:not(.document-modal-close))>svg {width:18px;height:18px;display:block}
/* Stable shell: company operations above, cross-company administration below. */
body.admin-workspace {--sidebar-width:248px}
body.admin-workspace>main {margin-left:var(--sidebar-width);max-width:none;padding:30px 36px 48px}
body.admin-workspace>main>section {max-width:none}
body.admin-workspace .workspace-sidebar {background:var(--panel);padding:24px 14px 16px;gap:24px;overflow-y:auto;border-right:1px solid var(--border)}
.workspace-brand-row {display:flex;align-items:center;gap:8px;flex:none;min-height:28px}
body.admin .workspace-brand-row .workspace-brand {padding:0;min-width:0;flex:1;opacity:1;min-height:28px}
body.admin .workspace-brand-row .workspace-brand img {max-width:166px;width:100%;max-height:28px}
body.admin .workspace-brand-row .workspace-collapse {position:static;flex:none;width:28px;height:28px;min-height:28px;padding:4px;margin:0;border:0;background:transparent;color:var(--muted);border-radius:6px}
body.admin .workspace-brand-row .workspace-collapse:hover {background:var(--control);color:var(--text)}
body.admin .workspace-company-caption {padding:0;font-size:11px;margin:0 0 7px}
body.admin .workspace-switcher>summary {min-height:54px;border:0;background:color-mix(in srgb,var(--text) 5%,var(--panel));border-radius:10px;padding:11px;gap:8px;box-shadow:none;transition:background-color .15s}
body.admin .workspace-switcher>summary strong {font-size:13px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
body.admin .workspace-switcher>summary>.icon {color:var(--accent);width:18px;height:18px}
body.admin .workspace-sidebar>nav {flex:1;min-height:80px;overflow-y:auto;overflow-x:hidden;display:block}
body.admin .workspace-sidebar nav a,body.admin .workspace-account-settings>summary,body.admin .workspace-company-settings>summary {min-height:38px;padding:9px 11px;font-size:13px;line-height:20px;gap:10px;font-weight:500}
body.admin .workspace-sidebar nav a[aria-current] {background:var(--accent-soft);font-weight:600;color:var(--text)}
body.admin .workspace-sidebar nav a[aria-current]:before {width:3px;top:10px;bottom:10px}
body.admin .workspace-sidebar nav .icon {width:18px;height:18px}
.workspace-section-label {font-size:10px;letter-spacing:1px;color:var(--muted);margin:2px 10px 12px;text-transform:uppercase}
body.admin .workspace-company-settings {margin-top:12px}
body.admin .workspace-company-settings>summary {display:flex;align-items:center;list-style:none;cursor:pointer;border-radius:8px}
.workspace-company-settings>summary::-webkit-details-marker {display:none}
.workspace-company-settings>summary>span:first-of-type {flex:1}
.workspace-company-settings>summary:hover {background:var(--control)}
.workspace-company-settings[open] .workspace-settings-arrow {transform:rotate(225deg)}
body.admin .workspace-company-settings nav {display:block;margin-top:4px}
body.admin .workspace-company-settings nav a {padding-left:39px;min-height:36px;font-size:13px;font-weight:400}
body.admin .workspace-sidebar .workspace-footer {display:grid;gap:3px;margin-top:0;padding-top:16px;border-top:1px solid var(--border);flex:none}
body.admin .workspace-footer .workspace-section-label {margin-bottom:7px}
body.admin .workspace-footer .workspace-management {display:block}
body.admin .workspace-footer .workspace-credit {border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px 10px;margin-top:6px;font-size:12px;background:none}
body.admin .workspace-credit strong {font-size:12px}
body.admin .workspace-logout button {font-size:13px;min-height:40px;padding:10px;gap:10px;color:var(--muted)}
body.admin .workspace-account-settings nav a {font-size:13px;padding:8px 10px 8px 39px;min-height:36px}
body.admin .workspace-switcher-panel {top:155px;padding:0 14px 18px;background:var(--panel)}
body.admin .workspace-switcher-panel .workspace-switch-heading h2 {font-size:16px}
body.admin .workspace-companies button {font-size:13px;min-height:44px}
.workspace-context-bar {margin-left:var(--sidebar-width);min-height:58px;padding:14px 36px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}
.workspace-context-bar strong {color:var(--text);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-context-bar .context-separator {color:var(--ui-input-line)}
.workspace-context-bar .context-company {margin-left:auto;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.admin .first-steps-welcome {padding:12px 16px;margin-bottom:24px;background:var(--panel);border-radius:10px}
body.admin .first-steps-welcome :is(p,.btn) {font-size:12px}
/* Directory filters are a single form; GET parameters preserve sorting and period. */
body.admin .company-directory-filters {padding-bottom:18px;border-bottom:1px solid var(--border)}
body.admin .office-page .company-search-row {display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:14px}
body.admin .company-search-row>label,body.admin .company-search-row .company-processing-filter {display:grid;gap:6px;min-width:0;max-width:none;font-size:12px;color:var(--muted)}
body.admin .company-search-row :is(input,select,.lp-select-toggle) {height:40px;min-height:40px;background:var(--bg);font-size:14px}
body.admin .company-extra-filters {border:0;padding:0;margin-top:12px}
body.admin .company-extra-filters>summary {min-height:30px;font-size:12px;justify-content:flex-start;display:inline-flex}
body.admin .company-extra-filters>summary:after {margin-left:8px}
body.admin .company-extra-filters>summary>span {font-size:12px}
body.admin .office-page .company-filter-fields {grid-template-columns:repeat(4,minmax(120px,1fr));max-width:900px;padding-top:12px;gap:12px}
.company-filter-status {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px}
.company-filter-status a {padding:5px 8px;background:var(--control);border:0;border-radius:5px;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.company-filter-status a:hover {background:var(--ui-input-line)}
.company-filter-status .company-reset-all {margin-left:auto;background:none;color:var(--muted)}
body.admin .company-table thead th {background:var(--panel);height:38px;font-size:12px}
body.admin .company-table tbody th {background:transparent;font-size:13px;font-weight:600}
body.admin .company-table tbody :is(th,td) {height:54px;padding:10px 16px}
body.admin .company-table tbody tr {--company-row-background:var(--bg)}
body.admin .company-table tbody tr:hover {--company-row-background:var(--panel)}
body.admin .company-processing {font-size:12px}
.company-mode-badge {display:inline-flex;padding:2px 7px;border-radius:999px;font-size:11px;white-space:nowrap;border:1px solid var(--border);line-height:18px;color:var(--text)}
.company-mode-quality {background:#155eef1c;color:#84adff;border-color:#155eef66}
.company-mode-header {background:#0794551a;color:#75e0a7;border-color:#07945555}
.company-mode-full {background:#7f56d91a;color:#d6bbfb;border-color:#7f56d955}
:root[data-admin-theme=light] .company-mode-quality {color:#1849a9}
:root[data-admin-theme=light] .company-mode-header {color:#067647}
:root[data-admin-theme=light] .company-mode-full {color:#6941c6}
/* People keep the real per-company editors; long grants open in a focused disclosure. */
body.admin .uzivatele .member-list {background:var(--bg);border-radius:12px;overflow:visible}
body.admin .uzivatele .member-card {background:transparent;border-radius:0;padding:16px 20px;margin:0;border:0;border-bottom:1px solid var(--border)}
body.admin .uzivatele .member-card:last-child {border-bottom:0}
body.admin .uzivatele .member-identity h2 {font-size:13px;line-height:20px}
body.admin .uzivatele .member-email {font-size:12px;line-height:18px}
body.admin .uzivatele .member-avatar {width:36px;height:36px;flex-basis:36px}
body.admin .uzivatele .member-actions .btn {font-size:12px;min-height:36px;padding:7px 10px}
.people-access-disclosure {min-width:0}
.people-access-disclosure>summary {list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;min-height:38px;font-size:13px;padding:2px 0}
.people-access-disclosure>summary::-webkit-details-marker {display:none}
.people-access-count {font-weight:600;display:flex;align-items:center;gap:8px}
.people-access-count:after {content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.people-access-disclosure[open] .people-access-count:after {transform:rotate(225deg);margin-top:3px}
.people-access-description {color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}
.people-access-disclosure[open]>summary {padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:6px}
body.admin .people-access-disclosure .person-firms-list {max-height:340px;overflow-y:auto;padding-right:4px}
body.admin .people-access-disclosure .office-edit-affordance {font-size:12px}
body.admin .people-filters {margin:0 0 18px}
body.admin .people-filter-controls {gap:12px;align-items:end}
/* Functional pages share the same spacing and surface hierarchy. */
body.admin :is(.delivery-page,.inbox-page,.processing-page,.account-page,.billing-page,.store-overview-page,.supplier-page,.payment-overview-page) {max-width:none}
body.admin :is(.documents-heading,.supplier-page-head,.inbox-heading,.store-overview-head,.access-hub-heading) {margin-bottom:24px}
body.admin :is(.documents-heading,.supplier-page-head,.inbox-heading,.store-overview-head,.access-hub-heading) h1 {margin:0}
body.admin .day-group {margin-top:24px}
body.admin .review-heading h2 {font-size:16px}
body.admin .document-modal {background:var(--bg)}
body.admin .document-modal .detail-data>.card {background:var(--panel)}
body.admin .doklad-detail .detail-grid {gap:24px}
body.admin .doklad-detail :is(.card,.detail-section) {border-radius:12px}
body.admin .store-overview {padding:16px 20px}
body.admin .login-card {max-width:440px;width:100%;box-sizing:border-box;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px}
body.admin .login-card h1 {font-size:26px}
body.admin.platform-page .platform-shell {max-width:1480px}
body.admin.platform-page .platform-bar {background:var(--panel);border:1px solid var(--border);border-radius:12px}
body.admin.platform-page :is(.platform-card,.platform-section) {background:var(--card);border-radius:12px;border-color:var(--border)}
@media(min-width:901px) {
  :root[data-sidebar=collapsed] body.admin-workspace {--sidebar-width:76px}
  :root[data-sidebar=collapsed] body.admin .workspace-sidebar {padding-inline:10px}
  :root[data-sidebar=collapsed] .workspace-company-header {display:block}
  :root[data-sidebar=collapsed] body.admin .workspace-switcher>summary {width:48px;min-height:48px;padding:12px}
  :root[data-sidebar=collapsed] .workspace-brand-row {flex-direction:column;gap:10px}
  :root[data-sidebar=collapsed] body.admin .workspace-brand-row .workspace-brand {flex:none;width:22px;min-height:22px;overflow:hidden;display:block;padding:4px 0}
  :root[data-sidebar=collapsed] body.admin .workspace-brand-row .workspace-brand img {max-width:none;width:164px;height:auto}
  :root[data-sidebar=collapsed] .workspace-section-label,
  :root[data-sidebar=collapsed] .workspace-company-settings>summary>span,
  :root[data-sidebar=collapsed] .workspace-company-settings>nav {display:none}
  :root[data-sidebar=collapsed] body.admin .workspace-company-settings>summary {justify-content:center;padding:10px}
  :root[data-sidebar=collapsed] body.admin .workspace-sidebar>nav {min-height:100px}
  :root[data-sidebar=collapsed] .workspace-context-bar {margin-left:76px}
}
@media(max-width:1150px) and (min-width:901px) {
  body.admin-workspace {--sidebar-width:224px}
  body.admin-workspace>main,.workspace-context-bar {padding-inline:24px}
  body.admin .workspace-brand-row .workspace-brand img {max-width:150px}
  body.admin .office-page .company-search-row {grid-template-columns:1fr 1fr auto}
  body.admin .company-search-row>label:first-child {grid-column:1/-1}
}
@media(max-width:900px) {
  body.admin-workspace>main {margin-left:0;padding:24px 20px 40px}
  .workspace-context-bar {display:none}
  body.admin .workspace-sidebar {width:min(280px,85vw);gap:20px;padding-top:18px}
  body.admin .workspace-brand-row .workspace-brand img {max-width:164px}
  body.admin .workspace-menu-close {position:absolute;top:14px;right:12px;z-index:3;width:32px;height:32px;padding:0;font-size:0;display:flex;align-items:center;justify-content:center}
  .workspace-brand-row {padding-right:32px}
  body.admin .workspace-mobile-bar {min-height:58px;padding:8px 14px;background:var(--panel)}
  body.admin .workspace-mobile-bar>.btn {min-height:40px}
  body.admin .workspace-switcher-panel {top:155px}
  body.admin .office-page .company-search-row {grid-template-columns:1fr 1fr auto}
  body.admin .company-search-row>label:first-child {grid-column:1/-1}
}
@media(max-width:600px) {
  body.admin-workspace>main {padding:22px 16px 40px}
  body.admin h1 {font-size:25px;letter-spacing:-.5px}
  body.admin .btn {min-height:42px;font-size:13px;padding:10px 12px}
  body.admin :is(input,textarea,select,.lp-select-toggle) {font-size:16px!important}
  body.admin :is(dialog,.entity-dialog,.member-dialog,.courier-dialog) {border-radius:14px;max-width:calc(100vw - 24px)}
  body.admin :is(.entity-editor-heading,.member-dialog-head,.modal-header,.entity-dialog-scroll,.member-dialog-body) {padding:20px}
  body.admin :is(.entity-form-actions,.member-dialog-actions) {padding:16px 20px;flex-wrap:wrap}
  body.admin .office-page .company-search-row {grid-template-columns:1fr;gap:12px}
  body.admin .company-search-row>label:first-child {grid-column:auto}
  body.admin .company-search-row>.btn {justify-self:start}
  body.admin .office-page .company-filter-fields {grid-template-columns:1fr 1fr}
  body.admin .company-extra-filters>summary>span {font-size:11px}
  body.admin .company-table {min-width:780px}
  .people-access-disclosure>summary {align-items:flex-start;flex-direction:column;gap:4px;padding:6px 0}
  .people-access-description {max-width:100%;white-space:normal}
  body.admin .uzivatele .member-card {padding:16px}
  body.admin :is(.alert,.notice,.flash) {overflow-wrap:anywhere}
  body.admin .login-card {padding:24px}
}
@media(prefers-reduced-motion:reduce) {body.admin * {scroll-behavior:auto!important;transition:none!important}}
/* Compact, consistent directory rows override the legacy card variants. */
:root body.admin .uzivatele.people-directory .member-list {border:1px solid var(--border);border-radius:12px}
:root body.admin .uzivatele.people-directory .member-list>.member-card {margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:16px 20px;background:transparent;box-shadow:none;gap:20px}
:root body.admin .uzivatele.people-directory .member-list>.member-card:last-child {border-bottom:0}
body.admin .people-directory .member-card>.member-card-head {padding-top:0;align-items:center}
body.admin .office-person-access:has(.people-access-disclosure) {position:relative;padding:0}
body.admin .office-person-access:has(.people-access-disclosure)>.person-company-picker {position:absolute;right:0;top:0;margin:0;padding:0;border:0}
body.admin .office-person-access:has(.people-access-disclosure)>.person-company-picker>summary {padding:9px 0;font-size:12px}
.people-access-disclosure>summary {padding-right:135px;font-weight:400}
.people-access-description {font-weight:400;min-width:0;flex:1}
.people-access-count {flex:none}
body.admin .review-document a,body.admin .review-amount {font-size:14px}
body.admin :is(.review-location,.review-payment,.review-next,.review-status) {font-size:12px}
body.admin .review-action .review-open {font-size:12px;min-height:36px;padding:7px 12px}
body.admin .review-list td {padding:12px 20px}
body.admin .review-list th {font-size:12px}
body.admin .delivery-settings>summary {padding:12px 16px;font-size:13px;background:var(--panel)}
body.admin .delivery-page .eyebrow {font-size:11px;color:var(--muted);margin-bottom:6px}
body.admin .delivery-page .page-head h1 {margin-bottom:8px}
body.admin .delivery-page .page-head {margin-bottom:24px}
body.admin .delivery-page .form-grid {gap:14px}
body.admin .delivery-page .card {padding:20px}
body.admin .delivery-page .card h2 {margin:0 0 16px}
body.admin .delivery-tabs>a {font-size:13px}
body.admin .delivery-tabs>a[aria-current] {border-bottom-color:var(--accent)}
body.admin .entity-dialog .entity-form-actions {position:sticky;bottom:-24px;background:var(--panel);z-index:3;margin-inline:-24px;padding:14px 24px;margin-bottom:-24px}
@media(min-width:1200px) {
 body.admin .delivery-settings[open] {display:grid;grid-template-columns:1.2fr 1fr;gap:16px;max-width:none}
 body.admin .delivery-settings>summary {grid-column:1/-1}
 body.admin .delivery-settings>section {margin:0;align-self:start}
}
@media(max-width:700px) {
 :root body.admin .uzivatele.people-directory .member-list>.member-card {padding:16px;gap:8px}
 body.admin .people-directory .member-card>.member-card-head {border:0;padding:0}
 .people-access-disclosure>summary {padding-right:120px;min-height:40px}
 .people-access-description {display:none}
 body.admin .entity-dialog .entity-form-actions {bottom:-20px;margin-inline:-20px;margin-bottom:-20px;padding:14px 20px}
 body.admin .review-list td {padding:0}
 body.admin .delivery-page .card {padding:16px}
}
body.admin.page-admin-login .login-sub {font-size:12px;color:var(--muted);margin:10px 0 24px}
body.admin.page-admin-login .login-logo {max-width:200px}
body.admin.page-admin-login .login-card h1 {margin-bottom:8px}
body.admin.page-admin-login .login-links {font-size:13px}
body.admin.page-admin-login .login-help {font-size:13px}
body.admin.page-admin-login main {justify-content:center;align-items:center;gap:24px}
body.admin.page-admin-login .login-card {margin:0}
body.admin .registration-card {background:var(--panel);border-color:var(--border);box-shadow:none}
:root body.admin .registration-steps li[aria-current] .registration-step-number {background:var(--accent);border-color:var(--accent);color:#fff}
body.admin .btn.workspace-menu-close {width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:50%;background:var(--control);font-size:0}
body.admin .btn.workspace-menu-close:hover {background:var(--hover)}
body.admin .payment-overview-page {--pay-surface:var(--bg);--pay-line:var(--border);--pay-muted:var(--muted);--pay-soft:var(--control)}
body.admin .payment-overview-page .page-title {font-size:28px}
body.admin .payment-search-group {border:0;background:transparent;box-shadow:none;padding:0}
body.admin .payment-list {padding-inline:20px}
body.admin .payment-list-total {padding:16px 20px}
body.admin .payment-list-total>strong {font-size:22px}
body.admin .payment-list-row {padding:12px 0}
body.admin .payment-list-row>div:first-child>strong {margin-bottom:0}
body.admin .payment-list-row>div:first-child>a {min-height:24px;padding:3px 0}
body.admin .payment-list-row>div:first-child>a+small {display:inline-block;margin-left:8px}
body.admin .payment-list-row>div:first-child>a+small::before {content:'·';margin-right:8px}
body.admin .payment-empty {min-height:200px;padding:32px 20px;gap:14px}
@media(max-width:600px) {
 body.admin .payment-list-row>div:first-child>a {min-height:44px;padding:12px 0}
 body.admin .payment-overview-page .page-title {font-size:25px}
}
@media print {
  body.admin {--bg:#fff;--panel:#fff;--card:#fff;--text:#111;--muted:#555;--border:#ddd;background:#fff;color:#111}
  .workspace-context-bar,.company-directory-filters,.people-filters {display:none}
  body.admin-workspace>main {margin:0;padding:0}
}

:root {--scroll-thumb:#505762;--scroll-thumb-hover:#727b89;--scroll-thumb-active:#909baa}
:root[data-admin-theme=light] {--scroll-thumb:#a8afb9;--scroll-thumb-hover:#7d8795;--scroll-thumb-active:#596475}

/* Shared native scrollbars: no replacement scrolling or focus interception. */
html:root, html:root :where(:not(.scrollbar-hide)) {
  scrollbar-width:thin;
  scrollbar-color:var(--scroll-thumb) transparent;
}
@supports selector(::-webkit-scrollbar) {
  html:root, html:root :where(:not(.scrollbar-hide)) {scrollbar-width:auto;scrollbar-color:auto}
  html:root::-webkit-scrollbar, html:root ::-webkit-scrollbar {width:10px;height:10px;background:transparent}
  html:root::-webkit-scrollbar-track, html:root ::-webkit-scrollbar-track, html:root::-webkit-scrollbar-corner, html:root ::-webkit-scrollbar-corner {background:transparent}
  html:root::-webkit-scrollbar-thumb, html:root ::-webkit-scrollbar-thumb {
    min-height:32px;min-width:32px;border:2px solid transparent;border-radius:999px;
    background:var(--scroll-thumb);background-clip:padding-box;
  }
  html:root::-webkit-scrollbar-thumb:hover, html:root ::-webkit-scrollbar-thumb:hover {background-color:var(--scroll-thumb-hover)}
  html:root::-webkit-scrollbar-thumb:active, html:root ::-webkit-scrollbar-thumb:active {background-color:var(--scroll-thumb-active)}
  html:root::-webkit-scrollbar-button, html:root ::-webkit-scrollbar-button {display:none;width:0;height:0}
}
@media (forced-colors:active) {
  html:root, html:root :where(:not(.scrollbar-hide)) {scrollbar-width:auto;scrollbar-color:auto}
}

/* Shared modal surfaces and comfortable content-to-scrollbar spacing. */
:root {--dialog-bg:#111418;--dialog-footer:#15191e;--dialog-control:#1b2027;--dialog-line:#2a3038;--dialog-backdrop:#05080dc9}
:root[data-admin-theme=light] {--dialog-bg:#fff;--dialog-footer:#f8fafc;--dialog-control:#f2f4f7;--dialog-line:#e4e7ec;--dialog-backdrop:#10182880}
:root body.admin :is(dialog,[role=dialog],.modal,.document-modal) {
 --panel:var(--dialog-bg);--card:var(--dialog-bg);--control:var(--dialog-control);--ui-control:var(--dialog-control);--border:var(--dialog-line);
 background:var(--dialog-bg);color:var(--text);border-color:var(--dialog-line);box-shadow:0 24px 80px #0006;
}
:root body.admin dialog::backdrop {background:var(--dialog-backdrop);backdrop-filter:blur(5px)}
:root body.admin :is(.modal-backdrop,.document-modal-backdrop,.member-modal-backdrop,.item-delete-backdrop) {background:var(--dialog-backdrop);backdrop-filter:blur(5px)}
:root body.admin :is(.entity-editor-heading,.member-dialog-header,.member-dialog-head,.store-dialog-head,.modal-header) {padding:24px;border-color:var(--dialog-line);background:var(--dialog-bg);gap:20px}
:root body.admin :is(.entity-dialog-scroll,.member-dialog-body,.store-dialog-body,.modal-body) {padding:24px;min-width:0;scrollbar-gutter:stable}
:root body.admin :is(.member-dialog-footer,.member-dialog-actions,.store-dialog-footer,.modal-footer,.document-modal-toolbar) {background:var(--dialog-footer);border-color:var(--dialog-line)}
:root body.admin :is(.member-dialog-footer,.member-dialog-actions,.store-dialog-footer,.modal-footer) {padding:16px 24px;gap:12px}
:root body.admin .entity-dialog .entity-form-actions {background:var(--dialog-footer);border-color:var(--dialog-line)}
:root body.admin .entity-dialog>.entity-form-actions {position:static;margin:0;padding:16px 24px;gap:12px;box-sizing:border-box}
:root body.admin :is(dialog,[role=dialog],.modal) :is(.people-filter-options,.person-firms-list,.company-choice-list,.selection-list,.grant-list,.access-detail-list) {padding-inline-end:12px;scrollbar-gutter:stable}
:root body.admin :is(dialog,[role=dialog],.modal) :is(h2,h3,p,label,.person-firm-name) {overflow-wrap:anywhere;min-width:0}
@media(max-width:600px) {
 :root body.admin :is(.entity-editor-heading,.member-dialog-header,.member-dialog-head,.store-dialog-head,.modal-header,.entity-dialog-scroll,.member-dialog-body,.store-dialog-body,.modal-body) {padding:20px}
 :root body.admin :is(.member-dialog-footer,.member-dialog-actions,.store-dialog-footer,.modal-footer) {padding:16px 20px}
 :root body.admin .entity-dialog>.entity-form-actions {padding:16px 20px}
}

/* Document reading and editing share clearly bounded, padded sections. */
body.admin .doklad-detail .detail-grid {align-items:start;gap:24px}
body.admin .doklad-detail :is(.preview.card,.detail-data>.card) {padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--panel);min-width:0}
body.admin .doklad-detail .detail-data>.card {margin-bottom:16px}
body.admin .doklad-detail .detail-data>.card>h2 {margin:0 0 16px}
body.admin .doklad-detail .fields dl {column-gap:20px;row-gap:12px}
body.admin .doklad-detail .fields dd {min-width:0;overflow-wrap:anywhere}
body.admin .doklad-detail .preview>p.muted {margin:12px 0 0;font-size:12px;line-height:1.6}
body.admin .doklad-detail .preview-expand {right:20px;top:20px}
@media(max-width:600px) {
 body.admin .doklad-detail .detail-grid {gap:16px}
 body.admin .doklad-detail :is(.preview.card,.detail-data>.card) {padding:16px}
 body.admin .doklad-detail .preview-expand {right:16px;top:16px}
}

/* Company context selector: a quiet surface, not a bordered form field. */
body.admin .workspace-switcher>summary:hover,
body.admin .workspace-switcher[open]>summary {background:color-mix(in srgb,var(--text) 10%,var(--panel))}
body.admin .workspace-switcher>summary:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media(forced-colors:active) {body.admin .workspace-switcher>summary {border:1px solid ButtonText}}

body.admin .workspace-switcher-panel {padding-top:20px}
body.admin .workspace-switch-heading {margin-bottom:12px}
body.admin .workspace-switch-back {flex:0 0 auto;width:auto;min-height:40px;padding:8px 10px;gap:8px;font:inherit;font-size:13px;font-weight:500;color:var(--muted);background:transparent}
body.admin .workspace-switch-back:hover {color:var(--text);background:var(--hover)}
body.admin .workspace-switch-back svg {width:18px;height:18px;flex:none}

/* Keep each day together while separating consecutive daily ledgers. */
body.admin .doklady .day+.day {margin-top:52px}
body.admin .doklady .day-head {margin-bottom:14px}
@media(max-width:600px) {body.admin .doklady .day+.day {margin-top:40px}}

/* Round the painted cells themselves, without clipping menus or focus rings. */
body.admin .document-ledger {border-collapse:separate;border-spacing:0}
body.admin .document-ledger thead tr:first-child th:first-child {border-top-left-radius:calc(var(--radius) - 1px)}
body.admin .document-ledger thead tr:first-child th:last-child {border-top-right-radius:calc(var(--radius) - 1px)}
body.admin .document-ledger tbody tr:last-child td:first-child {border-bottom-left-radius:calc(var(--radius) - 1px)}
body.admin .document-ledger tbody tr:last-child td:last-child {border-bottom-right-radius:calc(var(--radius) - 1px)}

/* The document has a labeled close action, never the icon-only button sizing. */
:root body.admin .document-modal .document-modal-close {position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;height:40px;min-height:40px;padding:8px 12px;gap:8px;white-space:nowrap;border:0;border-radius:8px;font-size:13px;line-height:20px;background:var(--control);color:var(--text)}
:root body.admin .document-modal-toolbar {padding:12px 24px;min-height:64px}
:root body.admin .doklad-detail .document-fields-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:0;min-height:40px}
:root body.admin .doklad-detail .document-fields-heading h2 {margin:0!important;font-size:18px}
:root body.admin .doklad-detail .fields>dl {margin:0}
:root body.admin .doklad-detail .document-directory {margin:0 0 20px;border:0;border-radius:8px;background:var(--control)}
:root body.admin .doklad-detail .document-directory>summary {padding:10px 12px;gap:10px;min-height:44px}
:root body.admin .doklad-detail .document-directory .directory-identity {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
:root body.admin .doklad-detail .document-directory .directory-identity strong {font-size:13px;font-weight:500}
:root body.admin .doklad-detail .document-directory .directory-icon {width:16px;height:16px}
:root body.admin .doklad-detail .fields dl>.document-supplier-block {padding:0 0 16px;margin:0 0 4px;border:0;border-bottom:1px solid var(--border);border-radius:0;gap:6px}
:root body.admin .doklad-detail .document-supplier-block>dd {font-size:16px}
:root body.admin .doklad-detail .detail-data>.card:not(.confirm-form)>h3 {margin:0 0 12px}
@media(max-width:600px) {
 :root body.admin .document-modal-toolbar {padding:10px 16px}
 :root body.admin .doklad-detail .document-fields-heading {flex-wrap:wrap;margin-bottom:16px}
}

:root body.admin .doklad-detail .document-fields-heading>.detail-edit-action{margin:0}

:root body.admin .document-modal .document-modal-close{transition:background-color .15s,color .15s}
:root body.admin .document-modal .document-modal-close:hover{background:var(--ui-input-line);color:var(--text)}

/* Document detail and editor share aligned columns and a single action footer. */
:root body.admin .doklad-detail .items-view.document-items th:nth-child(2),
:root body.admin .doklad-detail .items-view.document-items th:nth-child(3) {text-align:right}
:root body.admin .doklad-detail .document-directory>summary {cursor:pointer;border-radius:8px;transition:background-color .15s}
:root body.admin .doklad-detail .document-directory>summary:hover {background:var(--hover)}
:root body.admin .doklad-detail .directory-change-label {cursor:inherit;white-space:nowrap;text-underline-offset:3px}
:root body.admin .doklad-detail .document-directory>summary:is(:hover,:focus-visible) .directory-change-label {text-decoration:underline}
:root body.admin .doklad-detail .document-directory>summary:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
:root body.admin .doklad-detail .confirm-form>.js-add-item {margin:8px 0 0}
:root body.admin .doklad-detail .confirm-form>.document-accounting {margin-bottom:0;border-bottom:0;padding-inline:0}
:root body.admin .doklad-detail .document-form-actions {display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:20px}
:root body.admin .doklad-detail .document-form-actions>.btn {width:auto;margin:0;min-height:44px}
@container documentdata (max-width: 519px) {
 :root body.admin .doklad-detail .document-form-actions {flex-direction:column-reverse;align-items:stretch}
 :root body.admin .doklad-detail .document-form-actions>.btn {width:100%;justify-content:center}
}