.demo-gallery{background:white;border:1px solid #d5c8e7;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px #36204e12}.demo-themes,.demo-tabs{display:flex;gap:8px;padding:14px 18px;flex-wrap:wrap}.demo-themes{align-items:center;border-bottom:1px solid #e4daee}.demo-themes span{font-size:13px;font-weight:700;color:#51405f;margin-right:auto}.demo-tabs{background:#f1eafb}.demo-themes button,.demo-tabs button{font:700 13px Manrope,system-ui,sans-serif;padding:11px 15px;border:1px solid #c5b2e4;border-radius:9px;background:#fff;color:#43265d;cursor:pointer}.demo-themes button[aria-pressed=true]{background:#352144;color:#fff}.demo-tabs button[aria-pressed=true]{background:#6436b8;color:#fff;border-color:#6436b8}.demo-gallery button:focus-visible,.demo-gallery a:focus-visible{outline:3px solid #a77bfa;outline-offset:2px}.demo-label{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:#5c4776;padding:12px 18px;border-bottom:1px solid #eee5f6}.demo-label button{font:700 12px inherit;border:1px solid #d4c6e9;color:#583783;background:#f8f5fc;padding:9px 12px;border-radius:8px;white-space:nowrap}.demo-note{font-size:13px;color:#5d506e;padding:16px 20px;margin:0;line-height:1.7}.demo-gallery.expanded{position:fixed;inset:12px;z-index:1000;display:flex;flex-direction:column;border-radius:14px}.demo-gallery.expanded #sx-demo{height:auto;flex:1;min-height:0}.demo-gallery.expanded .demo-note{display:none}
#sx-demo{--bg:#f5f2f9;--card:#fff;--fg:#30283d;--muted:#70677b;--line:#e6dfee;--accent:#7045b3;--soft:#eee6fc;--side:#30203f;--sidefg:#eee7f8;--selected:#70508b;height:700px;display:grid;grid-template-columns:193px minmax(0,1fr);font:14px/1.55 Manrope,system-ui,sans-serif;text-align:left;color:var(--fg);background:var(--bg);position:relative;isolation:isolate}
#sx-demo[data-theme=light]{--bg:#f8f9fc;--side:#fff;--sidefg:#443551;--selected:#eee4fb}#sx-demo[data-theme=dark]{--bg:#19151f;--card:#27222e;--fg:#f2edf8;--muted:#c0b6ce;--line:#44394f;--accent:#b593f4;--soft:#382c49;--side:#221a2d;--sidefg:#f2edf8;--selected:#534063}
#sx-demo *{box-sizing:border-box}#sx-demo h1,#sx-demo h2,#sx-demo h3,#sx-demo p{margin:0}#sx-demo h1{font-size:25px;line-height:1.3;letter-spacing:-.7px}#sx-demo h2{font-size:17px;line-height:1.4}#sx-demo h3{font-size:15px}#sx-demo button,#sx-demo input,#sx-demo select{font:inherit}#sx-demo button{cursor:pointer}#sx-demo button:disabled{opacity:.55;cursor:default}#sx-demo .demo-side{background:var(--side);color:var(--sidefg);padding:23px 13px;overflow-y:auto;border-right:1px solid var(--line)}#sx-demo .demo-brand{font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:21px;margin:0 0 24px}#sx-demo .demo-brand svg{width:27px;height:30px;flex:0 0 27px}#sx-demo .demo-company{padding:13px 10px;background:#987bb329;border:1px solid #987bb34d;border-radius:10px;margin-bottom:26px;font-size:12px}#sx-demo .demo-company b{display:block;font-size:13px}#sx-demo .demo-side small{display:block;opacity:.7;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;padding:0 12px 9px}#sx-demo .demo-menu{display:grid;gap:5px}#sx-demo .demo-menu button{display:flex;gap:10px;align-items:center;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font-size:12px;padding:11px 10px;min-height:43px}#sx-demo .demo-menu button[aria-current=page]{background:var(--selected);font-weight:700}#sx-demo svg.icon{width:20px;height:20px;flex:0 0 20px}#sx-demo .demo-viewport{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;min-width:0}#sx-demo .demo-topbar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line);background:var(--card)}#sx-demo .demo-topbar input{width:100%;max-width:265px;min-width:0;background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:9px 12px;border-radius:9px;font-size:12px}#sx-demo .demo-user{font-size:11px;white-space:nowrap;color:var(--muted)}#sx-demo .demo-user b{display:inline-grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:50%;width:31px;height:31px;font-size:12px;margin-left:8px}#sx-demo .demo-content{padding:26px 24px 36px;min-height:790px}#sx-demo .demo-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:23px}#sx-demo .demo-heading p{color:var(--muted);font-size:12px;margin-top:6px}#sx-demo .demo-pill{font-size:11px;background:var(--soft);color:var(--accent);padding:5px 10px;border-radius:20px;font-weight:700;white-space:nowrap}#sx-demo .demo-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:16px}#sx-demo .demo-guide{border:1px solid #b59bcf;background:var(--card);display:flex;gap:15px;align-items:flex-start}#sx-demo .guide-symbol{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:11px;background:var(--soft);color:var(--accent)}#sx-demo .demo-guide p{color:var(--muted);font-size:12px;margin:7px 0 15px}#sx-demo .demo-primary,#sx-demo .demo-secondary{padding:10px 15px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid var(--line);background:var(--card);color:var(--fg);min-height:39px}#sx-demo .demo-primary{background:#7045b3;border-color:#7045b3;color:#fff}#sx-demo .demo-link{background:transparent;border:0;color:var(--accent);font-size:12px;padding:8px 0;font-weight:700}#sx-demo .demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}#sx-demo .demo-stat{border:1px solid var(--line);padding:16px;background:var(--card);border-radius:12px}#sx-demo .demo-stat span{font-size:11px;color:var(--muted);display:block}#sx-demo .demo-stat b{font-size:21px;letter-spacing:-.8px;display:block;margin-top:5px;font-variant-numeric:tabular-nums}#sx-demo .demo-stat small{display:block;color:var(--muted);font-size:10px;margin-top:5px}#sx-demo .demo-split{display:grid;grid-template-columns:1.1fr 1fr;gap:15px}#sx-demo .demo-task{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}#sx-demo .demo-task:last-child{border:0}#sx-demo .demo-task span{flex:1}#sx-demo .demo-task small{display:block;color:var(--muted);font-size:11px;margin-top:3px}#sx-demo .demo-check{width:27px;height:27px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--accent);font-weight:800}#sx-demo .demo-mini{font-size:11px;color:var(--muted)}#sx-demo .demo-bars{height:150px;display:flex;align-items:flex-end;gap:9px;padding:16px 4px 24px}#sx-demo .demo-bars div{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;gap:6px;font-size:10px;color:var(--muted)}#sx-demo .demo-bars i{width:100%;background:linear-gradient(#ae8bdf,#7045b3);border-radius:5px 5px 0 0;display:block;max-width:31px}#sx-demo .demo-table-wrap{overflow-x:auto}#sx-demo table{border-collapse:collapse;width:100%;font-size:12px}#sx-demo th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;padding:11px 8px;border-bottom:1px solid var(--line)}#sx-demo td{padding:13px 8px;border-bottom:1px solid var(--line)}#sx-demo td:last-child,#sx-demo th:last-child{text-align:right}#sx-demo td small{display:block;color:var(--muted);font-size:10px}#sx-demo .money{white-space:nowrap;font-variant-numeric:tabular-nums}#sx-demo .status{display:inline-block;font-size:10px;border-radius:20px;padding:4px 8px;background:var(--soft);color:var(--accent)}#sx-demo .demo-report-row{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}#sx-demo .demo-report-row.total{font-weight:800;font-size:14px}#sx-demo .demo-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}#sx-demo .demo-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#sx-demo .demo-tile{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:21px;text-align:left;color:var(--fg)}#sx-demo .demo-tile svg{color:var(--accent);margin-bottom:12px}#sx-demo .demo-tile b{display:block;margin-bottom:7px}#sx-demo .demo-tile span{font-size:12px;color:var(--muted)}#sx-demo .demo-form{display:grid;gap:14px}#sx-demo .demo-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}#sx-demo .demo-form input,#sx-demo .demo-form select{border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:11px;border-radius:8px;width:100%}#sx-demo .demo-notice{padding:12px 15px;background:var(--soft);border-radius:9px;font-size:12px;color:var(--fg);margin-bottom:16px}#sx-demo .demo-footer{padding:18px 0 0;color:var(--muted);font-size:10px}#sx-demo .demo-search-results{display:grid;gap:8px}#sx-demo .demo-search-results button{text-align:left}#sx-demo [hidden]{display:none!important}
@media(max-width:800px){#sx-demo{grid-template-columns:156px minmax(0,1fr)}#sx-demo .demo-content{padding:22px 16px}#sx-demo .demo-brand{font-size:17px;gap:5px}#sx-demo .demo-stat b{font-size:17px}#sx-demo .demo-split{grid-template-columns:1fr}#sx-demo .demo-stats{gap:7px}#sx-demo .demo-stat{padding:12px}#sx-demo .demo-user{display:none}}
@media(max-width:560px){#sx-demo{display:flex;flex-direction:column;height:740px}#sx-demo .demo-side{padding:12px;overflow:visible;border-bottom:1px solid var(--line)}#sx-demo .demo-brand{margin:0 0 10px;font-size:19px}#sx-demo .demo-company,#sx-demo .demo-side>small{display:none}#sx-demo .demo-menu{display:flex;overflow-x:auto;gap:5px}#sx-demo .demo-menu button{white-space:nowrap;padding:8px;font-size:11px}#sx-demo .demo-menu svg{display:none}#sx-demo .demo-viewport{flex:1}#sx-demo .demo-content{padding:20px 13px}#sx-demo .demo-stats{grid-template-columns:1fr}#sx-demo .demo-stat{display:flex;justify-content:space-between;align-items:center;gap:10px}#sx-demo .demo-stat small{display:none}#sx-demo .demo-heading{align-items:flex-start}#sx-demo h1{font-size:22px}#sx-demo .demo-topbar{padding:11px 14px}#sx-demo .demo-tiles{grid-template-columns:1fr}.demo-label{flex-wrap:wrap}.demo-themes{gap:6px}.demo-themes span{width:100%}.demo-themes button,.demo-tabs button{padding:10px;font-size:11px}.demo-gallery.expanded{inset:0;border-radius:0}}

/* 20261110: seznam računov kot v programu */
.dz-list{display:flex;flex-direction:column;gap:8px}
.dz-row{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;cursor:pointer;transition:box-shadow .15s}
.dz-row:hover{box-shadow:0 6px 18px rgba(40,20,90,.08)}
.dz-main{display:grid;grid-template-columns:12px auto 1fr auto auto auto 18px;align-items:center;gap:12px;padding:12px 16px}
.dz-main .dz-who{min-width:0}.dz-who small{display:block;color:var(--muted);font-size:.82em}
.dz-dot{width:10px;height:10px;border-radius:50%;background:#bbb}.dz-dot.g{background:#1f9d63}.dz-dot.o{background:#e08a1e}.dz-dot.v{background:#8a6cf0}.dz-dot.n{background:#9a95a8}
.dz-tag,.dz-grp{font-size:.78em;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.dz-tag.g{background:#e3f6ec;color:#0f5a37}.dz-tag.o{background:#fdeedb;color:#8a4a06}.dz-tag.v{background:#efe9ff;color:#4b2fc0}.dz-tag.n{background:#eeedf2;color:#555}
.dz-grp.si{background:#1f8a5b;color:#fff}.dz-grp.beu{background:#2563eb;color:#fff}.dz-grp.seu{background:#7c3aed;color:#fff}
.dz-amt{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.dz-chev{color:var(--muted);transition:transform .15s}.dz-row.open .dz-chev{transform:rotate(180deg)}
.dz-card{display:none;margin:0 12px 12px;padding:14px 16px;border-radius:12px;background:#fff;color:#1d1830;border:1px solid #ece6f8;box-shadow:0 4px 14px rgba(40,20,90,.06)}
.dz-row.open .dz-card{display:block}
.dz-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;margin-bottom:10px}
.dz-kv small{display:block;color:#7a7390;font-size:.78em}.dz-kv b{font-size:.92em}
@media(max-width:640px){.dz-main{grid-template-columns:12px 1fr auto;}.dz-main .dz-no{grid-column:2}.dz-main .dz-tag,.dz-main .dz-grp,.dz-main .dz-chev{display:none}}
.dz-main>.dz-who:nth-child(2){grid-column:2 / 4}.dz-grp{justify-self:start}
@media(max-width:640px){.dz-main>.dz-who:nth-child(2){grid-column:2}}