*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --v:#b7589d;--vd:#9a4485;--vl:#c97ab8;--vll:#fdf0f9;--v10:rgba(183,88,157,.10);--v20:rgba(183,88,157,.20);
  --bg:#09090f;--bg2:#111118;--bg3:#18181f;--bg4:#1f1f28;--bg5:#26262f;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.12);--border3:rgba(255,255,255,.18);
  --text:#f0eeff;--text2:#8b82a8;--text3:#4a4560;
  --green:#22c55e;--blue:#3b82f6;--yellow:#f59e0b;--red:#ef4444;--orange:#f97316;
  --r:10px;--rl:14px;--rxl:18px;
}
html{font-size:15px}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px}

/* ── Layout ─────────────────────────────────────────────── */
#app{display:flex;height:100vh;overflow:hidden}
.sidebar{width:220px;min-width:220px;background:var(--bg2);border-right:.5px solid var(--border);display:flex;flex-direction:column;transition:transform .25s}
.main{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg)}

/* ── Sidebar ─────────────────────────────────────────────── */
.s-logo{padding:.9rem 1rem;display:flex;align-items:center;justify-content:center;border-bottom:.5px solid var(--border)}
.s-icon{width:36px;height:36px;border-radius:9px;background:var(--v);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}
.s-name{font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.s-sub{font-size:10px;color:var(--text2)}
.nav{flex:1;padding:.6rem .4rem;display:flex;flex-direction:column;gap:1px}
.ni{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r);font-size:13px;color:var(--text2);cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left}
.ni:hover{background:var(--bg3);color:var(--text)}
.ni.active{background:var(--v10);color:var(--vl)}
.ni i{font-size:16px}
.ni .nb{margin-left:auto;font-size:10px;background:var(--bg4);padding:1px 6px;border-radius:8px;color:var(--text2);font-family:'DM Mono',monospace}
.nsec{font-size:10px;color:var(--text3);padding:8px 10px 3px;text-transform:uppercase;letter-spacing:.08em}
.s-foot{padding:.6rem .4rem;border-top:.5px solid var(--border)}

/* ── Topbar ──────────────────────────────────────────────── */
.topbar{padding:.8rem 1.4rem;display:flex;align-items:center;gap:12px;border-bottom:.5px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10;backdrop-filter:blur(8px)}
.t-title{font-size:15px;font-weight:500}
.t-sub{font-size:11px;color:var(--text2)}
.t-actions{margin-left:auto;display:flex;gap:7px;align-items:center}
.hamburger{display:none;background:none;border:none;color:var(--text2);font-size:22px;cursor:pointer;min-width:36px;min-height:36px;justify-content:center}

/* ── Content ─────────────────────────────────────────────── */
.content{padding:1.25rem;flex:1}

/* ── Buttons ─────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--r);font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s;font-family:inherit}
.btn-primary{background:var(--v);color:#fff}
.btn-primary:hover{background:var(--vd)}
.btn-ghost{background:var(--bg3);color:var(--text2);border:.5px solid var(--border2)}
.btn-ghost:hover{background:var(--bg4);color:var(--text)}
.btn-danger{background:rgba(239,68,68,.1);color:var(--red);border:.5px solid rgba(239,68,68,.2)}
.btn-danger:hover{background:rgba(239,68,68,.18)}
.btn-sm{padding:5px 9px;font-size:12px}
.btn-icon{padding:6px}
.btn-wpp{background:#1fad54;color:#fff}
.btn-wpp:hover{background:#178a43}

/* ── Cards ───────────────────────────────────────────────── */
.card{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--rl);padding:1.1rem 1.2rem}

