:root{--bg: #F1F5F9;--surface: #FFFFFF;--border: #E2E8F0;--border-soft: #F1F5F9;--text: #1E293B;--text-strong: #0F172A;--text-muted: #64748B;--text-faint: #94A3B8;--accent: #2563EB;--accent-soft: #DBEAFE;--success: #16A34A;--danger: #DC2626;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 8px}body[data-empresa=SMIR]{--accent: #DC2626;--accent-soft: #FEE2E2}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;height:100%}#app-root{display:flex;min-height:100vh}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center}.login-card img{max-height:130px;max-width:320px;margin-bottom:20px}.login-card h1{font-size:15px;margin:0 0 4px;color:var(--text-strong)}.login-card p.subtitle{font-size:12px;color:var(--text-muted);margin:0 0 20px}.field{text-align:left;margin-bottom:14px}.field label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.field input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:#f8fafc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--accent);color:#fff;width:100%;padding:11px}.btn-secondary{background:var(--bg);border-color:var(--border);color:var(--text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.error-text{color:var(--danger);font-size:12px;margin-top:10px;min-height:16px}.sidebar{width:280px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px}.sidebar-brand{padding:0 8px 20px;border-bottom:1px solid var(--border);margin-bottom:20px}.sidebar-brand img{max-height:120px;max-width:260px;display:block;margin:0 auto}.sidebar-brand .place{font-size:11px;color:var(--text-muted);margin-top:8px;text-align:center}.nav-group-label{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--text-faint);text-transform:uppercase;padding:0 8px;margin-bottom:8px}.nav-group{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.nav-item{padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:#475569;cursor:pointer;border:none;background:none;text-align:left;width:100%;font-family:inherit}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--accent-soft);font-weight:700;color:var(--text-strong)}.sidebar-user{margin-top:auto;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px 10px;padding:14px 8px 0;border-top:1px solid var(--border)}.avatar{width:32px;height:32px;border-radius:999px;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#475569;flex-shrink:0}.sidebar-user .user-text{min-width:0}.sidebar-user .name{font-size:12px;font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .role{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .user-actions{grid-column:1 / -1;display:flex;gap:8px}.sidebar-user .user-actions button{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:7px 6px;font-family:inherit}.sidebar-user .user-actions button:hover{background:var(--accent-soft);color:var(--text-strong)}.main-area{flex-grow:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar .title{font-size:16px;font-weight:700;color:var(--text-strong)}.topbar .subtitle{font-size:12px;color:var(--text-faint)}.content{flex-grow:1;padding:28px;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card+.card{margin-top:20px}.card h2{font-size:14px;font-weight:700;color:var(--text-strong);margin:0 0 16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.label-sm{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;display:block}input,select,textarea{font-family:inherit;font-size:13px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;width:100%}table{width:100%;border-collapse:collapse;font-size:13px}table th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--text-faint);padding:8px 10px;border-bottom:1px solid var(--border)}table td{padding:10px;border-bottom:1px solid var(--border-soft);color:var(--text)}table tr:last-child td{border-bottom:none}.row-flex{display:flex;gap:10px;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--text-strong)}.empty-state{color:var(--text-faint);font-size:13px;padding:24px 0;text-align:center}.summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted);margin-bottom:10px}.summary-row.total{font-size:16px;font-weight:800;color:var(--text-strong);border-top:1px solid var(--border);padding-top:14px;margin-top:4px}.hidden{display:none!important}.chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chips-label{font-size:11px;color:var(--text-faint);margin-right:2px;align-self:center}.chip{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--text-strong);border:1px solid transparent;cursor:pointer}.chip:hover{border-color:var(--accent)}.chip.chip-activo{background:var(--accent);color:#fff}.stepper{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#f8fafc}.stepper input{border:none;background:transparent;text-align:center;width:100%;padding:9px 2px}.stepper-btn{background:var(--bg);border:none;width:30px;padding:0;cursor:pointer;font-weight:700;font-size:14px;color:var(--text-muted);flex-shrink:0}.stepper-btn:hover{background:var(--accent-soft);color:var(--accent)}@keyframes flash-agregado{0%{background:var(--accent-soft)}to{background:transparent}}.fila-flash{animation:flash-agregado .9s ease-out}.checklist{display:flex;flex-direction:column;gap:6px;font-size:12px}.checklist-item{display:flex;align-items:center;gap:8px}.checklist-item .marca{width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.checklist-item.ok .marca{background:var(--success);color:#fff}.checklist-item.falta .marca{background:var(--border);color:var(--text-faint)}.checklist-item.ok{color:var(--text-muted)}.checklist-item.falta{color:var(--text-strong);font-weight:600}.aviso-deshacer{display:flex;align-items:center;justify-content:space-between;background:#fef3c7;border:1px solid #FDE68A;border-radius:var(--radius-sm);padding:8px 12px;font-size:12px;margin-bottom:8px;color:#92400e}.aviso-deshacer button{background:none;border:none;color:#92400e;font-weight:800;cursor:pointer;text-decoration:underline;padding:0}.autosave-indicador{font-size:11px;color:var(--text-faint)}.banner-borrador{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-md);padding:12px 16px;font-size:12px;color:var(--text-strong);margin-bottom:20px}.banner-borrador .acciones{display:flex;gap:8px;flex-shrink:0}.banner-borrador button{font-size:11px;padding:7px 12px}.card-colapsable summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--text-strong);list-style:none;display:flex;align-items:center}.card-colapsable summary::-webkit-details-marker{display:none}.card-colapsable summary:before{content:"▸";display:inline-block;margin-right:8px;color:var(--text-faint);transition:transform .12s}.card-colapsable[open] summary:before{transform:rotate(90deg)}.card-colapsable summary .contador{font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--accent);padding:2px 8px;border-radius:999px;margin-left:8px}.card-colapsable[open] summary{margin-bottom:16px}#overlay-impresion{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:1000;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:24px 16px 60px}.imp-barra-acciones{width:100%;max-width:800px;display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px}.imp-hoja{position:relative;width:100%;max-width:800px;min-height:1000px;background:#fff;border-radius:6px;padding:48px 56px;box-shadow:0 10px 40px #00000040;overflow:hidden}.imp-marca-agua{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;opacity:.06;pointer-events:none;z-index:0}.imp-encabezado{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:2px solid var(--border);padding-bottom:18px}.imp-logo{max-height:150px;max-width:320px;object-fit:contain}.imp-datos-empresa{text-align:right;font-size:11px;color:var(--text-muted);line-height:1.6;max-width:320px}.imp-razon-social{font-size:14px;font-weight:700;color:var(--text-strong);margin-bottom:4px;line-height:1.3}.imp-titulo-doc{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;margin-top:24px}.imp-titulo-doc h1{font-size:22px;letter-spacing:.06em;margin:0;color:var(--text-strong)}.imp-folio{font-size:13px;color:var(--text-muted);font-weight:600}.imp-datos-cliente{position:relative;z-index:1;font-size:13px;line-height:1.9;margin-top:18px;color:var(--text)}.imp-tabla{position:relative;z-index:1;width:100%;border-collapse:collapse;margin-top:22px;font-size:13px}.imp-tabla th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--text-faint);padding:8px 6px;border-bottom:2px solid var(--border)}.imp-tabla td{padding:10px 6px;border-bottom:1px solid var(--border-soft)}.imp-totales{position:relative;z-index:1;margin-top:14px;margin-left:auto;width:260px;font-size:13px}.imp-totales>div{display:flex;justify-content:space-between;padding:5px 0;color:var(--text-muted)}.imp-total-final{font-size:16px;font-weight:800;color:var(--text-strong);border-top:1px solid var(--border);margin-top:4px;padding-top:10px!important}.imp-condiciones{position:relative;z-index:1;margin-top:26px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);line-height:1.6}.imp-condiciones-titulo{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.imp-firma{position:relative;z-index:1;margin-top:90px;width:280px;text-align:center;font-size:12px;color:var(--text-muted)}.imp-firma-linea{border-top:1px solid var(--text-faint);margin-bottom:8px}@media print{body *{visibility:hidden}#overlay-impresion,#overlay-impresion *{visibility:visible}#overlay-impresion{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;padding:0;display:block}.imp-barra-acciones{display:none}.imp-hoja{box-shadow:none;max-width:none;min-height:0}}