/* Blue workspace with warm, playful accents. */
.nav-item>.nav-text{font:inherit;font-size:12px}
:root{--green:#2563eb;--line:#e1e9f5;--muted:#667b98;color:#1d3558;background:#f3f7fd}
button:focus-visible,a:focus-visible{outline-color:#7bb0ff}
.rail{background:linear-gradient(155deg,#163d89,#102c64);color:#eff6ff}.brand{color:#fff}.brand-icon{background:#fff2d4;box-shadow:0 4px 12px #09235725;font-size:25px}.brand-sub{color:#a9c9ff}.workspace{border-color:#4264a0;background:#ffffff08}.workspace-icon{background:#375a97;color:white}.workspace small,.nav-label{color:#b7cbed}.nav-item{color:#c6d7f4;transition:background .18s,transform .18s}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#e5efff;color:#174ea9;box-shadow:0 3px 12px #09235712}.nav-item.active:hover{background:#e5efff}.nav-item b{background:#c8dcff;color:#184c9d}.nav-item>span{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif}.guard{background:#254b87;border-color:#4265a2}.guard p{color:#c1d1eb}.guard>span{color:#ffd37d}.profile{border-color:#385b93}.profile small{color:#aac6ef}.avatar.small{background:#41659e;color:#fff}.online,.status-dot{background:#39bfa0}
.eyebrow{color:#7188a9}.page-subtitle{margin:6px 0 0;font-size:11px;color:#6680a4}.topbar{height:108px}.topbar h1{color:#173e7f}.badge.demo{background:#fff1d7;color:#916220}.demo-banner{background:#eaf2ff;border-color:#d8e6fc;color:#496eaa}.demo-banner>span,.demo-banner button{color:#275cc0}.top-actions .icon-button{font-size:22px}.icon-button i{background:#ffdb8c;color:#6e4c17}.export{color:#325e9e}
.metrics{gap:29px}.metrics strong{color:#204b91}.metrics small{color:#657c9d}.metric-icon{font-size:22px;border-radius:12px;width:42px;height:42px}.mint{background:#e4efff}.lime{background:#fff2d4}.blue{background:#e5f5f4}.sand{background:#f0eafe}.stop{background:#fff5f0;border-color:#f3d7ca;color:#a34d32}.stop.stopped{background:#ffebe4;color:#a13e26}
.inbox{border-color:#dce6f4;box-shadow:0 7px 30px #275cc006;height:calc(100dvh - 250px)}.conversation.selected{background:#eaf2ff}.conversation.selected:before{background:#3880f6}.conversation:hover{background:#f3f7fe}.conversation.selected:hover{background:#eaf2ff}.list-title h2 span{background:#eaf1ff;color:#356ac0}.search{background:#f4f7fc;border-color:#e6edf7;color:#6c86ac}.filters button{color:#6c7e99}.filters button.active{background:#e9f1ff;color:#245fc5}.avatar{background:#e3edff;color:#4676bc;border-radius:14px}.avatar.purple{background:#eee8ff;color:#8670bc}.avatar.tan{background:#fff0d8;color:#b08034}.avatar.large{background:#e3efff;color:#4777bb;border-radius:20px}.conversation p{color:#647b9b}.row small,.muted{color:#7185a0}.lead-tag{background:#e8f0ff;color:#3e6db0}.mini-mode{color:#6380a9}.unread{background:#3277ed}.list-footer{color:#7188a7}.chat-person small{color:#6d82a2}.mode{background:#e7f3f1;color:#28796b}.mode.human,.mode.paused{background:#fff0d8;color:#92651f}.handoff-bar{background:#eff6ff;color:#577fb6}.handoff-bar button{color:#2b66c1}.handoff-bar.paused{background:#fff7e7;color:#96723c}.messages{background:linear-gradient(#fcfdff,#f6f9ff)}.date-separator{color:#8095b4}.message-label{color:#6b82a5}.message.ai .message-label,.message.human .message-label{color:#4e7ab8}.bubble{background:#eef2f9;color:#405a7e}.ai .bubble{background:#e4eeff;border-color:#cddffc;color:#29538c}.human .bubble{background:#e7f3f5;color:#326871}.message-time{color:#7e92af}.composer-tabs span,.compose-bottom small{color:#7186a2}.composer textarea{color:#355782}.text-button{color:#2d69c9}.customer-hero small,.detail-section label{color:#6c82a2}.potential{background:#f2f6fd;border-color:#dce7f8;color:#577dad}.potential.on{background:#fff2d2;color:#8c661d;border-color:#f2dca4}.detail-section input,.detail-section textarea,.detail-section select{color:#3f608a;border-color:#dfe8f6;background:#fbfcff}.safe-note{background:#eef5ff;color:#5276a7}.summary{color:#617b9f}.detail-section h3,h3{color:#6e87aa}
.page-heading p,.project-body p,.setting-card p,.setting-card li{color:#617b9d}.pill{background:#e3eeff;color:#3264ae}.policy-banner{background:#eaf2ff;color:#4c72a7}.project-visual{background:#d9e8ff}.v1{background:#ffefd7}.v2{background:#e5e3ff}.project-visual>b{color:#99b9ea}.factory i{background:repeating-linear-gradient(90deg,#7099d1 0 3px,#b3ceef 3px 9px)}.project-body .price-box{background:#f0f5fd}.price-box small{color:#6e89af}.price-box strong{color:#315f9f}.setting-row b{color:#3f73b9}.qualification-reason{background:#f0f5fd;color:#4b6b98}.event-state{color:#557bb2}.badge.approved{background:#e6f5ef;color:#2b7960}.badge.pending{background:#fff1d7;color:#93672d}.empty{color:#7187a6}dialog{color:#284c7c;border-color:#d7e5fb;box-shadow:0 20px 100px #14397230}dialog::backdrop{background:#112b5966}dialog p{color:#617b9d}dialog input,dialog textarea,dialog select{border-color:#d8e5f8;color:#355f96}#toast{background:#173e82;color:#fff;border-color:#759de0}.notification small{color:#7b90ad}.button.primary{box-shadow:0 3px 8px #2563eb1c}.button.primary:hover{background:#1e56d1}
@media(max-width:640px){
 .rail{background:#fff;border-top:1px solid #dce7f8;box-shadow:0 -5px 25px #1b4b9110;height:calc(72px + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom)}.rail nav{height:64px;gap:2px}.nav-item{font-size:8px;line-height:1.35;color:#5e789e;height:59px;padding:6px 1px;gap:5px}.nav-item>span{font-size:22px;line-height:25px}.nav-item.active{background:#eaf2ff;color:#195cc3;box-shadow:none}.nav-text{display:block;max-width:62px}.nav-item:hover{background:#f2f6ff}
 main{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:105px;padding:14px 18px;align-items:center;background:linear-gradient(115deg,#2563eb,#3e83f5);border:0}.topbar h1{color:#fff;font-size:27px;margin-top:5px}.eyebrow{color:#d3e5ff;letter-spacing:1.3px;font-size:7px}.page-subtitle{font-size:10px;color:#e0ecff;margin-top:6px}.top-actions{gap:9px}.top-actions .icon-button{color:white;background:#ffffff1a;border-radius:12px;width:37px;height:37px;font-size:19px}.top-actions .export{background:#ffffff18;color:white;border-color:#ffffff50;padding:9px 8px;font-size:9px;border-radius:10px}.demo-banner{padding:9px 17px;font-size:8px;color:#4d6f9e;line-height:1.8;gap:10px;min-height:43px}.demo-banner button{border:1px solid #bed5ff;border-radius:8px;padding:5px 8px;font-weight:600;font-size:9px;background:#fff;flex-shrink:0}
 .metrics{padding:16px 14px;gap:10px;row-gap:11px}.metrics>div{width:calc((100% - 20px)/3);background:#fff;border:1px solid #e3ebf8;box-shadow:0 3px 9px #335b8b04;border-radius:13px;padding:11px 8px;gap:8px}.metrics strong{font-size:22px}.metrics small{font-size:8px;white-space:nowrap;margin-top:4px}.metrics .metric-icon{width:27px;height:32px;font-size:22px;background:transparent}.stop{font-size:10px;border-radius:9px;padding:8px;width:100%}
 .inbox{margin:0 13px 14px;height:calc(100dvh - 380px);min-height:300px;border-radius:15px}.list-title{padding:18px 16px 14px}.list-title h2{font-size:16px}.search{padding:9px 12px;border-radius:10px}.filters{padding:12px 12px;justify-content:space-between}.filters button{font-size:10px;padding:7px 9px;border-radius:8px}.conversation{padding:17px 14px}.conversation .avatar{border-radius:15px}.conversation-copy .row strong{font-size:12px}.conversation p{font-size:11px;margin-top:7px}.lead-tag{font-size:9px;padding:4px 6px}.list-footer{font-size:9px;padding:13px}
 .mobile-chat{inset:0 0 calc(72px + env(safe-area-inset-bottom));margin:0;height:auto;border-radius:0;min-height:0}.chat-header{background:#fff;padding-top:max(13px,env(safe-area-inset-top));gap:9px}.chat-header .avatar{width:36px;height:36px;border-radius:13px}.chat-person h2{font-size:13px}.chat-person small{font-size:8px}.mode{font-size:8px;padding:6px}.handoff-bar{padding:11px 12px;font-size:9px}.handoff-bar button{font-size:9px;min-height:25px}.bubble{padding:13px 15px;border-radius:3px 16px 16px}.ai .bubble,.human .bubble{border-radius:16px 3px 16px 16px}.message{font-size:13px;line-height:1.8}.composer{background:#fff}.compose-bottom .button{border-radius:10px;padding:11px 16px}.composer-tabs{font-size:11px}.composer-tabs span{font-size:9px}.customer-panel.show{bottom:calc(72px + env(safe-area-inset-bottom))}.customer-panel .avatar{border-radius:20px}.quality-card,.setting-card{border-radius:15px}.quality-card .row h2{font-size:14px}.quality-card .button{border-radius:9px;padding:12px}.qualification-reason{border-radius:10px}.page-heading h2{font-size:21px}.policy-banner{border-radius:11px;font-size:11px}.project-card{border-radius:15px}.table-wrap{border-radius:13px}#toast{bottom:95px}
}
@media(max-width:900px) and (min-width:641px){.nav-item>.nav-text{display:none}}
@media(max-width:640px){.nav-item>.nav-text{display:block;font:inherit;font-size:8px;line-height:1.35;max-width:62px}.nav-item>span:first-child{font-size:22px;line-height:25px}.metrics>div{min-width:0}.metrics small{font-size:8px}}
@media(prefers-reduced-motion:no-preference){.nav-item.active>span:first-child{animation:hello .28s ease-out}@keyframes hello{0%{transform:rotate(-10deg) scale(.9)}65%{transform:rotate(7deg) scale(1.12)}100%{transform:none}}}

.care-handoff{margin:25px 0 30px}.care-handoff>h2{margin-bottom:18px}.care-handoff p{line-height:1.9}.quality-grid .setting-card .button+.button{margin-left:8px}.page-heading .pill{white-space:nowrap;flex-shrink:0}
@media(max-width:640px){.nav-item{width:14.285%;min-width:0}.nav-item>.nav-text{max-width:51px;font-size:7.5px}.page-heading{flex-wrap:wrap}.page-heading>div{width:100%}.care-handoff .quality-grid{grid-template-columns:1fr}.setting-card .button{margin-top:6px}}

.handoff-notice{position:fixed;right:22px;bottom:22px;width:365px;max-width:calc(100vw - 24px);z-index:90;padding:18px;background:#fff8e6;border:2px solid #efad32;border-radius:16px;box-shadow:0 12px 60px #533c1835;color:#674914}.notice-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;font-weight:700;color:#925a0c;margin-bottom:12px}.notice-heading b{font-size:10px}.handoff-notice>strong{font-size:17px}.handoff-notice p{font-size:16px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere;user-select:text}.handoff-notice small{font-size:10px;line-height:1.7}.notice-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.notice-actions .button{font-size:10px;padding:10px}.sound-note{color:#947c52}.care-sound{display:flex;align-items:center;gap:15px;margin:18px 0}.care-sound p{font-size:11px;color:#6880a1}.message.receipt{margin-left:auto}.receipt .bubble{background:#e4f4ef;border:1px solid #c8e8dc;color:#326b58;border-radius:16px 3px 16px 16px}.receipt .message-label,.receipt .message-time{text-align:right}.handoff-notice.collapsed>*:not(.notice-heading){display:none}.handoff-notice.collapsed .notice-heading{margin-bottom:0}.notice-toggle{border:0;background:#ffedbe;border-radius:6px;color:#80571b;padding:4px 8px}
@media(max-width:640px){.handoff-notice{top:12px;bottom:auto;right:12px;padding:16px}.care-sound{display:block}.handoff-notice p{font-size:17px}}
@media(prefers-reduced-motion:no-preference){.handoff-notice{animation:notice-pop .3s ease-out}@keyframes notice-pop{from{transform:translateY(15px);opacity:.3}to{transform:none;opacity:1}}}