/* ── Stats ───────────────────────────────────────────────── */
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:1.25rem}
.sc{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--r);padding:.9rem}
.sc-l{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.sc-v{font-size:20px;font-weight:600;font-family:'DM Mono',monospace}
.sc-v.purple{color:var(--vl)}
.sc-v.green{color:var(--green)}
.sc-v.blue{color:var(--blue)}

/* ── Table ───────────────────────────────────────────────── */
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th{font-size:10px;color:var(--text2);font-weight:500;padding:7px 11px;text-align:left;border-bottom:.5px solid var(--border);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
td{padding:9px 11px;border-bottom:.5px solid var(--border);color:var(--text);vertical-align:middle}
tr:last-child td{border-bottom:none}
tr:hover td{background:var(--bg3)}
.trl{cursor:pointer}

/* ── Badges ──────────────────────────────────────────────── */
.badge{display:inline-block;padding:2px 7px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}
.bv{background:var(--v10);color:var(--vl)}
.bg{background:rgba(34,197,94,.1);color:var(--green)}
.bb{background:rgba(59,130,246,.1);color:var(--blue)}
.by{background:rgba(245,158,11,.1);color:var(--yellow)}
.br{background:rgba(239,68,68,.1);color:var(--red)}
.bgr{background:var(--bg4);color:var(--text2)}

/* ── Forms ───────────────────────────────────────────────── */
.fg{margin-bottom:.9rem}
.fl{font-size:11px;color:var(--text2);margin-bottom:4px;display:block}
.fi{width:100%;padding:7px 11px;background:var(--bg3);border:.5px solid var(--border2);border-radius:var(--r);color:var(--text);font-size:13.5px;font-family:inherit}
.fi:focus{outline:none;border-color:var(--v)}
.fi::placeholder{color:var(--text3)}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
textarea.fi{resize:vertical;min-height:70px}
select.fi{appearance:none}
/* Input con símbolo */
.input-wrap{position:relative;display:flex;align-items:center}
.input-wrap .fi{padding-left:28px}
.input-wrap .fi.suf{padding-left:11px;padding-right:36px}
.input-sym{position:absolute;left:9px;font-size:12px;color:var(--text2);font-family:'DM Mono',monospace;pointer-events:none;user-select:none;z-index:1}
.input-sym.right{left:auto;right:9px}

/* ── Modal ───────────────────────────────────────────────── */
.mbg{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .15s}
.modal{background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--rxl);padding:1.4rem;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;animation:slideUp .2s}
.modal.mlg{max-width:680px}
.modal.mxl{max-width:900px}
.mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}
.mt{font-size:15px;font-weight:500}
.mf{display:flex;gap:7px;justify-content:flex-end;margin-top:1.1rem;border-top:.5px solid var(--border);padding-top:.9rem}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}

/* ── PIN ─────────────────────────────────────────────────── */
#pin-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:200;flex-direction:column}
.pc{background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--rxl);padding:2rem;max-width:300px;width:90%;text-align:center}
.pi-logo{width:58px;height:58px;background:var(--v);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;margin:0 auto 1rem}
.pi-t{font-size:17px;font-weight:600;margin-bottom:3px}
.pi-s{font-size:13px;color:var(--text2);margin-bottom:1.4rem}
.pi-i{width:100%;text-align:center;font-size:22px;letter-spacing:6px;font-family:'DM Mono',monospace;padding:9px;background:var(--bg3);border:.5px solid var(--border2);border-radius:var(--r);color:var(--text);margin-bottom:10px}
.pi-err{color:var(--red);font-size:12px;margin-top:5px;min-height:16px}

/* ── Toast ───────────────────────────────────────────────── */
.toast{position:fixed;bottom:1.4rem;right:1.4rem;background:var(--bg3);border:.5px solid var(--border2);border-radius:var(--r);padding:9px 14px;font-size:13px;z-index:300;display:flex;align-items:center;gap:7px;animation:slideUp .2s;box-shadow:0 4px 20px rgba(0,0,0,.5)}
.toast.success{border-left:3px solid var(--green)}
.toast.error{border-left:3px solid var(--red)}

