/* Lámpás – admin felület */
:root{--bg:#0f0f11;--bg-2:#16161a;--card:#1b1b20;--line:#2a2a31;--line-2:#383842;--text:#ece7dc;--muted:#9a958a;--amber:#f0b25a;--amber-2:#dc8a35;--ok:#5fc48a;--err:#ef7b67;--blue:#7fb4ff;--r:12px;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--text);font:14.5px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--amber)}
h1{font-size:24px;font-weight:600;margin:0}
h2{font-size:16px;font-weight:600;margin:0 0 14px}
h3{font-size:14px;margin:18px 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
code{background:#26262d;padding:2px 6px;border-radius:5px;font-size:12.5px;word-break:break-all}
.muted{color:var(--muted)} .small{font-size:12.5px}
.lamp-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}

/* Gombok, űrlap */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:9px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);font:inherit;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;transition:.2s}
.btn:hover{border-color:var(--amber)}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.btn-primary{background:linear-gradient(135deg,#ffc978,var(--amber) 45%,var(--amber-2));color:#231503;border-color:transparent;font-weight:600}
.btn-primary:hover{filter:brightness(1.07)}
.btn-lg{height:46px;padding:0 22px;font-size:15px}
.btn.danger{color:var(--err)} .danger-link{color:var(--err)}
.form label{display:grid;gap:6px;margin-bottom:14px;font-size:13px;color:var(--muted)}
.form label em{font-style:normal;color:#6f6a60}
input,select,textarea{width:100%;min-height:40px;padding:8px 12px;border-radius:9px;border:1px solid var(--line-2);background:#111114;color:var(--text);font:inherit;font-size:14.5px}
textarea{resize:vertical;line-height:1.55}
textarea.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
input:focus,select,textarea:focus{outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(240,178,90,.15)}
input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--amber);flex:none;margin:0}
input[type=file]{padding:7px;font-size:13px}
input:disabled{opacity:.5}
.check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;color:var(--text)!important;font-size:14px!important;cursor:pointer}
.check.big{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);margin-bottom:18px!important}
.radio{display:flex!important;align-items:center;gap:8px!important;color:var(--text)!important;font-size:14px!important;cursor:pointer}
.radio-row{display:flex;gap:24px;margin-bottom:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}
.checks-row{display:flex;flex-wrap:wrap;gap:10px 28px;margin:4px 0 14px}
.checks-row.col{flex-direction:column;gap:10px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.sticky-actions{position:sticky;bottom:0;padding:14px 0;background:linear-gradient(transparent,var(--bg) 35%);z-index:5}
.clear{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.clear input{width:14px;height:14px}
.img-field{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.img-field img{width:84px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line-2)}
.img-field input{flex:1 1 220px;width:auto}
.img-field label{flex:1 1 220px;margin:0}

/* Riasztások */
.alert{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}
.alert-ok{background:rgba(95,196,138,.1);border:1px solid rgba(95,196,138,.4);color:#bdeccf}
.alert-error{background:rgba(239,123,103,.1);border:1px solid rgba(239,123,103,.45);color:#ffd0c6}

/* Belépés / telepítés */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(700px 500px at 50% 0,rgba(240,178,90,.14),transparent 70%),var(--bg)}
.auth-card{width:min(420px,100%);padding:34px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.6);display:grid;gap:14px}
.auth-card.install{width:min(720px,100%)}
.auth-card h1{font-family:Georgia,serif;font-weight:400;font-size:30px}
.auth-card label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.auth-brand{display:flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.auth-card fieldset{border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 14px;display:grid;gap:10px}
.auth-card legend{padding:0 6px;color:var(--text);font-weight:600}
.checks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
.checks .ok{color:var(--ok)} .checks .bad{color:var(--err)}

/* Váz */
.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px;background:#0b0b0d;border-right:1px solid var(--line)}
.side-brand{display:flex;align-items:center;gap:12px;padding:6px 10px 22px;color:var(--text);text-decoration:none;font-family:Georgia,serif;font-size:20px}
.side-brand small{display:block;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.side nav{display:grid;gap:2px}
.side nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:#c9c4b8;text-decoration:none;font-size:14px}
.side nav a svg{width:18px;height:18px;flex:none;opacity:.8}
.side nav a:hover{background:var(--bg-2);color:var(--text)}
.side nav a.active{background:rgba(240,178,90,.12);color:var(--amber)}
.pill{margin-left:auto;background:var(--amber);color:#231503;font-size:11.5px;border-radius:999px;padding:1px 8px}
.side-foot{margin-top:auto;display:grid;gap:8px;padding:12px;font-size:13px}
.side-foot a{color:var(--muted);text-decoration:none}
.side-foot a:hover{color:var(--text)}
.main{min-width:0}
.topbar{display:flex;align-items:center;gap:10px;padding:14px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(15,15,17,.85);backdrop-filter:blur(10px);z-index:10}
.menu-btn{display:none;background:none;border:1px solid var(--line-2);color:var(--text);border-radius:8px;height:36px;width:40px;font-size:18px;cursor:pointer}
.mode{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line-2)}
.mode.test{color:#ffd48a;border-color:rgba(255,212,138,.4)} .mode.live{color:var(--ok);border-color:rgba(95,196,138,.4)} .mode.off{color:var(--err);border-color:rgba(239,123,103,.4)}
.content{padding:26px 28px 60px;max-width:1300px}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:20px}
.card.flush{padding:0;overflow:hidden}
.card.narrow{max-width:520px}
.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.card-head h2{margin:0}
.pad{padding:22px;margin:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid-2.wide-left{grid-template-columns:1.3fr 1fr}
.grid-2>.card,.grid-2>div>.card{margin-bottom:20px}

/* KPI-k */
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;gap:4px}
.kpi span{font-size:12.5px;color:var(--muted)}
.kpi b{font-size:24px;font-weight:600;letter-spacing:-.01em}
.kpi small{font-size:12px;color:var(--muted)}
.kpi.accent{border-color:rgba(240,178,90,.45);background:linear-gradient(160deg,rgba(240,178,90,.1),var(--card))}
.stock{margin-bottom:16px}
.stock-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:13.5px}
.stock-top span{color:var(--muted)}
.bar{height:8px;border-radius:8px;background:#2a2a31;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber-2),#ffd08a);border-radius:inherit}
.chart{width:100%;height:180px}
.chart .bar-o{fill:var(--amber)}
.chart .line-v{stroke:var(--blue);stroke-width:1.5;opacity:.8}
.legend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:8px 0 0}
.legend span{width:10px;height:10px;border-radius:2px;display:inline-block}
.lg-o{background:var(--amber)} .lg-v{background:var(--blue);margin-left:12px}
.checklist{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}
.checklist li{display:flex;gap:10px;align-items:center}
.checklist li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:rgba(239,123,103,.15);color:var(--err);flex:none}
.checklist li.ok span{background:rgba(95,196,138,.15);color:var(--ok)}
.checklist a{color:var(--text);text-decoration:none}
.checklist a:hover{color:var(--amber)}

/* Táblák */
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:13.5px}
.table th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.table tr:hover td{background:rgba(255,255,255,.015)}
.table.compact td{padding:10px 6px;cursor:pointer}
.table .r{text-align:right}
.table a{text-decoration:none}
.ded{color:var(--amber)}
.status{display:inline-block;font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:999px;border:1px solid var(--line-2);white-space:nowrap}
h1 .status{font-size:12px;vertical-align:middle;margin-left:8px}
.s-paid{color:#ffd48a;border-color:rgba(255,212,138,.45);background:rgba(255,212,138,.08)}
.s-shipped{color:var(--ok);border-color:rgba(95,196,138,.45);background:rgba(95,196,138,.08)}
.s-pending{color:var(--blue);border-color:rgba(127,180,255,.4)}
.s-cancelled,.s-refunded{color:var(--muted)}
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}
.tabs a{padding:7px 13px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:13.5px}
.tabs a:hover{color:var(--text);background:var(--bg-2)}
.tabs a.active{background:rgba(240,178,90,.12);color:var(--amber)}
.search{display:flex;gap:8px;margin-bottom:16px}
.bulk{display:flex;gap:16px;align-items:center;justify-content:flex-end;padding:14px 16px;flex-wrap:wrap}
.dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px}
.dl dt{color:var(--muted)} .dl dd{margin:0}
.inline-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Tartalomszerkesztő */
.content-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
.sec-nav{position:sticky;top:80px;display:grid;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:8px}
.sec-nav a{padding:9px 12px;border-radius:8px;color:#c9c4b8;text-decoration:none;font-size:13.5px}
.sec-nav a:hover{background:var(--bg-2)}
.sec-nav a.active{background:rgba(240,178,90,.12);color:var(--amber)}
.warn{color:var(--err)}
.field{margin-bottom:18px}
.field-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.field-head label{margin:0 0 6px!important;color:var(--text)!important;font-weight:500}
.field>textarea,.field>input{width:100%}
.reset{font-size:12px;color:var(--muted)}
.repeater{display:grid;gap:10px}
.rep-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}
.rep-item.is-deleted{opacity:.35}
.rep-fields label{margin-bottom:10px}
.rep-fields label span{font-size:12px}
.rep-tools{display:grid;gap:6px;align-content:start}
.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line-2);background:var(--card);color:var(--text);display:grid!important;place-items:center;cursor:pointer;font-size:13px;margin:0!important}
.icon-btn input{position:absolute;opacity:0;pointer-events:none}
.icon-btn.danger{color:var(--err)}
.howto{margin-top:6px;padding:14px 16px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);font-size:13.5px}
.howto ol{margin:8px 0;padding-left:20px;display:grid;gap:6px}
.howto p{margin:0;color:var(--muted);font-size:12.5px}
.settings .card{scroll-margin-top:80px}

