@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{color:#f4f8ff;background:#041426;font-family:Montserrat,sans-serif}*{box-sizing:border-box}html,body,#root{background:#041426;min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}.app-shell{background:linear-gradient(#06182d,#061a30);min-height:100vh}.topbar{background:#041328;border-bottom:1px solid #17314e;justify-content:space-between;align-items:center;height:78px;padding:0 24px;display:flex}.brand-area,.top-actions,.user-mini{align-items:center;display:flex}.brand-area{gap:20px}.brand-logo{object-fit:cover;width:205px;height:60px}.brand-divider{background:#1c3858;width:1px;height:36px}.product-title{font-size:22px;font-weight:700}.top-actions{gap:16px}.email{font-size:11px}.separator{background:#27415d;width:1px;height:30px}.badge-round{background:#ff6508;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.user-mini{gap:8px}.user-mini small{color:#aabbd0;font-size:9px;display:block}.avatar.small{background:#1d4d86;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.logout-btn{color:#dce8f3;background:0 0;border:1px solid #536e8a;border-radius:5px;padding:7px 11px}.body-grid{grid-template-columns:235px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid #17314e;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 78px);padding:14px 10px;display:flex}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-link{color:#f2f6fb;border-left:3px solid #0000;border-radius:7px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:11px;text-decoration:none;display:flex}.nav-link.active{background:#102a49;border-left-color:#ff6508}.nav-icon{color:#8db6e4;width:20px}.help-card{background:#0b2745;border-radius:9px;padding:15px;font-size:10px}.help-card strong,.help-card span,.help-card b{display:block}.help-card span{color:#9bb0c6;margin-top:4px}.help-card b{color:#ff730e;margin-top:4px}.content{min-width:0;padding:14px}.panel{background:linear-gradient(#0a2341,#08203b);border:1px solid #183653;border-radius:10px}.page-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-toolbar h1{margin:0;font-size:21px}.page-toolbar p{color:#91a8bf;margin:4px 0 0;font-size:10px}.primary{color:#fff;background:#ff6508;border:0;border-radius:5px;padding:11px 17px;font-size:11px;font-weight:700}.secondary{color:#edf5ff;background:#0a203a;border:1px solid #536e8a;border-radius:5px;padding:10px 14px}.admin-kpis{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.admin-kpi{align-items:center;gap:11px;min-height:80px;padding:12px;display:flex}.admin-kpi-icon{background:#1b4f8c;border-radius:50%;width:45px;height:45px}.admin-kpi-icon.red{background:#c2393d}.admin-kpi-icon.green{background:#2f8b3d}.admin-kpi-icon.purple{background:#494d94}.admin-kpi small{font-size:9px;display:block}.admin-kpi strong{margin-top:3px;font-size:21px;display:block}.admin-tech-preview{margin-top:9px;padding:13px}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h3{margin:0 0 10px;font-size:13px}.section-head a{color:#73b5ff;font-size:9px;text-decoration:none}.tech-preview-row{border-top:1px solid #1d3a57;grid-template-columns:1.3fr .8fr .55fr .85fr .85fr .75fr;align-items:center;gap:8px;padding:9px 0;font-size:9px;display:grid}.tech-preview-row.header{color:#8fa5bb;border-top:0}.user-cell{align-items:center;gap:7px;display:flex}.user-cell i{background:#1d4d84;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.admin-lower{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px;display:grid}.simple-card{padding:13px}.simple-card h3{margin:0 0 10px;font-size:12px}.simple-card p{color:#a4b6c8;font-size:10px}.simple-card p b{color:#fff}.okline{color:#49d167!important}.users-panel{padding:10px}.users-row{border-top:1px solid #1d3a57;grid-template-columns:1.35fr .7fr .9fr .65fr .7fr 1fr 1.15fr;align-items:center;gap:8px;padding:10px 6px;font-size:9px;display:grid}.users-row.header{color:#8fa5bb;border-top:0}.user-detail{align-items:center;gap:8px;display:flex}.user-detail>i{background:#1d4d84;border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;font-weight:700;display:grid}.user-detail b,.user-detail small{display:block}.user-detail small{color:#8fa5bb;margin-top:2px}.role-pill,.state-pill{border-radius:20px;padding:5px 8px;font-style:normal;display:inline-block}.role-pill.admin{color:#d7c4ff;background:#593d87}.role-pill.technician{color:#b9dcff;background:#174d82}.state-pill.on{color:#6be096;background:#184d35}.state-pill.off{color:#ff929e;background:#4e2b32}.actions{flex-wrap:wrap;gap:5px;display:flex}.actions button{color:#dbe6f0;background:#0c2947;border:1px solid #385876;border-radius:4px;padding:6px 7px;font-size:8px}.actions button.danger{color:#ff9ba4;border-color:#873b42}.actions button.enable{color:#74e19a;border-color:#32704b}.actions button:disabled{opacity:.35}.loading-line{color:#8fa5bb;padding:25px}.modal-backdrop{z-index:20;background:#000812c7;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal-card{background:#0a2341;border:1px solid #285071;border-radius:12px;width:min(700px,100%);padding:22px}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head button{color:#fff;background:0 0;border:0;font-size:25px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;display:grid}.form-grid label{font-size:10px;font-weight:600}.form-grid input,.form-grid select{color:#fff;background:#06182e;border:1px solid #315472;border-radius:5px;width:100%;margin-top:7px;padding:10px;display:block}.password-field{grid-column:1/-1;position:relative}.password-field button{color:#fff;background:#174d82;border:0;border-radius:4px;padding:6px 9px;position:absolute;bottom:5px;right:5px}.modal-note{color:#9db3ca;border:1px solid #2d6fa7;border-radius:5px;margin-top:15px;padding:10px;font-size:9px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.page-error{color:#ffd4d9;background:#4b1f26;border:1px solid #91404a;border-radius:5px;margin-bottom:10px;padding:10px;font-size:10px}.tech-main{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.stat-card{padding:14px}.stat-card small{font-size:10px;display:block}.stat-card strong{font-size:24px}.work-chip{color:#5cdd83;border:1px solid #2d7448;border-radius:20px;padding:8px 12px;font-size:10px}.tickets-list{margin-top:9px;padding:13px}.tickets-list h3{font-size:13px}.ticket-line{border-top:1px solid #1d3a57;grid-template-columns:75px 1.6fr 120px 70px 70px;gap:8px;padding:10px 0;font-size:9px;display:grid}.ticket-line>em{font-style:normal}.priority{color:#fff;border-radius:4px;padding:4px 7px}.priority.crítica{background:#ca3936}.priority.alta{background:#e76a0b}.priority.media{background:#2468af}.login-page{background:radial-gradient(circle at 25% 30%,#20548d42,#0000 34%),#041328;grid-template-columns:1.15fr .85fr;align-items:center;min-height:100vh;padding:7vw;display:grid}.login-brand{padding-right:6vw}.login-brand img{width:min(520px,80%)}.login-title{margin-top:25px;font-size:40px;font-weight:700}.login-brand p{color:#8ca5bf}.login-card{background:#0a2341;border:1px solid #1e4267;border-radius:14px;max-width:470px;padding:34px}.login-card h1{margin:0;font-size:26px}.login-card>p{color:#9db1c7}.login-card label{margin:17px 0;font-size:11px;font-weight:600;display:block}.login-card input{color:#fff;background:#06182e;border:1px solid #315472;border-radius:6px;width:100%;margin-top:7px;padding:12px;display:block}.login-button{color:#fff;background:#ff6508;border:0;border-radius:6px;width:100%;padding:12px;font-weight:700}.login-error{color:#ffd5da;background:#4a1c24;border:1px solid #9d3c49;border-radius:5px;padding:9px;font-size:10px}.login-foot{text-align:center;color:#7f99b3;margin-top:15px;font-size:9px}.splash{text-align:center;place-content:center;gap:14px;min-height:100vh;display:grid}.splash img{width:320px}.splash p{color:#9db1c7}@media (width<=1100px){.admin-kpis,.tech-main{grid-template-columns:1fr 1fr}.admin-lower{grid-template-columns:1fr}.users-panel{overflow:auto}.users-row{min-width:900px}.email,.separator{display:none}}@media (width<=800px){.sidebar{display:none}.body-grid,.form-grid{grid-template-columns:1fr}.password-field{grid-column:auto}.login-page{grid-template-columns:1fr;padding:25px}.login-brand{display:none}}.actions button.delete-user{color:#ffb0b7;background:#451c24;border-color:#b63f48}.actions button.delete-user:hover{background:#67242e}.toolbar-actions{align-items:center;gap:9px;display:flex}.ticket-kpis{grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:9px;display:grid}.ticket-kpi{padding:12px 14px}.ticket-kpi small{color:#91a8bf;font-size:9px;display:block}.ticket-kpi strong{margin-top:3px;font-size:24px;display:block}.red-number{color:#f66}.green-number{color:#55db7c}.ticket-workspace{padding:12px}.ticket-filters{grid-template-columns:180px 180px 180px minmax(260px,1fr) auto;gap:8px;margin-bottom:11px;display:grid}.ticket-filters select,.ticket-filters input,.ticket-create-grid input,.ticket-create-grid select,.ticket-create-grid textarea,.ticket-meta-grid select,.message-form textarea{color:#fff;background:#06182e;border:1px solid #315472;border-radius:5px;outline:none;padding:9px;font-size:9px}.ticket-filters input:focus,.ticket-create-grid input:focus,.ticket-create-grid textarea:focus,.message-form textarea:focus{border-color:#ff6508}.ticket-search{gap:6px;display:flex}.ticket-search input{flex:1}.ticket-search button,.ghost-btn{color:#dce7f1;background:#0c2947;border:1px solid #385876;border-radius:5px;padding:8px 11px;font-size:9px}.real-ticket-row{border-top:1px solid #1d3a57;grid-template-columns:95px 145px minmax(190px,1.45fr) 125px 85px 100px 120px 92px;align-items:center;gap:8px;padding:10px 5px;font-size:8px;display:grid}.real-ticket-row.header{color:#8ea4ba;border-top:0}.ticket-button{color:#eaf1f8;text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;width:100%}.ticket-button:hover{background:#0d2a48}.ticket-title-cell{font-weight:600}.priority-chip,.status-chip{color:#fff;white-space:nowrap;border-radius:4px;padding:5px 7px;font-size:8px;font-style:normal;display:inline-block}.priority-chip.critica{background:#c93b38}.priority-chip.alta{background:#e86b0b}.priority-chip.media{background:#2469b0}.priority-chip.baja{background:#466479}.status-chip.nuevo{background:#7950a7}.status-chip.asignado{background:#285d9c}.status-chip.en_curso{background:#1870aa}.status-chip.pendiente_cliente{background:#9a681f}.status-chip.resuelto{background:#287848}.status-chip.cerrado{background:#465563}.empty-state{color:#8fa5ba;text-align:center;padding:28px 10px;font-size:10px}.dashboard-ticket-preview{margin-top:9px;padding:13px}.dash-ticket-row{border-top:1px solid #1d3a57;grid-template-columns:95px 130px minmax(180px,1.4fr) 120px 80px 90px 120px;align-items:center;gap:8px;padding:9px 0;font-size:8px;display:grid}.dash-ticket-row.header{color:#8fa5bb;border-top:0}.ticket-line.real{color:#eaf1f8;grid-template-columns:90px minmax(170px,1.5fr) 120px 120px 80px 95px;text-decoration:none}.ticket-line.real:hover{background:#0d2a48}.create-ticket-modal{max-width:780px}.ticket-create-grid{grid-template-columns:1fr 1fr}.ticket-create-grid textarea{resize:vertical;width:100%}.full-field{grid-column:1/-1}.ticket-detail-backdrop{align-items:flex-start;padding:35px;overflow:auto}.ticket-detail{width:min(1250px,100%);max-width:none}.ticket-detail .modal-head{border-bottom:1px solid #1f3d5a;align-items:flex-start;padding-bottom:12px}.ticket-detail .modal-head h2{margin:5px 0;font-size:20px}.ticket-detail .modal-head p{color:#94a9be;margin:0;font-size:10px}.ticket-code-big{color:#ff7a17;font-size:10px;font-weight:800}.ticket-detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin-top:14px;display:grid}.ticket-main-column{min-width:0}.ticket-meta-grid{background:#071c34;border:1px solid #1b3b59;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:9px;padding:11px;display:grid}.ticket-meta-grid>div{min-width:0}.ticket-meta-grid small{color:#8fa5bb;margin-bottom:5px;font-size:8px;display:block}.ticket-meta-grid strong{overflow-wrap:anywhere;font-size:9px;display:block}.ticket-meta-grid select{width:100%}.ticket-description{background:#071c34;border:1px solid #1b3b59;border-radius:8px;margin-top:12px;padding:12px}.ticket-description h3,.conversation h3,.ticket-history h3{margin:0 0 8px;font-size:11px}.ticket-description p{color:#d7e2ec;white-space:pre-wrap;font-size:10px;line-height:1.6}.conversation{margin-top:12px}.message-card{background:#092542;border:1px solid #214664;border-radius:8px;margin:8px 0;padding:10px}.message-card.internal{background:#29213f;border-color:#594a80}.message-card>div{align-items:center;gap:8px;display:flex}.message-card b{font-size:9px}.message-card time{color:#879db4;font-size:8px}.message-card em{background:#6b52a1;border-radius:4px;padding:3px 5px;font-size:7px;font-style:normal}.message-card p{white-space:pre-wrap;margin:7px 0 0;font-size:10px;line-height:1.5}.empty-conversation{color:#8fa5bb;padding:12px;font-size:9px}.message-form{margin-top:10px}.message-form textarea{resize:vertical;width:100%}.message-form>div{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.internal-check{color:#9eb1c5;align-items:center;gap:6px;font-size:9px;display:flex}.ticket-history{background:#071c34;border:1px solid #1b3b59;border-radius:8px;align-self:start;max-height:650px;padding:12px;overflow:auto}.history-event{border-top:1px solid #193753;grid-template-columns:10px 1fr;gap:7px;padding:8px 0;display:grid}.history-event:first-of-type{border-top:0}.history-event>span{background:#ff6b0b;border-radius:50%;width:7px;height:7px;margin-top:4px}.history-event b{font-size:8px;display:block}.history-event p{color:#a3b4c5;margin:3px 0;font-size:8px}.history-event time{color:#738ba3;font-size:7px}.loading-ticket{text-align:center;color:#9fb2c5;width:400px}.modal-card textarea{font-family:Montserrat,sans-serif}@media (width<=1200px){.ticket-kpis{grid-template-columns:repeat(3,1fr)}.ticket-filters{grid-template-columns:1fr 1fr 1fr}.ticket-search{grid-column:1/-1}.real-ticket-row{min-width:900px}.ticket-workspace{overflow:auto}.ticket-detail-grid{grid-template-columns:1fr}.ticket-history{max-height:none}}@media (width<=800px){.ticket-kpis{grid-template-columns:1fr 1fr}.ticket-create-grid,.ticket-meta-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.ticket-detail-backdrop{padding:10px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}}.forgot-link{text-align:center;color:#7fb7ed;margin-top:14px;font-size:10px;text-decoration:none;display:block}.forgot-link:hover{text-decoration:underline}.success-box{color:#8fe4ae;background:#123d2a;border:1px solid #28774b;border-radius:6px;margin:18px 0;padding:12px;font-size:10px;line-height:1.55}.link-button{text-align:center;margin-top:14px;text-decoration:none;display:block}.password-help{color:#8ea5bb;margin:-8px 0 12px;font-size:9px}.mail-status{border-radius:6px;margin:-3px 0 10px;padding:9px 12px;font-size:9px}.mail-status.ready{color:#70da97;background:#103824;border:1px solid #256b44}.mail-status.warning{color:#ffc56d;background:#432d13;border:1px solid #875b1f}.mail-kpis{grid-template-columns:1fr 1fr 1.3fr 1fr;gap:9px;display:grid}.mail-kpi{padding:13px}.mail-kpi small{color:#91a7bd;font-size:9px;display:block}.mail-kpi strong{overflow-wrap:anywhere;margin-top:6px;font-size:14px;display:block}.mail-status-panel,.mail-log-panel{margin-top:9px;padding:13px}.mail-state-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mail-state-grid>div{background:#071c34;border:1px solid #1c3b58;border-radius:6px;padding:10px}.mail-state-grid small,.mail-state-grid b{display:block}.mail-state-grid small{color:#8fa5bb;font-size:8px}.mail-state-grid b{margin-top:5px;font-size:10px}.mail-error{margin:10px 0 0}.mail-log-panel .section-head>span{color:#8fa5bb;font-size:8px}.mail-log-row{border-top:1px solid #1d3a57;grid-template-columns:135px 180px minmax(240px,1fr) 120px 80px;align-items:center;gap:8px;padding:9px 4px;font-size:8px;display:grid}.mail-log-row.header{color:#8fa5bb;border-top:0}.mail-log-row small{color:#758da5;margin-top:2px;display:block}.mail-log-row a{color:#70b8ff;text-decoration:none}.mail-action{border-radius:4px;padding:5px 7px;font-style:normal;display:inline-block}.mail-action.ticket_created{color:#79e3a3;background:#195b39}.mail-action.reply_attached{color:#93caff;background:#1d4f87}.mail-action.ignored{color:#c3c9d0;background:#4a4f58}.mail-action.error{color:#ffb0b7;background:#722e36}@media (width<=1000px){.mail-kpis,.mail-state-grid{grid-template-columns:1fr 1fr}.mail-log-panel{overflow:auto}.mail-log-row{min-width:800px}}.delivery-pill{border-radius:4px;font-style:normal;padding:3px 6px!important;font-size:7px!important}.delivery-pill.sent{color:#7ee3a7!important;background:#195b39!important}.delivery-pill.failed{color:#ffb0b7!important;background:#722e36!important}.delivery-pill.no_recipient{color:#ffd28b!important;background:#6d4b1f!important}.delivery-pill.inbound{color:#9bceff!important;background:#1d4f87!important}.delivery-pill.pending,.delivery-pill.stored{color:#d3d8de!important;background:#4a4f58!important}.admin-kpis,.ticket-kpis{grid-template-columns:repeat(6,1fr)}.real-ticket-row{grid-template-columns:95px 145px minmax(190px,1.45fr) 125px 85px 100px 120px 120px 92px}.sla-chip{white-space:nowrap;border-radius:4px;padding:5px 7px;font-size:7px;font-style:normal;display:inline-block}.sla-chip.ok,.sla-chip.closed{color:#7ce4a4;background:#185739}.sla-chip.awaiting_first_response{color:#ffd67c;background:#624d1e}.sla-chip.first_response_overdue,.sla-chip.resolution_overdue{color:#ffb4bc;background:#7b2b34}.sla-detail{background:#071c34;border:1px solid #244966;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding:10px;display:grid}.sla-detail>div{border-right:1px solid #1f405e;padding:7px}.sla-detail>div:last-child{border-right:0}.sla-detail small,.sla-detail strong{display:block}.sla-detail small{color:#8ea5bb;margin-bottom:4px;font-size:7px}.sla-detail strong{font-size:9px}.sla-detail.first_response_overdue,.sla-detail.resolution_overdue{background:#261922;border-color:#8b3b43}.sla-detail.awaiting_first_response{border-color:#7c6128}.attachments-box{background:#071c34;border:1px solid #1b3b59;border-radius:8px;margin-top:12px;padding:12px}.attachments-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.attachments-head h3{margin:0;font-size:11px}.attach-button{color:#fff;cursor:pointer;background:#174d82;border:1px solid #3371a5;border-radius:5px;padding:8px 10px;font-size:8px}.attach-button input{display:none}.attachment-note{color:#7f98af;margin:8px 0 10px;font-size:7px;line-height:1.5}.attachment-row{border-top:1px solid #1a3854;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:8px;display:flex}.attachment-row:first-of-type{border-top:0}.attachment-row b,.attachment-row small{display:block}.attachment-row small{color:#849cb3;margin-top:3px}.attachment-row a{color:#7ec1ff;border:1px solid #315c83;border-radius:4px;padding:6px 8px;text-decoration:none}.attachment-row.blocked{opacity:.72}.attachment-row.blocked em{color:#ff8e9a;font-style:normal}.blocked-reason{color:#f0a0aa!important}.empty-attachments{color:#8098af;padding:10px 0;font-size:8px}@media (width<=1200px){.admin-kpis,.ticket-kpis{grid-template-columns:repeat(3,1fr)}.real-ticket-row{min-width:1020px}.sla-detail{grid-template-columns:1fr 1fr}}.attachment-main{flex:1;min-width:0}.attachment-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.send-attachment-check{color:#9fc7e8;cursor:pointer;border:1px solid #315c83;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:8px;display:flex}.send-attachment-check.selected{color:#d9efff;background:#173e63;border-color:#4a8fc8}.send-attachment-check input{accent-color:#ff6508}.send-attachment-check:has(input:disabled){opacity:.4;cursor:not-allowed}.attachments-to-send{color:#9fcaec;background:#17334f;border:1px solid #335d83;border-radius:5px;margin-top:7px;padding:8px 10px;font-size:8px}.sent-attachment-list{color:#9fc5e5;border-top:1px solid #2a4863;margin-top:8px;padding-top:7px;font-size:8px}.delete-attachment-btn{color:#ffabb4;cursor:pointer;background:#421b23;border:1px solid #a43d48;border-radius:4px;padding:6px 8px;font-size:8px}.delete-attachment-btn:hover{color:#ffd3d7;background:#64242e;border-color:#d44c59}