/* ── Presupuesto / Placas ────────────────────────────────── */
.placas-grid{display:flex;flex-direction:column}
.placa-row{display:grid;grid-template-columns:64px 80px 110px 90px 80px 95px 85px 32px;gap:6px;align-items:center;padding:6px 0;border-bottom:.5px solid var(--border)}
.placa-row.header{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;padding-bottom:5px}
.placa-row.header span{text-align:right}
.placa-row.header span:first-child{text-align:left}
.placa-row input{padding:5px 7px;background:var(--bg3);border:.5px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;font-family:'DM Mono',monospace;text-align:right;width:100%}
.placa-row input:focus{outline:none;border-color:var(--v)}
.placa-row input.zero{color:var(--text3)}
.placa-num{font-size:11px;color:var(--text2);font-weight:500}
.computed{font-size:12px;color:var(--text2);font-family:'DM Mono',monospace;text-align:right}
.pc-del{background:rgba(239,68,68,.12);border:.5px solid rgba(239,68,68,.25);border-radius:6px;color:var(--red);cursor:pointer;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.btn-add-placa{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--v10);border:.5px solid var(--v20);border-radius:8px;color:var(--vl);font-size:13px;cursor:pointer;font-family:inherit;margin-top:8px}
.tot-grid{margin-top:.75rem;padding-top:.75rem;border-top:.5px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tot-grid .res-block{padding:.6rem .8rem}
.tot-l{font-size:10px;color:var(--text2)}
.tot-v{font-size:16px;font-weight:600;font-family:'DM Mono',monospace}

/* ── Secciones del formulario ────────────────────────────── */
.sec-h{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}
.sec-h i{color:var(--vl)}
.sec-h small{font-size:11px;color:var(--text2);font-weight:400}
.sec-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;gap:8px}
.sec-toggle .chev{color:var(--text2);font-size:18px;transition:transform .2s}
.sec-toggle.open .chev{transform:rotate(180deg)}
.snap-note{font-size:11.5px;color:var(--text2);background:var(--bg3);border:.5px dashed var(--border2);border-radius:var(--r);padding:7px 10px;margin-top:.9rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cli-box{padding:7px 11px;background:var(--bg3);border:.5px solid var(--border2);border-radius:var(--r);font-size:13.5px}
.cli-opt{padding:8px 10px;border-bottom:.5px solid var(--border);cursor:pointer;font-size:13.5px;display:flex;align-items:center;gap:8px}
.cli-opt:hover{background:var(--bg3)}
.mono{font-family:'DM Mono',monospace}
.estado-sel{font-size:11px;padding:3px 6px;width:auto}
.loading{text-align:center;padding:3rem 1rem;color:var(--text2)}
.loading i{font-size:28px;display:inline-block;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── Resultado final ─────────────────────────────────────── */
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.res-block{background:var(--bg3);border:.5px solid var(--border);border-radius:var(--r);padding:.9rem}
.res-title{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;display:flex;align-items:center;gap:5px}
.res-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12.5px;border-bottom:.5px solid var(--border)}
.res-row:last-child{border-bottom:none}
.res-row .rl{color:var(--text2)}
.res-row .rv{font-family:'DM Mono',monospace}
.res-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px;margin-top:4px;border-top:.5px solid var(--border2)}
.res-total-label{font-size:12px;color:var(--text2)}
.res-total-val{font-size:22px;font-weight:700;font-family:'DM Mono',monospace}
.highlight-block{background:var(--v10);border:.5px solid var(--v20);border-radius:var(--r);padding:.9rem;display:flex;justify-content:space-between;align-items:center}
.highlight-block .hl{font-size:12px;color:var(--vl)}
.highlight-block .hv{font-size:26px;font-weight:700;color:var(--vl);font-family:'DM Mono',monospace}
.venta-block{background:rgba(34,197,94,.06);border:.5px solid rgba(34,197,94,.2);border-radius:var(--r);padding:.9rem;display:flex;justify-content:space-between;align-items:center}
.venta-block .hl{font-size:12px;color:var(--green)}
.venta-block .hv{font-size:26px;font-weight:700;color:var(--green);font-family:'DM Mono',monospace}

/* ── Config grid ─────────────────────────────────────────── */
.cfg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cfg-item{background:var(--bg3);border:.5px solid var(--border);border-radius:var(--r);padding:.8rem}
.cfg-item label{font-size:11px;color:var(--text2);display:block;margin-bottom:4px}
.cfg-item .cfd{font-size:10px;color:var(--text3);margin-top:3px}