@media (max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .admin{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:50;transform:translateX(-100%);transition:transform .3s}
  .nav-open .side{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.5)}
  .menu-btn{display:block}
  .content{padding:18px 16px 60px}
  .topbar{padding:12px 16px}
  .grid-2,.grid-2.wide-left,.content-layout,.grid2,.grid3{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
  .sec-nav{position:relative;top:0;display:flex;overflow-x:auto}
  .sec-nav a{white-space:nowrap}
}

.carrier{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:1px 6px;border-radius:5px;border:1px solid var(--line-2);color:var(--muted);vertical-align:1px}
.c-gls{color:#ffd48a;border-color:rgba(255,212,138,.45)}
.c-dpd{color:#ff8e7a;border-color:rgba(239,123,103,.45)}
.search select{width:auto;min-width:150px}

.refund-card{border-color:rgba(239,123,103,.35)}
.refund-form{margin-top:14px}
.refund-form .confirm{padding:10px 12px;border-radius:9px;background:rgba(239,123,103,.08);border:1px solid rgba(239,123,103,.3)}
.danger-btn{background:rgba(239,123,103,.15);border-color:rgba(239,123,103,.6);color:#ffd0c6;font-weight:600}
.danger-btn:hover{background:rgba(239,123,103,.25);border-color:var(--err)}
.refunded{color:var(--err)}

.head-actions{display:flex;gap:8px;flex-wrap:wrap}
.bulk-sep{flex:1}
.ecom-sent{color:#8fd3a8}

/* ---------- Statisztika ---------- */
.stat-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.stat-filters .tabs{margin:0}
.stat-filters select{width:auto;min-width:160px}
.live-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:5px 12px}
.live-chip i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.live-chip.on{color:var(--text)} .live-chip.on i{background:var(--ok);box-shadow:0 0 0 0 rgba(95,196,138,.6);animation:livepulse 1.8s infinite}
@keyframes livepulse{70%{box-shadow:0 0 0 8px rgba(95,196,138,0)}100%{box-shadow:0 0 0 0 rgba(95,196,138,0)}}
.card-head.pad,.pad{padding:18px 22px 6px}
.funnel{display:grid;gap:8px}
.fstep{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) 170px;gap:14px;align-items:center}
.fstep-l{display:flex;align-items:center;gap:10px;font-size:13.5px}
.fnum{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line-2);font-size:11.5px;color:var(--muted);flex:none}
.fbar{position:relative;height:30px;background:var(--bg-2);border-radius:6px;overflow:hidden}
.fbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--amber-2),var(--amber));border-radius:0 4px 4px 0}
.fbar b{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.8)}
.fstep-r{font-size:13px;display:flex;flex-direction:column;line-height:1.3}
.fstep-r small{color:var(--muted);font-size:12px}
.fstep.leak .fstep-r b{color:var(--err)}
.fstep.leak .fnum{border-color:var(--err);color:var(--err)}
.fstep.final .fbar i{background:var(--ok)}
.leak-note{margin:-2px 0 6px;padding:10px 14px;border-left:3px solid var(--err);background:rgba(239,123,103,.07);border-radius:0 8px 8px 0;font-size:13px;color:#e6d8cf}
.brow{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:end;margin-bottom:10px}
.brow-l{display:flex;flex-direction:column;font-size:13px;padding-bottom:2px}
.brow-l small{color:var(--muted);font-size:11.5px}
.bars{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2px;height:64px;align-items:end;border-bottom:1px solid var(--line)}
.bcol{height:100%;display:flex;align-items:flex-end;cursor:default;outline:none}
.bcol i{display:block;width:100%;background:var(--amber);border-radius:3px 3px 0 0;min-height:0;transition:filter .15s}
.bars.b2 .bcol i{background:#d9a35c} .bars.b3 .bcol i{background:var(--ok)}
.bcol:hover i,.bcol:focus i{filter:brightness(1.25)}
.bcol:hover{background:rgba(255,255,255,.03)}
.bx{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.heat-wrap{overflow-x:auto}
.heat{border-collapse:separate;border-spacing:2px;font-size:11px;color:var(--muted);width:100%;min-width:560px;table-layout:fixed}
.heat tr>th:first-child{width:34px}
.heat th{font-weight:400;padding:0 4px;text-align:right;min-width:14px}
.heat td{height:20px;border-radius:3px;background:rgba(240,178,90,var(--a));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.reach{display:grid;gap:5px;margin-bottom:10px}
.reach-row{display:grid;grid-template-columns:160px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px}
.reach-bar{height:14px;background:var(--bg-2);border-radius:4px;overflow:hidden}
.reach-bar i{display:block;height:100%;background:var(--amber);border-radius:0 3px 3px 0}
.reach-row b{text-align:right;font-weight:500}
.friction{list-style:none;padding:0;margin:0 0 10px}
.friction li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.friction li.warn b{color:var(--err)} .friction li.ok b{color:var(--ok)}
.mini{display:grid;grid-template-columns:150px minmax(0,1fr) 36px;gap:10px;align-items:center;font-size:13px;margin-bottom:5px}
.mini.wide{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 36px}
.mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini div{height:10px;background:var(--bg-2);border-radius:3px;overflow:hidden}
.mini i{display:block;height:100%;background:var(--amber)}
.mini b{text-align:right;font-weight:500}
.steps{display:inline-flex;gap:3px}
.steps i{width:14px;height:6px;border-radius:2px;background:var(--line-2)}
.steps i.on{background:var(--amber)}
.table.visits tr{cursor:pointer}
.outcome{display:inline-block;font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line-2);white-space:nowrap}
h1 .outcome{font-size:12px;vertical-align:middle;margin-left:8px;font-weight:500}
.outcome.ok{border-color:rgba(95,196,138,.5);color:var(--ok)}
.outcome.warn{border-color:rgba(239,123,103,.45);color:var(--err)}
.outcome.muted{color:var(--muted)}
.row-actions{display:flex;flex-wrap:wrap;gap:10px}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:70px 26px minmax(0,1fr);gap:8px;align-items:baseline;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.tl-t{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}
.tl-i{color:var(--amber);text-align:center}
.timeline li.bad .tl-i,.timeline li.bad .tl-l{color:var(--err)}
.timeline li.good .tl-i,.timeline li.good .tl-l{color:var(--ok);font-weight:600}
.tip{position:fixed;z-index:99;pointer-events:none;background:#26262d;border:1px solid var(--line-2);color:var(--text);font-size:12.5px;padding:6px 10px;border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.4);max-width:320px;transform:translate(-50%,calc(-100% - 10px))}
@media (max-width:760px){
  .fstep{grid-template-columns:1fr;gap:6px}
  .fstep-r{flex-direction:row;gap:8px;align-items:baseline}
  .brow{grid-template-columns:1fr;gap:4px}
  .reach-row{grid-template-columns:110px minmax(0,1fr) 40px}
  .mini{grid-template-columns:110px minmax(0,1fr) 32px}
}

/* Betöltési sebesség */
.vitals{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:12px;margin-bottom:16px}
.vital{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:3px}
.vital span{font-size:12px;color:var(--muted)} .vital b{font-size:20px;font-weight:600} .vital small{font-size:11.5px;color:var(--muted)}
.vital.main b{font-size:26px}
.rating{display:inline-block;font-size:11px;font-weight:500;padding:1px 8px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);vertical-align:middle}
.rating.ok{color:var(--ok);border-color:rgba(95,196,138,.5)} .rating.warn2{color:var(--amber);border-color:rgba(240,178,90,.5)} .rating.warn{color:var(--err);border-color:rgba(239,123,103,.5)}
.rate-bar{display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden;margin:4px 0 8px}
.rate-bar i{display:block;min-width:4px}
.rate-bar i.ok,.rate-legend i.ok{background:var(--ok)} .rate-bar i.warn2,.rate-legend i.warn2{background:var(--amber)} .rate-bar i.warn,.rate-legend i.warn{background:var(--err)}
.rate-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.rate-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.rate-legend b{color:var(--text);font-weight:500;margin-left:4px}
.mini.inline{grid-template-columns:minmax(60px,1fr) 44px;margin:0}
.mini i.bad{background:var(--err)}
.speed-table td{padding:9px 14px}
.grid-2.tight{gap:24px}
.table.compact-2 td{padding:7px 4px;border-bottom:1px solid var(--line);font-size:13px}
@media (max-width:1100px){.vitals{grid-template-columns:1fr 1fr}.vital.main{grid-column:1/-1}}

/* Kuponok */
.coupon-links code{display:block;font-size:12px;margin-bottom:6px;max-width:320px}
.coupon-links .cl-btns{display:flex;flex-wrap:wrap;gap:6px}
.coupon-acts{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:120px}
.coupon-acts form{display:block!important}
.coupon-acts .btn{width:100%}

.src-tag{display:inline-block;margin-top:3px;padding:1px 7px;border-radius:999px;background:rgba(243,180,92,.1);color:#e9c78a;font-size:11.5px}