@import url('erp-smart-forms.css');
:root{
  --cb-primary:#0877f9;--cb-primary-2:#00a8ff;--cb-navy:#06182e;--cb-navy-2:#0a2440;
  --cb-bg:#f4f7fb;--cb-surface:#ffffff;--cb-surface-2:#f8fafc;--cb-text:#162033;--cb-muted:#718096;
  --cb-border:#e3e9f1;--cb-success:#19b66a;--cb-warning:#f5a524;--cb-danger:#ef445a;--cb-purple:#7c55e8;
  --cb-shadow:0 10px 34px rgba(15,42,71,.08);--cb-radius:16px;--cb-radius-sm:11px;
  --cb-input:#fff;--cb-row:#fbfcfe;--cb-sidebar:#061a31;--cb-sidebarText:#dcecff;
}
html[data-theme="dark"]{
  --cb-bg:#06111f;--cb-surface:#0b1b2e;--cb-surface-2:#0f2338;--cb-text:#edf6ff;--cb-muted:#93a9bf;
  --cb-border:#183750;--cb-shadow:0 14px 42px rgba(0,0,0,.28);--cb-input:#0b1b2e;--cb-row:#0d2033;
  --cb-sidebar:#041426;--cb-sidebarText:#e4f3ff;
}
*{box-sizing:border-box}
html{background:var(--cb-bg);color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
body{margin:0!important;background:var(--cb-bg)!important;color:var(--cb-text)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;min-height:100vh;transition:background .2s ease,color .2s ease}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 90% 0,rgba(8,119,249,.07),transparent 25%),radial-gradient(circle at 0 90%,rgba(0,168,255,.045),transparent 24%)}
a{color:var(--cb-primary);text-decoration:none}.hidden{display:none!important}
/* Cabecera legacy modernizada */
header{height:auto!important;min-height:76px!important;background:var(--cb-surface)!important;color:var(--cb-text)!important;border-bottom:1px solid var(--cb-border)!important;box-shadow:0 4px 20px rgba(18,42,66,.05)!important;position:relative;z-index:50}
header .contenedor,.contenedor{background:var(--cb-surface)!important;color:var(--cb-text)!important;border-color:var(--cb-border)!important}
header .contenedor{min-height:76px;padding:8px 18px!important;display:flex!important;align-items:center;gap:14px;position:relative!important}
.contenedor .imgCabecera,.imgCabecera{width:86px!important;height:62px!important;object-fit:contain!important;border-radius:12px!important;background:var(--cb-sidebar)!important;padding:4px!important;box-shadow:0 5px 15px rgba(6,26,49,.18)}
.divBuscadores{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;min-width:0!important;flex:1!important}
.divBuscadores label{font-size:12px!important;color:var(--cb-muted)!important;font-weight:650!important;margin:0!important}
.divBuscadores input[type=text]{max-width:210px!important;height:37px!important}
.sesionCabecera{margin-left:auto!important}
.icon-menu{color:var(--cb-primary)!important;font-size:26px!important}
.barra{background:var(--cb-sidebar)!important;color:var(--cb-sidebarText)!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
.barra ul,.barra nav,.subMenu{background:var(--cb-sidebar)!important;color:var(--cb-sidebarText)!important}
.btnMenu,.barra a,.barra button{font-family:inherit!important;color:var(--cb-sidebarText)!important;border:0!important;border-radius:9px!important;transition:.18s ease!important}
.btnMenu:hover,.barra a:hover,.barra button:hover{background:rgba(0,168,255,.15)!important;color:#fff!important;transform:none!important}
/* Controles */
input,select,textarea{font-family:inherit!important;background:var(--cb-input)!important;color:var(--cb-text)!important;border:1px solid var(--cb-border)!important;border-radius:10px!important;outline:none!important;padding:9px 10px!important;transition:.16s ease!important}
input:focus,select:focus,textarea:focus{border-color:var(--cb-primary)!important;box-shadow:0 0 0 3px rgba(8,119,249,.12)!important}
input::placeholder,textarea::placeholder{color:var(--cb-muted)!important}
button,input[type=submit],input[type=button],.btn,.boton{font-family:inherit!important;border:0!important;border-radius:10px!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important}
button:hover,input[type=submit]:hover,input[type=button]:hover,.btn:hover,.boton:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 7px 20px rgba(8,119,249,.16)}
.btnLogin,.btnGuardar,.btnAceptar,.btnRegistro,.btnBuscar,.botonPrincipal{background:linear-gradient(135deg,var(--cb-primary),var(--cb-primary-2))!important;color:#fff!important}
/* Contenedores legacy */
.divPrincipal,.datosDb,.contenido,.contenedorPrincipal,.divDatos,.panel,.card,.menuS,.datos,.tarjeta,.recuadro,.formulario,.form,.tablaContenedor,.divLogin{background:var(--cb-surface)!important;color:var(--cb-text)!important;border:1px solid var(--cb-border)!important;border-radius:var(--cb-radius)!important;box-shadow:var(--cb-shadow)!important}
h1,h2,h3,h4,h5,.tituloEmpleados,.titulo2{color:var(--cb-text)!important;letter-spacing:-.018em}
label,p,span,li{color:inherit}
/* Tablas */
table{background:var(--cb-surface)!important;color:var(--cb-text)!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--cb-border)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:var(--cb-shadow)!important}
th{background:var(--cb-surface-2)!important;color:var(--cb-text)!important;border-color:var(--cb-border)!important;font-weight:700!important;text-transform:none!important;padding:11px 10px!important}
td{border-color:var(--cb-border)!important;color:var(--cb-text)!important;padding:9px 10px!important;background:var(--cb-surface)!important}
tr:nth-child(even) td{background:var(--cb-row)!important}tr:hover td{background:rgba(8,119,249,.055)!important}
/* Modal y mensajes */
.modal,.modal-content,.contenidoModal,.alerta,.notificacion{background:var(--cb-surface)!important;color:var(--cb-text)!important;border-color:var(--cb-border)!important;border-radius:var(--cb-radius)!important}
/* Scroll */
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b7c5d5;border-radius:20px}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#31516d}
/* Herramientas flotantes globales */
.cb-ui-tools{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;gap:9px;align-items:center}.cb-ui-button{width:44px;height:44px;border-radius:14px!important;background:var(--cb-surface)!important;color:var(--cb-text)!important;border:1px solid var(--cb-border)!important;box-shadow:var(--cb-shadow)!important;font-size:19px!important;display:grid!important;place-items:center!important;padding:0!important}.cb-ui-button:hover{color:var(--cb-primary)!important;border-color:rgba(8,119,249,.4)!important}
.cb-toast{position:fixed;right:18px;bottom:74px;z-index:9998;background:var(--cb-sidebar);color:#fff;padding:10px 14px;border-radius:11px;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:13px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.cb-toast.show{opacity:1;transform:none}
@media(max-width:800px){header .contenedor{padding:7px 10px!important;flex-wrap:wrap}.contenedor .imgCabecera,.imgCabecera{width:65px!important;height:50px!important}.divBuscadores{order:3;width:100%}.divBuscadores label{display:none!important}.divBuscadores input[type=text]{max-width:none!important;flex:1}.divPrincipal,.contenedorPrincipal{width:calc(100% - 16px)!important;margin:8px!important}table{font-size:12px!important;display:block!important;overflow:auto!important;max-width:100%!important}.cb-ui-tools{right:10px;bottom:10px}}


/* ===== COBRACELL Smart Tables V3 ===== */
.cb-smart-table{position:relative;margin:16px 0 22px;background:var(--cb-surface);border:1px solid var(--cb-border);border-radius:18px;box-shadow:var(--cb-shadow);overflow:visible}
.cb-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--cb-border);background:linear-gradient(180deg,var(--cb-surface),var(--cb-surface-2));border-radius:18px 18px 0 0}
.cb-table-search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:460px}.cb-table-search-icon{position:absolute;left:12px;color:var(--cb-muted);font-size:19px;pointer-events:none}.cb-table-search{width:100%!important;height:42px!important;padding-left:38px!important;border-radius:12px!important;background:var(--cb-input)!important}
.cb-table-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cb-table-btn{height:38px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;background:var(--cb-surface)!important;color:var(--cb-text)!important;border:1px solid var(--cb-border)!important;border-radius:10px!important;font-weight:650!important;font-size:12px!important;box-shadow:none!important}.cb-table-btn:hover{border-color:rgba(8,119,249,.45)!important;color:var(--cb-primary)!important;background:rgba(8,119,249,.055)!important}
.cb-table-filter-panel,.cb-table-column-panel{display:none;padding:14px;border-bottom:1px solid var(--cb-border);background:var(--cb-surface-2);gap:10px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:end}.cb-table-filter-panel.open,.cb-table-column-panel.open{display:grid}.cb-filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}.cb-filter-field>span,.cb-column-title{font-size:11px;font-weight:750;color:var(--cb-muted)!important;text-transform:uppercase;letter-spacing:.04em}.cb-filter-field input,.cb-filter-field select{width:100%!important;height:38px!important;font-size:12px!important}.cb-reset-filters{align-self:end}.cb-table-column-panel{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:center}.cb-column-title{grid-column:1/-1}.cb-column-choice{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cb-text)!important;background:var(--cb-surface);border:1px solid var(--cb-border);padding:8px 10px;border-radius:10px}.cb-column-choice input{width:16px!important;height:16px!important;margin:0!important;padding:0!important}
.cb-table-scroll{width:100%;overflow:auto;border-radius:0}.cb-smart-table table{margin:0!important;width:100%!important;min-width:max-content!important;border:0!important;border-radius:0!important;box-shadow:none!important}.cb-smart-table thead{position:sticky;top:0;z-index:3}.cb-smart-table thead td,.cb-smart-table thead th{position:relative;white-space:nowrap;background:var(--cb-surface-2)!important;font-weight:750!important;color:var(--cb-text)!important;border-bottom:1px solid var(--cb-border)!important;padding:12px 28px 12px 12px!important}.cb-sortable{cursor:pointer;user-select:none}.cb-sortable:hover{color:var(--cb-primary)!important}.cb-sort-marker{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--cb-muted);opacity:.6}.cb-sortable[data-cb-dir="asc"] .cb-sort-marker{opacity:1;color:var(--cb-primary)}.cb-sortable[data-cb-dir="asc"] .cb-sort-marker:after{content:" ↑"}.cb-sortable[data-cb-dir="desc"] .cb-sort-marker{opacity:1;color:var(--cb-primary)}.cb-sortable[data-cb-dir="desc"] .cb-sort-marker:after{content:" ↓"}.cb-smart-table tbody td{white-space:nowrap;vertical-align:middle}.cb-smart-table tbody tr{transition:background .14s ease}.cb-smart-table tbody tr:hover td{background:rgba(8,119,249,.07)!important}.cb-smart-table input[type=radio],.cb-smart-table input[type=checkbox]{accent-color:var(--cb-primary)}
.cb-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid var(--cb-border);background:var(--cb-surface-2);border-radius:0 0 18px 18px;font-size:12px;color:var(--cb-muted)}.cb-table-summary strong{color:var(--cb-text)}.cb-table-page-size,.cb-table-pagination{display:flex;align-items:center;gap:8px}.cb-table-page-size select{height:34px!important;padding:4px 27px 4px 9px!important;font-size:12px!important}.cb-table-pagination button{width:34px!important;height:34px!important;border:1px solid var(--cb-border)!important;background:var(--cb-surface)!important;color:var(--cb-text)!important;border-radius:9px!important;font-size:18px!important;padding:0!important}.cb-table-pagination button:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.cb-table-has-filter{outline:2px solid rgba(8,119,249,.1)}
.cb-legacy-search-label{display:inline-flex!important;align-items:center!important;padding:4px 8px!important;border-radius:7px!important;background:rgba(8,119,249,.08)!important;color:var(--cb-primary)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-weight:800!important}.cb-legacy-search{min-width:260px!important;height:40px!important;border-radius:12px!important}
@media(max-width:760px){.cb-table-toolbar{align-items:stretch;flex-direction:column}.cb-table-search-wrap{max-width:none}.cb-table-actions{display:grid;grid-template-columns:repeat(3,1fr)}.cb-table-btn{padding:0 8px!important}.cb-table-filter-panel,.cb-table-column-panel{grid-template-columns:1fr 1fr}.cb-table-footer{flex-wrap:wrap}.cb-table-summary{width:100%}.cb-smart-table table{font-size:11px!important}.cb-legacy-search{min-width:0!important;width:100%!important}}
@media(max-width:480px){.cb-table-filter-panel,.cb-table-column-panel{grid-template-columns:1fr}.cb-table-actions{grid-template-columns:1fr 1fr 1fr}.cb-table-footer{justify-content:center}.cb-table-page-size{order:2}.cb-table-pagination{order:3}}

