/* * Financial Management — Control Panel provozovatele. © 2026 Petr Hasil. Všechna práva vyhrazena. * Autor a vlastník autorských práv: Petr Hasil, petr@hasil.info * Užití, kopírování, úpravy a šíření jen na základě písemné licence autora — viz LICENSE. */ /* STYLY PANELU (PH 29. 9. 2026: „Control Panel v lehce jiném designu — 3 formáty, které si sám zapnu, pořád podobné barvy"). Výchozí „Jako aplikace" = bez atributu. Ostatní se zapínají atributem data-cp-styl na (assets/cp-styl.js, hned při načtení bez bliknutí) a kombinují se se světlým i tmavým motivem. Jen přebarvení a rozměry — žádná změna rozvržení ani obsahu stránek. namornicky … tmavě modré levé menu s oranžovým zvýrazněním, světlá horní lišta kompaktni … hustší a plošší: menší zaoblení, bez stínů, užší menu, víc dat na obrazovku vzdusny … měkčí a prostornější: větší zaoblení, jemné stíny, menu a záložky jako pilulky */ /* ── 1. NÁMOŘNICKÝ ─────────────────────────────────────────────────────── */ html[data-cp-styl="namornicky"] .sidebar{background:linear-gradient(180deg,#132A55 0%,#1B3A6B 55%,#1F4279 100%);border-right:none} html[data-cp-styl="namornicky"] .sb-logo{border-bottom-color:rgba(255,255,255,.12)} html[data-cp-styl="namornicky"] .sb-logo:hover{background:rgba(255,255,255,.06)} html[data-cp-styl="namornicky"] .sb-logo .ln-badge{background:#F5A623;color:#132A55} html[data-cp-styl="namornicky"] .sb-logo-txt .ls{color:#fff;text-decoration-color:#F5A623} html[data-cp-styl="namornicky"] .sb-block{color:#8FA9D6;border-top-color:rgba(255,255,255,.12)} html[data-cp-styl="namornicky"] .sb-item,html[data-cp-styl="namornicky"] .sb-subnav a{color:#D6E2F5;position:relative} html[data-cp-styl="namornicky"] .sb-item svg{color:#9DB5DA} html[data-cp-styl="namornicky"] .sb-item:hover,html[data-cp-styl="namornicky"] .sb-subnav a:hover{background:rgba(255,255,255,.08);color:#fff} html[data-cp-styl="namornicky"] .sb-item.active,html[data-cp-styl="namornicky"] .sb-subnav a.active{background:rgba(255,255,255,.13);color:#fff;box-shadow:inset 3px 0 0 #F5A623} html[data-cp-styl="namornicky"] .sb-item.active svg{color:#F5A623} html[data-cp-styl="namornicky"] .sb-subnav a .dot{background:#8FA9D6} html[data-cp-styl="namornicky"] .sb-bottom,html[data-cp-styl="namornicky"] .sb-user-role,html[data-cp-styl="namornicky"] .sb-paticka{color:#B7C8E6;border-color:rgba(255,255,255,.12)} html[data-cp-styl="namornicky"] .cp-verze{color:#8FA9D6} html[data-cp-styl="namornicky"] .topbar{background:var(--surface);box-shadow:0 1px 0 var(--border),0 4px 14px rgba(27,58,107,.06);border-bottom:3px solid #F5A623} html[data-cp-styl="namornicky"] .breadcrumb{color:var(--blue)} html[data-cp-styl="namornicky"] .topbar .filter-pill{background:var(--blue-light);color:var(--blue);border-color:var(--blue-border)} html[data-cp-styl="namornicky"] .topbar .filter-pill:hover{background:var(--blue);color:#fff} html[data-cp-styl="namornicky"] .db2-panel h3{border-bottom-color:#F5A623} html[data-cp-styl="namornicky"][data-theme="dark"] .sidebar{background:linear-gradient(180deg,#0B1630 0%,#11224A 100%)} html[data-cp-styl="namornicky"][data-theme="dark"] .breadcrumb{color:var(--text)} html[data-cp-styl="namornicky"][data-theme="dark"] .topbar .filter-pill{color:#C9D7EE} /* ── 2. KOMPAKTNÍ ─────────────────────────────────────────────────────── */ html[data-cp-styl="kompaktni"]{--radius:8px;--radius-sm:5px;--shadow:none;--shadow-lg:0 1px 3px rgba(0,0,0,.08)} html[data-cp-styl="kompaktni"] body{background-image:none} html[data-cp-styl="kompaktni"] .sidebar{width:218px} html[data-cp-styl="kompaktni"] .sb-logo{padding:12px 14px} html[data-cp-styl="kompaktni"] .sb-logo .ln-badge{font-size:18px;padding:5px 12px;border-radius:6px} html[data-cp-styl="kompaktni"] .sb-item{padding:6px 10px;font-size:12px;margin-bottom:1px} html[data-cp-styl="kompaktni"] .sb-subnav a{padding:5px 9px;font-size:11.5px} html[data-cp-styl="kompaktni"] .sb-block{margin:10px 10px 4px;padding-top:7px} html[data-cp-styl="kompaktni"] .topbar{background:#1B3A6B;min-height:48px;padding:7px 20px;box-shadow:none} html[data-cp-styl="kompaktni"] .topbar .filter-pill{height:30px;padding:0 11px;border-radius:5px} html[data-cp-styl="kompaktni"] .content{padding:16px 18px} html[data-cp-styl="kompaktni"] .db2-panel{border-radius:6px;padding:10px 12px;margin-bottom:10px;box-shadow:none} html[data-cp-styl="kompaktni"] .db2-panel h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;border-bottom-width:1px; padding:0 0 5px 8px;border-left:3px solid #F5A623} html[data-cp-styl="kompaktni"] .cp-mrizka{gap:10px;margin-bottom:10px} html[data-cp-styl="kompaktni"] .dash-card{padding:12px;border-radius:6px} html[data-cp-styl="kompaktni"] .db2-tab th,html[data-cp-styl="kompaktni"] .db2-tab td{padding-top:4px;padding-bottom:4px} html[data-cp-styl="kompaktni"] .btn{padding:5px 11px;border-radius:5px} html[data-cp-styl="kompaktni"] .cp-zalozky{gap:0;border-bottom:1px solid var(--border)} html[data-cp-styl="kompaktni"] .cp-zalozky a{border:none;border-radius:0;background:none;padding:7px 12px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text)} html[data-cp-styl="kompaktni"] .cp-zalozky a:hover{color:var(--blue);border-bottom-color:var(--blue-border)} html[data-cp-styl="kompaktni"] .cp-zalozky a.on{background:none;color:var(--blue);border-bottom-color:#F5A623} html[data-cp-styl="kompaktni"][data-theme="dark"] .topbar{background:#101B33} html[data-cp-styl="kompaktni"][data-theme="dark"] .cp-zalozky a.on{background:none;color:#fff} @media (max-width:900px){html[data-cp-styl="kompaktni"] .sidebar{width:100%}} /* ── 3. VZDUŠNÝ ───────────────────────────────────────────────────────── */ html[data-cp-styl="vzdusny"]{--radius:18px;--radius-sm:12px;--shadow:0 6px 24px rgba(27,58,107,.08),0 1px 3px rgba(27,58,107,.05)} html[data-cp-styl="vzdusny"]:not([data-theme="dark"]) body{background:linear-gradient(160deg,#EEF2FB 0%,#F7F9FD 45%,#FFF8EC 100%) fixed} html[data-cp-styl="vzdusny"] .shell{border:none;box-shadow:0 10px 40px rgba(27,58,107,.12)} html[data-cp-styl="vzdusny"] .app-main{background:var(--surface2)} html[data-cp-styl="vzdusny"]:not([data-theme="dark"]) .app-main{background:#F6F8FC} html[data-cp-styl="vzdusny"] .sidebar{border-right:none} html[data-cp-styl="vzdusny"] .sb-item,html[data-cp-styl="vzdusny"] .sb-subnav a{border-radius:999px;padding-left:14px} html[data-cp-styl="vzdusny"] .sb-item.active,html[data-cp-styl="vzdusny"] .sb-subnav a.active{background:var(--blue);color:#fff} html[data-cp-styl="vzdusny"] .sb-item.active svg{color:#fff} html[data-cp-styl="vzdusny"] .topbar{border-bottom:3px solid #F5A623;padding:14px 32px} html[data-cp-styl="vzdusny"] .topbar .filter-pill{border-radius:999px} html[data-cp-styl="vzdusny"] .content{padding:28px 32px} html[data-cp-styl="vzdusny"] .db2-panel{border:none;border-radius:18px;padding:16px 20px;margin-bottom:18px;box-shadow:var(--shadow)} html[data-cp-styl="vzdusny"] .db2-panel h3{font-size:14.5px;color:var(--blue);border-bottom:none;padding-bottom:2px;margin-bottom:12px} html[data-cp-styl="vzdusny"] .db2-panel h3::after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:#F5A623;margin-top:6px} html[data-cp-styl="vzdusny"] .cp-mrizka{gap:18px;margin-bottom:18px} html[data-cp-styl="vzdusny"] .dash-card{border:none;border-radius:18px;box-shadow:var(--shadow)} html[data-cp-styl="vzdusny"] .btn{border-radius:999px;padding:8px 16px} html[data-cp-styl="vzdusny"] .cp-pole input,html[data-cp-styl="vzdusny"] .cp-pole select,html[data-cp-styl="vzdusny"] .cp-pole textarea,html[data-cp-styl="vzdusny"] .cp-vstup{border-radius:10px} html[data-cp-styl="vzdusny"] .cp-zalozky{gap:8px} html[data-cp-styl="vzdusny"] .cp-zalozky a{box-shadow:0 1px 3px rgba(27,58,107,.08);border-color:transparent} html[data-cp-styl="vzdusny"][data-theme="dark"] .db2-panel,html[data-cp-styl="vzdusny"][data-theme="dark"] .dash-card{box-shadow:0 6px 24px rgba(0,0,0,.35)} html[data-cp-styl="vzdusny"][data-theme="dark"] .db2-panel h3{color:#93B4E6} html[data-cp-styl="vzdusny"][data-theme="dark"] .sb-item.active,html[data-cp-styl="vzdusny"][data-theme="dark"] .sb-subnav a.active{background:#2B5190} @media (max-width:760px){ html[data-cp-styl="vzdusny"] .content{padding:16px} html[data-cp-styl="vzdusny"] .topbar{padding:12px 16px} } /* ── výběr stylu (Nastavení panelu → Vzhled panelu, assets/cp-styl.js) ──── */ .cp-styly{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px;margin:6px 0} .cp-styl-karta{display:grid;gap:8px;border:2px solid var(--border);border-radius:10px;padding:10px;background:var(--surface);cursor:pointer; text-align:left;font:inherit;color:var(--text)} .cp-styl-karta:hover{border-color:var(--blue-3)} .cp-styl-karta.on{border-color:#F5A623;box-shadow:0 0 0 3px rgba(245,166,35,.2)} .cp-styl-karta b{font-size:13px} .cp-styl-karta small{color:var(--text2);font-size:11.5px;line-height:1.35} .cp-styl-nahled{display:grid;grid-template-columns:28% 1fr;height:74px;border-radius:6px;overflow:hidden;border:1px solid var(--border)} .cp-styl-nahled i{display:block} .cp-styl-nahled .m{background:#fff;border-right:1px solid #DDE3EE} .cp-styl-nahled .o{display:grid;grid-template-rows:16px 1fr;background:#F1F5F9} .cp-styl-nahled .l{background:linear-gradient(92deg,#111f4d,#24468e)} .cp-styl-nahled .p{margin:7px;border-radius:5px;background:#fff;border:1px solid #DDE3EE} .cp-styl-nahled.namornicky .m{background:linear-gradient(180deg,#132A55,#1F4279)} .cp-styl-nahled.namornicky .l{background:#fff;border-bottom:3px solid #F5A623} .cp-styl-nahled.kompaktni{grid-template-columns:24% 1fr} .cp-styl-nahled.kompaktni .l{background:#1B3A6B} .cp-styl-nahled.kompaktni .p{margin:4px;border-radius:2px;border-left:3px solid #F5A623} .cp-styl-nahled.vzdusny{background:linear-gradient(160deg,#EEF2FB,#FFF8EC)} .cp-styl-nahled.vzdusny .l{border-bottom:3px solid #F5A623} .cp-styl-nahled.vzdusny .p{margin:9px;border-radius:10px;border:none;box-shadow:0 3px 10px rgba(27,58,107,.15)}