:root{--bg:#0e0e10;--panel:#17171a;--panel2:#1e1e22;--line:#2b2b30;--fg:#f2f0eb;--mut:#9d9a93;--acc:#f26a1b;--ok:#4cc38a;--bad:#ff6b5b;--warn:#f0b429}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 Inter,system-ui,sans-serif}
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;margin:0;letter-spacing:.02em}
h2{font-size:2rem;text-transform:uppercase}
h3{font-size:1.25rem}
b{font-weight:700}
[hidden]{display:none!important}

.login{min-height:100vh;display:grid;place-items:center}
.login form{width:min(360px,90vw);display:grid;gap:12px;background:var(--panel);padding:32px;border:1px solid var(--line);border-radius:12px;text-align:center}
.login h1{font-size:3rem}.login h1 b,.logo b{color:var(--acc)}
.login p{color:var(--mut);margin:0}.err{color:var(--bad)!important;min-height:1.2em}

#app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.side{background:var(--panel);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh}
.logo small{display:block;font:500 .75rem Inter;color:var(--mut);letter-spacing:.1em;text-transform:uppercase}
#nav{display:grid;gap:2px;flex:1;align-content:start}
#nav a{padding:10px 12px;border-radius:8px;color:var(--mut);text-decoration:none;display:flex;justify-content:space-between}
#nav a:hover{background:var(--panel2);color:var(--fg)}
#nav a.on{background:var(--acc);color:#fff}
#nav .badge{background:var(--bad);color:#fff;border-radius:99px;font-size:.72rem;padding:0 8px;line-height:1.6}
.link{background:none;border:0;color:var(--mut);cursor:pointer;text-align:left;padding:8px 12px}
main{padding:28px 32px 60px;min-width:0;outline:none}
@media(max-width:820px){
  #app{grid-template-columns:1fr}
  .side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}
  #nav{display:flex;flex-wrap:wrap;flex:1 1 100%;order:3}
  main{padding:18px 14px 50px}
}

