:root{--px-global-height:64px;--px-global-navy:#0f172a;--px-global-navy2:#24214f;--px-global-purple:#5b50e8;--px-global-purple2:#8b5cf6;--px-global-line:#e1e6ef;--px-global-text:#1c273b;--px-global-muted:#738096}
html{max-width:100%;overflow-x:clip}body.px-unified-shell{max-width:100%;overflow-x:clip!important;padding-top:var(--px-global-height)!important}
.px-global-topbar{position:fixed;left:0;right:0;top:0;z-index:5000;height:var(--px-global-height);border-bottom:1px solid #ffffff16;background:linear-gradient(115deg,var(--px-global-navy),var(--px-global-navy2));color:#fff;box-shadow:0 10px 28px #0f172a28;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.px-global-inner{width:100%;height:100%;display:flex;align-items:center;gap:10px;padding:0 clamp(12px,2.2vw,32px);min-width:0;box-sizing:border-box}
.px-global-brand,.px-global-current,.px-global-help,.px-global-account,.px-global-tools-button{display:flex;align-items:center;text-decoration:none;color:inherit;min-width:0}
.px-global-brand{gap:9px;flex:none}.px-global-brand>i{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);box-shadow:0 8px 25px #6366f14d;font-style:normal;font-size:12px;font-weight:950}.px-global-brand span,.px-global-brand b,.px-global-brand small,.px-global-current span,.px-global-current b,.px-global-current small,.px-global-account span,.px-global-account b,.px-global-account small{display:block;min-width:0}.px-global-brand b{font-size:13px;letter-spacing:.08em}.px-global-brand small{margin-top:1px;color:#aeb8cb;font-size:10px}
.px-global-divider{width:1px;height:32px;background:#ffffff1f;flex:none}.px-global-current{gap:8px;max-width:230px;padding:6px 10px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff09}.px-global-current>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#8b5cf626;color:#ddd6fe;font-style:normal;font-size:15px}.px-global-current small{color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.1em}.px-global-current b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.px-global-tools-wrap{position:relative;flex:none}.px-global-tools-button{height:42px;gap:8px;padding:0 12px;border:1px solid #ffffff1c;border-radius:12px;background:#ffffff0d;color:#fff;cursor:pointer;font:inherit;font-size:11px;font-weight:850}.px-global-tools-button:hover,.px-global-tools-wrap.open .px-global-tools-button{background:#ffffff18;border-color:#a78bfa66}.px-global-tools-button>i{font-style:normal;color:#c4b5fd}.px-global-tools-button>em{font-style:normal;color:#aeb8cb;font-size:10px}
.px-global-spacer{flex:1;min-width:4px}.px-global-help{gap:7px;padding:8px 9px;border-radius:11px;color:#cbd5e1;font-size:10px;font-weight:800}.px-global-help:hover{background:#ffffff0e;color:#fff}.px-global-help i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#ffffff10;font-style:normal}
.px-global-account{flex:none;max-width:245px;display:grid;grid-template-columns:36px minmax(0,1fr) 22px;gap:8px;align-items:center;padding:5px 7px;border:1px solid #ffffff1a;border-radius:13px;background:#ffffff0c;color:#fff;cursor:pointer;text-align:left}.px-global-account:hover{background:#ffffff17;border-color:#a78bfa62}.px-global-account>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);font-style:normal;font-weight:950}.px-global-account small{color:#9aa7ba;font-size:10px;font-weight:900;letter-spacing:.09em}.px-global-account b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.px-global-account>em{font-style:normal;color:#aeb8cb;text-align:center}.px-global-account.signed>i:after{content:"";position:absolute;width:8px;height:8px;margin:25px 0 0 25px;border:2px solid #24214f;border-radius:50%;background:#34d399}
.px-global-tools-panel{position:fixed;left:clamp(12px,2vw,28px);right:clamp(12px,2vw,28px);top:calc(var(--px-global-height) + 8px);z-index:5001;max-width:980px;margin:auto;padding:14px;border:1px solid #dfe4ed;border-radius:20px;background:#fff;color:var(--px-global-text);box-shadow:0 28px 80px #0f172a4a;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - var(--px-global-height) - 22px)}.px-global-tools-panel[hidden]{display:none!important}.px-global-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 12px}.px-global-panel-head small,.px-global-panel-head b{display:block}.px-global-panel-head small{color:#7a8598;font-size:10px;font-weight:900;letter-spacing:.12em}.px-global-panel-head b{margin-top:3px;font-size:15px}.px-global-panel-head button{width:34px;height:34px;border:0;border-radius:10px;background:#eef1f6;color:#4e5b70;font-size:20px;cursor:pointer}.px-global-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.px-global-tool{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;border:1px solid #e7ebf2;border-radius:14px;background:#fbfcfe;color:#2c374c;text-decoration:none}.px-global-tool:hover{border-color:#c8c4fa;background:#f7f6ff;transform:translateY(-1px)}.px-global-tool.active{border-color:#b8b4f8;background:linear-gradient(145deg,#f4f2ff,#fff);box-shadow:inset 3px 0 #635bff}.px-global-tool>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ecebff;color:#5548e8;font-style:normal;font-size:17px}.px-global-tool b,.px-global-tool small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-global-tool b{font-size:11px}.px-global-tool small{margin-top:3px;color:#788498;font-size:10px}.px-global-tool>em{font-style:normal;color:#a0a8b6}.px-global-panel-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f5}.px-global-panel-foot a{padding:8px 10px;border-radius:10px;background:#f4f6fa;color:#4d5a70;text-decoration:none;font-size:10px;font-weight:850}
/* Remove the old, differently positioned ecosystem launchers. */
.px-unified-shell .px-module-toolbar .px-suite-menu,.px-unified-shell .px-module-toolbar .px21-suite-menu,.px-unified-shell #appShell header .px21-suite-menu{display:none!important}
/* One consistent secondary toolbar in every product. */
.px-unified-shell .px-module-toolbar{top:var(--px-global-height)!important;z-index:700!important;max-width:100%!important;box-sizing:border-box!important;border-bottom:1px solid var(--px-global-line)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px);box-shadow:0 7px 24px #0f172a0b!important}
.px-unified-shell .px-module-toolbar .top-actions,.px-unified-shell .px-module-toolbar .topactions,.px-unified-shell .px-module-toolbar .actions{min-width:0!important;max-width:100%;display:flex!important;align-items:center!important;justify-content:flex-end;gap:8px!important;flex-wrap:nowrap!important}
.px-unified-shell .px-module-toolbar .page-copy,.px-unified-shell .px-module-toolbar .top-title,.px-unified-shell .px-module-toolbar .brand{min-width:0;flex:1}.px-unified-shell .px-module-toolbar h1,.px-unified-shell .px-module-toolbar #pageTitle,.px-unified-shell .px-module-toolbar #viewTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-unified-shell .px-module-toolbar #profileButton,.px-unified-shell .px-module-toolbar #accountButton,.px-unified-shell .px-module-toolbar #cloudButton,.px-unified-shell .px-module-toolbar .home-link,.px-unified-shell .px-module-toolbar .business{display:none!important}
/* Faktúry use the same visual shell as the remaining tools. */
html:not([data-plevix-theme="dark"]) body[data-plevix-product="invoice"] #appShell>header{position:sticky;top:var(--px-global-height);z-index:700;background:#fff!important;border-bottom:1px solid var(--px-global-line);box-shadow:0 7px 24px #0f172a0b}
body[data-plevix-product="invoice"] #appShell>header .wrap.head{max-width:none!important;min-height:74px;padding:9px clamp(14px,2vw,28px)!important;gap:14px}
body[data-plevix-product="invoice"] #appShell>header .brandmark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);box-shadow:0 8px 22px #4f46e537}
body[data-plevix-product="invoice"] #appShell>header .brandmark i{color:#fff!important}body[data-plevix-product="invoice"] #appShell>header .brand h1{font-size:15px;letter-spacing:.02em;color:#1c273b}body[data-plevix-product="invoice"] #appShell>header .brand .sub{font-size:10px;color:#6f7c91}body[data-plevix-product="invoice"] #appShell>header .profile-pill{font-size:10px}
body[data-plevix-product="invoice"] .sync-strip{max-width:none!important;margin:12px clamp(14px,2vw,28px) 0!important;padding:10px 12px!important;border:1px solid #e1e6ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0f172a0a}
body[data-plevix-product="invoice"] #appShell main{max-width:none!important;padding-left:clamp(14px,2vw,28px)!important;padding-right:clamp(14px,2vw,28px)!important}
body[data-plevix-product="invoice"] #appShell main>.tabs{border:1px solid #ffffff14!important;background:linear-gradient(165deg,#0f172a,#24214f)!important;box-shadow:0 22px 55px #0f172a24!important}body[data-plevix-product="invoice"] .tabs .tab{color:#cbd5e1!important}body[data-plevix-product="invoice"] .tabs .tab:hover{background:#ffffff10!important;color:#fff!important}body[data-plevix-product="invoice"] .tabs .tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;box-shadow:0 10px 24px #4f46e53d!important}body[data-plevix-product="invoice"] .tabs .nav-caption,body[data-plevix-product="invoice"] .tabs .nav-foot{color:#94a3b8!important}
@media(max-width:1050px){
 .px-global-current{max-width:185px}.px-global-account{max-width:190px}.px-global-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .px-unified-shell .px-module-toolbar #syncButton{width:44px!important;min-width:44px!important;font-size:0!important;padding-left:0!important;padding-right:0!important}.px-unified-shell .px-module-toolbar #syncButton:before{content:"↻";font-size:18px}
}
@media(max-width:820px){
 :root{--px-global-height:58px}.px-global-inner{gap:6px;padding:0 9px}.px-global-brand span,.px-global-divider,.px-global-current span,.px-global-help span,.px-global-account span,.px-global-account>em,.px-global-tools-button span,.px-global-tools-button>em{display:none}.px-global-brand>i{width:38px;height:38px}.px-global-current{padding:5px;max-width:none}.px-global-current>i{width:34px;height:34px}.px-global-tools-button{width:42px;padding:0;justify-content:center}.px-global-help{padding:4px}.px-global-help i{width:34px;height:34px}.px-global-account{display:block;width:42px;padding:3px}.px-global-account>i{width:34px;height:34px}.px-global-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.px-global-tools-panel{top:calc(var(--px-global-height) + 6px);padding:10px;border-radius:16px}
 .px-unified-shell .px-module-toolbar{min-height:62px!important;padding-left:10px!important;padding-right:10px!important}.px-unified-shell .px-module-toolbar .profile-copy,.px-unified-shell .px-module-toolbar .px-profile-copy{display:none!important}.px-unified-shell .px-module-toolbar .state-pill,.px-unified-shell .px-module-toolbar .state,.px-unified-shell .px-module-toolbar .company-switch,.px-unified-shell .px-module-toolbar .company{display:none!important}
 body[data-plevix-product="invoice"] #appShell>header .wrap.head{min-height:62px;padding:7px 10px!important}body[data-plevix-product="invoice"] #appShell>header .brandmark{width:40px;height:40px}body[data-plevix-product="invoice"] #appShell>header .brand .sub,body[data-plevix-product="invoice"] #appShell>header .profile-pill{display:none}body[data-plevix-product="invoice"] .sync-strip{display:none!important}
}
@media(max-width:520px){
 .px-global-tools-grid{grid-template-columns:1fr}.px-global-tool{grid-template-columns:40px minmax(0,1fr) 16px}.px-global-panel-foot{justify-content:stretch}.px-global-panel-foot a{flex:1;text-align:center}
 .px-unified-shell .px-module-toolbar .top-actions,.px-unified-shell .px-module-toolbar .topactions,.px-unified-shell .px-module-toolbar .actions{gap:5px!important}.px-unified-shell .px-module-toolbar .top-title span,.px-unified-shell .px-module-toolbar .page-copy small{display:none!important}.px-unified-shell .px-module-toolbar .primary span{display:none}
 body[data-plevix-product="invoice"] #appShell>header .brand>div:last-child{display:block!important}body[data-plevix-product="invoice"] #appShell>header .brand h1{font-size:12px}body[data-plevix-product="invoice"] #appShell>header .new-invoice{display:inline-flex!important;width:44px!important;min-width:44px!important;font-size:0!important;padding:0!important;justify-content:center}body[data-plevix-product="invoice"] #appShell>header .new-invoice:first-letter{font-size:19px}
}
@media print{body.px-unified-shell{padding-top:0!important}.px-global-topbar{display:none!important}}
/* Sticky product rails account for the global header instead of hiding underneath it. */
.px-unified-shell .sidebar{top:var(--px-global-height)!important;height:calc(100vh - var(--px-global-height))!important}
@media(min-width:1050px){body[data-plevix-product="invoice"] #appShell main>.tabs{top:calc(var(--px-global-height) + 88px)!important;max-height:calc(100vh - var(--px-global-height) - 108px)!important}}
.px-global-account>i{position:relative}
@media(max-width:520px){
 body[data-plevix-product="invoice"] #appShell>header .wrap.head{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
 body[data-plevix-product="invoice"] #appShell>header .brand{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important}
 body[data-plevix-product="invoice"] #appShell>header .brandmark{display:flex!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important}
 body[data-plevix-product="invoice"] #appShell>header .brand>div:last-child{min-width:0!important;overflow:hidden}
 body[data-plevix-product="invoice"] #appShell>header .brand h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body[data-plevix-product="invoice"] #appShell>header .new-invoice{position:relative;flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:46px!important;font-size:0!important;line-height:0!important;overflow:hidden}
 body[data-plevix-product="invoice"] #appShell>header .new-invoice::before{content:"＋";display:block;font-size:21px;line-height:1}
}
@media(max-width:520px){
 body[data-plevix-product="invoice"] #appShell>header .top-actions{width:auto!important;flex:0 0 auto!important;margin-left:auto!important}
 body[data-plevix-product="invoice"] #appShell>header .new-invoice{color:transparent!important;text-indent:-9999px!important}
 body[data-plevix-product="invoice"] #appShell>header .new-invoice::before{position:absolute;inset:0;display:grid!important;place-items:center;color:#fff!important;text-indent:0!important}
}

/* Spodná hranica pre <small>. Prehliadač mu sám dáva 0,83× veľkosť rodiča,
   takže v 10 px kontajneri z neho vyjde 8,3 px. Nízka špecifickosť — kde je
   veľkosť určená priamo, platí tá. */
small{font-size:max(10px,.85em)}

/* 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"] #appShell>header{background:#0b101b!important}

/* ── Ponuka nástrojov v tmavom režime ─────────────────────────────────────
   Panel mal napevno `background:#fff`, ale text v ňom už tmavú podobu dostal:
   názvy nástrojov boli takmer biele (#f5f7ff) na bielom podklade a nedali sa
   prečítať. Preto sa tu stmavujú POVRCHY — text už farbu má. */
html[data-plevix-theme="dark"] .px-global-tools-panel{
  border-color:#303a50;
  background:#141a27;
  color:#e8edf7;
  box-shadow:0 28px 80px rgba(0,0,0,.55);
}
html[data-plevix-theme="dark"] .px-global-panel-head small{color:#9aa6ba}
html[data-plevix-theme="dark"] .px-global-panel-head b{color:#f4f7ff}
html[data-plevix-theme="dark"] .px-global-panel-head button{
  background:#1e2636;
  color:#c2cada;
}
html[data-plevix-theme="dark"] .px-global-panel-head button:hover{background:#263043}
html[data-plevix-theme="dark"] .px-global-tool{
  border-color:#303a50;
  background:#181e2b;
  color:#e8edf7;
}
html[data-plevix-theme="dark"] .px-global-tool:hover{
  border-color:#4b4590;
  background:#1e2636;
}
html[data-plevix-theme="dark"] .px-global-tool.active{
  border-color:#6257e8;
  background:linear-gradient(145deg,#1e1c3a,#181e2b);
}
html[data-plevix-theme="dark"] .px-global-tool>i{
  background:#241f47;
  color:#b9b0ff;
}
html[data-plevix-theme="dark"] .px-global-tool b{color:#f4f7ff}
html[data-plevix-theme="dark"] .px-global-tool small{color:#9aa6ba}
html[data-plevix-theme="dark"] .px-global-tool>em{color:#7f8ba0}
html[data-plevix-theme="dark"] .px-global-panel-foot a{
  background:#1e2636;
  color:#c2cada;
}
html[data-plevix-theme="dark"] .px-global-panel-foot a:hover{background:#263043}

/* ── Účet v hornej lište nesmie z nej vytŕčať ─────────────────────────────
   Lišta má pevnú výšku v pixeloch (`--px-global-height`), lebo sa od nej
   odvíja odsadenie obsahu aj poloha panelu. Obsah pilulky sa však riadi
   veľkosťou písma: pri väčšom písme v prehliadači alebo dlhšom stave sa
   popiska „PLEVIX ÚČET" zalomí na dva riadky a pilulka lištu prerastie.
   Popiska preto ostáva na jednom riadku (rovnako ako stav pod ňou) a výška
   pilulky je zhora zastropovaná. */
.px-global-account small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.px-global-account{
  max-height:calc(var(--px-global-height) - 12px);
  overflow:hidden;
}