.bt-alat{--surface:var(--card-bg);--surface-2:var(--bg-subtle);--line:var(--border);--brand:var(--btn-bg);--brand-2:var(--accent);--brand-soft:color-mix(in srgb, var(--accent) 12%, var(--bg));--na-boji:var(--btn-fg);--ok:#156f3a;--ok-soft:#dff3e6;--warn:#8a5a06;--warn-soft:#fbefd2;--crit:#b02a25;--crit-soft:#fadddb;--info:#265e9e;--info-soft:#dce8f6;--display:var(--font-jakarta), var(--font-inter), system-ui, sans-serif;--body:var(--font-jakarta), var(--font-inter), system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r:10px;--shadow:0 1px 2px #0f1b2d0f,0 8px 24px #0f1b2d0f;color:var(--fg);font-family:var(--body);font-size:var(--fs-tekst);line-height:1.5}[data-theme=dark] .bt-alat{--ok:#42c277;--ok-soft:#153626;--warn:#e6b445;--warn-soft:#3b2e10;--crit:#ff645a;--crit-soft:#431b1a;--info:#6fa4e8;--info-soft:#1c2f4d;--shadow:0 1px 2px #0006,0 8px 24px #00000059}.bt-alat .card{border-radius:var(--r);padding:18px;transition:none}.bt-alat .card:hover{box-shadow:none;border-color:var(--line);transform:none}.bt-alat .btn.primary,.bt-alat .btn.active,.bt-alat .seg button.on{color:var(--na-boji)}.bt-alat h2,.bt-alat h3{color:var(--fg)}.bt-alat .field input[type=radio],.bt-alat .field input[type=checkbox]{flex:none;width:auto}.bt-alat *{box-sizing:border-box}.bt-alat h1{font-family:var(--display);font-weight:800;font-size:var(--fs-h1);letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px;line-height:1.1}.bt-alat h2{font-family:var(--display);font-weight:700;font-size:var(--fs-h4);letter-spacing:.005em;margin:0 0 10px}.bt-alat h3{font-family:var(--display);font-weight:700;font-size:var(--fs-tekst);margin:0 0 6px}.bt-alat p{max-width:68ch;margin:0 0 10px}.bt-alat .lead{color:var(--muted);font-size:var(--fs-tekst);max-width:68ch;margin-bottom:22px}.bt-alat .eyebrow{font-family:var(--mono);font-size:var(--fs-mikro);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bt-alat .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:18px}.bt-alat .card.raised{box-shadow:var(--shadow)}.bt-alat .grid{gap:16px;display:grid}.bt-alat .grid.two{grid-template-columns:1fr 1fr}.bt-alat .grid.three{grid-template-columns:repeat(3,1fr)}.bt-alat .grid.four{grid-template-columns:repeat(4,1fr)}@media (max-width:760px){.bt-alat .grid.two,.bt-alat .grid.three,.bt-alat .grid.four{grid-template-columns:1fr}.bt-alat .grid.four{grid-template-columns:1fr 1fr}}.bt-alat .kpi{flex-direction:column;gap:2px;display:flex}.bt-alat .kpi .v{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.05}.bt-alat .kpi .l{color:var(--muted);font-size:var(--fs-malo)}.bt-alat .pill{font-size:var(--fs-mikro);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-weight:600;line-height:1.5;display:inline-flex}.bt-alat .pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.bt-alat .pill.ok{background:var(--ok-soft);color:var(--ok)}.bt-alat .pill.warn{background:var(--warn-soft);color:var(--warn)}.bt-alat .pill.crit{background:var(--crit-soft);color:var(--crit)}.bt-alat .pill.info{background:var(--info-soft);color:var(--info)}.bt-alat .pill.muted{background:var(--surface-2);color:var(--muted)}.bt-alat .btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-weight:600;font-size:var(--fs-malo);cursor:pointer;border-radius:8px;padding:8px 14px;line-height:1.3}.bt-alat .btn:hover{border-color:var(--brand-2)}.bt-alat .btn:focus-visible,.bt-alat input:focus-visible,.bt-alat select:focus-visible,.bt-alat button:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.bt-alat .btn.primary{background:var(--brand-2);border-color:var(--brand-2);color:#fff}.bt-alat .btn.primary:hover{filter:brightness(1.08)}.bt-alat .btn.danger{background:var(--crit);border-color:var(--crit);color:#fff}.bt-alat .btn.sm{font-size:var(--fs-malo);padding:5px 10px}.bt-alat .btn[disabled]{opacity:.5;cursor:not-allowed}.bt-alat .btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.bt-alat .field{flex-direction:column;gap:5px;min-width:0;display:flex}.bt-alat .field label{font-size:var(--fs-malo);color:var(--fg);font-weight:600}.bt-alat .field .hint{font-size:var(--fs-mikro);color:var(--muted)}.bt-alat .field input,.bt-alat .field select{font:inherit;font-size:var(--fs-tekst);border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:8px;width:100%;min-width:0;padding:8px 10px}.bt-alat .field input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums}.bt-alat .field input[type=range]{accent-color:var(--brand-2);padding:0}.bt-alat .unit{align-items:center;gap:8px;display:flex}.bt-alat .unit input{flex:1}.bt-alat .unit span{color:var(--muted);font-family:var(--mono);font-size:var(--fs-malo);white-space:nowrap}.bt-alat .seg{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.bt-alat .seg button{appearance:none;background:var(--surface);color:var(--fg);font:inherit;font-size:var(--fs-malo);cursor:pointer;border:0;padding:7px 12px;font-weight:600}.bt-alat .seg button+button{border-left:1px solid var(--line)}.bt-alat .seg button.on{background:var(--brand);color:#fff}[data-theme=dark] .bt-alat .seg button.on{background:var(--brand-2)}.bt-alat table{border-collapse:collapse;width:100%;font-size:var(--fs-malo)}.bt-alat th,.bt-alat td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.bt-alat th{font-size:var(--fs-mikro);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600}.bt-alat td.num,.bt-alat th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.bt-alat .tablewrap{min-width:0;overflow-x:auto}.bt-alat .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.bt-alat .note{font-size:var(--fs-malo);color:var(--muted);border-left:3px solid var(--line);margin-top:14px;padding-left:10px}.bt-alat .result{background:var(--brand-soft);border-radius:var(--r);border:1px solid #0000;padding:18px}.bt-alat .result .big{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(34px,6vw,52px);font-weight:800;line-height:1}.bt-alat .result .big small{color:var(--muted);margin-left:6px;font-size:.45em;font-weight:700}.bt-alat .warnbox{font-size:var(--fs-malo);border:1px solid;border-radius:8px;margin-top:10px;padding:10px 12px}.bt-alat .warnbox.warn{background:var(--warn-soft);color:var(--fg);border-color:#0000}.bt-alat .warnbox.crit{background:var(--crit-soft);color:var(--fg);border-color:#0000}.bt-alat .warnbox.ok{background:var(--ok-soft);color:var(--fg);border-color:#0000}.bt-alat .stack{flex-direction:column;gap:12px;min-width:0;display:flex}.bt-alat .grid>*,.bt-alat .stack>*{min-width:0}.bt-alat .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bt-alat .sr{position:absolute;left:-9999px}@media (prefers-reduced-motion:reduce){.bt-alat *{transition:none!important;animation:none!important}}