:root{--text:#2b2b33;--text-muted:#6b6375;--bg:#f7f6f3;--panel-bg:#fff;--border:#e3e1dc;--accent:#2f6b4f;--accent-contrast:#fff;--cliente-bg:#2f6b4f;--cliente-text:#fff;--agente-bg:#eeece6;--agente-text:#2b2b33;--operador-bg:#dde6f2;--operador-text:#1f3a5f;--error-bg:#fbe7e7;--error-text:#9b2c2c;--warn-bg:#fdf3d9;--warn-text:#8a6116;--ok-bg:#e4f0e9;--ok-text:#24593f;--peligro-bg:#fdeee0;--peligro-border:#e08a3c;--peligro-text:#b1500d;--esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:20px;--esp-6:28px;--radio-1:6px;--radio-2:8px;--radio-pill:999px;--tap:44px;--ancho-movil:768px;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--accent)}.app-shell{min-height:100%;display:flex}.sidebar{background:var(--panel-bg);border-right:1px solid var(--border);width:220px;padding:var(--esp-5) var(--esp-3);gap:var(--esp-1);flex-direction:column;flex-shrink:0;display:flex}.sidebar h1{margin:0 0 var(--esp-4) var(--esp-2);font-size:18px}.sidebar a{justify-content:space-between;align-items:center;gap:var(--esp-2);padding:var(--esp-2) 10px;border-radius:var(--radio-1);color:var(--text);font-size:14px;text-decoration:none;display:flex}.sidebar a.active,.sidebar a:hover{background:var(--agente-bg)}.sidebar .contador,.barra-movil .contador,h2 .contador{background:var(--error-bg);min-width:20px;color:var(--error-text);text-align:center;border-radius:999px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}h2 .contador{margin-left:var(--esp-2);vertical-align:middle}.barra-movil .contador{margin-left:auto}.sidebar .logout{text-align:left;color:var(--text-muted);padding:var(--esp-2) 10px;background:0 0;border:none;margin-top:auto}.main-content{padding:var(--esp-6) 36px;flex:1;min-width:0;max-width:1100px}.main-content h2{margin-top:0}.barra-movil{display:none}.card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radio-2);padding:var(--esp-4) var(--esp-5);margin-bottom:var(--esp-4)}.card.acento-error{border-color:var(--error-text)}.card.acento-warn{border-color:var(--warn-text)}a.card{color:inherit;text-decoration:none;display:block}.card-titulo{justify-content:space-between;align-items:center;gap:var(--esp-3);margin:0 0 var(--esp-2);font-size:17px;display:flex}.card-nota{color:var(--text-muted);margin:0 0 var(--esp-3);font-size:14px}.fila{gap:var(--esp-3);flex-wrap:wrap;align-items:center;display:flex}.fila-acciones{gap:var(--esp-2);flex-wrap:wrap;display:flex}.tabs{gap:var(--esp-1);border-bottom:1px solid var(--border);margin-bottom:var(--esp-4);flex-wrap:wrap;display:flex;overflow-x:auto}.tabs a,.tabs button{padding:10px var(--esp-3);min-height:var(--tap);color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;font-size:14px;text-decoration:none}.tabs a.active,.tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tabs .contador{color:var(--text-muted);margin-left:6px;font-size:12px}.tabla-scroll{overflow-x:auto}table.grid{border-collapse:collapse;width:100%;font-size:14px}table.grid th,table.grid td{text-align:left;padding:var(--esp-2) 10px;border-bottom:1px solid var(--border);vertical-align:top}table.grid th{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:600}table.grid tr.clickeable{cursor:pointer}table.grid tr.clickeable:hover td{background:var(--agente-bg)}.numero-grande{font-size:32px;font-weight:700;line-height:1.1}.etiqueta-contador{color:var(--text-muted);font-size:13px}.vacio{color:var(--text-muted);padding:var(--esp-3) 0;margin:0;font-size:14px}.badge{padding:2px var(--esp-2);border-radius:var(--radio-pill);background:var(--agente-bg);color:var(--text);font-size:12px;font-weight:600;display:inline-block}.badge.warn{background:var(--warn-bg);color:var(--warn-text)}.badge.error{background:var(--error-bg);color:var(--error-text)}.badge.ok{background:var(--ok-bg);color:var(--ok-text)}.alert{padding:10px var(--esp-4);border-radius:var(--radio-1);margin-bottom:var(--esp-3);background:var(--agente-bg);color:var(--text);font-size:14px}.alert.error{background:var(--error-bg);color:var(--error-text)}.alert.warn{background:var(--warn-bg);color:var(--warn-text)}.alert.ok{background:var(--ok-bg);color:var(--ok-text)}.btn{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radio-1);padding:10px var(--esp-4);min-height:var(--tap);border:none;font-size:14px}.btn.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn.danger{background:var(--error-text);color:var(--accent-contrast)}.btn.enlace{color:var(--accent);padding:10px var(--esp-1);background:0 0;border:none;text-decoration:underline}.btn.chico{min-height:32px;padding:var(--esp-1) 10px}.zona-archivo{border:2px dashed var(--border);border-radius:var(--radio-2);background:var(--panel-bg);padding:var(--esp-6) var(--esp-4);text-align:center}.zona-archivo.arrastrando{border-color:var(--accent);background:var(--ok-bg)}.zona-archivo.deshabilitada{opacity:.6}.zona-archivo-ayuda{margin:0 0 var(--esp-3);color:var(--text-muted);font-size:13px}.variacion-pct{color:var(--text-muted);margin-left:var(--esp-1);font-size:12px}.variacion-nula{color:var(--text-muted)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],textarea,select{font:inherit;border:1px solid var(--border);border-radius:var(--radio-1);background:var(--panel-bg);min-height:38px;color:var(--text);max-width:100%;padding:6px 10px}textarea{min-height:72px}label{color:var(--text-muted);margin-bottom:var(--esp-1);font-size:13px;display:block}.field{margin-bottom:var(--esp-3)}.field.ancho input,.field.ancho select,.field.ancho textarea{width:100%}.field small{color:var(--text-muted);margin-top:var(--esp-1);font-size:12px;display:block}.field.peligro{background:var(--peligro-bg);border-left:3px solid var(--peligro-border);border-radius:0 var(--radio-1) var(--radio-1) 0;padding:var(--esp-3) 14px;margin-top:var(--esp-5)}.field.peligro label,.field.peligro small{color:var(--peligro-text)}.field.peligro label{font-weight:600}.field.peligro input[type=text]{border-color:var(--peligro-border)}.modal-fondo{padding:var(--esp-4);z-index:20;background:#14121873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel-bg);border-radius:var(--radio-2);padding:var(--esp-5);width:min(520px,100%);max-height:90vh;overflow-y:auto}.modal h3{margin-top:0}.skeleton{background:linear-gradient(90deg, var(--agente-bg) 25%, var(--bg) 50%, var(--agente-bg) 75%);border-radius:var(--radio-1);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-brillo}@keyframes skeleton-brillo{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.chat-log{gap:var(--esp-2);max-height:60vh;padding:var(--esp-2) 0;flex-direction:column;display:flex;overflow-y:auto}.chat-bubble{max-width:70%;padding:var(--esp-2) 14px;white-space:pre-wrap;border-radius:14px;font-size:14px}.chat-bubble.CLIENTE{background:var(--cliente-bg);color:var(--cliente-text);align-self:flex-end}.chat-bubble.AGENTE{background:var(--agente-bg);color:var(--agente-text);align-self:flex-start}.chat-bubble.OPERADOR{background:var(--operador-bg);color:var(--operador-text);align-self:flex-start}.chat-input-row{gap:var(--esp-2);margin-top:var(--esp-3);display:flex}.chat-input-row input{flex:1}@media (width<=768px){.app-shell{display:block}.barra-movil{align-items:center;gap:var(--esp-3);z-index:15;background:var(--panel-bg);border-bottom:1px solid var(--border);padding:var(--esp-2) var(--esp-3);display:flex;position:sticky;top:0}.barra-movil h1{margin:0;font-size:17px}.barra-movil .hamburguesa{border:1px solid var(--border);border-radius:var(--radio-1);min-width:var(--tap);min-height:var(--tap);background:0 0;font-size:20px;line-height:1}.sidebar{z-index:30;width:250px;transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.abierta{transform:translate(0)}.sidebar a{min-height:var(--tap);align-items:center;font-size:15px;display:flex}.cajon-fondo{z-index:25;background:#14121866;border:none;position:fixed;inset:0}.main-content{padding:var(--esp-4) var(--esp-3);max-width:none}table.grid.a-tarjetas,table.grid.a-tarjetas tbody,table.grid.a-tarjetas tr,table.grid.a-tarjetas td{width:100%;display:block}table.grid.a-tarjetas thead{display:none}table.grid.a-tarjetas tr{border:1px solid var(--border);border-radius:var(--radio-1);padding:var(--esp-2);margin-bottom:var(--esp-2)}table.grid.a-tarjetas td{padding:var(--esp-1) 0;gap:var(--esp-2);border-bottom:none;justify-content:space-between;align-items:baseline;display:flex}table.grid.a-tarjetas td:before{content:attr(data-label);color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600}table.grid.a-tarjetas td[data-label=""]:before{content:none}.chat-bubble{max-width:88%}}