/* PLEVIX Faktúry v20 – ergonomická navigácia, výrazný profil a Pro šablóny */
:root{--px20-sidebar:#10182d;--px20-sidebar2:#182543;--px20-glow:#7769ff;--px20-cyan:#22d3ee}

/* výraznejší profil v hlavičke */
.header-profile-card{position:relative;min-width:238px;max-width:290px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px 10px!important;border:1px solid #dfe4f0!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#f4f5ff)!important;color:#172033!important;text-align:left;box-shadow:0 10px 28px #312e8113!important}
html:not([data-plevix-theme="dark"]) .header-profile-card:hover{border-color:#bcb7f6!important;background:#fff!important;box-shadow:0 14px 34px #312e8120!important}
.header-profile-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;font-size:19px;font-weight:950;box-shadow:0 8px 20px #4f46e53a}
.header-profile-copy{min-width:0;display:flex;flex-direction:column}.header-profile-copy span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#7b8496}.header-profile-copy b{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.header-profile-copy small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68758a;font-size:10px}.header-profile-chevron{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#ecebff;color:#5147d8;font-size:14px}.header-profile-card .profile-live{position:absolute;width:10px;height:10px;margin:33px 0 0 36px;border:2px solid #fff;border-radius:50%;background:#10b981}.header-profile-card.is-local .profile-live{background:#f59e0b}
#cloudButton{display:none!important}.top-actions{flex-wrap:nowrap}.home-link.business-link{min-height:50px;padding:8px 12px!important;border-color:#dfe4f0!important;box-shadow:0 8px 22px #17203310!important}.home-link.business-link:before{width:32px;height:32px}

/* desktop sidebar bez vnútorného posúvania */
@media(min-width:1050px){
  #appShell main{grid-template-columns:252px minmax(0,1fr);gap:22px}
  #appShell main>.tabs{top:103px;max-height:none!important;overflow:visible!important;padding:10px;border-radius:22px;background:linear-gradient(165deg,var(--px20-sidebar),var(--px20-sidebar2));box-shadow:0 22px 55px #0f172a24}
  .tabs .nav-caption{padding:5px 9px 7px;font-size:10px}
  .tabs .tab{min-height:42px;gap:9px;padding:7px 9px;border-radius:12px}
  .tabs .tab .navicon{width:29px;height:29px;flex-basis:29px;font-size:14px}
  .tabs .tab b{font-size:11px}.tabs .tab small{font-size:10px;margin-top:1px}
  .nav-foot{display:none}
  .nav-insights{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;margin:8px 0 0!important}
  .nav-insight{min-height:59px;padding:8px!important;border-color:#ffffff10!important;background:#ffffff0a!important;color:#fff!important}
  .nav-insight span{font-size:10px!important;color:#aab5ca!important;letter-spacing:.05em!important}.nav-insight b{font-size:13px!important;color:#fff!important;margin-top:3px!important}.nav-insight small{font-size:10px!important;color:#8f9bb1!important;margin-top:1px!important}
  .nav-insight.warning{background:#f59e0b16!important;border-color:#f59e0b2b!important}.nav-insight.warning b{color:#fcd34d!important}.nav-insight.danger{background:#ef444416!important;border-color:#ef44442b!important}.nav-insight.danger b{color:#fca5a5!important}
  .nav-alerts{grid-column:1/-1;display:block!important}.nav-alerts .nav-alert{display:none}.nav-alerts .nav-alert:first-child{display:flex;min-height:34px;padding:6px 8px;border:0;background:#ffffff0c;color:#dbe4f5;font-size:10px}.nav-alerts .nav-alert b{font-size:10px}
  .nav-plan{grid-column:1/-1;min-height:45px;margin-top:0!important;padding:8px 10px!important;border:1px solid #ffffff13;border-radius:12px!important;text-align:left}.nav-plan span,.nav-plan small{font-size:10px!important}.nav-plan b{font-size:11px!important;margin-top:2px!important}
}

/* prepínač produktov PLEVIX */
.ecosystem-switcher{margin:8px 0 0;padding:8px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff08}.ecosystem-switcher>span{display:block;margin:0 2px 7px;color:#8793aa;font-size:10px;font-weight:900;letter-spacing:.11em}.ecosystem-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ecosystem-tool{min-width:0;padding:7px 3px!important;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #ffffff0d!important;border-radius:10px!important;background:#ffffff08!important;color:#cbd5e1!important;text-decoration:none;text-align:center;box-shadow:none!important}.ecosystem-tool:hover{background:#ffffff14!important;color:#fff!important}.ecosystem-tool.active{background:linear-gradient(135deg,#5b52e8,#7c3aed)!important;color:#fff!important}.ecosystem-tool i{font-style:normal;font-size:15px}.ecosystem-tool b{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.ecosystem-business{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;padding:6px;border-radius:9px;background:#ffffff08;color:#aeb9cd;text-decoration:none;font-size:10px;font-weight:800}.ecosystem-business:hover{background:#ffffff12;color:#fff}

/* prémiová galéria šablón */
.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.template-choice{min-height:90px}.template-choice.premium:after{content:'PRO';position:absolute;right:7px;top:7px;padding:3px 6px;border-radius:99px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:10px;font-weight:950;letter-spacing:.08em}.template-choice.locked{opacity:.72}.template-choice.locked:before{content:'⛨︎';position:absolute;right:8px;bottom:7px;font-size:11px}.template-choice.locked:hover{opacity:1;border-color:#a5b4fc}.template-thumb.executive{border-top:10px solid #172033}.template-thumb.executive:before{width:31px;background:#172033}.template-thumb.aurora{border-top:8px solid #7c3aed;border-left:5px solid #22d3ee}.template-thumb.aurora:before{background:#7c3aed}.template-thumb.studio{border-left:9px solid #ec4899}.template-thumb.studio:before{background:#ec4899}.template-thumb.corporate{border-top:5px solid #2563eb}.template-thumb.corporate:before{width:34px;background:#2563eb}.template-thumb.compact{padding:5px;gap:3px}.template-thumb.compact:before{height:4px;width:24px;background:#0f766e}.template-thumb.compact i:nth-child(2){margin-top:5px}
.template-access-note{margin:8px 0 14px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dddafa;border-radius:13px;background:linear-gradient(135deg,#f5f3ff,#eef2ff);color:#4138a4;font-size:10px}.template-access-note b{display:block;font-size:10px}.template-access-note span{display:block;margin-top:2px;color:#6e67a8}.template-access-note button{padding:7px 9px;font-size:10px}

/* nové vzhľady papiera */
.paper.template-executive{border-top:10mm solid #172033;padding-top:9mm}.paper.template-executive .inv-title{color:#172033;font-size:28px;letter-spacing:.04em}.paper.template-executive h3{color:var(--invoice-accent);text-transform:uppercase;letter-spacing:.08em}.paper.template-executive .paper-items th{padding:8px 5px;background:#172033;color:#fff;border:0}.paper.template-executive .paybox{border:0;border-left:4px solid var(--invoice-accent);background:#f3f5f8}.paper.template-executive .paper-total{background:#172033;color:#fff}
.paper.template-aurora{border-top:6mm solid transparent;border-image:linear-gradient(90deg,var(--invoice-accent),#22d3ee,#a855f7) 1}.paper.template-aurora .inv-title{color:var(--invoice-accent);font-size:29px}.paper.template-aurora h3{color:#5b21b6}.paper.template-aurora .paper-items th{color:#fff;background:linear-gradient(90deg,var(--invoice-accent),#7c3aed);border:0}.paper.template-aurora .paybox{border:1px solid #ddd6fe;background:linear-gradient(135deg,#faf5ff,#eff6ff)}.paper.template-aurora .paper-total{color:#fff;background:linear-gradient(90deg,var(--invoice-accent),#7c3aed)}
.paper.template-studio{border-left:8mm solid var(--invoice-accent);padding-left:10mm}.paper.template-studio .inv-title{text-align:left;color:var(--invoice-accent);font-size:31px}.paper.template-studio h3{color:#172033;border-bottom:2px solid var(--invoice-accent);padding-bottom:3mm}.paper.template-studio .paper-items th{color:var(--invoice-accent);border-bottom:2px solid var(--invoice-accent)}.paper.template-studio .paybox{border:0;background:#fff1f7}.paper.template-studio .paper-total{background:var(--invoice-accent);color:#fff}
.paper.template-corporate{border-top:3mm solid var(--invoice-accent)}.paper.template-corporate .inv-title{font-size:28px;color:#1e3a8a}.paper.template-corporate h3{padding-left:3mm;border-left:3px solid var(--invoice-accent);color:#1e3a8a}.paper.template-corporate .paper-items th{background:#eff6ff;color:#1e3a8a;border-bottom:2px solid var(--invoice-accent)}.paper.template-corporate .paybox{background:#f8fafc;border-color:#bfdbfe}.paper.template-corporate .paper-total{background:#dbeafe;color:#1e3a8a}
.paper.template-compact{padding:9mm 11mm 8mm}.paper.template-compact .inv-title{margin-bottom:10mm;font-size:22px}.paper.template-compact .topcols{gap:10mm}.paper.template-compact .paper h3,.paper.template-compact h3{margin-bottom:3mm}.paper.template-compact .dates{margin-top:4mm}.paper.template-compact .paybox{margin-top:4mm;min-height:34mm;padding:4mm}.paper.template-compact .paper-items{margin-top:6mm}.paper.template-compact .paper-items td{padding:3px 4px;font-size:10px}.paper.template-compact .paper-total{margin-top:3mm;font-size:15px}.paper.template-compact .signbox{margin-top:6mm;min-height:24mm}

/* profil v nastaveniach */
.account-strip{min-height:92px;padding:17px 19px;grid-template-columns:58px 1fr auto auto;border-color:#dcdff5;background:linear-gradient(135deg,#fff,#f3f2ff);box-shadow:0 15px 40px #312e8110}.account-strip .account-avatar{width:58px;height:58px;border-radius:18px;font-size:22px}.account-strip>div:nth-child(2)>span{font-size:10px}.account-strip>div:nth-child(2)>b{font-size:17px}.account-strip>div:nth-child(2)>small{font-size:10px}.account-strip>button{min-height:43px}

@media(min-width:1050px) and (max-height:720px){.tabs .tab{min-height:37px;padding:5px 8px}.tabs .tab small{display:none}.nav-alerts{display:none!important}.nav-insight{min-height:51px}.ecosystem-switcher{margin-top:5px;padding:6px}.ecosystem-tool{padding:5px 2px!important}.nav-plan{min-height:39px}}
@media(max-width:1049px){.ecosystem-switcher{display:none}.header-profile-card{position:relative;min-width:205px}}
@media(max-width:760px){.header-profile-card{position:relative;min-width:0;width:54px;height:54px;padding:3px!important;display:block;border-radius:17px!important}.header-profile-avatar{width:46px;height:46px}.header-profile-copy,.header-profile-chevron{display:none}.header-profile-card .profile-live{margin:32px 0 0 33px}.home-link.business-link{width:43px;min-height:43px;padding:5px!important;font-size:0}.home-link.business-link:before{margin:0}.template-gallery{grid-template-columns:1fr}.account-strip{grid-template-columns:52px 1fr}.account-strip .account-avatar{width:52px;height:52px}.account-strip>.connection-pill,.account-strip>button{grid-column:auto}.account-strip>button{grid-column:1/-1}.top-actions{margin-left:auto}}
@media(max-width:480px){header .brand>div:last-child{display:none}.top-actions{width:100%;justify-content:flex-end}.header-profile-card{order:1}.home-link{order:2}.new-invoice{order:3}.template-access-note{align-items:flex-start;flex-direction:column}}

/* 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"] .header-profile-card:hover{border-color:#39435a!important;background:#1b2130!important}
