:root{--cb-rosa:#a3325f;--cb-rosa-bg:#fdeaf1;--cb-rosa-line:#f2c4d5;--cb-naranja:#9a4a0b;--cb-naranja-bg:#fdefe0;--cb-naranja-line:#f3cfa6;--cb-rojo:#e00000;--cb-rojo-bg:#ffe5e5;--cb-rojo-line:#e00000;--cb-gris:#5f5f5c;--cb-gris-bg:#f1f0ec}
body[data-scope=cobros] .op-dock{grid-template-columns:repeat(4,minmax(0,1fr))}
:is(.menu,.op-dock) [data-view=cartera]{--op-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E")}
:is(.menu,.op-dock) [data-view=abonar]{--op-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")}
:is(.menu,.op-dock) [data-view=cobradas]{--op-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m8.5 12.5 2.4 2.4 4.6-5'/%3E%3C/svg%3E")}
:is(.menu,.op-dock) [data-view=perfil]{--op-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E")}
.cb-lema{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}
.cb-seccion{min-width:0}
.cb-rotulo{margin:0 0 8px;color:var(--wine);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.cb-pista{margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.55}
.cb-pista--error{color:var(--cb-rojo)}
.cb-gerente strong{color:var(--black);font-weight:400}
.cb-tarjeta{padding:26px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.cb-tarjeta p{margin:0 0 12px;font-size:16px;line-height:1.55}
.cb-resumen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.cb-cifra{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.cb-cifra strong{font-size:28px;font-weight:400;line-height:1.1;overflow-wrap:anywhere}
.cb-cifra span{color:var(--muted);font-size:14px;line-height:1.4}
.cb-cifra--rosa{border-color:var(--cb-rosa-line);background:var(--cb-rosa-bg)}
.cb-cifra--rosa strong{color:var(--cb-rosa)}
.cb-cifra--naranja{border-color:var(--cb-naranja-line);background:var(--cb-naranja-bg)}
.cb-cifra--naranja strong{color:var(--cb-naranja)}
.cb-cifra--rojo{border-color:var(--cb-rojo);background:var(--cb-rojo)}
.cb-cifra--rojo strong,.cb-cifra--rojo span{color:#fff}
.cb-buscar{display:grid;gap:7px;max-width:420px;margin:0 0 20px}
.cb-buscar label{color:var(--muted2);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cb-buscar input{min-height:48px;padding:10px 14px;border:1px solid var(--line-control);border-radius:14px;background:var(--field);color:var(--black);font:inherit;font-size:16px}
.cb-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px;align-items:start}
.cb-deuda{min-width:0;padding:20px 22px;border:1px solid var(--line);border-left-width:6px;border-radius:var(--radius);background:var(--card)}
.cb-deuda--rosa{border-left-color:var(--cb-rosa)}
.cb-deuda--naranja{border-left-color:var(--cb-naranja)}
.cb-deuda--rojo{border:2px solid var(--cb-rojo);border-left-width:8px;background:#fff}
.cb-deuda--rojo .cb-deuda__importe{color:var(--cb-rojo);font-weight:600}
.cb-deuda--cobrada{border-left-color:var(--success)}
.cb-deuda--anulada{border-left-color:#9a9a96;background:var(--cb-gris-bg)}
.cb-deuda__cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:0 0 10px}
.cb-deuda__importe{font-size:24px;font-weight:400;line-height:1.1}
.cb-deuda__nombre{margin:0 0 4px;font-size:21px;font-weight:400;line-height:1.3;overflow-wrap:anywhere}
.cb-deuda__nombre span{color:var(--muted);font-size:16px}
.cb-color{display:inline-block;padding:4px 12px;border:1px solid var(--line);border-radius:99px;font-size:13px;letter-spacing:.06em}
.cb-color--rosa{border-color:var(--cb-rosa-line);background:var(--cb-rosa-bg);color:var(--cb-rosa)}
.cb-color--naranja{border-color:var(--cb-naranja-line);background:var(--cb-naranja-bg);color:var(--cb-naranja)}
.cb-color--rojo{border-color:var(--cb-rojo);background:var(--cb-rojo);color:#fff;font-weight:600}
.cb-color--cobrada{border-color:#cee7d9;background:var(--success-bg);color:var(--success)}
.cb-color--anulada{border-color:#d6d5d0;background:#fff;color:var(--cb-gris)}
.cb-datos{display:grid;margin:14px 0 0}
.cb-datos__fila{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:4px 16px;padding:9px 0;border-top:1px solid var(--line)}
.cb-datos dt{padding-top:3px;color:var(--muted2);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cb-datos dd{margin:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.cb-datos--corto .cb-datos__fila{grid-template-columns:minmax(110px,160px) minmax(0,1fr);padding:7px 0}
.cb-acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cb-acciones .op-btn{width:auto;flex:0 0 auto;margin:0}
.cb-contacto{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.cb-contacto .cb-datos{margin:0}
.cb-contacto .cb-datos__fila:first-child{border-top:0}
.cb-movs{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.cb-movs__titulo{margin:0 0 6px;color:var(--muted2);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cb-linea{display:grid;margin:0;padding:0;list-style:none}
.cb-mov{position:relative;padding:12px 0 12px 20px;border-top:1px solid var(--line)}
.cb-mov:first-child{border-top:0}
.cb-mov::before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;border-radius:50%;background:#9a9a96}
.cb-mov--anotada::before,.cb-mov--en_pausa::before{background:var(--cb-rojo)}
.cb-mov--boleta::before,.cb-mov--cancelada::before,.cb-mov--activada::before{background:var(--success)}
.cb-mov--deshecha::before{background:var(--cb-naranja)}
.cb-mov__cuando{margin:0;color:var(--muted);font-size:13px;letter-spacing:.02em}
.cb-mov__que{margin:2px 0 0;font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.cb-mov__mas{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.cb-mov .op-btn{width:auto;margin:8px 0 0}
.cb-mov__botones{display:flex;flex-wrap:wrap;gap:8px}
.cb-mov__botones .op-btn{flex:0 1 auto}
.cb-wasap-enlace{color:#0b6b37;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.cb-historial{max-width:860px;margin:30px 0 0;padding:24px 26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.cb-historial__cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 6px}
.cb-historial__cab h3{margin:0;font-size:24px;font-weight:400}
.cb-historial__cab .op-btn{width:auto;margin:0}
.cb-perfil{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:start}
.cb-perfil__nombre{margin:0 0 4px;font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.15;letter-spacing:-.01em}
.cb-codigo-alta{display:grid;justify-items:start;gap:10px;margin:0 0 14px}
.cb-codigo-qr{display:block;width:200px;height:200px;border:1px solid #e3e1db;border-radius:12px;background:#fff}
#cobrosAbono .gbr{max-width:860px;font-size:15px}
#cobrosAbono .gbr h2{font-size:26px}
#cobrosAbono .card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
#cobrosAbono .pad{padding:26px 28px}
#cobrosAbono .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid #0a0a0a;border-radius:99px;background:#0a0a0a;color:#fff;font:inherit;font-size:16px;cursor:pointer}
#cobrosAbono .btn.secondary{background:#fff;color:#0a0a0a}
#cobrosAbono .btn:disabled{opacity:.55;cursor:not-allowed}
.cb-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:860px;margin:0 0 8px}
.cb-menu[hidden],[data-cb-sub][hidden],.cb-buscar[hidden]{display:none!important}
.cb-opcion{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:112px;padding:20px;border:1px solid #111;border-radius:12px;background:#fff;color:#111;font:inherit;text-align:left;cursor:pointer}
.cb-opcion strong{font-weight:400;font-size:22px;line-height:1.25}
.cb-opcion span{font-size:14px;line-height:1.5;color:#555}
.cb-opcion:hover{background:#faf7f2}
.cb-opcion:focus-visible{outline:2px solid #111;outline-offset:2px}
.cb-volver{width:auto;margin:0 0 14px}
.cb-fila{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.cb-fila input{flex:1 1 180px;min-width:0}
.cb-fila .op-btn{width:auto;margin:0}
.cb-aviso{display:grid;gap:4px;max-width:860px;margin:0 0 16px;padding:14px 18px;border:1px solid #111;border-radius:14px;background:#fff;font-size:15px;line-height:1.5}
.cb-aviso strong{font-weight:600}
.cb-aviso--rojo{border:2px solid var(--cb-rojo);background:var(--cb-rojo-bg);color:#5c0000}
.cb-aviso--error{color:var(--cb-rojo)}
.cb-ef{display:grid;gap:18px;max-width:860px}
.cb-ef h3{margin:0;font-size:26px;font-weight:400}
.cb-ef .cb-buscar{margin:0}
.cb-ef-deudas{display:grid;gap:10px;margin:16px 0 0;padding:0;border:0;min-width:0}
.cb-ef-deudas legend{padding:0}
.cb-ef-deuda{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}
.cb-ef-deuda:has(input:checked){border:2px solid #111}
.cb-ef-deuda input{width:22px;height:22px;margin:4px 0 0;accent-color:#111}
.cb-ef-deuda__texto{display:grid;gap:6px;min-width:0}
.cb-ef-deuda__cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.cb-ef-deuda__cab strong{font-size:20px;font-weight:400}
.cb-ef-deuda .cb-pista{margin:0}
.cb-ef-campo{display:grid;gap:7px;max-width:480px;margin:18px 0 0}
.cb-ef-campo label{color:var(--muted2);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cb-ef-campo input{min-height:48px;padding:10px 14px;border:1px solid var(--line-control);border-radius:14px;background:var(--field);color:var(--black);font:inherit;font-size:16px}
.cb-ef-campo .cb-pista{margin:0}
.cb-ef-declaracion{margin:0 0 14px!important;padding:14px 16px;border-left:4px solid #111;background:#faf7f2;font-style:italic}
.cb-firma{display:block;width:100%;max-width:640px;aspect-ratio:3/1;border:1px solid #111;border-radius:12px;background:#fff;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}
.cb-firma[data-apagado="1"]{opacity:.6;cursor:not-allowed}
.cb-ef-paso .cb-acciones{margin:12px 0}
.cb-ef-paso .cb-acciones .op-btn:not(.op-btn--chico){width:auto;min-width:260px}
.cb-ef-hecho{padding:22px 24px;border:2px solid var(--success);border-radius:var(--radius);background:var(--success-bg)}
.cb-ef-hecho h3{margin:0 0 10px}
.cb-ef-hecho p{margin:0 0 10px;font-size:16px;line-height:1.55}
.cb-mov--efectivo::before{background:var(--success)}
@media (max-width: 1100px){.cb-perfil{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 760px){
  .cb-tarjeta,.cb-historial,#cobrosAbono .pad{padding:20px}
  .cb-resumen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cb-datos__fila,.cb-datos--corto .cb-datos__fila{grid-template-columns:minmax(0,1fr)}
  .cb-deuda{padding:18px}
  .cb-acciones .op-btn{flex:1 1 auto}
  .cb-menu{grid-template-columns:minmax(0,1fr)}
  .cb-opcion{min-height:96px}
  .cb-ef-paso .cb-acciones .op-btn:not(.op-btn--chico){min-width:0;flex:1 1 auto}
  .cb-ef-hecho{padding:18px}
}