:root{color-scheme:light;--color-background: #f3f6fb;--color-background-strong: #eaf0f8;--color-surface: #ffffff;--color-surface-subtle: #f8fafc;--color-surface-raised: #ffffff;--color-heading: #0f172a;--color-text: #334155;--color-muted: #64748b;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-navy: #0b1426;--color-navy-soft: #14213a;--color-primary: #1d4ed8;--color-primary-hover: #1e40af;--color-primary-active: #1e3a8a;--color-primary-soft: #eff6ff;--color-primary-border: #bfdbfe;--color-accent: #67e8f9;--color-danger: #b91c1c;--color-danger-strong: #7f1d1d;--color-danger-soft: #fef2f2;--color-danger-border: #fecaca;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(15 23 42 / 4%);--shadow-sm: 0 4px 14px rgb(15 23 42 / 6%);--shadow-md: 0 12px 30px rgb(15 23 42 / 9%);--shadow-lg: 0 24px 64px rgb(15 23 42 / 16%);--shadow-focus: 0 0 0 4px rgb(29 78 216 / 16%);--transition-fast: .14s ease;--transition-base: .2s cubic-bezier(.2, 0, 0, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--color-background)}body{min-height:100dvh;margin:0;color:var(--color-text);background:radial-gradient(circle at 85% 0%,rgba(219,234,254,.45),transparent 28rem),var(--color-background);line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid rgba(29,78,216,.45);outline-offset:2px}::selection{color:#0f172a;background:#a5f3fc}.status{display:inline-flex;align-items:center;padding:.3rem .55rem;border:1px solid transparent;border-radius:var(--radius-full);font-size:.68rem;font-weight:750}.status-abierto{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.status-en_progreso{color:#7c3aed;background:#f5f3ff;border-color:#ede9fe}.status-esperando_cliente{color:#a16207;background:#fefce8;border-color:#fef08a}.status-resuelto{color:#047857;background:#ecfdf5;border-color:#d1fae5}.status-cerrado{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.priority{display:inline-flex;align-items:center;gap:.4rem;font-weight:650}.priority i{width:.45rem;height:.45rem;border-radius:50%;background:#94a3b8}.priority-media i{background:#3b82f6}.priority-alta i{background:#f59e0b}.priority-urgente i{background:#dc2626;box-shadow:0 0 0 3px #fee2e2}.primary-button,.secondary-button{min-height:2.5rem;padding:0 .95rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:750;cursor:pointer}.primary-button{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary)}.primary-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 6px 14px #1d4ed82e;transform:translateY(-1px)}.primary-button:active:not(:disabled){background:var(--color-primary-active);box-shadow:none;transform:translateY(0)}.secondary-button{border:1px solid var(--color-border);color:var(--color-text);background:#fff}.secondary-button:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.main-content .page-heading{margin-bottom:var(--space-8)}.main-content .page-heading h1{line-height:1.08;letter-spacing:-.045em}.main-content .page-heading>div>p:last-child,.main-content .page-heading>div>span:last-child{display:block;max-width:44rem;line-height:1.6}.main-content .card,.main-content .toolbar,.main-content .results{border-color:#cbd5e1c7;box-shadow:var(--shadow-sm)}.main-content .card>header,.main-content .results-header,.main-content .directory-toolbar,.main-content .toolbar:not(section){background:linear-gradient(180deg,#ffffff,var(--color-surface-subtle))}.main-content input:not([type=checkbox]):not([type=radio]):not([type=file]),.main-content select,.main-content textarea{border-color:var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.main-content input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,.main-content select:hover,.main-content textarea:hover{border-color:var(--color-border-strong)}.main-content input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.main-content select:focus,.main-content textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.main-content input:disabled,.main-content select:disabled,.main-content textarea:disabled{color:var(--color-muted);background:#f1f5f9}.main-content table{font-variant-numeric:tabular-nums}.main-content th{border-bottom-color:var(--color-border);color:#526176;background:#f5f8fc}.main-content td{border-bottom-color:#eaf0f6}.main-content tbody tr{transition:background-color var(--transition-fast)}.main-content tbody tr:hover{background:#f7faff}.main-content .page-state,.main-content .empty-state{background:radial-gradient(circle at 50% 15%,rgba(219,234,254,.5),transparent 11rem),var(--color-surface)}.main-content .spinner{border-color:var(--color-primary-border);border-top-color:var(--color-primary)}.main-content .notice,.main-content .success-message{box-shadow:var(--shadow-xs)}.main-content .close-button,.main-content .notice>button,.main-content .success-message>button{display:grid;min-width:2.25rem;min-height:2.25rem;place-items:center;border-radius:var(--radius-sm)}.main-content .close-button:hover,.main-content .notice>button:hover,.main-content .success-message>button:hover{background:#0f172a0f}app-confirmation-dialog .backdrop{background:#0b14269e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}app-confirmation-dialog .dialog{border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);box-shadow:0 28px 80px #0f172a4d}app-confirmation-dialog .icon{box-shadow:0 0 0 7px var(--color-danger-soft)}app-confirmation-dialog .danger-button:hover{background:var(--color-danger-strong);transform:translateY(-1px)}app-error-page .error-page{position:relative;min-height:min(65dvh,38rem);overflow:hidden;padding:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 18%,rgba(219,234,254,.72),transparent 15rem),var(--color-surface);box-shadow:var(--shadow-sm)}app-error-page .error-page>span{color:#c8daf8;text-shadow:0 10px 30px rgba(29,78,216,.1)}@media(max-width:600px){.main-content .page-heading{margin-bottom:var(--space-6)}.main-content .primary-button,.main-content .secondary-button{min-height:2.75rem}app-confirmation-dialog .dialog{padding:1.25rem}}.field-error{color:var(--color-danger);font-size:.7rem}.error-message{border-color:var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-soft)}app-ticket-detail .mailbox-summary>span{border-radius:var(--radius-sm)}app-ticket-detail .mailbox-summary small{display:block;overflow:hidden;margin-top:.2rem;color:var(--color-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}app-ticket-detail .empty-mailbox{margin:0;padding:1rem 1.25rem;color:var(--color-muted);font-size:.78rem}app-ticket-detail .mailbox-control{border-top:1px solid #edf1f5}app-ticket-detail .mailbox-control small{color:var(--color-muted);font-size:.68rem}app-ticket-detail .mailbox-control small.field-error{color:var(--color-danger)}app-ticket-detail .reply-delivery,app-ticket-detail .reply-files small{margin:0;color:var(--color-muted);font-size:.72rem}app-ticket-detail .reply-files{display:grid;gap:.5rem}app-ticket-detail .reply-files input{padding:.55rem}app-ticket-detail .reply-files ul{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}app-ticket-detail .reply-files li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow-wrap:anywhere;font-size:.75rem}app-ticket-detail .back-link{min-height:2.25rem;padding:0 .55rem;border-radius:var(--radius-sm)}app-ticket-detail .back-link:hover{background:var(--color-primary-soft)}app-ticket-detail .ticket-header{margin-bottom:1.75rem;padding:.25rem 0}app-ticket-detail .ticket-header>.priority{background:var(--color-surface);box-shadow:var(--shadow-xs)}app-ticket-detail .detail-layout,app-ticket-detail .primary-column,app-ticket-detail .side-column{gap:1.25rem}app-ticket-detail .side-column{position:sticky;top:6rem}app-ticket-detail .card-header{padding:.95rem 1.3rem}app-ticket-detail .description{padding:1.4rem}app-ticket-detail .message-list{gap:.85rem;padding:1.15rem;background:#f7f9fc}app-ticket-detail .message{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs)}app-ticket-detail .message-avatar,app-ticket-detail .requester-identity>span{border:1px solid var(--color-primary-border);color:var(--color-primary);background:var(--color-primary-soft)}app-ticket-detail .message-requester .message-avatar{color:#9a3412;background:#ffedd5;border-color:#fed7aa}app-ticket-detail .message-system .message-avatar{color:#475569;background:#f1f5f9;border-color:#e2e8f0}app-ticket-detail .message-internal{border-color:#f3d48b;border-left:4px solid #d97706;background:#fffcf2}app-ticket-detail .message-internal .message-avatar{border-color:#fde68a;color:#92400e;background:#fef3c7}app-ticket-detail .message-avatar svg{width:1.05rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}app-ticket-detail .message-content header .internal-badge{display:inline-flex;width:fit-content;align-items:center;gap:.3rem;margin-top:.4rem;padding:.2rem .45rem;border:1px solid #fde68a;border-radius:var(--radius-full);color:#92400e;background:#fef3c7;font-size:.62rem;font-weight:800}app-ticket-detail .internal-badge svg{width:.75rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}app-ticket-detail .no-messages{padding:3.5rem 1.25rem;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface)}app-ticket-detail .reply-form{border-top:1px solid var(--color-border);background:linear-gradient(180deg,#fbfdff,var(--color-primary-soft))}app-ticket-detail .ticket-composer{border-top:1px solid var(--color-border);background:var(--color-surface-subtle)}app-ticket-detail .composer-tabs{display:flex;gap:.35rem;padding:.75rem 1.25rem 0}app-ticket-detail .composer-tabs button{min-height:2.45rem;padding:0 .9rem;border:1px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-muted);background:transparent;font-size:.75rem;font-weight:750;cursor:pointer}app-ticket-detail .composer-tabs button:hover:not(:disabled){color:var(--color-primary);background:var(--color-primary-soft)}app-ticket-detail .composer-tabs button.active{border-color:var(--color-border);border-bottom-color:var(--color-surface);color:var(--color-heading);background:var(--color-surface);box-shadow:0 -2px 8px #0f172a0a}app-ticket-detail .note-form{display:grid;gap:1rem;padding:1.25rem;border-top:1px solid var(--color-border);background:linear-gradient(180deg,#fffdf7,#fffbeb)}app-ticket-detail .note-form>label{color:var(--color-heading);font-size:.82rem;font-weight:700}app-ticket-detail .note-form textarea{min-height:8rem;background:var(--color-surface)}app-ticket-detail .internal-note-warning{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem;border:1px solid #fde68a;border-radius:var(--radius-md);color:#78350f;background:#fef3c7}app-ticket-detail .internal-note-warning>svg{width:1.15rem;flex:0 0 auto;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}app-ticket-detail .internal-note-warning strong,app-ticket-detail .internal-note-warning span{display:block}app-ticket-detail .internal-note-warning strong{font-size:.76rem}app-ticket-detail .internal-note-warning span{margin-top:.2rem;font-size:.7rem;line-height:1.5}app-ticket-detail .note-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}app-ticket-detail .note-footer>span{margin-right:auto;color:var(--color-muted);font-size:.68rem}app-ticket-detail .reply-form>label{font-size:.82rem}app-ticket-detail .reply-form textarea{min-height:8rem;background:var(--color-surface)}app-ticket-detail .reply-files{padding:.85rem;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:#ffffffb3}app-ticket-detail .property-control,app-ticket-detail .agent-actions,app-ticket-detail .status-form{padding:.9rem 1.25rem}app-mailbox-acknowledgment .html-preview :is(h1,h2,h3,h4,p,ul,ol,blockquote,table){margin-top:0;margin-bottom:.65rem}app-mailbox-acknowledgment .html-preview :is(h1,h2,h3,h4){color:var(--color-heading);line-height:1.25}app-mailbox-acknowledgment .html-preview a{color:var(--color-primary)}app-mailbox-acknowledgment .html-preview table{width:100%;border-collapse:collapse}app-mailbox-acknowledgment .html-preview :is(th,td){padding:.4rem;border:1px solid var(--color-border);text-align:left}@media(max-width:1020px){app-ticket-detail .side-column{position:static}}@media(max-width:650px){app-ticket-detail .composer-tabs,app-ticket-detail .note-form{padding-inline:1rem}app-ticket-detail .composer-tabs button{flex:1}app-ticket-detail .note-footer{align-items:stretch;flex-direction:column}app-ticket-detail .note-footer>span{margin-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}