:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24314b;background:#f7f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{display:grid;grid-template-columns:220px 308px minmax(380px,1fr) 270px;height:100dvh;background:#fff}.sidebar{background:#14243d;color:#d6e2f0;display:flex;flex-direction:column;padding:26px 14px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;padding:0 11px;margin-bottom:48px;color:#fff}.brand-symbol{display:flex;background:#3a72e1;border-radius:10px;padding:8px}.brand-muted{color:#74a6ff}.section-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8798ae;padding:0 14px;margin-bottom:14px}.spaced{margin-top:38px}.filters{display:flex;flex-direction:column;gap:4px}.filters button{color:#bdcadd;background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 14px;font-size:13px}.filters button.active,.filters button:hover{background:#2b4163;color:#fff}.filters b{margin-left:auto;font-size:11px;background:#31445e;padding:3px 7px;border-radius:8px}.dot{height:9px;width:9px;border-radius:50%;display:inline-block;margin:0 5px}.yellow{background:#f1bb51}.blue{background:#5ca9e4}.gray{background:#8fa3bb}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:15px 10px;border-top:1px solid #2d415f;font-size:11px}.sidebar-footer button{background:none;border:0;color:#dce7f5}.connected,.disconnected{display:flex;gap:7px;align-items:center}.connected{color:#90e5ba}.disconnected{color:#f3b4a5}.ticket-list{border-right:1px solid #e5ebf2;min-width:0;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:26px 21px 17px;border-bottom:1px solid #f0f1f6}.panel-head h2{font-size:16px;margin:0 0 4px}.panel-head span{font-size:11px;color:#94a0b1}.icon-btn,.outline{border:1px solid #e1e6ec;background:#fff;padding:8px;border-radius:9px;color:#68758a}.search{display:flex;align-items:center;gap:10px;background:#f4f6f9;margin:16px 14px 12px;padding:10px;border-radius:10px;color:#8190a5}.search input{width:100%;outline:none;border:0;background:transparent;font-size:12px}.ticket-scroll{overflow-y:auto;flex:1}.ticket{display:flex;gap:10px;padding:18px 12px 18px 16px;background:#fff;border:0;border-bottom:1px solid #f1f3f7;width:100%;text-align:left;align-items:flex-start}.ticket.selected{background:#edf3ff;border-left:3px solid #3a72e1;padding-left:13px}.avatar{flex-shrink:0;height:37px;width:37px;border-radius:12px;background:#dce7fb;color:#3064b9;display:flex;align-items:center;justify-content:center;font-weight:800}.avatar.large{height:42px;width:42px}.ticket-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.ticket-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-info .subject{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#67758a}.ticket-info small{font-size:10px;color:#96a1af}.status-dot{width:7px;height:7px;border-radius:50%;background:#aab4c4;margin-top:5px}.status-dot.waiting{background:#eeb34f}.status-dot.assigned,.status-dot.in_progress{background:#45b792}.chat-panel{display:flex;flex-direction:column;min-width:0;background:#fcfdff}.empty-chat{margin:auto;text-align:center;max-width:310px}.empty-circle{height:70px;width:70px;margin:0 auto 20px;border-radius:50%;background:#e9effb;color:#3b6fb7;display:flex;align-items:center;justify-content:center}.empty-chat h2{font-size:17px}.empty-chat p{font-size:13px;color:#8b98aa;line-height:1.6}.chat-head{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #e7ecf2;background:#fff}.chat-head div:nth-of-type(1){display:flex;flex-direction:column;gap:6px}.chat-head strong{font-size:14px}.chat-head small{font-size:11px;color:#92a1b5}.chat-actions{display:flex;gap:8px;margin-left:auto}.small-primary,.primary{border:0;background:#396fe0;color:#fff;border-radius:9px;font-size:12px;font-weight:700;padding:10px 14px}.chat-scroll{flex:1;overflow-y:auto;padding:30px 30px 16px;background-image:radial-gradient(#e7ecf4 .6px,transparent .6px);background-size:17px 17px}.bubble-row{display:flex;margin:9px 0}.bubble{max-width:76%;background:#e9eff9;padding:12px 14px;border-radius:12px 12px 12px 3px;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.bubble.internal{background:#fff5da;border:1px solid #eddda9}.internal-label{display:block;color:#986e22;font-weight:800;margin-bottom:5px;font-size:9px}.time{display:block;text-align:right;color:#8391a4;font-size:10px;margin-top:7px}.pending{opacity:.7}.typing{font-size:11px;color:#8494ab;padding:8px}.composer{padding:12px 20px 20px;background:#fff;border-top:1px solid #e7ecf2}.mode-row{display:flex;gap:7px;margin-bottom:10px}.mode{border:0;background:none;color:#8793a5;font-size:11px;padding:7px 10px;border-radius:8px}.mode.selected{background:#eaf0fd;color:#366bce;font-weight:700}.mode.internal-mode{background:#fff3d7;color:#a97920}.compose-box{display:flex;gap:8px;border:1px solid #dce4ef;padding:8px;border-radius:12px}.compose-internal{border-color:#e6d39f;background:#fffdf7}.compose-box textarea{border:0;background:transparent;outline:none;resize:none;flex:1;min-height:47px;max-height:100px;font-size:12px;color:#2b3750;padding:7px}.send-btn{height:39px;align-self:flex-end;background:#3b72e1;color:#fff;border:0;border-radius:9px;width:41px;display:flex;align-items:center;justify-content:center}.details{border-left:1px solid #e7ecf2;min-width:0}.detail-inner{padding:22px}.detail-label{font-size:10px;color:#97a3b4;font-weight:800;letter-spacing:1px;margin:16px 0 10px}.detail-inner h3{font-size:14px;margin:0 0 30px}.detail-pair{display:flex;flex-direction:column;gap:4px;margin-bottom:18px;font-size:12px}.detail-pair span{color:#90a0b3}.detail-pair b{font-size:12px;font-weight:600}.context-note{font-size:11px;color:#96a1b3;line-height:1.6;padding:12px 20px}.empty-list{font-size:12px;text-align:center;padding:30px 15px;color:#8793a6}.error{background:#fff0ef;border:1px solid #ffd6d1;color:#af3939;padding:9px 12px;border-radius:8px;font-size:12px}.chat-error{margin:0 20px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#f4f6fc,#e7efff)}.login-card{background:#fff;width:min(400px,90vw);padding:36px;border-radius:20px;box-shadow:0 12px 55px #2c487d1e;display:flex;flex-direction:column;gap:14px}.login-icon{background:#e9effd;padding:12px;color:#3a72e1;width:max-content;border-radius:12px}.login-card h1{font-size:21px;margin:4px 0 0}.login-card p{color:#8290a5;font-size:13px;line-height:1.6;margin:0 0 10px}.login-card label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px}.login-card input{border:1px solid #dce4f0;border-radius:9px;padding:12px;outline-color:#3973eb}.login-card .primary{padding:13px;margin-top:8px}.login-card small{display:flex;gap:6px;align-items:center;color:#9aa5b4;justify-content:center;font-size:10px}@media(max-width:1200px){.app-shell{grid-template-columns:185px 280px minmax(350px,1fr)}.details{display:none}}@media(max-width:800px){.app-shell{grid-template-columns:78px minmax(210px,38%) 1fr}.sidebar{padding:18px 8px}.brand{font-size:0;justify-content:center;padding:0;margin-bottom:26px}.filters button{font-size:0;justify-content:center}.filters button b,.section-label{display:none}.sidebar-footer span{font-size:0}.ticket{padding:13px 9px}.chat-scroll{padding:14px}}@media(max-width:600px){.app-shell{grid-template-columns:1fr}.sidebar,.details{display:none}.ticket-list{height:34dvh;border-bottom:1px solid #e7ecf2}.chat-panel{height:66dvh}}.manage-agents{display:flex;gap:10px;align-items:center;background:#243f65;color:#e4f0ff;border:0;border-radius:9px;margin-top:22px;padding:11px 15px;font-size:12px}.transfer-bar{display:flex;align-items:center;gap:12px;justify-content:center;padding:10px;background:#eaf1fc;border-bottom:1px solid #c5d6ee}.transfer-bar label{font-size:12px;font-weight:700}.transfer-bar select{padding:8px;margin-left:9px;border-radius:6px;border:1px solid #bfcede}.transfer-bar>button{padding:9px;border:0;background:#fff;border-radius:6px}.retry-btn{display:flex;gap:4px;align-items:center;border:0;background:transparent;color:#b43a32;font-size:11px;margin-top:7px}.quick-replies{display:flex;gap:7px;margin-bottom:7px;overflow-x:auto}.quick-replies button{white-space:nowrap;border:1px solid #dce5f4;background:#f6f9ff;border-radius:16px;padding:5px 10px;color:#526f98;font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#14223c91;padding:12px}.admin-modal{width:min(930px,100%);max-height:92vh;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 20px 65px #14243f44}.admin-head{padding:16px 22px;border-bottom:1px solid #e2e8ef;display:flex;justify-content:space-between;align-items:center}.admin-head>div{display:flex;align-items:center;gap:12px;color:#2a66c5}.admin-head h2{color:#24314b;font-size:18px}.admin-head button{border:0;background:transparent;color:#62718c}.admin-content{display:grid;grid-template-columns:1fr 330px;gap:24px;padding:24px}.admin-content h3{font-size:14px;margin:0 0 15px}.admin-agents{min-width:0}.agent-item{border-bottom:1px solid #e6ebf2;padding:12px 0;display:flex;gap:12px;justify-content:space-between;align-items:center}.agent-item div{min-width:0;display:flex;flex-direction:column;gap:5px}.agent-item strong{font-size:13px}.agent-item small{font-size:11px;color:#8c99aa}.agent-item span{color:#647790;font-size:11px}.agent-item button{border:1px solid #d9e3f0;padding:7px 11px;border-radius:7px;font-size:11px;background:#fff}.agent-item button.disable{color:#a43b2a}.agent-item button.enable{color:#167a4b}.agent-form{border-left:1px solid #eef1f6;padding-left:22px;display:flex;flex-direction:column;gap:13px}.agent-form h3{display:flex;gap:6px;align-items:center}.agent-form label{display:flex;gap:5px;flex-direction:column;font-size:11px;font-weight:700}.agent-form input,.agent-form select{padding:9px;border:1px solid #d9e2ed;border-radius:7px;font-size:12px}.dept-checks{display:flex;gap:10px;flex-wrap:wrap}.dept-checks label{display:flex;flex-direction:row;align-items:center;gap:4px}.form-title{font-size:11px;font-weight:700}.agent-form .primary{display:flex;align-items:center;justify-content:center;gap:6px}.admin-error{margin:0 24px 22px}@media(max-width:700px){.admin-content{grid-template-columns:1fr}.agent-form{border-left:0;border-top:1px solid #e6eaf0;padding:16px 0}.manage-agents{font-size:0}.quick-replies{max-width:100%}}:root{--atlas-navy:#111d32;--atlas-blue:#3468e8;--atlas-border:#e4eaf2;--atlas-text:#1e304c;--atlas-green:#16966b;--atlas-amber:#e8a43e;color:var(--atlas-text)}.brand .brand-copy{display:flex;flex-direction:column;gap:3px}.brand .brand-title{display:inline;white-space:nowrap}.brand-caption{font-size:8px;color:#8ea3c0;font-weight:700;letter-spacing:.9px}.brand-muted{color:#75a3fc}.sidebar{background:var(--atlas-navy)}.sidebar .filters button{min-height:40px}.sidebar .filters button.active{background:#2d4a80;box-shadow:inset 3px 0 var(--atlas-blue)}.sidebar .section-label.spaced{margin-top:28px}.admin-shortcuts{display:flex;flex-direction:column;gap:7px;margin-top:22px}.admin-shortcuts .manage-agents{margin:0;cursor:pointer}.wa-button{background:#1d3940;color:#bff3dc}.ticket-metadata{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.channel-tag{display:inline-block;white-space:nowrap;padding:3px 6px;border-radius:4px;background:#eaf0ff;color:#285abf;font-size:9px;font-weight:700;vertical-align:middle}.channel-tag.wa{background:#ddf6e7;color:#187b52}.bubble-row.from-agent{justify-content:flex-end}.bubble-row.from-agent .bubble:not(.internal){background:#eaf1ff;border-color:#d5e5ff}.bubble-row.from-customer{justify-content:flex-start}.bubble-author{display:block;font-size:10px;color:#4571b4;font-weight:800;margin-bottom:6px}.bubble.internal{border-color:#f1dbb4;background:#fff8e8;color:#604922}.bubble-row{max-width:100%}.bubble{max-width:min(85%,580px);white-space:pre-wrap;overflow-wrap:anywhere}.whatsapp-modal{background:#fff;border-radius:17px;width:min(550px,100%);max-height:90dvh;overflow:auto;box-shadow:0 22px 60px #11203845}.wa-modal-head{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e9edf4}.wa-modal-brand{display:flex;align-items:center;gap:12px;color:#168056}.wa-modal-brand div{display:flex;flex-direction:column;gap:4px}.wa-modal-brand strong{color:#1e304c;font-size:16px}.wa-modal-brand small{font-size:11px;color:#8d9aad}.wa-modal-head button{background:transparent;border:0;color:#7b8aa1}.wa-modal-body{padding:26px}.wa-status{display:flex;align-items:center;gap:14px;padding:19px;background:#f6f8fb;border-radius:13px}.wa-status strong{font-size:14px}.wa-status p{margin:7px 0 0;font-size:12px;line-height:1.5;color:#8793a8}.wa-live,.wa-off{border-radius:13px;padding:11px;display:grid;place-items:center}.wa-live{background:#d7f9e7;color:#16966b}.wa-off{background:#edf0f5;color:#8391a5}.wa-controls{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.wa-controls button{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce4ef;color:#436180;border-radius:9px;font-size:12px;padding:10px 12px}.wa-controls button:hover{border-color:#3468e8}.wa-qr{text-align:center;padding:18px;border:1px dashed #ccd8e8;border-radius:12px}.wa-qr img{width:230px;max-width:90%;height:auto;image-rendering:pixelated}.wa-qr p{font-size:11px;color:#8595a9}.wa-error{background:#ffefed;color:#a34841;padding:12px;border-radius:8px;font-size:12px}.wa-info{display:flex;gap:10px;color:#8191a5;font-size:11px;line-height:1.5;margin-top:22px}:focus-visible{outline:3px solid #93afff;outline-offset:2px}.wa-success{background:#e7f7ed;color:#12613c;padding:12px;border:1px solid #b5e8c9;border-radius:8px;font-size:12px;line-height:1.5}.ticket-info .subject{font-size:13px;line-height:1.45}.ticket-info small,.chat-head small,.time{font-size:11.5px}.bubble{font-size:14px;line-height:1.55}.compose-box textarea,.search input{font-size:14px}.mode,.small-primary,.primary{font-size:13px}.detail-pair,.detail-pair b,.context-note{font-size:12.5px}.wa-controls button{min-height:40px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}