/* ===== COBRACELL SUBSCRIPTION BANNER V3 ===== */
.cb-global-subscription-banner{position:sticky;top:0;z-index:99999;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:11px clamp(14px,3vw,30px);background:linear-gradient(95deg,#7c2d12,#ea580c);color:#fff;box-shadow:0 10px 30px rgba(124,45,18,.22);font:500 13px/1.35 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.cb-global-subscription-copy{display:flex;align-items:center;gap:10px;min-width:0}.cb-global-subscription-copy b{font-size:13px;white-space:nowrap}.cb-global-subscription-copy span{opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-global-subscription-count{font-variant-numeric:tabular-nums;font-size:15px;letter-spacing:.04em;background:rgba(255,255,255,.14);padding:7px 10px;border-radius:10px}.cb-global-subscription-banner a{color:#7c2d12;background:#fff;text-decoration:none;font-weight:800;padding:8px 12px;border-radius:10px;white-space:nowrap}.cb-global-subscription-banner a:hover{transform:translateY(-1px)}
@media(max-width:760px){.cb-global-subscription-banner{grid-template-columns:1fr auto;gap:8px 10px}.cb-global-subscription-copy{display:block}.cb-global-subscription-copy b,.cb-global-subscription-copy span{display:block;white-space:normal}.cb-global-subscription-copy span{font-size:11px;margin-top:2px}.cb-global-subscription-count{grid-column:2;grid-row:1}.cb-global-subscription-banner a{grid-column:1/-1;text-align:center;padding:7px}}