/* Light is opt-in. Classic styles/styles.css remains the unchanged baseline. */
html[data-layout="light"] {
  color-scheme: light;
  --color-bg:#f6f7fb; --color-bg-soft:#f7f9fc; --color-bg-elevated:#fff; --color-bg-elevated-soft:#f6f7fb;
  --color-primary:#c42825; --color-primary-strong:#a92220; --color-primary-soft:#fff1ef;
  --color-secondary:#5b6475; --color-border:#dce3ec; --color-border-soft:#e8ecf2;
  --color-text:#344054; --color-text-soft:#5b6475; --color-text-strong:#0f172a;
  --color-danger:#a62223; --color-danger-soft:#fff1ef;
  --shadow-soft:0 4px 20px #0f172a09; --shadow-sm:0 2px 8px #0f172a08;
  --ui-text:#0f172a; --ui-muted:#5b6475; --ui-inverse:#fff;
  --ui-surface:#fff; --ui-surface-alt:#f6f7fb; --ui-surface-hover:#f0f3f8;
  --ui-border:#dce3ec; --ui-border-soft:#e8ecf2; --ui-overlay:rgba(15,23,42,.42);
  --ui-info:#086b9f; --ui-info-soft:#edf7fe; --ui-info-border:#c7e1f2;
  --ui-success:#176343; --ui-success-soft:#edf8f1; --ui-success-border:#c4e3cf;
  --ui-warning:#8b5500; --ui-warning-soft:#fff8e9; --ui-warning-border:#eed9ad;
  --ui-error:#a62223; --ui-error-soft:#fff1ef; --ui-error-border:#efc9c5;
  --ui-purple:#6d3b99; --ui-purple-soft:#f7f1fc; --ui-purple-border:#dfccec;
  --ui-accent:#c42825; --ui-accent-soft:#fff1ef; --ui-shadow:rgba(15,23,42,.08);
  --ui-input:#fff; --ui-focus:#1491d6; --ui-color-scheme:light; --ui-modal-offset:100; --pos-sidebar-width:224px;
  --container-width:min(1540px,100% - 4rem);
  background:#f6f7fb;
}
html[data-layout="light"] body { background:#f6f7fb; color:var(--ui-text); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.5; margin:0; min-height:100vh; }
html[data-layout="light"] body:has(.pos-sidebar) { display:block; padding:0 0 0 var(--pos-sidebar-width); }
html[data-layout="light"] * { box-sizing:border-box; }
html[data-layout="light"] [hidden] { display:none !important; }
html[data-layout="light"] a { color:var(--ui-info); }
html[data-layout="light"] a:hover { color:#07517a; }
html[data-layout="light"] h1, html[data-layout="light"] h2, html[data-layout="light"] h3, html[data-layout="light"] h4 { color:var(--ui-text); }
html[data-layout="light"] h1 { letter-spacing:-.7px; line-height:1.25; }
html[data-layout="light"] h2 { letter-spacing:-.25px; }
html[data-layout="light"] :focus-visible { outline:3px solid var(--ui-focus); outline-offset:3px; }
html[data-layout="light"] ::selection { background:#d8ecf8; color:#0f172a; }
html[data-layout="light"] .pos-filled-action,
html[data-layout="light"] #btnClearMonth { color:var(--ui-inverse); }
html[data-layout="light"] ::-webkit-scrollbar-track { background:#f1f3f7; }
html[data-layout="light"] ::-webkit-scrollbar-thumb { background:#bac5d3; border:2px solid #f1f3f7; border-radius:8px; }
html[data-layout="light"] ::-webkit-scrollbar-thumb:hover { background:#8998ad; }
.pos-icon { width:19px; height:19px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.pos-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.pos-skip { position:fixed; top:-80px; left:250px; z-index:10002; padding:.7rem 1rem; background:#fff; border:2px solid #1491d6; border-radius:8px; }
.pos-skip:focus { top:8px; }
.pos-sidebar { position:fixed; inset:0 auto 0 0; width:var(--pos-sidebar-width); padding:0 14px; background:#fff; border-right:1px solid var(--ui-border); display:flex; flex-direction:column; z-index:80; }
.pos-brand { height:76px; flex-shrink:0; display:flex; align-items:center; gap:9px; padding:0 10px; color:#0f172a !important; font-weight:750; font-size:22px; letter-spacing:-.7px; text-decoration:none; }
.pos-brand .kf-brand-icon { width:36px; height:36px; }
.pos-company { padding:12px 12px 16px; border-bottom:1px solid var(--ui-border-soft); margin-bottom:8px; overflow-wrap:anywhere; }
.pos-company strong, .pos-company small { display:block; }.pos-company strong { font-size:13px; }.pos-company small { font-size:11px; color:#5b6475; margin-top:4px; }
.pos-nav { overflow-y:auto; min-height:0; padding:0 0 12px; flex:1; }
.pos-nav-group { padding:16px 12px 7px; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#667085; }
.pos-nav .pos-nav-link { display:flex; align-items:center; gap:10px; padding:10px 12px; min-height:42px; margin:2px 0; border-radius:8px; color:#5b6475; font-size:13px; font-weight:550; line-height:1.45; text-decoration:none; }
/* Keep label metrics stable when selecting a page; longer labels may wrap naturally. */
.pos-nav-link:hover { background:#f6f7fb; }.pos-nav .pos-nav-link.active { background:#fff1ef; color:#b32623; }
.pos-sidebar-user { margin-top:auto; flex-shrink:0; border-top:1px solid var(--ui-border); padding:14px 8px; display:flex; align-items:center; gap:9px; min-width:0; }
.pos-sidebar-user > span:last-child { min-width:0; }.pos-sidebar-user strong { display:block; font-size:12px; overflow-wrap:anywhere; }.pos-sidebar-user small { display:block; font-size:10px; color:#5b6475; margin-top:3px; }
.pos-avatar { height:32px; width:32px; display:grid; place-items:center; background:#eaf2f8; border-radius:9px; color:#395977; font-size:12px; font-weight:700; flex-shrink:0; }
.pos-sidebar-password { display:none; }
.pos-topbar { height:72px; position:sticky; top:0; z-index:60; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 30px; background:#fff; border-bottom:1px solid var(--ui-border); }
.pos-topbar-context,.pos-account { display:flex; align-items:center; gap:16px; min-width:0; }.pos-context-label { color:#5b6475; font-size:12px; white-space:nowrap; }
.pos-account a { font-size:12px; color:#5b6475 !important; }.pos-account a:hover { color:#0f172a !important; }
.pos-branch-picker { display:flex; align-items:center; gap:7px; min-width:0; border-left:1px solid var(--ui-border); padding-left:15px; }
html[data-layout="light"] .pos-branch-picker select { background:transparent; border:0; box-shadow:none; font-size:13px; font-weight:600; max-width:260px; min-height:36px; padding:5px; border-radius:6px; }
.pos-icon-button { height:36px; width:36px; border:1px solid var(--ui-border); background:#fff; border-radius:8px; display:grid; place-items:center; padding:0; color:#5b6475; cursor:pointer; }
.pos-menu-toggle { display:none; }.pos-nav-shade { display:none; }
html[data-layout="light"] .topbar { position:static; background:transparent; border:0; box-shadow:none; backdrop-filter:none; padding:16px 32px 0; min-height:0; justify-content:flex-end; }
html[data-layout="light"] .topbar .app-logo,html[data-layout="light"] .topbar .user-info { display:none; }
html[data-layout="light"] .topbar .btn { background:transparent; border-color:transparent; color:var(--ui-muted); box-shadow:none; padding:4px 0; font-size:12px; min-height:28px; }
html[data-layout="light"][data-page="index.php"] .topbar { display:none; }
html[data-layout="light"][data-page$="create_item_wizard.php"] .topbar .user-info { display:block; color:var(--ui-muted); }
html[data-layout="light"] .module-container,html[data-layout="light"] .dashboard-main { width:auto; max-width:1600px; margin:0 auto; padding:26px 32px 45px; min-width:0; }
html[data-layout="light"] .module-header { gap:18px; margin-bottom:24px; align-items:flex-start; }
html[data-layout="light"] .module-title { font-size:28px; color:var(--ui-text); margin-bottom:7px; }
html[data-layout="light"] .module-subtitle,html[data-layout="light"] .dashboard-header p { color:var(--ui-muted); line-height:1.6; }
html[data-layout="light"] .module-header .btn { white-space:normal; }
html[data-layout="light"] .box,html[data-layout="light"] .table-wrapper { background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:14px; box-shadow:var(--shadow-sm); }
html[data-layout="light"] .box { padding:22px; }
html[data-layout="light"] .filters-row { gap:14px; align-items:end; }
html[data-layout="light"] .filters-row > * { min-width:0; max-width:100%; }
html[data-layout="light"] button,html[data-layout="light"] input,html[data-layout="light"] select,html[data-layout="light"] textarea { font-family:inherit; }
html[data-layout="light"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),html[data-layout="light"] select,html[data-layout="light"] textarea {
  color:var(--ui-text); background:var(--ui-input); border:1px solid #c5cedb; border-radius:7px; padding:9px 11px; min-height:40px; max-width:100%; font-size:14px; box-shadow:none; color-scheme:light;
}
html[data-layout="light"] .form-group label { color:#4b5567; font-size:13px; font-weight:550; }
html[data-layout="light"] input:focus,html[data-layout="light"] select:focus,html[data-layout="light"] textarea:focus { background:var(--ui-input); border-color:#1491d6; box-shadow:0 0 0 3px #1491d61a; transform:none; }
html[data-layout="light"] input::placeholder,html[data-layout="light"] textarea::placeholder { color:#738093; opacity:1; }
html[data-layout="light"] input:disabled,html[data-layout="light"] select:disabled,html[data-layout="light"] textarea:disabled { background:#f1f3f7; color:#667085; border-color:#dde3ec; cursor:not-allowed; }
html[data-layout="light"] select option { background:#fff; color:#0f172a; }
/* Classic deliberately uses !important for every dashboard input. Only these
   shared properties need an equally explicit override; module colours use tokens. */
html[data-layout="light"] body.page-dashboard :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=reset]):not([type=button]),select,textarea) {
  background:var(--ui-input) !important; color:var(--ui-text) !important; border:1px solid #c5cedb !important; border-radius:7px !important;
}
html[data-layout="light"] body.page-dashboard :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=reset]):not([type=button]),select,textarea):focus {
  background:#fff !important; border-color:#1491d6 !important; box-shadow:0 0 0 3px #1491d61a !important; outline:2px solid transparent !important;
}
html[data-layout="light"] body.page-dashboard :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=reset]):not([type=button]),select,textarea):focus-visible { outline:2px solid #1491d6 !important; outline-offset:2px; }
html[data-layout="light"] body.page-dashboard :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=reset]):not([type=button]),select,textarea):disabled { background:#f1f3f7 !important; color:#667085 !important; border-color:#dde3ec !important; }
html[data-layout="light"] body.page-dashboard #pos-branch-picker { background:transparent !important; border-color:transparent !important; }
html[data-layout="light"] input[type=checkbox],html[data-layout="light"] input[type=radio] { accent-color:#c42825; box-shadow:none; min-width:16px; min-height:16px; }
html[data-layout="light"] input[type=file] { background:#fff; color:#344054; max-width:100%; border:1px dashed #bac6d6; border-radius:8px; padding:10px; }
html[data-layout="light"] input[type=file]::file-selector-button { padding:7px 10px; border-radius:6px; border:1px solid #ccd5e1; background:#f6f7fb; color:#344054; margin-right:10px; cursor:pointer; }
html[data-layout="light"] button,html[data-layout="light"] .btn,html[data-layout="light"] .link-btn { border-radius:8px !important; }
html[data-layout="light"] .btn { font-size:13px; font-weight:600; min-height:40px; padding:9px 14px; box-shadow:none; line-height:1.45; transition:background .15s,border-color .15s; }
html[data-layout="light"] .btn:hover { transform:none; }
html[data-layout="light"] .btn-primary { background:#c42825; border:1px solid #c42825; color:#fff; box-shadow:0 2px 3px #a12c1210; }
html[data-layout="light"] .btn-primary:hover { background:#a92220; border-color:#a92220; color:#fff; }
html[data-layout="light"] .btn-secondary { background:#fff; color:#344054; border:1px solid #cdd5e0; }
html[data-layout="light"] .btn-secondary:hover { background:#f6f7fb; color:#0f172a; border-color:#b6c2d2; }
html[data-layout="light"] .btn-danger { background:#fff1ef; color:#a62223; border:1px solid #efc9c5; }
html[data-layout="light"] .btn-success { background:#176343; border:1px solid #176343; color:#fff; }
html[data-layout="light"] .btn-small { font-size:12px; min-height:32px; padding:6px 10px; }
html[data-layout="light"] .link-btn { background:transparent; color:#086b9f; border-color:#c7e1f2; }
html[data-layout="light"] button:disabled,html[data-layout="light"] .btn:disabled,html[data-layout="light"] .btn[disabled] { background:#edf0f5; color:#69788d; border-color:#dde3eb; opacity:1; box-shadow:none; cursor:not-allowed; }
html[data-layout="light"] table { color:var(--ui-text); font-variant-numeric:tabular-nums; }
html[data-layout="light"] .table { background:#fff; font-size:13px; }
html[data-layout="light"] .table thead { background:#f8f9fc; }
html[data-layout="light"] .table th { color:#5b6475; font-size:12px; font-weight:650; background:#f8f9fc; border-color:#e1e6ee; }
html[data-layout="light"] .table td { border-color:#e8ecf2; padding:12px 14px; }
html[data-layout="light"] .table tbody tr:nth-child(even) { background:#fcfcfe; }
html[data-layout="light"] .table tbody tr:hover { background:#f4f7fb; }
html[data-layout="light"] .table-wrapper { overflow-x:auto; }
html[data-layout="light"] .pos-table-scroll { overflow-x:auto; max-width:100%; overscroll-behavior-x:contain; }
html[data-layout="light"] .two-column-charts { grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr)); }
html[data-layout="light"] .two-column-charts > *,html[data-layout="light"] .two-column-grid > *,html[data-layout="light"] .chart-wrapper { min-width:0; }
html[data-layout="light"] canvas { max-width:100%; }
html[data-layout="light"] [id$="-backdrop"] > div { border:1px solid var(--ui-border); }
html[data-layout="light"] #helpModal h3 > span { color:var(--ui-inverse); }
html[data-layout="light"] .progress-bar-fill { background:var(--ui-info); }
html[data-layout="light"] .gauge-bg,html[data-layout="light"] .gauge-bg-mini { stroke:#e8ecf2; }
html[data-layout="light"] .badge { border-radius:6px; padding:4px 8px; font-weight:600; font-size:12px; }
html[data-layout="light"] .badge-new,html[data-layout="light"] .badge-info { color:#086b9f; background:#edf7fe; border-color:#c7e1f2; }
html[data-layout="light"] .badge-in-progress { color:#8b5500; background:#fff8e9; border-color:#eed9ad; }
html[data-layout="light"] .badge-ready,html[data-layout="light"] .badge-success,html[data-layout="light"] .badge-done { color:#176343; background:#edf8f1; border-color:#c4e3cf; }
html[data-layout="light"] .badge-cancelled,html[data-layout="light"] .badge-error { color:#a62223; background:#fff1ef; border-color:#efc9c5; }
html[data-layout="light"] .badge-status-prijato { color:#086b9f; background:#edf7fe; border-color:#c7e1f2; }
html[data-layout="light"] .badge-status-v-reseni,html[data-layout="light"] .badge-warning,html[data-layout="light"] .badge-b { color:#8b5500; background:#fff8e9; border-color:#eed9ad; }
html[data-layout="light"] .badge-status-hotovo,html[data-layout="light"] .badge-status-pripravano,html[data-layout="light"] .badge-a { color:#176343; background:#edf8f1; border-color:#c4e3cf; }
html[data-layout="light"] .badge-status-vydano { color:#5b6475; background:#f0f3f7; border-color:#dce3ec; }
html[data-layout="light"] .badge-status-zruseno,html[data-layout="light"] .badge-danger,html[data-layout="light"] .badge-c { color:#a62223; background:#fff1ef; border-color:#efc9c5; }
html[data-layout="light"] .quick-filter-btn.active,html[data-layout="light"] .branch-filter-btn.active { background:#fff1ef; color:#a92220; border-color:#e7b9b4; }
html[data-layout="light"] .alert { border-radius:10px; padding:13px 16px; font-size:14px; line-height:1.6; }
html[data-layout="light"] .alert-error,html[data-layout="light"] .alert-danger { color:#a62223; background:#fff1ef; border:1px solid #efc9c5; }
html[data-layout="light"] .alert-success { color:#176343; background:#edf8f1; border:1px solid #c4e3cf; }
html[data-layout="light"] .alert-warning { color:#8b5500; background:#fff8e9; border:1px solid #eed9ad; }
html[data-layout="light"] .alert-info { color:#086b9f; background:#edf7fe; border:1px solid #c7e1f2; }
html[data-layout="light"] .code,html[data-layout="light"] pre { background:#f1f4f8; color:#344054; border:1px solid #dde4ef; }
html[data-layout="light"] progress { accent-color:#086b9f; border-radius:5px; background:#e7edf4; }
html[data-layout="light"] progress::-webkit-progress-bar { background:#e7edf4; border-radius:5px; }
html[data-layout="light"] progress::-webkit-progress-value { background:#086b9f; border-radius:5px; }
html[data-layout="light"] .dashboard-header h1 { color:#0f172a; font-size:28px; }
html[data-layout="light"] .dashboard-tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
html[data-layout="light"] .dashboard-section .dashboard-tiles { grid-template-columns:repeat(auto-fit,minmax(205px,1fr)); }
html[data-layout="light"] .dashboard-sections-container { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:26px; }
html[data-layout="light"] .dashboard-section { min-width:0; }.dashboard-section .section-title { overflow-wrap:anywhere; }
html[data-layout="light"] .dashboard-tile { background:#fff; color:#0f172a; border:1px solid var(--ui-border); box-shadow:var(--shadow-sm); border-radius:12px; width:auto; min-width:0; min-height:110px; padding:20px; }
html[data-layout="light"] .dashboard-tile::before { display:none; }
html[data-layout="light"] .dashboard-tile:hover { transform:none; background:#fffbfa; border-color:#e7b9b4; box-shadow:0 5px 18px #0f172a0a; }
html[data-layout="light"] .dashboard-tile-title { color:#0f172a; font-size:15px; }
html[data-layout="light"] .dashboard-tile-desc { color:#5b6475; line-height:1.6; font-size:12px; }
html[data-layout="light"] .tile-badge { background:#c42825; color:#fff; border:0; box-shadow:none; animation:none; }
html[data-layout="light"] .tile-badge::after,html[data-layout="light"] .tile-badge::before { display:none; }
html[data-layout="light"] .branch-tab-switcher { background:#fff; border-color:#dce3ec; }
html[data-layout="light"] .branch-tab { color:#5b6475; background:#f4f6fa; border-color:#dce3ec; }
html[data-layout="light"] .branch-tab.active { color:#b32623; background:#fff1ef; border-color:#efc9c5; box-shadow:none; }
html[data-layout="light"] .page-login:not(:has(.pos-sidebar)) { display:flex; align-items:center; justify-content:center; padding:1.5rem; }
html[data-layout="light"] .page-login:has(.pos-sidebar) .login-wrapper { margin:45px auto; }
html[data-layout="light"] .login-box { background:#fff; border:1px solid #dce3ec; box-shadow:0 16px 45px #0f172a0b; border-radius:18px; }
html[data-layout="light"] .login-box::before { display:none; }
html[data-layout="light"] .login-title { color:#0f172a; }
html[data-layout="light"] .login-subtitle,html[data-layout="light"] .login-footer { color:#5b6475; }
/* Invoice receiving retains its own workflow and native confirmation dialog. */
html[data-layout="light"] .invoice-import { border-top:1px solid var(--ui-border); }
html[data-layout="light"] .invoice-row { background:#fff; border-left-width:3px; }
html[data-layout="light"] .invoice-row > .invoice-row-heading { background:#fff; }
html[data-layout="light"] .invoice-row > summary:hover { background:#fafbfd; }
html[data-layout="light"] .invoice-row[open] > summary { background:#fafbfd; }
html[data-layout="light"] .invoice-row-title strong { font-size:14px; }
html[data-layout="light"] .invoice-row-body { background:#fcfcfe; }
html[data-layout="light"] .invoice-row[data-state="ready"],html[data-layout="light"] .invoice-row[data-state="received"] { border-left-color:#7bb592; }
html[data-layout="light"] .invoice-row[data-state="review"] { border-left-color:#d5a043; }
html[data-layout="light"] .invoice-row[data-state="error"] { border-left-color:#c95149; }
html[data-layout="light"] .invoice-row[data-state="ready"] .invoice-badge,html[data-layout="light"] .invoice-row[data-state="received"] .invoice-badge { background:#edf8f1; color:#176343; }
html[data-layout="light"] .invoice-row[data-state="review"] .invoice-badge { background:#fff8e9; color:#8b5500; }
html[data-layout="light"] .invoice-row[data-state="error"] .invoice-badge { background:#fff1ef; color:#a62223; }
html[data-layout="light"] .invoice-overview { background:#edf8f1; border-color:#c4e3cf; border-left-color:#4c9667; }
html[data-layout="light"] .invoice-overview[data-state="review"] { background:#fff8e9; border-color:#eed9ad; border-left-color:#c28a29; }
html[data-layout="light"] .invoice-overview[data-state="error"] { background:#fff1ef; border-color:#efc9c5; border-left-color:#ba4038; }
html[data-layout="light"] .invoice-badge { border-radius:6px; font-size:12px; }
html[data-layout="light"] .invoice-warning { color:#8b5500; background:#fff8e9; border-left-color:#c28a29; }
html[data-layout="light"] .invoice-problems { color:#a62223; background:#fff1ef; border-left-color:#ba4038; }
html[data-layout="light"] .invoice-review-bar { background:#fff; border-color:#cdd8e5; box-shadow:0 5px 25px #20304813; }
html[data-layout="light"] .invoice-drawer { background:#fff; box-shadow:-18px 0 70px #0f172a20; }
html[data-layout="light"] .invoice-drawer::backdrop { background:#1523375c; }
html[data-layout="light"] .invoice-drawer-header,html[data-layout="light"] .invoice-drawer-footer { background:#fff; }
html[data-layout="light"] .invoice-drawer-status { background:#edf7fe; border-color:#c7e1f2; }
html[data-layout="light"] .invoice-drawer-status[data-state="received"] { background:#edf8f1; border-color:#c4e3cf; }
html[data-layout="light"] .invoice-drawer-status[data-state="review"] { background:#fff8e9; border-color:#eed9ad; }
html[data-layout="light"] .invoice-drawer-icon { background:#e2f0fb; color:#086b9f; }
html[data-layout="light"] .invoice-drawer-close { background:#fff; border:1px solid #dce3ec; color:#5b6475; }
html[data-layout="light"] .invoice-drawer-close:hover { background:#f6f7fb; }
html[data-layout="light"] .invoice-drawer input[type=checkbox] { accent-color:#c42825; }
html[data-layout="light"] .invoice-confirmation-checks label:has(input:checked) { background:#edf7fe; border-color:#a9cfe8; }
html[data-layout="light"] .invoice-import button:disabled { opacity:1; }
html[data-layout="light"] .module-header a[href^="importexport.php"] { background:#fff; color:#344054; border-color:#cdd5e0; }
@media(max-width:1100px) {
  html[data-layout="light"]{--pos-sidebar-width:204px}.pos-topbar{padding:0 22px}.pos-context-label{display:none}html[data-layout="light"] .module-container,html[data-layout="light"] .dashboard-main{padding:24px}html[data-layout="light"] .topbar{padding:12px 24px 0}
  html[data-layout="light"][data-page="moduly/kupnismlouvy/edit.php"] #items-container div[style*="grid-template-columns"],
  html[data-layout="light"][data-page="moduly/analytika/plans_manage.php"] form > div[style*="grid-template-columns"] { grid-template-columns:1fr !important; }
}
@media(max-width:760px) {
  .pos-sidebar-password { display:inline-block; font-size:12px; margin-top:5px; }
  html[data-layout="light"][data-page="moduly/kupnismlouvy/create.php"] #stock-picker-backdrop div[style*="grid-template-columns"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html[data-layout="light"][data-page="moduly/sklad/importexport.php"] .box > div[style*="grid-template-columns"] { grid-template-columns:1fr !important; }
  html[data-layout="light"]{--pos-sidebar-width:0px;--container-width:calc(100% - 2rem)}
  .pos-sidebar{width:244px;transform:translateX(-100%);visibility:hidden;transition:transform .18s;box-shadow:10px 0 40px #10203820}
  .pos-nav-open .pos-sidebar{visibility:visible;transform:translateX(0)}
  .pos-nav-open{overflow:hidden}.pos-nav-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:75;background:#0f172a60;border:0;margin:0;border-radius:0 !important;width:100%;height:100%}
  .pos-menu-toggle{display:grid;flex-shrink:0}.pos-topbar{height:62px;padding:0 14px;gap:8px}.pos-topbar-context{gap:8px}.pos-branch-picker{border:0;padding:0;gap:4px}
  html[data-layout="light"] .pos-branch-picker select{max-width:160px;font-size:12px}.pos-account{gap:8px}.pos-account a{font-size:11px}.pos-account a:first-child{display:none}
  .pos-skip{left:15px}.pos-topbar .pos-icon{width:17px;height:17px}
  html[data-layout="light"] .module-container,html[data-layout="light"] .dashboard-main{padding:20px 16px 35px}
  html[data-layout="light"] .module-title,html[data-layout="light"] .dashboard-header h1{font-size:25px}
  html[data-layout="light"] .topbar{padding:10px 16px 0}html[data-layout="light"] .box{padding:17px}
  html[data-layout="light"] .module-header{flex-wrap:wrap;gap:14px}html[data-layout="light"] .module-header>div{min-width:0;max-width:100%}
  html[data-layout="light"] .form-group,html[data-layout="light"] .filters-row>div{max-width:100%}
  html[data-layout="light"] .dashboard-sections-container{display:block}html[data-layout="light"] .dashboard-section{display:none}html[data-layout="light"] .dashboard-section.active{display:block}
  html[data-layout="light"] .table th,html[data-layout="light"] .table td{padding:10px 12px}
  html[data-layout="light"] .page-login:has(.pos-sidebar) .login-wrapper{max-width:calc(100% - 32px);margin:30px auto}
}
@media(prefers-reduced-motion:reduce){html[data-layout="light"] *,html[data-layout="light"] *::before,html[data-layout="light"] *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
@media print { .pos-sidebar,.pos-topbar,.pos-nav-shade,.pos-skip { display:none !important; } html[data-layout="light"] body:has(.pos-sidebar){padding:0;background:#fff}html[data-layout="light"] .module-container{padding:0;max-width:none}.pos-appearance{break-inside:avoid} }