/* ── Empty ───────────────────────────────────────────────── */
.empty{text-align:center;padding:3rem 1rem;color:var(--text2)}
.empty i{font-size:38px;color:var(--text3);display:block;margin-bottom:.7rem}
.empty p{font-size:14px}

/* ── Overlay / responsive ────────────────────────────────── */
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40}
.overlay.open{display:block}
@media(max-width:640px){
  .sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0)}
  .hamburger{display:flex;align-items:center}
  .content{padding:.9rem}
  .topbar{padding:.7rem .9rem}
  .fr,.fr3{grid-template-columns:1fr}
  .sg{grid-template-columns:1fr 1fr}
  .res-grid{grid-template-columns:1fr}
  /* Placas en mobile: tarjeta con 3 inputs y calculados debajo */
  .placa-row.header{display:none}
  .placa-row{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"num num del" "cant tmin gr" "hs kw tgr";gap:4px 6px;padding:8px 0}
    .placa-row .a-num{grid-area:num}.placa-row .a-del{grid-area:del;justify-self:end}
  .placa-row .a-cant{grid-area:cant}.placa-row .a-tmin{grid-area:tmin}.placa-row .a-gr{grid-area:gr}
  .placa-row .a-hs{grid-area:hs}.placa-row .a-kw{grid-area:kw}.placa-row .a-tgr{grid-area:tgr}
  .placa-row [data-l]::before{content:attr(data-l);display:block;font-size:9.5px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;text-align:left}
  .placa-row .computed{text-align:left}
  .fi,.placa-row input{font-size:16px} /* evita el zoom automático de iOS */
  .tot-grid{grid-template-columns:1fr 1fr 1fr}
  .tot-v{font-size:14px}
  .highlight-block .hv,.venta-block .hv{font-size:20px}
  .t-actions .btn span{display:none}
  .toast{left:1rem;right:1rem;bottom:1rem}
}

/* ── Pedidos / cuenta corriente ──────────────────────────── */
.nb.nb-alert{background:rgba(245,158,11,.18);color:var(--yellow);font-weight:600}
.tabs{display:flex;gap:4px;border-bottom:.5px solid var(--border2);margin-bottom:.9rem;overflow-x:auto}
.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);padding:8px 12px;font-size:13px;font-family:inherit;cursor:pointer;display:flex;gap:6px;align-items:center;white-space:nowrap}
.tab:hover{color:var(--text)}
.tab.active{color:var(--vl);border-bottom-color:var(--v)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:.8rem}
.chip{background:var(--bg3);border:.5px solid var(--border2);color:var(--text2);border-radius:20px;padding:5px 12px;font-size:12.5px;cursor:pointer;font-family:inherit}
.chip:hover{color:var(--text)}
.chip.active{background:var(--v10);border-color:var(--v20);color:var(--vl)}
.btn-pedido{background:rgba(245,158,11,.12);color:var(--yellow);border:.5px solid rgba(245,158,11,.3)}
.btn-pedido:hover{background:rgba(245,158,11,.2)}
.estado-sel.est-pendiente{color:var(--yellow)}
.estado-sel.est-impreso{color:var(--blue)}
.estado-sel.est-terminado{color:var(--vl)}
.estado-sel.est-entregado{color:var(--green)}
.check-list{max-height:300px;overflow-y:auto;border:.5px solid var(--border);border-radius:var(--r)}
.check-row{display:flex;gap:8px;align-items:center;padding:8px 10px;border-bottom:.5px solid var(--border);cursor:pointer;font-size:13px}
.check-row:last-child{border-bottom:none}
.check-row:hover{background:var(--bg3)}
.check-row input{accent-color:var(--v);width:16px;height:16px;flex-shrink:0}
.check-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a{color:var(--vl);text-decoration:none}
a:hover{text-decoration:underline}
a.badge:hover{text-decoration:none;filter:brightness(1.2)}
.sc.trl:hover{border-color:var(--border3)}
@media(max-width:640px){
  .btn-pedido span{display:none}
  .check-row .badge:not(:first-of-type){display:none}
}

