:root{color-scheme:dark;--bg:#050d16;--panel:#0a1724;--panel-2:#0e1d2c;--panel-3:#122538;--line:#1b3448;--line-soft:#142a3c;--text:#f6f9fc;--muted:#83add0;--muted-2:#557b9b;--brand:#6a63ff;--accent:#e72582;--green:#2dd4a3;--yellow:#f6c453;--red:#ff647c;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -20%,#152841 0,transparent 38%),var(--bg)}button,input,textarea,select{font:inherit}button,a,select{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}button{color:inherit}.brand{display:flex;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-weight:700}.brand small{display:block;font:500 11px DM Sans;color:var(--muted);margin-top:1px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#7f78ff,#514ae6);box-shadow:0 8px 22px #514ae644}.eyebrow{margin:0 0 9px;font-size:11px;letter-spacing:.12em;font-weight:700;color:#837dff}.app-shell{height:100vh;display:grid;grid-template-columns:242px minmax(0,1fr);overflow:hidden}.sidebar{border-right:1px solid var(--line-soft);background:#06111b;display:flex;flex-direction:column;padding:20px 14px 14px}.sidebar>.brand{padding:0 8px 25px}.sidebar nav{overflow:auto}.nav-label{font-size:10px;letter-spacing:.13em;color:var(--muted-2);font-weight:700;padding:0 10px}.sidebar nav button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;background:transparent;border-radius:9px;padding:10px 11px;color:var(--muted);cursor:pointer;margin:2px 0}.sidebar nav button:hover{background:var(--panel);color:var(--text)}.sidebar nav button.active{background:#171c48;border-color:#363981;color:#fff}.sidebar nav em{font-style:normal;font-size:11px;background:var(--panel-3);padding:2px 7px;border-radius:999px}.sidebar-profile{margin-top:auto;border-top:1px solid var(--line-soft);padding:15px 8px 2px;display:flex;gap:9px;align-items:center}.sidebar-profile div{min-width:0;flex:1}.sidebar-profile strong,.sidebar-profile span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile strong{font-size:13px}.sidebar-profile span{font-size:11px;color:var(--muted)}.sidebar-profile a{color:var(--muted);padding:7px;border-radius:7px}.workspace{min-width:0;display:grid;grid-template-columns:minmax(265px,30%) minmax(430px,1fr) 260px;grid-template-rows:58px minmax(0,1fr)}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);padding:0 18px;background:#07121d}.search{height:38px;max-width:560px;width:50%;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:0 12px;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search input::placeholder{color:var(--muted-2)}.icon-button{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer}.icon-button:hover{background:var(--panel-2)}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);right:7px;top:7px}.notification-wrap{position:relative}.notification-popover{position:absolute;z-index:20;top:46px;right:0;width:min(380px,calc(100vw - 30px));max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 24px 70px #0009}.notification-popover>header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line-soft)}.notification-popover>header span{color:var(--muted);font-size:12px}.notification-popover>button{width:100%;display:flex;gap:11px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line-soft);padding:13px 16px;cursor:pointer}.notification-popover>button:hover{background:var(--panel-2)}.notification-popover>button>span:last-child{display:grid;gap:3px}.notification-popover small,.notification-popover em{font-size:11px;color:var(--muted);font-style:normal}.notice-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;color:var(--green);background:#12352f}.case-list-panel,.conversation-panel,.context-panel{min-height:0;border-right:1px solid var(--line-soft);background:#07121d}.case-list-panel{display:flex;flex-direction:column}.case-list-panel>header{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 18px 16px;border-bottom:1px solid var(--line-soft)}h1,h2,h3{font-family:Space Grotesk,sans-serif}.case-list-panel h1{font-size:21px;margin:0}.case-list-panel>header>span{color:var(--muted);font-size:12px}.case-list{overflow:auto;padding:8px}.case-list>button{position:relative;width:100%;display:grid;grid-template-columns:5px 1fr auto;gap:10px;align-items:start;text-align:left;border:1px solid transparent;background:transparent;border-radius:9px;padding:12px;cursor:pointer}.case-list>button:hover{background:var(--panel)}.case-list>button.selected{border-color:#393d82;background:#171c48}.case-list>button div{min-width:0}.case-list strong,.case-list span,.case-list small{display:block;overflow:hidden;text-overflow:ellipsis}.case-list strong{font-size:13px;white-space:nowrap;margin-bottom:4px}.case-list span,.case-list small,.case-list time{font-size:11px;color:var(--muted)}.case-list small{margin-top:4px}.case-list time{white-space:nowrap}.case-list em{position:absolute;right:11px;bottom:10px;font-style:normal;font-size:10px;color:#fff;background:var(--accent);padding:1px 6px;border-radius:99px}.priority{width:4px;height:34px;border-radius:4px;background:var(--muted-2)}.priority.high{background:var(--yellow)}.priority.urgent{background:var(--red)}.priority.low{background:var(--green)}.conversation-panel{display:flex;flex-direction:column;background:var(--bg)}.conversation-header{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line-soft);background:#07121d}.conversation-header h2{margin:3px 0;font-size:18px}.conversation-header small,.conversation-header span{font-size:11px;color:var(--muted)}.case-controls{display:flex;gap:7px;align-items:center}.case-controls select,.sender select,.composer-actions select,.context-panel select{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 26px 8px 9px;min-height:36px}.timeline{flex:1;overflow:auto;padding:22px 6%;scrollbar-gutter:stable}.message{max-width:82%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:12px}.message.customer{margin-right:auto}.message.public_reply{margin-left:auto;background:#171c48;border-color:#34387b}.message.internal_note{max-width:100%;background:#312817;border-color:#594721}.message header{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px}.message header strong{font-size:12px}.message time{font-size:10px;color:var(--muted)}.message p{white-space:pre-wrap;line-height:1.55;margin:0;font-size:13px}.delivery-error{display:block;margin-top:9px;color:var(--red)}.composer{border-top:1px solid var(--line-soft);padding:12px 16px 14px;background:#07121d}.composer-tabs{display:flex;gap:5px;margin-bottom:9px}.composer-tabs button{border:0;background:transparent;color:var(--muted);padding:6px 9px;border-radius:7px;display:flex;gap:6px;align-items:center;cursor:pointer}.composer-tabs button.active{color:var(--text);background:var(--panel-3)}.sender{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:8px}.sender select{padding-block:5px;min-height:31px}.sender svg{margin-left:-30px;pointer-events:none}.composer textarea{display:block;width:100%;resize:vertical;min-height:85px;max-height:190px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:12px;outline:0}.composer textarea:focus{border-color:#5652ca}.composer-actions{display:flex;justify-content:space-between;gap:10px;margin-top:9px}.primary,.empty-state button{border:0;border-radius:8px;background:linear-gradient(135deg,#756eff,#5b56df);color:#fff;font-weight:700;padding:9px 15px;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.context-panel{padding:17px;overflow:auto;border-right:0}.context-panel section{padding-bottom:19px;margin-bottom:19px;border-bottom:1px solid var(--line-soft)}.context-panel h3{font-size:16px;margin:0 0 3px}.context-panel a{font-size:12px;color:#8cbdf0;overflow-wrap:anywhere}.context-panel dl{margin:17px 0 0}.context-panel dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0}.context-panel dt,.context-panel dd,.context-panel label{font-size:11px;color:var(--muted)}.context-panel dd{margin:0;color:var(--text);text-transform:capitalize}.context-panel label{display:grid;gap:7px}.empty-state{min-height:170px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:var(--muted);padding:28px}.empty-state svg{font-size:30px;color:var(--muted-2)}.empty-state strong{color:var(--text)}.empty-state span{font-size:12px}.central{height:100%}.empty-compact{padding:20px;text-align:center;color:var(--muted);font-size:12px}.panel-loading,.skeleton-stack{padding:20px}.skeleton-stack{display:grid;gap:10px;width:100%}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--panel) 25%,var(--panel-3) 50%,var(--panel) 75%);background-size:220% 100%;animation:shimmer 1.2s linear infinite}.skeleton-line:nth-child(2n){width:78%}.skeleton-line:nth-child(3n){width:56%}.toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translate(-50%);border:1px solid var(--line);border-radius:9px;background:var(--panel-3);color:var(--text);box-shadow:0 16px 40px #0008;padding:10px 15px;cursor:pointer}.signin-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.signin-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw;max-width:700px}.signin-copy>.brand{margin-bottom:68px}.signin-copy h1{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.045em;max-width:650px;margin:0 0 24px}.signin-copy>p:not(.eyebrow):not(.signin-note){font-size:17px;line-height:1.7;max-width:570px;color:var(--muted)}.google-button{width:max-content;display:flex;align-items:center;gap:10px;margin-top:18px;background:#fff;color:#10131a;text-decoration:none;border-radius:8px;padding:12px 17px;font-weight:700;box-shadow:0 10px 25px #0004}.google-button:hover{transform:translateY(-1px)}.google-button img{width:18px;height:18px}.signin-note{font-size:11px!important;margin-top:15px!important}.signin-status{display:flex;flex-direction:column;justify-content:center;gap:13px;padding:8vw;background:#0a1724;border-left:1px solid var(--line-soft)}.signin-status article{display:grid;grid-template-columns:34px 1fr 20px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:19px;background:var(--panel)}.signin-status article>svg:first-child{color:#817bff}.signin-status article>svg:last-child{color:var(--green)}.signin-status strong,.signin-status span{display:block}.signin-status span{font-size:12px;color:var(--muted);margin-top:4px}.inline-error{display:flex;gap:8px;align-items:center;color:#ffd7de;background:#321521;border:1px solid #723044;border-radius:9px;padding:10px 12px;width:max-content;max-width:100%;font-size:12px}.launch-loader{height:100vh;display:flex;align-items:center;justify-content:center;gap:15px}.launch-loader>div{display:grid;gap:3px}.launch-loader>div span{font-size:12px;color:var(--muted)}.loader-ring{width:20px;height:20px;margin-left:15px;border-radius:50%;border:2px solid var(--line);border-top-color:#7770ff;animation:spin .75s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.workspace{grid-template-columns:310px minmax(420px,1fr)}.context-panel{display:none}}@media(max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:15;bottom:0;left:0;right:0;height:64px;border:0;border-top:1px solid var(--line);padding:6px;background:#07121df2}.sidebar>.brand,.sidebar-profile,.nav-label{display:none}.sidebar nav{display:flex;justify-content:space-around}.sidebar nav button{width:auto;display:grid;justify-items:center;gap:1px;padding:6px 8px;margin:0;font-size:10px}.sidebar nav em{display:none}.workspace{height:calc(100vh - 64px);grid-template-columns:1fr;grid-template-rows:54px minmax(0,1fr)}.case-list-panel{border-right:0}.conversation-panel{position:fixed;z-index:10;inset:54px 0 64px;display:none}.conversation-panel:has(.conversation-header),.conversation-panel:has(.panel-loading){display:flex}.context-panel{display:none}.topbar{padding:0 10px}.search{width:calc(100% - 48px)}.case-list-panel>header{padding:16px 14px}.conversation-header{padding:12px;display:grid}.case-controls{overflow:auto}.composer-actions button,.composer-actions select{white-space:nowrap}.signin-shell{grid-template-columns:1fr}.signin-copy{padding:32px 23px}.signin-copy>.brand{margin-bottom:48px}.signin-copy h1{font-size:43px}.signin-status{padding:22px;border-left:0;border-top:1px solid var(--line-soft)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.brand-mark{display:block;object-fit:cover;color:transparent;background:none}.parent-brand{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin:12px 0 0;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:650;text-decoration:none}.parent-brand:hover{background:var(--panel-2);color:var(--text)}.parent-brand img{display:block;width:24px;height:24px}.signin-parent-brand{width:max-content;margin-top:26px}@media(max-width:780px){.sidebar>.parent-brand{display:none}}