:root{--ink: #10130f;--ink-soft: #181c16;--panel: #1a201c;--panel-soft: rgba(245, 242, 234, .06);--paper: #f5f2ea;--paper-muted: #e2ded2;--line: rgba(245, 242, 234, .14);--muted: #c5c6bd;--teal: #23b8aa;--teal-dark: #0b5d56;--amber: #d9973c;--clay: #ba6d4d;--white: #ffffff;color:var(--paper);background:var(--ink);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;max-width:100%;overflow-x:hidden;background:radial-gradient(circle at 8% 0%,rgba(35,184,170,.18),transparent 28rem),linear-gradient(180deg,#10130f,#151a15 54%,#0c0e0b);text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.52}.app-shell{margin:0 auto;max-width:1360px;padding:32px 20px}.auth-shell{align-items:center;display:grid;min-height:100vh;padding:32px 20px}.auth-card{background:#f5f2ea12;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 46px #0000002e;display:grid;gap:18px;margin:0 auto;max-width:560px;padding:28px;width:100%}.auth-card h1{color:var(--white);font-size:clamp(2.1rem,7vw,3.8rem);line-height:1;margin:0}.auth-card p{color:var(--paper-muted);line-height:1.65;margin:0}.auth-card .auth-error{background:#b72b4429;border:1px solid rgba(183,43,68,.48);border-radius:8px;color:#ffb3c0;padding:12px}.auth-card button,.session-action{background:var(--paper);border:1px solid var(--paper);border-radius:8px;color:var(--ink);font-weight:900;min-height:42px;padding:0 14px}.auth-status{background:#0a171c8c;border:1px solid rgba(245,242,234,.14);border-radius:8px;display:grid;gap:4px;padding:14px}.auth-status span{color:var(--muted);font-size:.85rem}.auth-status strong{color:var(--teal)}.hero{align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 360px;margin-bottom:20px}.hero h1{color:var(--white);font-size:clamp(2.35rem,5vw,4.7rem);font-weight:900;letter-spacing:0;line-height:1.02;margin:0 0 16px;max-width:820px}.hero p{color:var(--paper-muted);font-size:1.05rem;line-height:1.65;margin:0;max-width:720px;overflow-wrap:anywhere}.eyebrow,.ticket-id{color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.session-panel,.metric-grid article,.client-summary,.new-ticket-panel,.ticket-row,.detail-panel{background:#f5f2ea0f;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 46px #0000002e}.session-panel{display:grid;gap:12px;padding:20px}.session-panel span,.session-panel small{color:var(--muted)}.session-panel strong{color:var(--white);font-size:1.35rem}.session-action{width:100%}.role-switcher{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.role-switcher button,.button-row button,.toolbar button,.comments-box button,.new-ticket-panel button,.draft-attachments button,.admin-list button{background:#f5f2ea14;border:1px solid rgba(245,242,234,.2);border-radius:8px;color:var(--paper);min-height:42px;padding:0 12px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.role-switcher button:hover,.button-row button:hover,.toolbar button:hover,.comments-box button:hover,.new-ticket-panel button:hover,.draft-attachments button:hover,.admin-list button:hover{border-color:#23b8aab3;transform:translateY(-1px)}.role-switcher .active,.area-tabs .active,.toolbar button,.comments-box button,.new-ticket-panel>button{background:var(--paper);border-color:var(--paper);color:var(--ink);font-weight:900}.area-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.api-status{align-items:center;background:#f5f2ea0f;border:1px solid var(--line);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 16px;padding:12px 14px}.api-status strong{color:var(--white)}.api-status span{color:var(--muted);overflow-wrap:anywhere}.api-status.api{border-color:#23b8aa8c}.api-status.simulado{border-color:#d9973c80}.area-tabs button{background:#f5f2ea14;border:1px solid rgba(245,242,234,.2);border-radius:8px;color:var(--paper);min-height:42px;padding:0 16px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px}.admin-tabs button{background:#f5f2ea14;border:1px solid rgba(245,242,234,.2);border-radius:8px;color:var(--paper);min-height:42px;padding:0 16px}.admin-tabs .active{background:var(--paper);border-color:var(--paper);color:var(--ink);font-weight:900}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-grid article,.client-summary{padding:18px}.metric-grid span,.client-summary span{color:var(--muted);display:block;line-height:1.55}.metric-grid strong,.client-summary strong{color:var(--white);display:block;font-size:2rem}.client-summary{display:grid;gap:6px;margin-bottom:16px}.toolbar{align-items:center;background:#f5f2ea0f;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px;padding:14px}.toolbar>*,.workspace-grid>*,.detail-panel,.ticket-list,.ticket-row>span{min-width:0}.toolbar select,.new-ticket-panel input,.new-ticket-panel select,.new-ticket-panel textarea,.detail-actions select,.comments-box textarea{background:#10130fb8;border:1px solid rgba(245,242,234,.18);border-radius:8px;color:var(--paper);min-height:44px;padding:0 12px;width:100%}.new-ticket-panel{display:grid;gap:14px;grid-template-columns:minmax(220px,1.2fr) minmax(180px,.7fr) minmax(160px,.5fr);margin-bottom:16px;padding:18px}label{color:var(--paper);display:grid;font-weight:800;gap:8px}textarea{min-height:104px;padding:12px;resize:vertical}.wide{grid-column:1 / -1}.draft-attachments{border:1px dashed rgba(35,184,170,.45);border-radius:8px;display:grid;gap:12px;padding:14px}.draft-attachments:focus{border-color:var(--teal);outline:2px solid rgba(35,184,170,.34)}.draft-attachments p{color:var(--muted);margin:4px 0 0}.workspace-grid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.25fr)}.ticket-list{display:grid;gap:10px}.section-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:4px 0}.section-title span{color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.section-title strong{color:var(--paper-muted);font-size:.9rem}.ticket-row{color:inherit;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:16px;text-align:left}.ticket-row.archived{background:#f5f2ea09;border-style:dashed}.ticket-row.subticket-row{border-color:#f472b6b8;box-shadow:0 0 0 1px #f472b62e}.ticket-row.subticket-row.selected{border-color:#f472b6f2;box-shadow:0 0 0 3px #f472b62e}.subticket-id{color:#f472b6}.original-ticket-code{color:var(--teal);font-weight:900}.ticket-row.selected{border-color:#23b8aad9;box-shadow:0 0 0 3px #23b8aa24}.ticket-row strong{color:var(--white);display:block;font-size:1rem;margin:6px 0}.ticket-row small,.detail-heading p,.detail-facts dt,.attachment-box p,.attachment-box small,.comments-box small,.history-box small,.draft-attachments small{color:var(--muted)}.ticket-meta{align-items:end;display:grid;gap:6px;justify-items:end}.ticket-meta b{background:#d9973c24;border:1px solid rgba(217,151,60,.34);border-radius:999px;color:var(--amber);font-size:.78rem;padding:5px 9px}.ticket-meta .status-badge,.status-readout{background:var(--status-bg);border-color:var(--status-border);color:var(--status-text)}.status-readout strong{color:var(--status-text)}.status-nuevo{--status-bg: rgba(126, 97, 255, .16);--status-border: rgba(126, 97, 255, .45);--status-text: #bdb0ff}.status-cotizando{--status-bg: rgba(86, 116, 255, .16);--status-border: rgba(86, 116, 255, .45);--status-text: #aebcff}.status-aceptado{--status-bg: rgba(55, 145, 230, .16);--status-border: rgba(55, 145, 230, .45);--status-text: #9bcfff}.status-tomado{--status-bg: rgba(35, 184, 170, .16);--status-border: rgba(35, 184, 170, .48);--status-text: #79e2d8}.status-en_progreso{--status-bg: rgba(75, 184, 91, .16);--status-border: rgba(75, 184, 91, .48);--status-text: #9de7a8}.status-esperando_cliente{--status-bg: rgba(217, 151, 60, .16);--status-border: rgba(217, 151, 60, .48);--status-text: #f0bd78}.status-pausado_por_emergencia{--status-bg: rgba(229, 104, 50, .18);--status-border: rgba(229, 104, 50, .5);--status-text: #ffad80}.status-resuelto{--status-bg: rgba(61, 168, 116, .18);--status-border: rgba(61, 168, 116, .5);--status-text: #95e0ba}.status-cerrado{--status-bg: rgba(214, 75, 75, .18);--status-border: rgba(214, 75, 75, .52);--status-text: #ff9a9a}.status-cancelado{--status-bg: rgba(183, 43, 68, .2);--status-border: rgba(183, 43, 68, .56);--status-text: #ff8fa3}.archive-panel{border-top:1px solid var(--line);display:grid;gap:10px;margin-top:12px;padding-top:16px}.archive-panel p{color:var(--muted);line-height:1.55;margin:0 0 4px}.detail-panel{display:grid;gap:18px;padding:20px}.detail-heading h2{color:var(--white);font-size:1.75rem;line-height:1.15;margin:8px 0 10px}.detail-actions,.detail-facts{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.readonly-field{background:#10130f80;border:1px solid rgba(245,242,234,.14);border-radius:8px;display:grid;gap:6px;padding:10px 12px}.readonly-field span{color:var(--muted);font-size:.78rem}.readonly-field strong{color:var(--white)}.detail-facts{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:0;padding:14px 0}.detail-facts dd{color:var(--white);font-weight:900;margin:4px 0 0}.button-row{display:flex;flex-wrap:wrap;gap:10px}.attachment-box,.comments-box,.history-box{border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;padding:14px}.attachment-box:focus{border-color:var(--teal);outline:2px solid rgba(35,184,170,.34)}.attachment-box h3,.comments-box h3,.history-box h3{color:var(--white);margin:0}.attachment-box p{margin:4px 0 0}.attachment-box ul,.comments-box ul,.history-box ol,.draft-attachments ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.attachment-box li,.comments-box li,.history-box li,.draft-attachments li{border-top:1px solid rgba(245,242,234,.09);display:grid;gap:4px;padding-top:10px}.comments-box p{color:var(--paper-muted);margin:0}.history-box small{display:block;margin-top:3px}.linked-ticket-box{border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;padding:14px}.linked-ticket-box h3{color:var(--white);margin:0}.linked-ticket-box ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.linked-ticket-box li{background:#f5f2ea0d;border-radius:8px;display:grid;gap:4px;padding:10px}.linked-ticket-action{background:transparent;border:0;color:inherit;display:grid;gap:4px;padding:0;text-align:left;width:100%}.linked-ticket-action:hover strong,.inline-link:hover{color:#f472b6}.inline-link{background:transparent;border:0;color:var(--teal);font:inherit;font-weight:900;padding:0;text-align:left}.comment-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-panel{display:grid;gap:18px}.admin-heading{background:#f5f2ea0f;border:1px solid var(--line);border-radius:8px;padding:22px}.admin-heading h2{color:var(--white);font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;margin:0 0 12px}.admin-heading p:last-child{color:var(--paper-muted);line-height:1.65;margin:0}.admin-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card{background:#f5f2ea0f;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;padding:18px}.wide-admin-card{grid-column:1 / -1}.admin-card h3{color:var(--white);margin:0}.admin-card h4{color:var(--paper);margin:0}.admin-card input,.admin-card select{background:#10130fb8;border:1px solid rgba(245,242,234,.18);border-radius:8px;color:var(--paper);min-height:42px;padding:0 12px;width:100%}.admin-form-row,.pricing-list li,.user-form{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-form-row button{background:var(--paper);border:1px solid var(--paper);border-radius:8px;color:var(--ink);font-weight:900;min-height:42px;padding:0 12px}.admin-facts{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.admin-facts div{background:#10130f6b;border:1px solid rgba(245,242,234,.1);border-radius:8px;padding:12px}.admin-facts dt{color:var(--muted);font-size:.78rem}.admin-facts dd{color:var(--white);font-weight:900;margin:4px 0 0}.credit-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.credit-admin-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.credit-operation{background:#10130f52;border:1px solid rgba(245,242,234,.1);border-radius:8px;display:grid;gap:12px;padding:14px}.credit-ticket-queue{border-top:1px solid rgba(245,242,234,.09);display:grid;gap:12px;padding-top:14px}.credit-ticket-queue p,.empty-admin-state{color:var(--muted);line-height:1.55;margin:0}.credit-ticket-list strong{color:var(--white)}.credit-movement-list li{align-items:center}.credit-movement-list strong{color:var(--white)}.admin-list,.pricing-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.admin-list li{border-top:1px solid rgba(245,242,234,.09);display:grid;gap:4px;padding-top:10px}.admin-card .admin-list li{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-list span{color:var(--white);font-weight:800}.admin-list small{color:var(--muted)}.assignment-list{display:grid;gap:10px}.assignment-list label,.inline-check{align-items:center;display:flex;flex-direction:row;gap:8px}.assignment-list input,.inline-check input{min-height:auto;width:auto}.pwa-install{align-items:center;background:#10130ff0;border:1px solid rgba(35,184,170,.45);border-radius:8px;bottom:18px;box-shadow:0 18px 46px #00000052;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;left:50%;max-width:min(760px,calc(100vw - 28px));padding:14px;position:fixed;transform:translate(-50%);width:calc(100vw - 28px);z-index:40}.pwa-install strong{color:var(--white);display:block;font-size:.98rem;margin-bottom:3px}.pwa-install span{color:var(--paper-muted);display:block;font-size:.9rem;line-height:1.45}.pwa-install-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:end;min-width:0}.pwa-install-actions button{background:#f5f2ea14;border:1px solid rgba(245,242,234,.2);border-radius:8px;color:var(--paper);min-height:38px;min-width:0;padding:0 12px}.pwa-install-actions button:first-child{background:var(--paper);border-color:var(--paper);color:var(--ink);font-weight:900}input:focus,select:focus,textarea:focus{outline:2px solid rgba(35,184,170,.7);outline-offset:2px}@media(max-width:980px){.hero,.workspace-grid,.new-ticket-panel{grid-template-columns:1fr}.metric-grid,.admin-grid,.credit-admin-grid,.detail-actions,.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hero{gap:16px}.role-switcher,.detail-actions,.detail-facts{grid-template-columns:1fr}}@media(max-width:620px){.app-shell{padding:20px 12px 112px}.metric-grid,.admin-grid,.admin-facts,.credit-admin-grid,.credit-facts,.detail-actions,.detail-facts,.toolbar,.ticket-row{grid-template-columns:1fr}.ticket-meta{align-items:start;justify-items:start}.pwa-install{align-items:stretch;bottom:10px;grid-template-columns:1fr;max-width:calc(100vw - 20px);padding:12px;width:calc(100vw - 20px)}.pwa-install-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}.pwa-install-actions button{flex:1}}