/* Ítems adicionales de factura */
.item-row{display:grid;grid-template-columns:1fr 150px 28px;gap:6px;align-items:center;margin-bottom:6px}
@media(max-width:640px){.item-row{grid-template-columns:1fr 110px 28px}}

/* ── Imágenes ─────────────────────────────────────────────── */
.num-cell{display:flex;gap:8px;align-items:center}
.mini{position:relative;width:44px;height:44px;border-radius:8px;overflow:hidden;border:.5px solid var(--border2);background:var(--bg3);padding:0;cursor:zoom-in;flex-shrink:0}
.mini img{width:100%;height:100%;object-fit:cover;display:block}
.mini span{position:absolute;right:2px;bottom:2px;background:rgba(0,0,0,.7);color:#fff;font-size:9px;border-radius:6px;padding:0 4px;font-family:'DM Mono',monospace}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin-bottom:1rem}
.galeria button{aspect-ratio:1;border-radius:var(--r);overflow:hidden;border:.5px solid var(--border2);background:var(--bg3);padding:0;cursor:zoom-in}
.galeria img{width:100%;height:100%;object-fit:cover;display:block}
.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.img-item{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;border:.5px solid var(--border2);background:var(--bg3)}
.img-item.portada{border-color:var(--v);box-shadow:0 0 0 1px var(--v)}
.img-item img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.img-tag{position:absolute;left:5px;bottom:5px;background:var(--v);color:#fff;font-size:10px;border-radius:6px;padding:1px 6px}
.img-btn{position:absolute;top:5px;width:26px;height:26px;border-radius:7px;border:none;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}
.img-del{right:5px}.img-del:hover{background:var(--red)}
.img-star{left:5px}.img-star:hover{background:var(--v)}
.img-zone{aspect-ratio:1;border:1.5px dashed var(--border3);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--text2);font-size:12px;padding:8px;outline:none}
.img-zone i{font-size:22px;color:var(--vl)}
.img-zone:focus,.img-zone.drag{border-color:var(--v);background:var(--v10)}
.img-zone-btns{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.img-zone-btns .btn{padding:4px 8px;font-size:11.5px}
#lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:400;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s}
#lightbox img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:8px}
.lb-close,.lb-nav{position:absolute;background:rgba(255,255,255,.1);border:none;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-close{top:14px;right:14px;width:40px;height:40px;font-size:18px}
.lb-nav{top:50%;transform:translateY(-50%);width:46px;height:46px;font-size:30px;line-height:1}
.lb-prev{left:12px}.lb-next{right:12px}
.lb-close:hover,.lb-nav:hover{background:rgba(255,255,255,.2)}
.lb-count{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#fff;font-size:12px;font-family:'DM Mono',monospace}
@media(max-width:640px){.img-grid{grid-template-columns:repeat(3,1fr)}.mini{width:38px;height:38px}}

/* ── Detalle de facturas en la cuenta corriente ─────────── */
.fc-chev{display:inline-flex;color:var(--text3);transition:transform .15s;margin-right:2px;vertical-align:middle}
.fc-fila.open .fc-chev{transform:rotate(90deg);color:var(--vl)}
.fc-fila.open td{background:var(--bg3);border-bottom-color:transparent}
.fc-resumen{font-size:11.5px;color:var(--text2);margin-top:3px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
tr.fc-det td{background:var(--bg3);padding-top:0}
tr.fc-det:hover td{background:var(--bg3)}
.fc-det-box{border:.5px solid var(--border2);border-radius:var(--r);background:var(--bg2);padding:4px 10px;margin:0 0 4px 0}
.fc-det-row{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:.5px solid var(--border);font-size:12.5px}
.fc-det-row:last-child{border-bottom:none}
.fc-det-row .mini{width:32px;height:32px}
.fc-det-desc{flex:1;min-width:0}
.fc-det-desc a{font-size:11px;margin-left:6px}
.fc-det-total{font-weight:600;border-top:.5px solid var(--border2)}
@media(max-width:640px){.fc-resumen{max-width:200px}.fc-det-row .badge:nth-of-type(2){display:none}}