:root{
  --inv-bg:#f3f6fb;
  --inv-surface:#fff;
  --inv-text:#172033;
  --inv-muted:#6b778c;
  --inv-line:#dfe6f0;
  --inv-primary:#4f46e5;
  --inv-primary2:#7c3aed;
  --inv-sidebar:#0f172a;
  --inv-sidebar2:#211f49;
  --inv-shadow:0 10px 35px rgba(23,32,51,.09);
}
body[data-plevix-product="invoice"]{background:var(--inv-bg);color:var(--inv-text);overflow-x:hidden}
body[data-plevix-product="invoice"] #appShell.invoice-app-shell{min-height:calc(100vh - var(--px-global-height,64px));display:grid;grid-template-columns:245px minmax(0,1fr);background:var(--inv-bg)}
body[data-plevix-product="invoice"] #appShell.invoice-app-shell.hidden{display:none!important}

/* Left module rail — same geometry and language as CRM/Zákazky. */
body[data-plevix-product="invoice"] .invoice-sidebar{position:sticky;top:var(--px-global-height,64px);z-index:720;height:calc(100vh - var(--px-global-height,64px));display:flex;flex-direction:column;min-width:0;padding:18px 14px;background:linear-gradient(165deg,var(--inv-sidebar),var(--inv-sidebar2));color:#fff;overflow:hidden;box-shadow:none}
body[data-plevix-product="invoice"] .invoice-side-brand{display:flex;align-items:center;gap:10px;padding:4px 5px 17px;color:#fff;text-decoration:none}
body[data-plevix-product="invoice"] .invoice-side-logo{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);font-size:13px;font-weight:950;box-shadow:0 10px 30px #4f46e555}
body[data-plevix-product="invoice"] .invoice-side-brand b,body[data-plevix-product="invoice"] .invoice-side-brand small{display:block}
body[data-plevix-product="invoice"] .invoice-side-brand b{font-size:14px;letter-spacing:.01em}
body[data-plevix-product="invoice"] .invoice-side-brand small{margin-top:2px;color:#aab5ca;font-size:10px;font-weight:800;letter-spacing:.08em}
body[data-plevix-product="invoice"] .invoice-side-module{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:12px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff0a}
body[data-plevix-product="invoice"] .invoice-side-module-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:11px;background:#8b5cf62c;color:#ddd6fe;font-size:17px;font-weight:950}
body[data-plevix-product="invoice"] .invoice-side-module b,body[data-plevix-product="invoice"] .invoice-side-module small{display:block}
body[data-plevix-product="invoice"] .invoice-side-module b{font-size:10px}
body[data-plevix-product="invoice"] .invoice-side-module small{margin-top:2px;color:#93a0b8;font-size:10px}
body[data-plevix-product="invoice"] .invoice-nav.tabs{position:static!important;top:auto!important;min-height:0;display:grid!important;grid-template-columns:1fr!important;align-content:start;gap:4px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
body[data-plevix-product="invoice"] .invoice-nav .tab{width:100%;min-width:0!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;justify-content:stretch!important;gap:8px!important;padding:8px 9px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#aeb9cc!important;text-align:left!important;box-shadow:none!important;transform:none!important}
body[data-plevix-product="invoice"] .invoice-nav .tab:hover{background:#ffffff0c!important;color:#fff!important;transform:none!important}
body[data-plevix-product="invoice"] .invoice-nav .tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;box-shadow:0 9px 25px #4f46e544!important}
body[data-plevix-product="invoice"] .invoice-nav .tab .navicon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px!important;border-radius:9px;background:#ffffff0b!important;font-size:14px}
body[data-plevix-product="invoice"] .invoice-nav .tab.active .navicon{background:#ffffff18!important}
body[data-plevix-product="invoice"] .invoice-nav .tab>span:last-child{min-width:0}
body[data-plevix-product="invoice"] .invoice-nav .tab b,body[data-plevix-product="invoice"] .invoice-nav .tab small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-plevix-product="invoice"] .invoice-nav .tab b{font-size:10px}
body[data-plevix-product="invoice"] .invoice-nav .tab small{margin-top:2px;color:#93a0b8;font-size:10px;font-weight:500;opacity:1}
body[data-plevix-product="invoice"] .invoice-nav .tab.active small{color:#ddd6fe}
body[data-plevix-product="invoice"] .invoice-side-bottom{margin-top:auto;padding-top:12px}
body[data-plevix-product="invoice"] .invoice-side-sync.sync-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;margin:0;padding:10px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff08;color:#fff;box-shadow:none}
body[data-plevix-product="invoice"] .invoice-side-sync .sync-orb{width:10px;height:10px;box-shadow:0 0 0 5px #f59e0b18}
body[data-plevix-product="invoice"] .invoice-side-sync.online .sync-orb{box-shadow:0 0 0 5px #10b98118}
body[data-plevix-product="invoice"] .invoice-side-sync b{font-size:10px;color:#fff}
body[data-plevix-product="invoice"] .invoice-side-sync small{margin-top:2px;color:#94a3b8;font-size:10px;line-height:1.35}
body[data-plevix-product="invoice"] .invoice-side-sync button{display:none!important}
body[data-plevix-product="invoice"] .invoice-side-links{display:grid;gap:4px;margin-top:8px}
body[data-plevix-product="invoice"] .invoice-side-links a,body[data-plevix-product="invoice"] .invoice-side-links button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:0;border-radius:10px;background:transparent;color:#9facbf;text-decoration:none;text-align:left;font-size:10px;font-weight:750;cursor:pointer}
body[data-plevix-product="invoice"] .invoice-side-links a:hover,body[data-plevix-product="invoice"] .invoice-side-links button:hover{background:#ffffff0b;color:#fff;transform:none}
body[data-plevix-product="invoice"] .invoice-side-links span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#ffffff0b}

/* Workspace and topbar. */
body[data-plevix-product="invoice"] .invoice-workspace{min-width:0;background:var(--inv-bg)}
body[data-plevix-product="invoice"] .invoice-topbar{position:sticky!important;top:var(--px-global-height,64px)!important;z-index:700!important;min-height:72px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e4e8f0!important;border-radius:0!important;background:#ffffffec!important;color:var(--inv-text)!important;box-shadow:none!important;backdrop-filter:blur(16px)}
body[data-plevix-product="invoice"] .invoice-topbar-inner{width:100%;min-height:72px;display:flex;align-items:center;gap:12px;padding:10px 20px}
body[data-plevix-product="invoice"] .invoice-menu-btn{display:none;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--inv-line);border-radius:12px;background:#fff;color:#334155;font-size:18px;cursor:pointer}
body[data-plevix-product="invoice"] .invoice-page-copy{min-width:0;flex:1}
body[data-plevix-product="invoice"] .invoice-page-copy small,body[data-plevix-product="invoice"] .invoice-page-copy b{display:block}
body[data-plevix-product="invoice"] .invoice-page-copy small{color:#7c8799;font-size:10px;font-weight:950;letter-spacing:.12em}
body[data-plevix-product="invoice"] .invoice-page-copy b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
body[data-plevix-product="invoice"] .invoice-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;min-width:0}
body[data-plevix-product="invoice"] .invoice-top-actions .offline-badge{flex:none;padding:7px 10px;border-radius:999px;font-size:10px}
body[data-plevix-product="invoice"] .invoice-toolbar-btn,body[data-plevix-product="invoice"] .invoice-top-actions .new-invoice{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border-radius:12px;font-size:10px;font-weight:850;white-space:nowrap}
body[data-plevix-product="invoice"] .invoice-toolbar-btn{border:1px solid var(--inv-line);background:#f7f8fb;color:#344054}
body[data-plevix-product="invoice"] .invoice-top-actions .new-invoice{border:0;background:linear-gradient(135deg,var(--inv-primary),var(--inv-primary2));color:#fff;box-shadow:0 8px 22px #4f46e533}
body[data-plevix-product="invoice"] .invoice-profile-state,body[data-plevix-product="invoice"] .invoice-account-proxy{display:none!important}
body[data-plevix-product="invoice"] #serverWarning{max-width:none!important;margin:12px 20px 0!important}

/* Content hierarchy. */
body[data-plevix-product="invoice"] .invoice-content{display:block!important;max-width:none!important;margin:0!important;padding:20px!important;min-width:0}
body[data-plevix-product="invoice"] .invoice-content>section{min-width:0!important;grid-column:auto!important}
body[data-plevix-product="invoice"] .invoice-content>.hidden{display:none!important}
body[data-plevix-product="invoice"] .section-heading{position:relative;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:20px;margin:0 0 15px!important;padding:24px!important;border-radius:23px;background:linear-gradient(145deg,#111a31,#29275a)!important;color:#fff;box-shadow:0 22px 60px #312e8129}
body[data-plevix-product="invoice"] .section-heading:after{content:"";position:absolute;width:300px;height:300px;right:-110px;top:-140px;border-radius:50%;background:#7c3aed44;pointer-events:none}
body[data-plevix-product="invoice"] .section-heading>*{position:relative;z-index:1}
body[data-plevix-product="invoice"] .section-heading .eyebrow{color:#c4b5fd!important;font-size:10px!important;font-weight:950;letter-spacing:.12em}
body[data-plevix-product="invoice"] .section-heading h2{margin:9px 0 7px!important;color:#fff!important;font-size:26px!important;line-height:1.08;letter-spacing:-.04em}
body[data-plevix-product="invoice"] .section-heading p{max-width:760px!important;margin:0!important;color:#b8c2d5!important;font-size:11px!important;line-height:1.65}
body[data-plevix-product="invoice"] .section-heading>.primary{align-self:center;min-height:42px;border:1px solid #ffffff20;background:linear-gradient(135deg,#5b50e8,#8b5cf6);box-shadow:0 10px 28px #0002}
body[data-plevix-product="invoice"] .heading-badge{align-self:center;padding:8px 11px;border:1px solid #ffffff22!important;background:#ffffff12!important;color:#eef2ff!important;box-shadow:none!important;font-size:10px!important}
body[data-plevix-product="invoice"] .heading-badge:before{background:#34d399}

/* Cards now use the same head/body system across every invoice section. */
html:not([data-plevix-theme="dark"]) body[data-plevix-product="invoice"] .card{overflow:hidden;margin-top:0!important;padding:0!important;border:1px solid var(--inv-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--inv-shadow)!important;backdrop-filter:none!important}
body[data-plevix-product="invoice"] .invoice-content .grid2,body[data-plevix-product="invoice"] .invoice-content .grid3{gap:14px}
body[data-plevix-product="invoice"] .invoice-content>section>.card,body[data-plevix-product="invoice"] .invoice-content>section>.grid2,body[data-plevix-product="invoice"] .invoice-content>section>.grid3,body[data-plevix-product="invoice"] .invoice-content>section>.metricgrid{margin-top:14px}
body[data-plevix-product="invoice"] .invoice-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #edf0f5;background:#fff}
body[data-plevix-product="invoice"] .invoice-card-head h3{margin:0!important;color:var(--inv-text);font-size:13px!important;letter-spacing:-.01em}
body[data-plevix-product="invoice"] .invoice-card-body{padding:16px 17px}
body[data-plevix-product="invoice"] .invoice-card-body>:first-child{margin-top:0}
body[data-plevix-product="invoice"] .invoice-card-body>:last-child{margin-bottom:0}
body[data-plevix-product="invoice"] .metricgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body[data-plevix-product="invoice"] .metric{min-width:0;padding:16px;border:1px solid var(--inv-line);border-radius:17px;background:#fff;box-shadow:0 8px 25px #0f172a08}
body[data-plevix-product="invoice"] .metric:after{display:none}
body[data-plevix-product="invoice"] .metric strong{margin-top:9px;font-size:21px;letter-spacing:-.035em}
body[data-plevix-product="invoice"] .metric span,body[data-plevix-product="invoice"] .metric small{color:#6c788b;font-size:10px}

/* Forms, controls and actions. */
body[data-plevix-product="invoice"] .field{margin-bottom:12px}
body[data-plevix-product="invoice"] label{margin-bottom:6px;color:#526074;font-size:10px;font-weight:900}
body[data-plevix-product="invoice"] input,body[data-plevix-product="invoice"] select,body[data-plevix-product="invoice"] textarea{min-height:42px;padding:10px 11px;border:1px solid #dce2eb;border-radius:11px;background:#fff;color:var(--inv-text);font-size:10px}
body[data-plevix-product="invoice"] textarea{min-height:92px}
body[data-plevix-product="invoice"] input:focus,body[data-plevix-product="invoice"] select:focus,body[data-plevix-product="invoice"] textarea:focus{border-color:#8b83f6;box-shadow:0 0 0 3px #6c63ff18}
body[data-plevix-product="invoice"] button,body[data-plevix-product="invoice"] .filebtn,body[data-plevix-product="invoice"] .button-link{min-height:40px;border-radius:12px;font-size:10px;font-weight:850}
body[data-plevix-product="invoice"] .primary{background:linear-gradient(135deg,var(--inv-primary),var(--inv-primary2));box-shadow:0 8px 22px #4f46e533}
body[data-plevix-product="invoice"] .secondary{border:1px solid var(--inv-line);background:#f7f8fb;color:#344054}
body[data-plevix-product="invoice"] .success{background:#059669}
body[data-plevix-product="invoice"] .danger{background:#fff5f5;color:#b42318;border:1px solid #fecaca}
body[data-plevix-product="invoice"] .notice{padding:12px 14px;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e;font-size:10px;line-height:1.55}
body[data-plevix-product="invoice"] .muted{color:#748095;font-size:10px;line-height:1.5}
body[data-plevix-product="invoice"] .pickerbtn{min-height:38px}
body[data-plevix-product="invoice"] .item{gap:8px;margin-bottom:8px;padding:11px;border:1px solid #e7ebf2;border-radius:13px;background:#fafbfd}
body[data-plevix-product="invoice"] .summary{margin-top:18px}
body[data-plevix-product="invoice"] .sumrow{padding:9px 10px}
body[data-plevix-product="invoice"] .sumrow.big{margin-top:5px;border-radius:11px;background:#f4f3ff;color:#312e81;font-size:16px}
body[data-plevix-product="invoice"] .filters{align-items:end;gap:8px;padding:12px;border:1px solid #e7ebf2;border-radius:15px;background:#fafbfd}
body[data-plevix-product="invoice"] .chart{border-radius:14px;background:linear-gradient(180deg,#f8f9fd,#fff)}
body[data-plevix-product="invoice"] .status{font-size:10px}

/* Contain large tables inside the content instead of making the whole page slide sideways. */
body[data-plevix-product="invoice"] #invoiceTable,body[data-plevix-product="invoice"] #customerList,body[data-plevix-product="invoice"] #productList,body[data-plevix-product="invoice"] #efInbox{max-width:100%;overflow:auto;border:1px solid #e7ebf2;border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
body[data-plevix-product="invoice"] table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}
body[data-plevix-product="invoice"] th{padding:11px 12px;background:#f8f9fc;color:#6b778b;font-size:10px;letter-spacing:.04em;text-align:left}
body[data-plevix-product="invoice"] td{padding:11px 12px;border-top:1px solid #edf0f4;font-size:10px;vertical-align:middle}
body[data-plevix-product="invoice"] tbody tr:hover td{background:#fbfbff}

/* Settings and specialized panels. */
body[data-plevix-product="invoice"] .account-strip{border:1px solid #e5e9f1;border-radius:16px;background:linear-gradient(145deg,#f7f7ff,#fff)}
body[data-plevix-product="invoice"] .template-choice,body[data-plevix-product="invoice"] .asset-upload,body[data-plevix-product="invoice"] .cloud-connection,body[data-plevix-product="invoice"] .capability{border-color:#e4e8ef;border-radius:14px;background:#fbfcfe}
body[data-plevix-product="invoice"] .template-choice:has(input:checked){border-color:#9f99fa;background:#f5f3ff;box-shadow:0 0 0 2px #7c3aed12}
body[data-plevix-product="invoice"] .app-install-card{border-radius:18px;background:linear-gradient(145deg,#111a31,#29275a)}
body[data-plevix-product="invoice"] .pay-square-box{border-radius:16px}
body[data-plevix-product="invoice"] .ef-grid{gap:14px}
body[data-plevix-product="invoice"] .ef-code{font-size:10px}
body[data-plevix-product="invoice"] .invoice-footer{max-width:none;margin:0;padding:10px 20px 28px;color:#7a879a;font-size:10px}

/* Mobile rail backdrop. */
body[data-plevix-product="invoice"] .invoice-sidebar-backdrop{position:fixed;inset:var(--px-global-height,64px) 0 0;z-index:715;width:100%;height:auto;min-height:0;border:0;border-radius:0;background:#02061788;backdrop-filter:blur(3px);cursor:pointer}
body[data-plevix-product="invoice"] .invoice-sidebar-backdrop[hidden]{display:none!important}
body[data-plevix-product="invoice"].invoice-nav-open{overflow:hidden}

@media(max-width:1180px){
 body[data-plevix-product="invoice"] #appShell.invoice-app-shell{grid-template-columns:225px minmax(0,1fr)}
 body[data-plevix-product="invoice"] .metricgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-plevix-product="invoice"] .invoice-top-actions .offline-badge{display:none}
 body[data-plevix-product="invoice"] #edit>.grid2{grid-template-columns:1fr}
}
@media(max-width:900px){
 body[data-plevix-product="invoice"] #appShell.invoice-app-shell{display:block}
 body[data-plevix-product="invoice"] .invoice-sidebar{position:fixed!important;left:0;top:var(--px-global-height,64px)!important;z-index:720;width:min(285px,88vw);height:calc(100vh - var(--px-global-height,64px))!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px #02061766}
 body[data-plevix-product="invoice"] .invoice-sidebar.open{transform:none}
 body[data-plevix-product="invoice"] .invoice-menu-btn{display:grid;place-items:center}
 body[data-plevix-product="invoice"] .invoice-topbar-inner{padding:9px 12px}
 body[data-plevix-product="invoice"] .invoice-content{padding:13px!important}
 body[data-plevix-product="invoice"] .invoice-toolbar-btn{width:42px;min-width:42px;padding:0;font-size:0}
 body[data-plevix-product="invoice"] .invoice-toolbar-btn:before{content:"↻";font-size:17px}
 body[data-plevix-product="invoice"] .section-heading{grid-template-columns:1fr;padding:21px}
 body[data-plevix-product="invoice"] .section-heading>.primary{justify-self:start}
 body[data-plevix-product="invoice"] .grid2,body[data-plevix-product="invoice"] .grid3,body[data-plevix-product="invoice"] .app-center,body[data-plevix-product="invoice"] .catalog-grid,body[data-plevix-product="invoice"] .ef-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
 body[data-plevix-product="invoice"] .invoice-content{padding:10px!important}
 body[data-plevix-product="invoice"] .invoice-top-actions{gap:6px!important}
 body[data-plevix-product="invoice"] .invoice-top-actions .new-invoice{width:44px;min-width:44px;padding:0;font-size:0}
 body[data-plevix-product="invoice"] .invoice-top-actions .new-invoice span:first-child{font-size:19px}
 body[data-plevix-product="invoice"] .invoice-top-actions .new-invoice span:last-child{display:none}
 body[data-plevix-product="invoice"] .section-heading{margin-bottom:10px!important;padding:19px;border-radius:19px}
 body[data-plevix-product="invoice"] .section-heading h2{font-size:22px!important}
 body[data-plevix-product="invoice"] .section-heading p{font-size:10px!important}
 body[data-plevix-product="invoice"] .heading-badge{display:none}
 body[data-plevix-product="invoice"] .metricgrid{grid-template-columns:1fr 1fr;gap:8px}
 body[data-plevix-product="invoice"] .metric{padding:13px}
 body[data-plevix-product="invoice"] .metric strong{font-size:18px}
 body[data-plevix-product="invoice"] .invoice-card-head{padding:14px 15px}
 body[data-plevix-product="invoice"] .invoice-card-body{padding:14px 15px}
 body[data-plevix-product="invoice"] .item{grid-template-columns:1fr!important}
 body[data-plevix-product="invoice"] .item>*{grid-column:auto!important}
 body[data-plevix-product="invoice"] .actions{gap:7px}
 body[data-plevix-product="invoice"] .invoice-card-body>.actions>button,body[data-plevix-product="invoice"] .invoice-card-body>.actions>.filebtn{flex:1 1 calc(50% - 7px)}
 body[data-plevix-product="invoice"] .filters>div{min-width:100%!important}
 body[data-plevix-product="invoice"] .invoice-footer{padding:10px 12px 88px;display:grid;gap:8px;text-align:center}
}
@media(max-width:390px){
 body[data-plevix-product="invoice"] .invoice-page-copy small{display:none}
 body[data-plevix-product="invoice"] .invoice-page-copy b{font-size:14px}
 body[data-plevix-product="invoice"] .metricgrid{grid-template-columns:1fr}
}
@media print{
 body[data-plevix-product="invoice"] #appShell.invoice-app-shell{display:block!important;min-height:0;background:#fff}
 body[data-plevix-product="invoice"] .invoice-sidebar,body[data-plevix-product="invoice"] .invoice-topbar,body[data-plevix-product="invoice"] .invoice-footer,body[data-plevix-product="invoice"] .invoice-sidebar-backdrop{display:none!important}
 body[data-plevix-product="invoice"] .invoice-content{display:block!important;padding:0!important}
 body[data-plevix-product="invoice"] .paper{width:210mm;min-height:297mm;padding:12mm 13mm 10mm;box-shadow:none}
}
/* Final readability and compact-toolbar corrections. */
body[data-plevix-product="invoice"] .invoice-nav .tab b{font-size:10px}
body[data-plevix-product="invoice"] .invoice-nav .tab small{font-size:10px}
body[data-plevix-product="invoice"] .invoice-card-head h3{font-size:14px!important}
body[data-plevix-product="invoice"] label{font-size:10px}
body[data-plevix-product="invoice"] input,body[data-plevix-product="invoice"] select,body[data-plevix-product="invoice"] textarea{font-size:11px}
body[data-plevix-product="invoice"] .muted{font-size:10px}
body[data-plevix-product="invoice"] td{font-size:10px}
@media(max-width:620px){
 body[data-plevix-product="invoice"] .invoice-toolbar-btn{display:none!important}
 body[data-plevix-product="invoice"] .invoice-page-copy{display:block!important;min-width:0!important}
 body[data-plevix-product="invoice"] .invoice-top-actions{flex:0 0 auto!important;width:auto!important}
 body[data-plevix-product="invoice"] .invoice-topbar-inner{gap:8px}
}
@media(max-width:620px){body[data-plevix-product="invoice"] .invoice-top-actions .new-invoice:after{content:none!important;display:none!important}}
/* Existing live invoice statistics are retained, but restyled as compact sidebar stats. */
body[data-plevix-product="invoice"] .invoice-nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent}
body[data-plevix-product="invoice"] .invoice-nav .nav-insights{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 0!important;padding-top:8px;border-top:1px solid #ffffff0d}
body[data-plevix-product="invoice"] .invoice-nav .nav-insight{min-width:0;padding:8px;border:1px solid #ffffff0d;border-radius:11px;background:#ffffff07}
body[data-plevix-product="invoice"] .invoice-nav .nav-insight span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f9cb2;font-size:10px;font-weight:900;letter-spacing:.06em}
body[data-plevix-product="invoice"] .invoice-nav .nav-insight b{display:block;margin-top:4px;color:#fff;font-size:11px}
body[data-plevix-product="invoice"] .invoice-nav .nav-insight small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#8f9cb2;font-size:10px}
body[data-plevix-product="invoice"] .invoice-nav .nav-insight.warning,body[data-plevix-product="invoice"] .invoice-nav .nav-insight.danger{border-color:#ffffff0d;background:#ffffff07}
body[data-plevix-product="invoice"] .invoice-nav .nav-insight.warning b{color:#fbbf24}
body[data-plevix-product="invoice"] .invoice-nav .nav-insight.danger b{color:#fb7185}
body[data-plevix-product="invoice"] .invoice-nav .nav-alerts{display:none!important}
body[data-plevix-product="invoice"] .invoice-nav .nav-plan{grid-column:1/-1;min-height:0;margin:0;padding:8px 9px;border:1px solid #ffffff12;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-align:left}
body[data-plevix-product="invoice"] .invoice-nav .nav-plan span,body[data-plevix-product="invoice"] .invoice-nav .nav-plan b,body[data-plevix-product="invoice"] .invoice-nav .nav-plan small{display:block}
body[data-plevix-product="invoice"] .invoice-nav .nav-plan span{font-size:10px;letter-spacing:.08em;opacity:.75}
body[data-plevix-product="invoice"] .invoice-nav .nav-plan b{margin-top:2px;font-size:10px}
body[data-plevix-product="invoice"] .invoice-nav .nav-plan small{margin-top:1px;font-size:10px;opacity:.72}
@media(max-height:760px) and (min-width:901px){body[data-plevix-product="invoice"] .invoice-nav .nav-insights{display:none!important}}
@media(max-width:900px){body[data-plevix-product="invoice"] .invoice-nav .nav-insights{display:none!important}}
body[data-plevix-product="invoice"] .invoice-nav{flex:1;min-height:0}

/* Vynutene biele pozadie plati LEN v svetlom rezime. Kym platilo vsade,
   súperilo s tmavou podobou a prehliadac raz vybral jedno, raz druhe. */
html[data-plevix-theme="dark"] body[data-plevix-product="invoice"] .card{background:#141a27!important;border-color:#303a50!important}

/* Hlavička karty bola napevno biela — v tmavom režime svietila nad tmavým
   telom karty. */
html[data-plevix-theme="dark"] .invoice-card-head{
  border-bottom-color:#303a50;
  background:#181e2b;
}

/* Posledné svetlé plochy vnútri Faktúr. Časť z nich je zapísaná priamo
   v `faktury/index.php` (blok <style>), preto sú tu selektory dôraznejšie —
   inak by ich pravidlo zo stránky prebilo. */
html[data-plevix-theme="dark"] body[data-plevix-product="invoice"] #appShell.invoice-app-shell{
  background:#0b101b!important;
}
html[data-plevix-theme="dark"] body[data-plevix-product="invoice"] .item{
  border-color:#303a50;
  background:#181e2b;
}
html[data-plevix-theme="dark"] body[data-plevix-product="invoice"] .sumrow.big{
  background:#1e1c3a;
  color:#c7c2ff;
}
html[data-plevix-theme="dark"] .summary{
  border-color:#303a50;
  background:#181e2b;
}
html[data-plevix-theme="dark"] .choice:has(input:checked),
html[data-plevix-theme="dark"] .template-choice:has(input:checked){
  border-color:#6257e8;
  background:#1e1c3a;
}

/* Bočný panel je pružný stĺpec (`display:flex`) s `overflow:hidden`. Ponuka
   v ňom je pružná položka, ktorú prehliadač pri nízkom okne ZMENŠÍ pod výšku
   jej obsahu — a keďže obsah sa nezmenšuje, pretečie von a kreslí sa CEZ
   kartu „Aktuálny balík" a stav synchronizácie pod ňou. Text sa potom
   prekrýval a nedal sa prečítať.

   `min-height:0` je nutné: bez neho má pružná položka najmenšiu výšku podľa
   obsahu a `overflow` sa neuplatní. S ním sa ponuka namiesto pretekania
   posúva.

   `!important` tu musí byť: vyššie v tomto súbore je
   `.invoice-nav.tabs{overflow:visible!important}`. Platí len nad 900 px —
   pod tým je ponuka rozbaľovacia a posúvanie by jej prekážalo. */
@media(min-width:901px){
  body[data-plevix-product="invoice"] .invoice-sidebar .invoice-nav.tabs{
    min-height:0;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
  }
}