:root{--ax-bg:#f4f6fa;--ax-surface:#fff;--ax-subtle:#f8f9fc;--ax-text:#172033;--ax-muted:#5c667a;--ax-line:#dde2eb;--ax-brand:#4f46e5;--ax-brand-soft:#eeedff;--ax-good:#087554;--ax-good-soft:#e8f6f0;--ax-bad:#b4233a;--ax-bad-soft:#fff0f2;--ax-warn:#8e5900;--ax-warn-soft:#fff5df;--ax-nav:#141d30;--ax-nav-text:#d1d8e7;--ax-shadow:0 16px 48px #10182e20;--ax-radius:12px}
[data-theme="dark"]{--ax-bg:#111827;--ax-surface:#1b2537;--ax-subtle:#172132;--ax-text:#f0f3fa;--ax-muted:#b0bbcf;--ax-line:#354158;--ax-brand:#a8a2ff;--ax-brand-soft:#322e57;--ax-good:#78dbb7;--ax-good-soft:#143d35;--ax-bad:#ff9eae;--ax-bad-soft:#452632;--ax-warn:#f6cd7d;--ax-warn-soft:#423722;--ax-nav:#0d1422;--ax-nav-text:#d1d8e7}
*{box-sizing:border-box}body{margin:0;background:var(--ax-bg);color:var(--ax-text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ax-brand);outline-offset:3px}a{color:var(--ax-brand)}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;line-height:1.2}h2{font-size:18px;letter-spacing:-.25px}h3{font-size:15px}small,.muted{color:var(--ax-muted)}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.pos{color:var(--ax-good)}.neg{color:var(--ax-bad)}.right{text-align:right}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:240px;top:-80px;z-index:30;background:var(--ax-surface);padding:12px}.skip:focus{top:10px}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.side{background:var(--ax-nav);color:var(--ax-nav-text);position:fixed;inset:0 auto 0 0;width:224px;display:flex;flex-direction:column;padding:29px 18px 18px;z-index:5}.brand{font-size:20px;letter-spacing:-.7px;font-weight:700;color:white;display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:#7169ef;border-radius:8px}.brand-mark svg{width:18px}.workspace{padding:13px 12px;background:#202b41;border:1px solid #33415b;border-radius:10px;margin-bottom:27px}.workspace b{display:block;color:#f1f4ff;font-size:13px}.workspace span{font-size:11px;color:#b0bfd8}.nav-label{font-size:10px;letter-spacing:1.4px;margin:0 12px 9px;color:#9faec7;font-weight:600}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;gap:11px;border:0;text-align:left;background:transparent;color:var(--ax-nav-text);padding:11px 13px;border-radius:8px;font-size:13px;font-weight:500;min-height:44px}.nav button:hover{background:#23304a}.nav button.active{color:#fff;background:#39346a}.nav button .count{margin-left:auto;background:#625aa0;font-size:10px;padding:1px 6px;border-radius:5px}.side-bottom{margin-top:auto;padding-top:40px}.side-foot{border-top:1px solid #344158;margin-top:20px;padding:18px 11px 0;font-size:11px;color:#a8b7cf;display:flex;gap:8px;align-items:center}.dot{height:6px;width:6px;background:currentColor;border-radius:50%;display:inline-block;flex:none}.app{grid-column:2;min-width:0}.topbar{height:72px;background:var(--ax-surface);border-bottom:1px solid var(--ax-line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px}.crumb{font-size:12px;color:var(--ax-muted)}.crumb strong{color:var(--ax-text);font-weight:500}.top-actions,.actions,.row{display:flex;gap:10px;align-items:center}.top-actions select{width:166px;font-size:12px;min-height:36px}.demo-label{font-size:11px;font-weight:650;color:var(--ax-warn);padding:4px 9px;border-radius:6px;background:var(--ax-warn-soft);white-space:nowrap}.avatar{display:grid;place-items:center;width:32px;height:32px;background:var(--ax-brand-soft);color:var(--ax-brand);border-radius:50%;font-size:11px;font-weight:700}main{padding:30px 32px 48px;max-width:1660px;margin:auto;min-height:calc(100vh - 72px)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.page-head p{margin-top:7px;color:var(--ax-muted);font-size:13px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.2px;text-transform:uppercase;color:var(--ax-muted);margin-bottom:8px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--ax-line);background:var(--ax-surface);border-radius:8px;min-height:40px;padding:9px 14px;font-weight:600;font-size:12px;text-decoration:none;white-space:nowrap}.button:hover{background:var(--ax-subtle)}.button.primary{background:var(--ax-brand);border-color:var(--ax-brand);color:white}.button.primary:hover{filter:brightness(1.1)}[data-theme=dark] .button.primary{color:#161331}.button.danger{color:var(--ax-bad);border-color:var(--ax-bad)}.button.ghost{border-color:transparent;background:transparent}.button.small{min-height:32px;padding:5px 10px;font-size:11px}.icon-button{width:36px;min-height:36px;padding:8px;display:inline-grid;place-items:center;border:1px solid var(--ax-line);background:var(--ax-surface);border-radius:8px}.text-button{border:0;padding:0;background:transparent;color:var(--ax-brand);font:inherit;text-align:left;font-weight:600;line-height:1.4}.text-button:hover{text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--ax-surface);border:1px solid var(--ax-line);border-radius:var(--ax-radius);margin-bottom:20px}.stat{padding:20px 23px}.stat+.stat{border-left:1px solid var(--ax-line)}.stat-label{color:var(--ax-muted);font-size:12px;display:block}.stat-value{display:block;font-size:26px;font-weight:650;letter-spacing:-.75px;margin:5px 0 3px}.stat-value em{font-style:normal;font-size:12px;font-weight:500;margin-left:4px;letter-spacing:0}.stat-sub{font-size:11px;color:var(--ax-muted)}.notice{display:flex;align-items:center;gap:10px;background:var(--ax-warn-soft);color:var(--ax-warn);border:1px solid #e7cd97;padding:11px 14px;border-radius:9px;font-size:12px;margin-bottom:20px}.notice .text-button{color:inherit;margin-left:auto;white-space:nowrap}.notice.neutral{background:var(--ax-brand-soft);border-color:var(--ax-line);color:var(--ax-text)}.surface{background:var(--ax-surface);border:1px solid var(--ax-line);border-radius:var(--ax-radius);overflow:hidden}.surface-head{padding:20px 21px 15px;display:flex;justify-content:space-between;gap:16px;align-items:center}.surface-head p{color:var(--ax-muted);font-size:12px;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;background:var(--ax-subtle);color:var(--ax-muted);border:1px solid var(--ax-line);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600;white-space:nowrap;line-height:1.3}.badge.good,.badge.long{color:var(--ax-good);background:var(--ax-good-soft);border-color:transparent}.badge.bad,.badge.short{color:var(--ax-bad);background:var(--ax-bad-soft);border-color:transparent}.badge.warn{color:var(--ax-warn);background:var(--ax-warn-soft);border-color:transparent}.badge.brand{color:var(--ax-brand);background:var(--ax-brand-soft);border-color:transparent}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.surface .toolbar{padding:0 21px 16px;margin:0}.search{position:relative;flex:1;min-width:200px;max-width:340px}.search .icon{position:absolute;left:12px;top:11px;color:var(--ax-muted);width:16px}.search input{padding-left:37px!important;width:100%}.input,input:not([type=checkbox]):not([type=radio]),select{min-height:40px;border:1px solid var(--ax-line);border-radius:7px;padding:9px 11px;background:var(--ax-surface);color:var(--ax-text);min-width:0}select{padding-right:28px}input[type=checkbox],input[type=radio]{accent-color:var(--ax-brand);width:17px;height:17px;margin:0;flex:none}.toolbar select{font-size:12px;max-width:195px}.seg{display:inline-flex;padding:3px;background:var(--ax-subtle);border:1px solid var(--ax-line);border-radius:8px;gap:2px}.seg button{padding:6px 11px;min-height:32px;background:transparent;border:0;border-radius:5px;color:var(--ax-muted);font-size:12px;white-space:nowrap}.seg button[aria-pressed=true]{background:var(--ax-surface);color:var(--ax-text);box-shadow:0 1px 3px #10182818;font-weight:600}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.data-table th{padding:12px 16px;color:var(--ax-muted);font-size:10px;letter-spacing:.15px;font-weight:600;background:var(--ax-subtle);white-space:nowrap;border-top:1px solid var(--ax-line);border-bottom:1px solid var(--ax-line)}.data-table td{padding:15px 16px;border-bottom:1px solid var(--ax-line);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--ax-subtle)}.data-table td:first-child,.data-table th:first-child{padding-left:21px}.data-table .sub{display:block;font-size:10px;color:var(--ax-muted);margin-top:4px;font-weight:400}.trade-name{font-weight:650;font-size:13px;color:var(--ax-text);white-space:nowrap}.coin{width:28px;height:28px;display:inline-grid;place-items:center;background:var(--ax-subtle);border:1px solid var(--ax-line);border-radius:50%;font-size:10px;font-weight:700;color:var(--ax-text);flex:none}.bot-identity{display:flex;align-items:center;gap:9px}.bot-mark{height:29px;width:29px;border-radius:8px;display:inline-grid;place-items:center;font-size:9px;font-weight:750;flex:none;background:color-mix(in srgb,var(--bot-color) 12%,var(--ax-surface));color:var(--bot-color);border:1px solid color-mix(in srgb,var(--bot-color) 25%,var(--ax-line))}.bot-identity button{font-size:11px;color:var(--ax-text);max-width:175px}.bot-identity small{display:block;font-size:10px;margin-top:2px}.dca-progress{display:flex;gap:3px;margin-bottom:5px}.dca-progress i{display:block;height:4px;width:13px;background:var(--ax-line);border-radius:2px}.dca-progress i.filled{background:var(--ax-brand)}.dca-progress i.next{background:var(--ax-surface);border:1px solid var(--ax-brand)}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--ax-muted);padding:12px 21px;border-top:1px solid var(--ax-line)}.group-row td{background:var(--ax-brand-soft)!important;padding:10px 21px!important}.group-row .bot-identity button{font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:27px 0 14px}.bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bot-card{border:1px solid var(--ax-line);border-radius:12px;background:var(--ax-surface);padding:19px}.bot-card .bot-identity button{font-size:14px;max-width:none}.bot-card .bot-mark{width:36px;height:36px;font-size:11px}.bot-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.bot-card h3{margin-top:17px;font-size:20px;letter-spacing:-.4px}.bot-card-meta{display:flex;gap:7px;align-items:center;margin:8px 0 18px;font-size:11px;color:var(--ax-muted)}.bot-card .pair-line{display:flex;align-items:center;gap:7px;margin-top:20px}.bot-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--ax-line);padding-top:15px}.bot-card-stats span{display:block;color:var(--ax-muted);font-size:10px}.bot-card-stats strong{font-size:15px;font-weight:600;display:block;margin-top:3px}.bot-card-foot{margin-top:19px;display:flex;justify-content:space-between;align-items:center}.empty{padding:50px 24px;text-align:center}.empty h3{margin-bottom:7px}.empty p{color:var(--ax-muted);max-width:440px;margin:0 auto 18px}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--ax-line);margin:8px 0 22px;overflow-x:auto}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ax-muted);padding:12px 0;white-space:nowrap;font-size:12px}.tabs button.active{color:var(--ax-brand);border-bottom-color:var(--ax-brand);font-weight:650}.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.padding{padding:22px}.key-values{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px}.key-values dt{font-size:11px;color:var(--ax-muted);margin-bottom:5px}.key-values dd{margin:0;font-size:14px;font-weight:550}.description{font-size:12px;color:var(--ax-muted);line-height:1.7}.timeline{list-style:none;padding:0;margin:12px 0 0}.timeline li{position:relative;padding:0 0 23px 26px;font-size:12px}.timeline li:before{content:"";position:absolute;left:3px;top:6px;width:6px;height:6px;background:var(--ax-brand);border-radius:50%}.timeline li:not(:last-child):after{content:"";position:absolute;left:5px;top:16px;bottom:3px;width:1px;background:var(--ax-line)}.timeline small{display:block;margin-top:4px;font-size:10px}.divider{height:1px;background:var(--ax-line);margin:20px 0}.drawer{margin:0 0 0 auto;inset:0 0 0 auto;width:min(600px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--ax-line);background:var(--ax-surface);color:var(--ax-text);box-shadow:var(--ax-shadow)}dialog::backdrop{background:#111c3673}.drawer-inner{height:100%;display:flex;flex-direction:column}.drawer-head{padding:24px 26px 18px;border-bottom:1px solid var(--ax-line)}.drawer-head .row{justify-content:space-between}.drawer-body{padding:0 26px 26px;overflow:auto;flex:1;min-height:0}.drawer-footer{padding:16px 26px;border-top:1px solid var(--ax-line);display:flex;justify-content:space-between;gap:8px;background:var(--ax-surface)}.drawer .tabs{position:sticky;top:0;background:var(--ax-surface);z-index:1;padding-top:3px}.pnl-large{font-size:36px;font-weight:650;letter-spacing:-1px;margin:5px 0 0}.price-chart{width:100%;height:215px;display:block;margin:10px 0}.price-chart text{font:11px Inter,"Segoe UI",sans-serif;fill:var(--ax-muted)}.price-chart .axis{stroke:var(--ax-line)}.price-chart .level{stroke:var(--ax-brand);stroke-width:1.5;stroke-dasharray:4 4}.price-chart .current{stroke:var(--ax-text);stroke-width:2}.price-chart .tp{stroke:var(--ax-good)}.price-chart .sl{stroke:var(--ax-bad)}[data-theme=dark] .bot-mark{color:color-mix(in srgb,var(--bot-color) 45%,white)}.confirm{width:min(480px,calc(100vw - 32px));border:1px solid var(--ax-line);border-radius:14px;padding:26px;background:var(--ax-surface);color:var(--ax-text);box-shadow:var(--ax-shadow)}.confirm h2{font-size:21px;margin:0 0 12px}.confirm p{color:var(--ax-muted);font-size:13px;margin-bottom:18px}.confirm .actions{justify-content:flex-end;margin-top:24px}.toast{position:fixed;bottom:24px;left:calc(50% + 90px);transform:translateX(-50%);z-index:50;background:var(--ax-text);color:var(--ax-surface);padding:13px 20px;border-radius:10px;box-shadow:var(--ax-shadow);font-size:12px;max-width:calc(100vw - 32px);pointer-events:none}.toast:empty{display:none}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.steps{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--ax-line);overflow-x:auto}.steps button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ax-muted);padding:13px 15px 15px 0;display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;flex:1}.step-number{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--ax-line);border-radius:50%;font-size:10px}.steps button.active{border-bottom-color:var(--ax-brand);color:var(--ax-brand);font-weight:600}.steps button.active .step-number{background:var(--ax-brand);color:white;border-color:var(--ax-brand)}.form-card{padding:25px;background:var(--ax-surface);border:1px solid var(--ax-line);border-radius:12px}.form-card h2{margin-bottom:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-top:25px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label,.field-label{font-size:12px;font-weight:600}.field small{font-size:11px;line-height:1.5}.field .unit{position:relative}.field .unit input{width:100%;padding-right:64px}.field .unit span{position:absolute;right:12px;top:11px;color:var(--ax-muted);font-size:12px}.field input,.field select{width:100%;min-height:43px}.field input[aria-invalid=true]{border-color:var(--ax-bad)}.error-text{color:var(--ax-bad);font-size:11px}.field .choice{display:flex;gap:6px}.choice label{display:flex;gap:8px;align-items:center;border:1px solid var(--ax-line);border-radius:8px;min-height:43px;padding:10px;flex:1;font-size:11px}.choice label:has(input:checked){border-color:var(--ax-brand);background:var(--ax-brand-soft);color:var(--ax-brand)}.toggle-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--ax-line)}.toggle-line label{font-weight:600;font-size:13px}.toggle-line small{display:block;font-size:11px;margin-top:4px}.toggle-line input{width:19px;height:19px}.form-foot{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.summary-sticky{position:sticky;top:24px}.summary-sticky .padding{padding:21px}.summary-sticky .key-values{gap:18px 14px}.summary-sticky .key-values dd{font-size:12px}.summary-sticky .key-values dt{font-size:10px}.summary-sticky h3{font-size:14px}.order-preview{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--ax-line);font-size:11px}.order-preview:last-child{border-bottom:0}.order-preview>strong{margin-left:auto}.order-num{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:var(--ax-brand-soft);color:var(--ax-brand);font-size:10px}.ratio-line{display:grid;grid-template-columns:1fr 95px 34px;gap:10px;align-items:center;margin-top:8px;font-size:12px}.ratio-line input{width:100%;min-height:34px!important}.review-section{border-bottom:1px solid var(--ax-line);padding:18px 0}.review-section:first-of-type{padding-top:24px}.review-section h3{font-size:13px;margin-bottom:12px}.review-section .row{justify-content:space-between}.event-list{list-style:none;padding:0;margin:0}.event-list li{padding:20px 22px;display:grid;grid-template-columns:35px minmax(0,1fr) 110px;gap:12px;border-bottom:1px solid var(--ax-line)}.event-list li:last-child{border:0}.event-list h3{font-size:13px;font-weight:550;margin-bottom:4px}.event-list p{font-size:12px;color:var(--ax-muted)}.event-list time{font-size:11px;color:var(--ax-muted);text-align:right}.help{margin-top:20px;border-top:1px solid var(--ax-line);padding-top:15px}.help summary{font-size:12px;color:var(--ax-brand);cursor:pointer}.help p{font-size:12px;line-height:1.7;color:var(--ax-muted);margin-top:10px}.status-demo{font-size:11px;color:var(--ax-muted);margin-top:26px;text-align:right}.test-bars{display:flex;align-items:end;height:110px;gap:10px;padding:10px 0 0}.test-bars i{flex:1;background:var(--ax-brand-soft);border-top:2px solid var(--ax-brand);border-radius:4px 4px 0 0}.mobile-only{display:none}.nav .mobile-nav-more{display:none}.sort-button{border:0;background:transparent;padding:0;color:inherit;font-size:inherit;font-weight:inherit}.sort-button:hover{color:var(--ax-brand)}
@media(min-width:1500px){main{padding:35px 44px 50px}.topbar{padding:0 44px}.data-table td{padding-top:18px;padding-bottom:18px}.bot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.shell{grid-template-columns:192px minmax(0,1fr)}.side{width:192px;padding-left:12px;padding-right:12px}.brand{font-size:18px;gap:8px}.topbar{padding:0 22px}main{padding:25px 22px}.stat{padding:17px}.stat-value{font-size:23px}.bot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-layout{grid-template-columns:minmax(0,1fr) 255px}.data-table td,.data-table th{padding-left:11px;padding-right:11px}.next-col{min-width:125px}.top-actions .demo-label{display:none}.two-col{grid-template-columns:1fr}.wizard-layout .form-grid{grid-template-columns:1fr}.wizard-layout .field.full{grid-column:auto}}
@media(max-width:820px){.side{width:72px;padding:23px 11px}.brand{padding:0 10px 30px}.brand-name,.workspace,.nav-label,.nav button span,.side-foot,.side-bottom .nav button span{display:none}.nav button{justify-content:center;padding:12px}.nav button .count{display:none}.shell{grid-template-columns:72px minmax(0,1fr)}.topbar{padding:0 18px}.top-actions{gap:7px}.page-head{gap:12px}.page-head .button{font-size:11px;padding:8px 11px}h1{font-size:25px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0;border-top:1px solid var(--ax-line)}.stat:nth-child(4){border-top:1px solid var(--ax-line)}.wizard-layout{grid-template-columns:1fr}.summary-sticky{position:static}.wizard-layout .form-grid{grid-template-columns:1fr 1fr}.wizard-layout .field.full{grid-column:1/-1}.top-actions select{width:145px}.steps button{flex:none;padding-right:17px}.toast{left:50%}.crumb{display:none}}
@media(max-width:600px){.nav .mobile-nav-more{display:flex}.top-actions #bell{display:none}body{font-size:14px}.shell{display:block}.app{padding-bottom:67px}.side{inset:auto 0 0;width:100%;height:64px;padding:4px 10px;border-top:1px solid #33415b}.side .brand,.side-bottom,.workspace,.nav-label{display:none}.nav{flex-direction:row;justify-content:space-around}.nav button{flex-direction:column;gap:3px;padding:5px 12px;min-width:60px;min-height:52px;border-radius:7px}.nav button span{display:block;font-size:9px}.nav button[data-nav=testiranja]{display:none}.nav button .count{display:none}.topbar{height:60px;padding:0 16px}.mobile-only{display:block}.top-actions select{width:130px;font-size:11px;min-height:36px}.top-actions>.avatar{display:none}.top-actions .icon-button{width:32px;min-height:32px;padding:6px}.mobile-brand{font-size:16px;font-weight:750;letter-spacing:-.7px}main{padding:22px 16px 30px}.page-head{align-items:flex-start;margin-bottom:20px}.page-head p{font-size:12px;line-height:1.6}.page-head .actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.page-head h1{font-size:24px}.page-head .button{padding:8px;min-height:38px}.page-head .button .icon{display:none}.page-head .eyebrow{font-size:9px}.stats{margin-bottom:16px}.stat{padding:14px}.stat-label{font-size:11px}.stat-value{font-size:24px}.stat-value em{font-size:10px}.stat-sub{font-size:10px}.surface-head{padding:18px 16px 15px}.surface-head h2{font-size:16px}.notice{font-size:11px;align-items:flex-start;padding:12px;flex-wrap:wrap}.notice .text-button{margin-left:26px}.surface .toolbar{padding:0 16px 14px}.toolbar{gap:8px}.toolbar .search{max-width:none;min-width:100%;flex:auto}.toolbar select{flex:1;max-width:none;width:100px}.toolbar .seg{max-width:100%}.seg button{padding:6px 9px;font-size:11px;min-height:34px}.data-table.responsive thead{display:none}.data-table.responsive,.data-table.responsive tbody{display:block}.data-table.responsive tr:not(.group-row){display:grid;grid-template-columns:1fr 1fr;gap:11px 14px;padding:16px;border-top:1px solid var(--ax-line);position:relative}.data-table.responsive td{display:block;padding:0!important;border:0}.data-table.responsive td:before{content:attr(data-label);display:block;font-size:10px;color:var(--ax-muted);margin-bottom:5px}.data-table.responsive .name-col:before,.data-table.responsive .bot-col:before,.data-table.responsive .arrow-col:before{display:none}.data-table.responsive .bot-col{grid-column:1/-1;grid-row:2;margin-top:-3px}.data-table.responsive .bot-identity{gap:6px}.data-table.responsive .bot-mark{width:21px;height:21px;font-size:7px;border-radius:5px}.data-table.responsive .bot-identity small{display:inline;margin-left:6px}.data-table.responsive .direction-col{grid-row:1;grid-column:2;text-align:right;padding-right:29px!important}.data-table.responsive .direction-col:before{display:none}.data-table.responsive .direction-col .sub{display:inline;margin-left:7px}.data-table.responsive .arrow-col{position:absolute;right:10px;top:12px}.data-table.responsive .arrow-col .icon-button{border:0;background:transparent;width:25px}.data-table.responsive .pnl-col{text-align:right}.data-table.responsive .next-col{grid-column:1/-1;font-size:11px}.data-table.responsive .next-col:before{display:inline;margin-right:5px}.data-table.responsive .next-col .sub{display:inline;margin-left:6px}.data-table.responsive .group-row{display:block}.data-table.responsive .group-row td{display:block;padding:12px 16px!important}.bot-grid{grid-template-columns:1fr}.bot-card{padding:18px}.table-footer{padding:12px 16px;flex-wrap:wrap}.form-card{padding:19px}.form-grid,.wizard-layout .form-grid{grid-template-columns:1fr}.field.full,.wizard-layout .field.full{grid-column:auto}.steps{gap:0}.steps button{font-size:11px;padding-right:15px}.step-number{width:21px;height:21px}.key-values{gap:16px}.form-foot{flex-wrap:wrap}.form-foot .actions{margin-left:auto}.drawer-head{padding:20px}.drawer-body{padding:0 20px 20px}.drawer-footer{padding:13px 20px}.drawer-head h1{font-size:25px}.drawer .tabs{gap:22px}.drawer-footer .button{font-size:11px}.event-list li{padding:17px;grid-template-columns:27px 1fr}.event-list time{grid-column:2;text-align:left}.status-demo{font-size:10px;text-align:left}.toast{bottom:78px;min-width:260px}.skip{left:15px}.two-col{gap:16px}.padding{padding:19px}}
@media(pointer:coarse){button,.button,.icon-button,input:not([type=checkbox]):not([type=radio]),select{min-height:44px}.icon-button{min-width:44px}}
@media(prefers-reduced-motion:no-preference){.button,.nav button,.icon-button{transition:background .15s ease,filter .15s ease}.drawer[open]{animation:slide .18s ease-out}@keyframes slide{from{transform:translateX(30px);opacity:.7}to{transform:translateX(0);opacity:1}}}

/* =====================================================================
   Dodatki AUTOTRADERX, ki jih prototip nima: risba lestve, replay,
   zdravje motorja. Oblikovni jezik je prevzet iz paketa (ax- zetoni).
   ===================================================================== */

.ladder-wrap{padding:6px 4px 2px}
.ladder-wrap svg{width:100%;height:auto;display:block}
.ladder-foot{display:flex;flex-wrap:wrap;gap:10px 22px;padding:14px 21px;
  border-top:1px solid var(--ax-line);background:var(--ax-subtle)}
.lf{display:flex;flex-direction:column;gap:3px;min-width:0}
.lf u{font-size:10px;letter-spacing:.4px;text-transform:uppercase;
  color:var(--ax-muted);text-decoration:none}
.lf b{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.lf b.pos{color:var(--ax-good)}
.lf b.neg{color:var(--ax-bad)}
.lf b.warn{color:var(--ax-warn)}

/* zdravje motorja v zgornji vrstici */
.health{display:inline-flex;align-items:center;gap:7px;font-size:11px;
  color:var(--ax-muted);padding:5px 10px;border:1px solid var(--ax-line);
  border-radius:7px;background:var(--ax-surface);white-space:nowrap}
.health .dot{width:7px;height:7px;border-radius:50%;background:var(--ax-muted)}
.health.ok .dot{background:var(--ax-good)}
.health.bad{color:var(--ax-bad);border-color:var(--ax-bad)}
.health.bad .dot{background:var(--ax-bad)}

/* opozorila iz izmerjenega znanja */
.advice{background:var(--ax-warn-soft);border:1px solid #e7cd97;color:var(--ax-warn);
  border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.6;margin-top:16px}
.advice ul{margin:0;padding-left:17px}
.advice li+li{margin-top:6px}
[data-theme=dark] .advice{border-color:#5b4a26}
.errbox{background:var(--ax-bad-soft);border:1px solid var(--ax-bad);color:var(--ax-bad);
  border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.6;margin-top:16px}
.errbox ul{margin:0;padding-left:17px}

/* napredek vstopov v tabeli */
.prog{display:flex;align-items:center;gap:7px}
.prog .bar{width:52px;height:5px;border-radius:3px;background:var(--ax-line);
  overflow:hidden;flex:none}
.prog .bar i{display:block;height:100%;background:var(--ax-brand)}

/* stopnice lestve v podrobnostih posla */
.rung{display:grid;grid-template-columns:26px 1fr 1fr 1.2fr;align-items:center;gap:10px;
  padding:9px 11px;border:1px solid var(--ax-line);border-radius:9px;margin-bottom:7px;
  background:var(--ax-surface);font-size:12px}
.rung.filled{border-color:var(--ax-good);background:var(--ax-good-soft)}
.rung.live{border-color:var(--ax-brand)}
.rung .order-num{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;
  background:var(--ax-subtle);font-size:11px;font-weight:650}
.rung .sub{color:var(--ax-muted);font-size:11px}
@media(max-width:600px){.rung{grid-template-columns:24px 1fr 1fr}.rung .sub{grid-column:2/-1}}

/* replay */
.replay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;margin-top:18px}
.replay-cell{border:1px solid var(--ax-line);border-radius:10px;padding:15px 17px;
  background:var(--ax-surface)}
.replay-cell u{display:block;font-size:10px;letter-spacing:.5px;text-transform:uppercase;
  color:var(--ax-muted);text-decoration:none;margin-bottom:5px}
.replay-cell b{font-size:20px;font-weight:650;letter-spacing:-.5px;
  font-variant-numeric:tabular-nums;display:block}
.replay-cell small{display:block;color:var(--ax-muted);font-size:11px;margin-top:3px}
.window-tag{font-size:10px;font-weight:650;letter-spacing:.6px;text-transform:uppercase;
  padding:2px 7px;border-radius:5px;background:var(--ax-brand-soft);color:var(--ax-brand)}
.progress-line{height:5px;background:var(--ax-line);border-radius:3px;overflow:hidden;
  margin:14px 0 6px}
.progress-line i{display:block;height:100%;background:var(--ax-brand);width:0;
  transition:width .3s ease}

/* =====================================================================
   Popravki paketa. Prototip ima .field input{width:100%}, kar prebije tudi
   izbirne gumbe v .choice (enaka specificnost, kasnejse pravilo zmaga), zato
   se krogci razlezejo cez celico. Tu jih vrnemo na velikost iz zetonov.
   ===================================================================== */
.field .choice input[type=radio],.field .choice input[type=checkbox]{
  width:17px;height:17px;min-height:0;flex:none}
.choice label{overflow:hidden}