@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#15243a;font-synthesis:none;--navy:#061a33;--navy-2:#0b2d4f;--cyan:#04a9d8;--cyan-pale:#e6f7fb;--yellow:#ffd447;--surface:#fff;--soft:#f4f7fa;--line:#dae3ec;--muted:#68788d;--good:#10a775;--bad:#df5656;background:#edf2f7;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#edf2f7;min-width:1100px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #04a9d84d}h1,h2,h3,p{margin-top:0}h1,h2,h3,.agent-brand{font-family:Manrope,sans-serif}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.agent-eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.agent-brand{color:#fff;align-items:center;gap:10px;display:flex}.agent-brand>span{color:#fff;background:linear-gradient(145deg,var(--cyan),#0879c4);border-radius:12px 5px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid}.agent-brand strong{letter-spacing:.12em;font-size:14px}.agent-login{background:var(--surface);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.agent-login>section{color:#fff;background:radial-gradient(circle at 80% 10%,#00bee659,#0000 35%),linear-gradient(145deg,#05172d,#084874);flex-direction:column;justify-content:space-between;padding:52px 8vw;display:flex}.agent-login section>div h1{letter-spacing:-.05em;max-width:650px;margin:12px 0 18px;font-size:clamp(38px,5vw,64px);line-height:1.02}.agent-login section>div p{color:#bdd2e4;max-width:510px;font-size:17px;line-height:1.7}.agent-login section>small{color:#9eb7ca;align-items:center;gap:7px;display:flex}.agent-login form{align-content:center;gap:19px;width:min(420px,100% - 60px);margin:auto;display:grid}.agent-login form h2{margin:8px 0 0;font-size:32px}.agent-login form>p{color:var(--muted)}.agent-login label{gap:7px;font-size:12px;font-weight:700;display:grid}.agent-login input{border:1px solid var(--line);background:var(--soft);border-radius:12px;height:50px;padding:0 14px}.agent-primary{color:#fff;background:linear-gradient(120deg,var(--cyan),#087bc0);border:0;border-radius:12px;min-height:50px;font-weight:800}.agent-error{background:#ffeded;border-radius:10px;padding:11px;color:#a32f2f!important}.agent-loading{background:var(--navy);color:#fff;place-content:center;justify-items:center;gap:18px;min-height:100vh;display:grid}.agent-spinner{border:3px solid #31506d;border-top-color:var(--cyan);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.agent-workspace{background:#edf2f7;grid-template:68px 1fr/78px 310px minmax(430px,1fr) 320px;height:100vh;display:grid;overflow:hidden}.side-rail{color:#fff;background:var(--navy);flex-direction:column;grid-row:1/-1;align-items:center;padding:15px 10px;display:flex}.side-rail .agent-brand strong{display:none}.side-rail nav{gap:8px;margin-top:55px;display:grid}.side-rail button{color:#7e99b0;background:0 0;border:0;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.side-rail button.active,.side-rail button:hover{color:#fff;background:#ffffff1a}.rail-bottom{gap:8px;margin-top:auto;display:grid}.workspace-topbar{border-bottom:1px solid var(--line);background:var(--surface);grid-column:2/-1;justify-content:space-between;align-items:center;padding:10px 22px;display:flex}.workspace-topbar>div:first-child{gap:3px;display:grid}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-actions>label{border:1px solid var(--line);border-radius:11px;align-items:center;gap:6px;padding:8px 10px;display:flex}.topbar-actions select{appearance:none;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.presence{background:var(--good);border-radius:50%;width:8px;height:8px}.presence.pause{background:#e3a919}.presence.offline{background:var(--muted)}.topbar-actions>button{background:var(--soft);border:0;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.agent-avatar{color:#fff;background:linear-gradient(135deg,var(--navy-2),var(--cyan));border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.queue-panel{border-right:1px solid var(--line);background:var(--surface);grid-template-rows:auto auto auto auto 1fr;min-height:0;padding:18px 14px 0;display:grid}.queue-panel>header{justify-content:space-between;align-items:center;padding:0 5px 13px;display:flex}.queue-panel h2{margin:4px 0 0;font-size:19px}.queue-panel h2 b{min-width:22px;height:22px;color:var(--cyan);background:var(--cyan-pale);border-radius:7px;place-items:center;margin-left:5px;font:800 11px DM Sans;display:inline-grid}.square-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.next-button{color:#352900;background:var(--yellow);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-bottom:11px;font-size:12px;font-weight:800;display:flex}.queue-search{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--soft);border-radius:11px;align-items:center;gap:7px;padding:0 11px;display:flex}.queue-search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.queue-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:11px;display:grid}.queue-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 2px;font-size:11px;font-weight:700}.queue-tabs button.active{color:var(--cyan);border-bottom-color:var(--cyan)}.queue-list{margin:0 -14px;padding:8px;overflow-y:auto}.queue-card{text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:7px 1fr;gap:7px;width:100%;padding:13px 10px;display:grid;position:relative}.queue-card:hover{background:var(--soft)}.queue-card.selected{background:var(--cyan-pale);border-color:#b5e6f3}.priority-dot{background:#e6aa17;border-radius:50%;width:6px;height:6px;margin-top:6px}.priority-dot.p-10,.priority-dot.p-20{background:var(--bad)}.queue-card-main>div{justify-content:space-between;gap:6px;display:flex}.queue-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.queue-card time{color:var(--muted);flex:none;align-items:center;gap:3px;font-size:9px;display:flex}.queue-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 9px;font-size:11px;line-height:1.35;overflow:hidden}.queue-card footer{justify-content:space-between;align-items:center;gap:5px;display:flex}.queue-card footer span{color:#08719c;text-transform:uppercase;background:#d8f2f9;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.queue-card footer small{color:var(--muted);font-size:8px}.queue-empty{text-align:center;color:var(--muted);place-items:center;gap:6px;padding:70px 20px;display:grid}.queue-empty svg{margin-bottom:7px}.queue-empty span{font-size:11px}.conversation-panel{background:var(--soft);grid-template-rows:auto auto 1fr auto;min-width:0;min-height:0;display:grid}.conversation-header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;min-height:72px;padding:10px 17px;display:flex}.customer-avatar{color:#fff;background:linear-gradient(145deg,#15658e,var(--cyan));border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.conversation-header>div:nth-child(2){min-width:0}.conversation-header h1{margin:0 0 3px;font-size:15px}.conversation-header span{color:var(--muted);font-size:9px}.conversation-header span i{background:var(--good);border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}.conversation-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.conversation-actions>button:not(.square-button){border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:5px;min-height:35px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.conversation-actions .assign-button{color:#fff;border-color:var(--cyan)!important;background:var(--cyan)!important}.conversation-banner{color:#166d89;background:#e5f8fc;border-bottom:1px solid #bcebf5;align-items:center;gap:8px;padding:8px 18px;font-size:9px;display:flex}.messages{flex-direction:column;gap:15px;padding:20px 28px;display:flex;overflow-y:auto}.timeline-label{color:var(--muted);background:#e7edf2;border-radius:999px;align-self:center;padding:5px 9px;font-size:8px;font-weight:700}.chat-message{align-items:flex-end;gap:7px;max-width:78%;display:flex}.chat-message>div:last-child>span{color:var(--muted);margin:0 0 4px 3px;font-size:8px;font-weight:700;display:block}.chat-message p{border:1px solid var(--line);background:var(--surface);border-radius:13px 13px 13px 4px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5;box-shadow:0 5px 15px #071c360a}.chat-message small{color:var(--muted);justify-content:flex-end;align-items:center;gap:3px;margin-top:3px;font-size:8px;display:flex}.chat-message.customer{align-self:flex-start}.chat-message.agent{align-self:flex-end}.chat-message.agent p{color:#fff;background:#087eae;border:0;border-radius:13px 13px 4px}.chat-message.ai p{background:#f0fbfd;border-color:#c5e8f0}.message-avatar{color:#fff;background:var(--cyan);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.message-avatar svg{width:15px}.agent-composer{border-top:1px solid var(--line);background:var(--surface);grid-template:32px 1fr 40px/1fr 40px;padding:10px 15px 13px;display:grid;position:relative}.composer-toolbar{grid-column:1/-1;align-items:center;gap:7px;display:flex}.composer-toolbar button{color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.composer-toolbar svg{width:15px}.agent-composer label{grid-column:1/3}.agent-composer textarea{resize:none;border:1px solid var(--line);background:var(--soft);border-radius:11px;outline:0;width:100%;padding:9px 48px 9px 11px;font-size:11px;display:block}.composer-send{color:#fff;background:var(--cyan);border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:18px;right:20px}.composer-send:disabled{opacity:.4}.composer-send svg{width:16px}.quick-menu{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:10px;display:grid;position:absolute;bottom:100%;left:15px;right:15px;box-shadow:0 15px 40px #071c3626}.quick-menu>span{color:var(--muted);padding:4px 7px 8px;font-size:9px;font-weight:700}.quick-menu button{text-align:left;background:0 0;border:0;border-radius:9px;gap:12px;padding:10px;font-size:10px;display:flex}.quick-menu button:hover{background:var(--soft)}.quick-menu strong{color:var(--cyan)}.no-conversation{text-align:center;background:var(--soft);place-content:center;justify-items:center;min-height:0;padding:40px;display:grid}.no-conversation>svg{width:58px;height:58px;color:var(--cyan);background:var(--cyan-pale);border-radius:18px;margin-bottom:16px;padding:15px}.no-conversation h2{margin-bottom:6px}.no-conversation p{color:var(--muted)}.module-panel{text-align:center;background:var(--soft);align-content:center;justify-items:center;gap:12px;min-height:0;padding:48px;display:grid}.module-icon{width:66px;height:66px;color:var(--cyan);background:var(--cyan-pale);border-radius:20px;place-items:center;display:grid}.module-icon svg{width:30px;height:30px}.module-panel h1{margin:4px 0 0;font-size:26px}.module-panel p{max-width:560px;color:var(--muted);line-height:1.55}.module-panel>div{grid-template-columns:repeat(3,1fr);gap:10px;width:min(620px,100%);margin-top:10px;display:grid}.module-panel article{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-content:center;justify-items:center;gap:8px;min-height:96px;padding:14px;display:grid;box-shadow:0 8px 24px #071c360d}.module-panel article svg{color:var(--good)}.module-panel article strong{font-size:11px;line-height:1.35}.context-panel{border-left:1px solid var(--line);background:var(--surface);overflow-y:auto}.context-panel>header{border-bottom:1px solid var(--line);flex-direction:column;align-items:center;padding:22px 17px 17px;display:flex}.customer-photo{color:#fff;background:linear-gradient(145deg,var(--navy-2),var(--cyan));border:3px solid #fff;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:9px;font-size:21px;font-weight:800;display:grid;box-shadow:0 5px 20px #071c3626}.context-panel header>strong{font:700 14px Manrope}.context-panel header>small{color:var(--muted);margin-top:3px;font-size:9px}.customer-id{color:#397188;background:var(--cyan-pale);border-radius:6px;margin-top:8px;padding:4px 7px;font-size:8px;font-weight:800}.context-panel>section{border-bottom:1px solid var(--line);padding:14px 16px}.context-panel h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font:800 9px DM Sans}.data-row{align-items:center;gap:9px;margin:9px 0;display:flex}.data-icon{color:#31728e;background:var(--cyan-pale);border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.data-icon svg{width:15px}.data-row>div{gap:2px;min-width:0;display:grid}.data-row small{color:var(--muted);font-size:8px}.data-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.data-row .good{color:var(--good)}.data-row .bad{color:var(--bad)}.ai-summary{background:linear-gradient(145deg,#effbfe,#fff);border-radius:14px;margin:13px;border:1px solid #bfe5ef!important;padding:14px!important}.summary-title{align-items:center;gap:8px;margin-bottom:10px;display:flex}.summary-title>span{color:#fff;background:linear-gradient(145deg,var(--cyan),#5b66d8);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.summary-title svg{width:16px}.summary-title h3{color:#186d89;margin:0 0 2px}.summary-title small{color:var(--muted);font-size:8px}.ai-summary>p{margin-bottom:10px;font-size:10px;line-height:1.5}.ai-summary>div>strong,.ai-summary footer strong{text-transform:uppercase;margin-bottom:4px;font-size:8px;display:block}.ai-summary ul{color:#42566c;gap:3px;margin:0 0 10px;padding-left:16px;font-size:9px;display:grid}.ai-summary footer{border-top:1px solid #d6ecf2;gap:3px;padding-top:9px;display:grid}.ai-summary footer span{color:var(--muted);font-size:9px;line-height:1.4}.order-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 26px);min-height:40px;margin:0 13px 18px;font-size:10px;font-weight:800;display:flex}.order-button svg{width:16px;color:var(--cyan)}.order-button small{color:#806600;background:#fff3ac;border-radius:4px;padding:2px 4px;font-size:7px}.loading-context{align-content:start;gap:12px;padding:24px;display:grid}.loading-context span{background:linear-gradient(90deg,var(--soft),#e5ebf0,var(--soft));border-radius:12px;height:90px}.agent-modal{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040f1d8c;place-items:center;display:grid;position:fixed;inset:0}.agent-modal>section{background:var(--surface);border-radius:18px;width:430px;padding:22px;box-shadow:0 25px 80px #00000040}.agent-modal header{justify-content:space-between;align-items:flex-start;display:flex}.agent-modal h2{margin:5px 0 0}.agent-modal header button{background:var(--soft);border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.agent-modal>section>p{color:var(--muted);font-size:11px}.agent-modal>section>div{gap:8px;display:grid}.agent-modal>section>div button{border:1px solid var(--line);text-align:left;background:var(--surface);border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.agent-modal>section>div button>svg{color:var(--cyan)}.agent-modal>section>div button span{gap:2px;display:grid}.agent-modal small{color:var(--muted)}.order-dialog{background:var(--surface);border-radius:18px;gap:16px;width:480px;padding:22px;display:grid;box-shadow:0 25px 80px #00000040}.order-dialog label{color:#35465a;gap:7px;font-size:11px;font-weight:800;display:grid}.order-dialog select,.order-dialog textarea{border:1px solid var(--line);width:100%;color:inherit;background:var(--soft);border-radius:11px;padding:11px 12px}.order-dialog textarea{resize:vertical;min-height:105px;line-height:1.5}.dry-run-banner{color:#614f10;background:#fff9df;border:1px solid #edd06a;border-radius:12px;gap:11px;padding:12px;display:flex}.dry-run-banner>svg{color:#a47b00;flex:none}.dry-run-banner>div{gap:3px;display:grid}.dry-run-banner span{color:#75662e;font-size:10px;line-height:1.45}.order-dialog footer{justify-content:flex-end;gap:9px;padding-top:3px;display:flex}.order-dialog footer button{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:42px;padding:0 16px;font-size:11px;font-weight:800}.order-dialog footer .agent-primary{background:linear-gradient(120deg,var(--cyan),#087bc0);border:0}.workspace-toast{z-index:90;background:#fff8d9;border:1px solid #ebcc60;border-radius:12px;align-items:center;gap:9px;max-width:420px;padding:12px 14px;font-size:11px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 40px #00000026}.workspace-toast>button{background:0 0;border:0;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}@media (width<=1250px){.agent-workspace{grid-template-columns:68px 285px minmax(420px,1fr) 285px}.side-rail{padding-inline:7px}.context-panel{font-size:90%}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}