:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: 11px;--font-size-grid: 12px;--font-size-base: 13px;--font-size-lg: 16px;--font-size-xl: 18px;--bg-page: #f0f2f5;--bg-surface: #ffffff;--bg-elevated: #f8f9fa;--bg-hover: #e9ecef;--accent-primary: #ef4b26;--accent-hover: #f26d4f;--accent-active: #d93d1a;--accent-light: rgba(239, 75, 38, .1);--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-white: #ffffff;--border-color: #e5e7eb;--border-light: #f3f4f6;--border-dark: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--status-success: #22c55e;--status-success-bg: rgba(34, 197, 94, .1);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .1);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .1);--status-info: #3b82f6;--status-info-bg: rgba(59, 130, 246, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 3px rgba(239, 75, 38, .25);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s ease;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary)}body{margin:0;background:var(--bg-page)}.centered{display:grid;place-items:center;min-height:60vh;text-align:center;gap:8px}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.topbar .logo{height:36px}.topbar h1{font-size:var(--font-size-xl);font-weight:600;margin:0;flex:1;color:var(--text-primary)}.topbar .user{color:var(--text-secondary);font-size:var(--font-size-sm)}button{cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;color:var(--text-white);background:var(--accent-primary);border:none;border-radius:var(--radius-md);padding:7px 16px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}button:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}button:active{background:var(--accent-active)}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button.secondary{color:var(--text-primary);background:var(--btn-secondary-bg);border:1px solid var(--border-color)}button.secondary:hover{background:var(--btn-secondary-hover)}button:disabled{opacity:.5;cursor:default}label{display:grid;gap:4px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}input,select{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:6px 10px;transition:all var(--transition-fast)}input::placeholder{color:var(--text-muted)}input:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.search-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:16px}.search-form label{flex:1 1 180px}.search-form .email-field{flex:2 1 260px}.archive,.detail{padding:20px;max-width:1100px;margin:0 auto}.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px}.panel h2{font-size:var(--font-size-base);font-weight:600;color:var(--text-secondary);margin:0;padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-grid);background:var(--bg-surface)}th{text-align:left;padding:12px 16px;background:var(--bg-elevated);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-grid);border-bottom:1px solid var(--border-color)}td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tbody:last-of-type tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover td{background:var(--bg-hover)}.empty{padding:24px;text-align:center;color:var(--text-muted)}.pagination{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-elevated);border-top:1px solid var(--border-color);font-size:var(--font-size-grid)}.pagination .page-info{color:var(--text-secondary)}.pagination .spacer{flex:1}.pagination .page-size{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--font-size-sm);font-weight:600}.badge.success{color:var(--status-success);background:var(--status-success-bg)}.badge.warning{color:var(--status-warning);background:var(--status-warning-bg)}.badge.error{color:var(--status-error);background:var(--status-error-bg)}.badge.info{color:var(--status-info);background:var(--status-info-bg)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;padding:16px}.meta-grid dt{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);margin:0}.meta-grid dd{margin:2px 0 0;font-size:var(--font-size-base);color:var(--text-primary);overflow-wrap:anywhere}.meta-id{display:block;margin-top:2px}.meta-id code.mono{color:var(--text-secondary);font-size:var(--font-size-sm)}.detail-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.detail-toolbar .spacer{flex:1}.breadcrumb{background:none;border:none;box-shadow:none;color:var(--accent-primary);font-weight:600;padding:0}.breadcrumb:hover{background:none;box-shadow:none;text-decoration:underline;color:var(--accent-active)}code.mono{font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--font-size-sm);color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}tr[hidden]{display:none}.resumen-destinatarios{list-style:none;margin:0;padding:10px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);font-size:var(--font-size-grid)}.resumen-destinatarios li{display:flex;align-items:center;gap:8px;padding:2px 0}.resumen-destinatarios .rcpt{font-weight:600;color:var(--text-primary)}.resumen-destinatarios .detalle{color:var(--text-secondary)}th.col-toggle,td.col-toggle{width:36px;padding:4px 0 4px 8px}td.col-toggle{cursor:pointer}.row-toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;color:var(--text-secondary);background:none;border:none;box-shadow:none;border-radius:var(--radius-sm)}.row-toggle:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:none}.row-toggle:focus-visible{box-shadow:var(--shadow-focus)}tbody.evento:hover .row-toggle{color:var(--text-primary)}.row-toggle svg{transition:transform var(--transition-fast)}.row-toggle[aria-expanded=true] svg{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.row-toggle svg{transition:none}}tbody.evento.abierto>tr>td{background:var(--bg-elevated)}tbody.evento.abierto>tr>td:first-child{box-shadow:inset 2px 0 0 var(--accent-primary)}tbody.evento:not(:last-of-type)>tr:last-child>td{border-bottom:1px solid var(--border-light)}.detalle-row>td{padding:0 16px 12px 44px}.evento-detalle{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:10px 14px 14px}.evento-detalle h3{margin:0;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.evento-detalle h4{margin:12px 0 0;padding-top:8px;border-top:1px solid var(--border-light);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.evento-detalle .meta-grid.campos{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 24px;padding:8px 0 0}.evento-detalle .campo.ancho{grid-column:1 / -1}.evento-detalle dt{color:var(--text-secondary)}.evento-detalle dd{font-size:var(--font-size-grid);white-space:pre-wrap}.evento-detalle .valor-crudo{display:block}.evento-detalle .nulo{color:var(--text-muted)}@media (max-width: 640px){th.col-codigo,td.col-codigo,th.col-respuesta,td.col-respuesta{display:none}.detalle-row>td{padding-left:12px}}@media print{.row-toggle{display:none}.evento-detalle{box-shadow:none}}.content-meta{border-bottom:1px solid var(--border-light)}.content-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border-light)}.content-toolbar button{padding:4px 12px;font-size:var(--font-size-sm)}.content-toolbar button.secondary.active{color:var(--accent-primary);border-color:var(--accent-primary)}.email-frame{display:block;width:100%;height:520px;border:0;background:var(--bg-surface)}.email-text{margin:0;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary)}.email-source{font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--font-size-grid);max-height:520px;overflow-y:auto}.content-note{margin:0;padding:8px 16px;font-size:var(--font-size-sm);color:var(--text-muted);border-bottom:1px solid var(--border-light)}.remote-warning{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--status-warning-bg);border-bottom:1px solid var(--border-light);box-shadow:inset 3px 0 0 var(--status-warning);font-size:var(--font-size-grid);color:var(--text-primary)}.remote-warning svg{flex:none;color:var(--status-warning)}.remote-warning span{flex:1}.remote-warning strong{font-weight:600}.remote-warning button{flex:none}@media (max-width: 640px){.remote-warning{flex-wrap:wrap}.remote-warning span{flex:1 1 100%}}.content-note.error{color:var(--status-error)}.attachment-list{padding:10px 16px 14px;border-top:1px solid var(--border-light)}.attachment-list .attachment-title{display:block;margin-bottom:4px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted)}.attachment-list ul{list-style:none;margin:0;padding:0}.attachment-list li{display:flex;align-items:center;gap:10px;padding:3px 0}.attachment-list .attachment-info{color:var(--text-muted);font-size:var(--font-size-sm)}.link-button{background:none;border:none;box-shadow:none;color:var(--accent-primary);font-weight:600;padding:0}.link-button:hover{background:none;box-shadow:none;text-decoration:underline;color:var(--accent-active)}.link-button:disabled{color:var(--text-muted)}.download-error{color:var(--status-error);font-size:var(--font-size-sm)}.bypass-banner{background:#b91c1c;color:#fff;text-align:center;padding:4px 8px;font-size:13px;font-weight:600}