.head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.btn{background:var(--acc);color:#fff;border:0;border-radius:7px;padding:10px 18px;font:600 .9rem Inter;cursor:pointer}
.btn:hover{filter:brightness(1.1)}
.btn.sec{background:var(--panel2);border:1px solid var(--line);color:var(--fg)}
.btn.danger{background:transparent;border:1px solid var(--bad);color:var(--bad)}
.btn.sm{padding:5px 11px;font-size:.8rem}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.kpi span{color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.kpi b{display:block;font:700 1.9rem 'Barlow Condensed';margin-top:2px}
.kpi small{color:var(--mut)}
.pos{color:var(--ok)}.neg{color:var(--bad)}
.grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
@media(max-width:1000px){.grid2{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px;overflow:auto}
.card h3{margin-bottom:12px}

table{width:100%;border-collapse:collapse;font-size:.9rem}
th{color:var(--mut);font-weight:500;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
th,td{padding:10px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
tr:hover td{background:#ffffff05}
.empty{color:var(--mut);padding:26px;text-align:center}
.pill{display:inline-block;border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:600;border:1px solid var(--line)}
.p-presupuesto,.p-nuevo,.p-idea{color:var(--warn);border-color:#6b5415}
.p-confirmado,.p-contactado,.p-programado{color:#6db3ff;border-color:#244a73}
.p-entregado,.p-ganado,.p-publicado{color:var(--ok);border-color:#1e5b41}
.p-cancelado,.p-perdido{color:var(--bad);border-color:#6b2b25}

.chart{display:flex;align-items:flex-end;gap:18px;height:200px;padding-top:10px;overflow-x:auto}
.mcol{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.bars{display:flex;gap:4px;align-items:flex-end;height:100%;width:100%;justify-content:center}
.bars i{display:block;width:16px;border-radius:3px 3px 0 0;min-height:2px}
.legend{display:flex;gap:16px;color:var(--mut);font-size:.8rem;margin-top:10px;flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}

dialog{background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:14px;padding:0;width:min(640px,94vw);max-height:92vh}
dialog::backdrop{background:#000a}
#dlgForm{padding:22px;display:grid;gap:12px}
label{display:grid;gap:4px;font-size:.78rem;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:9px 11px;color:var(--fg);font:inherit;text-transform:none;letter-spacing:0}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.irow{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr auto;gap:8px;align-items:end}
@media(max-width:560px){.frow{grid-template-columns:1fr}.irow{grid-template-columns:1fr 1fr}}
.dfoot{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;align-items:center}
.sumline{color:var(--mut);font-size:.9rem;margin-right:auto}
#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,40px);background:var(--panel2);border:1px solid var(--line);padding:10px 18px;border-radius:8px;opacity:0;transition:.25s;pointer-events:none}
#toast.show{opacity:1;transform:translate(-50%,0)}
.note{color:var(--mut);font-size:.85rem}
.idea{border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:10px;background:var(--panel2)}
.idea h4{margin:0 0 4px}.idea p{margin:0 0 10px;color:var(--mut);white-space:pre-wrap}

td a{color:var(--fg);text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px}td a:hover{color:var(--acc)}

/* ===== Responsive / móvil ===== */
img,svg{max-width:100%}
@media(max-width:820px){
  .side{padding:10px 12px;gap:6px;position:sticky;top:0;z-index:15;height:auto;border-right:0;border-bottom:1px solid var(--line)}
    .panel-tag{display:none}
  #nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;flex:1 1 100%;order:3;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #nav::-webkit-scrollbar{display:none}
  #nav a{white-space:nowrap;padding:10px 14px;background:var(--panel2);border:1px solid var(--line);flex-shrink:0}
  #nav a.on{border-color:var(--acc)}
  .link{padding:8px}
  h2{font-size:1.6rem}
  .kpis{grid-template-columns:1fr 1fr;gap:10px}
  .kpi{padding:12px 14px}
  .kpi b{font-size:1.5rem}
  .card{padding:12px}
  th,td{padding:10px 8px;white-space:nowrap}
  td:nth-child(n){white-space:normal}
  table{min-width:560px}
  .btn{min-height:44px}
  .btn.sm{min-height:36px}
  .head{align-items:stretch}
  .head>.btn,.head>div{width:100%}
  .head>div{display:flex;gap:8px;flex-wrap:wrap}
  .head>div .btn{flex:1}
  dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}
  #dlgForm{padding:16px 16px 28px}
  input,select,textarea{font-size:16px;padding:12px}
  .irow{grid-template-columns:1fr 1fr}
  .irow label:first-child{grid-column:1/-1}
  .dfoot{flex-wrap:wrap;position:sticky;bottom:0;background:var(--panel);padding:12px 0 4px}
  .sumline{flex:1 1 100%;margin:0 0 6px}
  .dfoot .btn{flex:1}
  .chart{gap:10px}
  #toast{width:calc(100% - 32px);text-align:center}
}
@media(max-width:380px){.kpis{grid-template-columns:1fr}}
@media(max-width:820px){
  #app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
  .side{min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;justify-content:space-between}
  #nav{min-width:0;max-width:100%}
  }

/* ===== CRM: botones de acción, pestañas, selección, ficha ===== */
td.acts,th.acts{width:1%;white-space:nowrap;text-align:right}
td.acts>div{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end}
.ibtn{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--mut);cursor:pointer;text-decoration:none;transition:.15s;flex-shrink:0}
.ibtn:hover{color:var(--fg);border-color:#4a4a52;background:#26262b}
.ibtn.danger:hover{color:var(--bad);border-color:var(--bad);background:#2a1816}
.ibtn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.btn.sm{display:inline-flex;align-items:center;gap:6px;line-height:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn.sec{background:var(--panel2);border:1px solid var(--line);color:var(--fg)}
.btn.sec:hover{border-color:#4a4a52;filter:none;background:#26262b}
.head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.link-btn{background:none;border:0;color:var(--mut);text-decoration:underline;cursor:pointer;padding:6px 8px;font:inherit}
.link-btn:hover{color:var(--fg)}
.lnk{color:var(--fg);text-decoration:underline;text-decoration-color:#ffffff30;text-underline-offset:3px}.lnk:hover{color:var(--acc)}
.lnk.strong{font-weight:600;text-decoration:none}
.tablecard{padding:0;overflow:auto}.tablecard>h3,.tablecard>.ch,.tablecard>.note{padding:14px 16px 0}.tablecard>.note{padding-bottom:14px}
.tablecard th:first-child,.tablecard td:first-child{padding-left:16px}.tablecard th:last-child,.tablecard td:last-child{padding-right:16px}

.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tab{display:inline-flex;gap:8px;align-items:center;padding:9px 16px;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--mut);text-decoration:none;font-weight:500}
.tab b{background:var(--panel2);color:var(--fg);border-radius:99px;padding:0 8px;font-size:.78rem;line-height:1.6}
.tab:hover{color:var(--fg)}.tab.on{background:var(--acc);border-color:var(--acc);color:#fff}.tab.on b{background:#0003;color:#fff}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar input{flex:1 1 260px;width:auto}.toolbar select{width:auto;flex:0 1 170px}
.bulk{position:sticky;top:8px;z-index:12;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#2a1b10;border:1px solid var(--acc);border-radius:12px;padding:10px 14px;margin-bottom:12px;box-shadow:0 8px 24px #0008}
.bulk[hidden]{display:none}
.cltable th.chk,.cltable td.chk{width:1%;padding-right:0}
input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;padding:0;border:1.5px solid #55555e;border-radius:6px;background:var(--bg);cursor:pointer;display:inline-grid;place-content:center;vertical-align:middle;transition:.12s}
input[type=checkbox]:checked{background:var(--acc);border-color:var(--acc)}
input[type=checkbox]:checked::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.cltable tr.sel td{background:#f26a1b14}
.cltable td{vertical-align:top}.cltable td small{display:block}.cltable .nm{min-width:190px}.cltable .pf{max-width:240px;color:var(--mut);font-size:.82rem}.cltable .ct{min-width:150px}.cltable .ac{white-space:nowrap}
.cltable{min-width:1060px}
.strong{font-weight:600}

.pill{white-space:nowrap}
.p-potencial{color:#9fb0c8;border-color:#34415a}.p-cotizo{color:var(--warn);border-color:#6b5415}.p-cliente{color:var(--ok);border-color:#1e5b41}
.prio{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;text-transform:capitalize;color:var(--mut)}
.prio::before{content:"";width:8px;height:8px;border-radius:50%;background:#666}
.prio-alta::before{background:var(--acc)}.prio-alta{color:var(--fg)}.prio-media::before{background:var(--warn)}.prio-baja::before{background:#5b6270}

.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.fstep{display:grid;gap:0;background:var(--panel);border:1px solid var(--line);border-left:4px solid #555;border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--fg);transition:.15s}
.fstep:hover{transform:translateY(-2px);border-color:#4a4a52}
.fstep b{font:700 2.2rem/1 'Barlow Condensed'}.fstep span{font-weight:600}.fstep small{color:var(--mut)}
.f-potencial{border-left-color:#7d8da6}.f-cotizo{border-left-color:var(--warn)}.f-cliente{border-left-color:var(--ok)}.f-perdido{border-left-color:#6b4040}
.todo{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.todo li{display:flex;justify-content:space-between;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line)}
.todo a{color:var(--fg);text-decoration:none;display:grid}.todo a span{color:var(--mut);font-size:.85rem}.todo em{font-style:normal;color:var(--mut);white-space:nowrap}

.back{display:inline-flex;gap:6px;align-items:center;color:var(--mut);text-decoration:none;margin-bottom:10px}.back:hover{color:var(--fg)}
.dhead .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.stagebar{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;margin:6px 0 16px;flex-wrap:wrap}
.seg{background:none;border:0;color:var(--mut);padding:9px 18px;border-radius:9px;cursor:pointer;font:600 .9rem Inter}
.seg:hover{color:var(--fg)}.seg.on{color:#fff}.seg.s-potencial.on{background:#3d4b66}.seg.s-cotizo.on{background:#8a6410}.seg.s-cliente.on{background:#1f7a52}.seg.s-perdido.on{background:#6b3535}
.kpis.small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi b.sm{font:600 1rem Inter;margin-top:6px;line-height:1.3}
.kv{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.kv:last-child{border:0}.kv span{color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.kv div{overflow-wrap:anywhere}
.ch{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.ch h3{margin:0}.tablecard>.ch{margin-bottom:6px}
.chlist{list-style:none;margin:0;padding:0}.chlist li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}.chlist li:last-child{border:0}.chlist span{flex:1;overflow-wrap:anywhere}.chlist small{color:var(--mut)}
.ord{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--panel2)}
.ord-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ord-a{margin-left:auto;display:flex;gap:6px;align-items:center}
.ord-b{margin:8px 0 4px}.ord-f{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;color:var(--mut);font-size:.88rem}.ord-f b{color:var(--fg)}
.qline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:9px 0;border-bottom:1px dashed var(--line)}.qline .push{margin-left:auto}
.file{display:flex;gap:10px;align-items:center;padding:7px 0}.file small{margin-left:auto}.file svg{color:var(--mut);flex-shrink:0}
.noteform{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-bottom:12px}.noteform select{width:auto}
.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}.timeline li>div{flex:1}.timeline small{display:block;color:var(--mut)}
.tk{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--acc);border:1px solid #6b3a17;border-radius:99px;padding:2px 9px;white-space:nowrap;margin-top:2px}
.detail>div{min-width:0}

.pop{position:fixed;z-index:60;min-width:200px;background:var(--panel2);border:1px solid #3a3a42;border-radius:12px;padding:6px;box-shadow:0 14px 40px #000b}
.pop button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--fg);padding:10px 12px;border-radius:8px;cursor:pointer;font:inherit}
.pop button:hover{background:#ffffff0f}.pop button.danger{color:var(--bad)}.pop hr{border:0;border-top:1px solid var(--line);margin:4px 0}
dialog::backdrop{backdrop-filter:blur(3px)}
@media(max-width:820px){
  .funnel{grid-template-columns:1fr 1fr}
  .bulk{top:124px}
  .noteform{grid-template-columns:1fr}
  .kv{grid-template-columns:1fr;gap:2px}
  .stagebar{display:flex}.seg{flex:1;padding:10px 6px}
  .ord-a{margin-left:0;width:100%}
  .cltable{min-width:960px}
}
/* tabla de clientes: acciones siempre visibles y filas compactas */
.cltable .pf{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cltable .ct{max-width:190px}.cltable .nm{max-width:230px}
.cltable td.acts,.cltable th.acts{position:sticky;right:0;background:var(--panel);box-shadow:-10px 0 14px -10px #000c}
.cltable tr.sel td.acts{background:#2a1b12}
.cltable tr:hover td.acts{background:#1d1d21}
.cltable td{padding-block:11px}
.cltable{min-width:1000px}.cltable .ct{max-width:170px}.cltable .nm{max-width:210px}.cltable td:nth-child(4){white-space:nowrap}
.ibtn.ph{visibility:hidden}
.cltable td.acts .btn.sm{min-width:84px}
/* clientes en celular: cada empresa es una tarjeta */
@media(max-width:820px){
  .cltable{min-width:0}
  .cltable thead{display:none}
  .cltable,.cltable tbody{display:block}
  .cltable tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:14px 14px 12px;border-bottom:1px solid var(--line);position:relative}
  .cltable td{display:block;padding:2px 0!important;border:0!important;max-width:none!important;white-space:normal!important}
  .cltable td.chk{position:absolute;top:14px;right:14px;width:auto}
  .cltable td.nm{grid-column:1/-1;padding-right:34px!important}
  .cltable td:nth-child(3),.cltable td:nth-child(4){display:inline-block;grid-column:auto}
  .cltable td.ct,.cltable td:nth-child(6),.cltable td:nth-child(7),.cltable td.ac{grid-column:1/-1}
  .cltable td.acts{grid-column:1/-1;position:static;box-shadow:none;background:none!important;width:auto;text-align:left;padding-top:10px!important}
  .cltable td.acts>div{justify-content:flex-start;flex-wrap:wrap}
  .cltable td.acts .btn.sm{flex:1;min-width:120px}
  .cltable td.ac small{display:inline;margin-left:8px}
  .cltable tr.sel{background:#f26a1b14}
}

/* ===== Precios, cotizaciones y logo ===== */
.brand{display:flex;align-items:center;gap:10px;font:800 1.7rem 'Barlow Condensed',sans-serif;letter-spacing:.06em;color:var(--fg);text-decoration:none}
.brand b{color:var(--acc)}.brand img{display:block}
.side .brand{padding:0 6px}
.panel-tag{display:block;color:var(--mut);font:500 .72rem Inter;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px 0 46px}
.login .brand{justify-content:center;font-size:2.6rem}.login .brand img{width:44px;height:44px}
.p-enviada{color:#6db3ff;border-color:#244a73}.p-aceptada{color:var(--ok);border-color:#1e5b41}.p-rechazada{color:var(--bad);border-color:#6b2b25}
.p-vencida{color:#a59a86;border-color:#4a4438}.p-borrador{color:var(--mut)}
.notice{display:flex;align-items:center;gap:10px;background:#2a1b10;border:1px solid var(--acc);border-radius:12px;padding:12px 16px;margin-bottom:14px;color:var(--fg);text-decoration:none}
.notice b{background:var(--acc);border-radius:99px;padding:0 10px;font-size:.9rem}.notice span{margin-left:auto;color:var(--acc);font-weight:600}
.card.alert{border-color:var(--acc);background:#1f1710}
.pend{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.pend small{display:block;color:var(--mut)}.pend-a{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:820px){.pend{grid-template-columns:1fr}.pend-a{justify-content:flex-start}}
.qtable{min-width:1180px}.qtable td{vertical-align:top}.qtable td.acts{position:sticky;right:0;background:var(--panel);box-shadow:-10px 0 14px -10px #000c}
.qtable td button[disabled]{opacity:.45;cursor:not-allowed}
.qbox{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:var(--panel2)}
.qbox .qline{border:0;padding:0 0 6px}.qdet{margin:2px 0 6px}.qtot{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.qtot b{margin-left:auto;font-size:1.05rem}.qtot .disc{color:var(--acc);font-size:.85rem}
.pr .rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pr label small{text-transform:none;letter-spacing:0}
.lead{margin:-6px 0 16px}
.tiers{min-width:640px}.tiers input{padding:8px 10px;min-width:90px}.tiers td.hasta{white-space:nowrap;color:var(--mut)}
.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:12px}
.calcout{border-top:1px dashed var(--line);padding-top:12px}.mini{width:100%;min-width:0;margin-bottom:8px}.mini td{padding:5px 0;border:0}
.kv2{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:var(--mut)}.kv2 b{color:var(--fg)}.kv2.big{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font:700 1.3rem 'Barlow Condensed'}.kv2.big b{color:var(--acc)}
.item-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:560px){.pr .rules{grid-template-columns:1fr}}

.pr .rules{align-items:start}.pr label input{margin-bottom:2px}

.qtable{min-width:1120px}.qtable td small{display:block}.qtable td.nw{white-space:nowrap}.qtable td.co{min-width:170px;max-width:240px}.qtable .disc{color:var(--acc)}
.qtable td:nth-child(8){min-width:108px}.qtable{min-width:1200px}

/* Mailing */
.kpi b.warn{color:var(--warn)}
.rate{display:inline-block;width:70px;height:6px;border-radius:3px;background:var(--panel2);vertical-align:middle;overflow:hidden}
.rate i{display:block;height:100%;background:var(--ok)}
.e-0{color:#6db3ff;border-color:#244a73}.e-1{color:var(--bad);border-color:#6b2b25}.e-2{color:var(--ok);border-color:#1e5b41}.e-3{color:var(--warn);border-color:#6b5415}
.nw{white-space:nowrap}
#envTable:not(.all) tr.x{display:none}
.tablecard>.rules.promo{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;padding:0 16px 8px;align-items:end}
.tablecard>#promoOut>.note{padding:10px 16px 14px}
.promolist th small,.promolist td small{display:block;font-weight:400}
@media(max-width:560px){.rules.promo{grid-template-columns:1fr}}