.mobile-page-picker{display:none}@media(max-width:620px){.mobile-page-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#64708d;margin-bottom:18px}.mobile-page-picker select{min-width:160px}}:root{font-family:Segoe UI,Arial,sans-serif;color:#17213f;background:#f7f9fc;font-synthesis:none;font-size:14px;--brand-primary: #0b6f73;--brand-primary-dark: #075b5f;--brand-soft: #e7f7f4;--muted: #64708d;--border: #edf0f5;--green: #087c54;--navy: #17213f;--surface: #fff;--ring: #0b6f73;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #e6e9f1;background:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;transition:background .15s,border-color .15s}button:hover{background:#f0faf8;border-color:#bddfd9}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ring);outline-offset:3px}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}svg{flex-shrink:0}input,textarea,select{border:1px solid #e4e8f0;border-radius:7px;background:#fff;padding:9px 10px;min-width:0;max-width:100%}textarea{resize:vertical}h1,h2,h3,p{margin:0}h1{font-size:20px;letter-spacing:-.6px}h2{font-size:16px;line-height:1.4;letter-spacing:-.3px}small{font-size:12px}button.primary,.primary{background:linear-gradient(100deg,#0b7b7f,#075b5f);border-color:var(--brand-primary);color:#fff}button.primary:hover{background:var(--brand-primary-dark)}.icon-button{height:32px;width:32px;min-width:32px;padding:5px;border-color:transparent;background:transparent;border-radius:7px}.icon-button:hover,.icon-button.selected{background:var(--brand-soft);color:var(--brand-primary)}.text-button{color:var(--brand-primary);padding:0;border:0;background:transparent;font-size:12px;font-weight:600}.text-button:hover{background:transparent;text-decoration:underline}.muted{color:var(--muted)}.block{display:block}.row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #16203c02}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 14px 10px}.tools{display:flex;gap:5px}.app-shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:100dvh}.sidebar{background:linear-gradient(110deg,#fff 50%,#fcfdff);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:15px 12px 12px;height:100dvh;position:sticky;top:0}.brand{display:block;width:154px;line-height:0}.brand picture{display:block}.brand img{display:block;width:100%;height:auto;object-fit:contain}.sidebar .brand{padding:0;margin:0 auto 20px;flex-shrink:0}.mobile-brand{display:none}@media(max-width:850px)and (min-width:621px){.sidebar .brand{width:44px;padding:0;margin:0 auto 20px}}@media(max-width:620px){.mobile-brand{display:block;flex-shrink:0}.mobile-brand .brand{width:31px;margin-right:3px}}@media(max-height:760px)and (min-width:851px){.sidebar .brand{width:118px;margin-bottom:12px}.sidebar-story{display:none}}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;justify-content:flex-start;height:45px;border-radius:9px;gap:18px;padding:10px 14px;font-size:15px;white-space:nowrap}.nav-item.active{background:#e5f5f2;color:var(--brand-primary);font-weight:650}.nav-item.active svg{fill:var(--brand-primary);stroke:#fff}.nav-count{margin-left:auto;background:#0b6f73;color:#fff;border-radius:20px;min-width:23px;font-size:12px;padding:2px 5px;text-align:center}.sidebar-story{margin-top:auto;background:linear-gradient(130deg,#edf9f6,#f3fafc);border:1px solid #e0f2ed;border-radius:12px;padding:20px 15px;position:relative;overflow:hidden;color:var(--brand-primary-dark)}.sidebar-story:after{content:"";position:absolute;right:-25px;bottom:-30px;width:90px;height:160px;border-radius:70% 0;background:#bceadf66;transform:rotate(20deg)}.sidebar-story strong{font-size:15px;line-height:1.6;position:relative}.sidebar-story p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.8}.story-art{display:flex;align-items:center;gap:18px;color:#3e9c93;margin-bottom:12px;height:65px}.story-art>span{font-size:50px}.story-art>.story-mark{position:absolute;right:-12px;top:-6px;opacity:.14;transform:rotate(-25deg)}.workspace-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding:18px 5px 0}.workspace-label>span:last-child{margin-left:auto}.online-dot{width:6px;height:6px;border-radius:50%;background:#0d996b;display:inline-block;flex-shrink:0}.workspace{padding:0 12px 12px;min-width:0;display:flex;flex-direction:column;height:100dvh}.topbar{display:flex;height:62px;align-items:center;gap:14px;flex-shrink:0}.global-search{height:39px;background:#f0f3f8;border:1px solid #e7ebf3;display:flex;align-items:center;gap:12px;border-radius:10px;max-width:600px;flex:1;padding:0 13px}.global-search>svg{color:var(--brand-primary)}.global-search input{border:0;background:transparent;padding:0;width:100%;font-size:14px;outline:none}.global-search input::placeholder{color:#73809c}.global-search kbd{font-family:inherit;background:#f8faff;border:1px solid #dce2ee;border-radius:4px;padding:0 5px;font-size:11px;white-space:nowrap;color:#77839e}.pilot-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}.pilot-label>span{height:6px;width:6px;border-radius:50%;background:#c18b24}.notification{position:relative}.notification i{position:absolute;top:3px;right:6px;height:6px;width:6px;border-radius:50%;background:#0b8b83;border:1px solid white}.account{gap:11px;padding:0 4px 0 14px;border:0;border-left:1px solid #e5e9f2;border-radius:0;background:transparent;text-align:left}.account strong{display:block;font-size:13px}.account small{display:block;color:var(--muted)}.account>svg{margin-left:9px}.avatar{display:inline-flex;align-items:center;justify-content:center;height:44px;width:44px;border-radius:50%;font-size:13px;font-weight:650;flex-shrink:0;background:linear-gradient(145deg,#f2e0d4,#e2c2ba);color:#6d4145;border:3px solid #fff;box-shadow:0 0 0 1px #ece7e8}.avatar.small{height:35px;width:35px;font-size:11px;border-width:2px}.avatar.tiny{height:30px;width:30px;font-size:10px;border-width:2px}.avatar.large{height:58px;width:58px;font-size:18px}.avatar.tone-1{background:linear-gradient(135deg,#e2e8d7,#c9d5b7);color:#446145}.avatar.tone-2{background:linear-gradient(135deg,#e6e2f5,#cfc4e4);color:#685785}.avatar.tone-3{background:linear-gradient(135deg,#deebf3,#bdcfde);color:#4e6987}.avatar.tone-4{background:linear-gradient(135deg,#f6e8d8,#e3cdb6);color:#8f6847}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;flex-shrink:0}.metric{background:#fff;border:1px solid var(--border);border-radius:11px;padding:14px;gap:14px;min-height:94px;justify-content:flex-start;text-align:left;position:relative}.metric-icon{height:53px;width:53px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(140deg,#e0f6ef,#d7eff3);color:var(--brand-primary)}.metric-icon.orange{background:#fff1e2;color:#ed682d}.metric-icon.green{background:#daf5eb;color:#0b8b5e}.metric-text{display:flex;flex-direction:column;gap:1px;align-self:center}.metric-text>span{font-size:13px;white-space:nowrap}.metric-text>strong{font-size:29px;letter-spacing:-1px;font-weight:700;line-height:1.3}.metric-detail{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;color:#27805f;gap:3px}.metric-detail small{font-size:10px;max-width:87px;color:var(--muted);text-align:right;line-height:1.4}.inbox-layout{display:grid;grid-template-columns:minmax(260px,29%) minmax(330px,1fr) minmax(272px,26%);gap:10px;min-height:0;flex:1}.conversation-list{display:flex;flex-direction:column;min-height:0;overflow:hidden}.conversation-list h1{font-size:19px}.tabs{display:flex;gap:5px;padding:4px 12px 12px;flex-shrink:0}.tabs button{font-size:12px;border:1px solid #eef0f5;border-radius:20px;background:#f8fafd;padding:6px 11px;white-space:nowrap;gap:3px}.tabs button.active{background:#e6f7f2;border-color:#a9d9d0;color:var(--brand-primary);box-shadow:0 1px 5px #0b6f7314;font-weight:650}.filters{padding:0 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid var(--border)}.filters label{font-size:11px;display:flex;flex-direction:column;gap:4px}.filters select{font-size:12px;padding:6px}.filters .checkbox-row{flex-direction:row;grid-column:1/-1}.checkbox-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.checkbox-row input{accent-color:var(--brand-primary);width:14px;height:14px;margin:0;padding:0}.conversation-scroll{overflow-y:auto;flex:1;min-height:0}.conversation{display:flex;width:calc(100% - 10px);margin:0 5px;align-items:flex-start;gap:11px;text-align:left;padding:13px 10px;border:0;border-bottom:1px solid #f0f2f6;border-radius:0;position:relative;background:#fff}.conversation.selected{background:linear-gradient(110deg,#eaf8f4,#f1fafb);border-radius:8px}.conversation.selected:before{content:"";position:absolute;left:-5px;top:7px;bottom:7px;width:2px;background:var(--brand-primary);border-radius:2px}.conversation:hover{background:#f0f9f6}.conversation-body{flex:1;min-width:0}.conversation .row strong{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation small{color:var(--muted);font-size:11px;white-space:nowrap}.preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--muted);font-size:12px;margin:4px 0 6px;line-height:1.6;min-height:19px}.channel{display:inline-flex;align-items:center;gap:5px;background:#f2f7ff;border:1px solid #eaf2ff;color:#0866d8;border-radius:20px;font-size:10px;line-height:1.4;padding:3px 7px;white-space:nowrap}.channel.website{background:#f5f6f9;color:#465272;border-color:#f0f1f6}.channel.form{color:#8a6115;background:#fff6e1;border-color:#fff0c6}.channel.tiktok{color:#303b52;background:#f4f5f7;border-color:#e7e9ee}.unread-count{background:var(--brand-primary);color:#fff;border-radius:50%;min-width:19px;height:19px;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;font-size:10px;padding:4px 8px;border-radius:7px;line-height:1.3;white-space:nowrap}.badge.consulting,.badge.resolved{background:#e5faf1;color:#07734f}.badge.waiting{background:#fff3e4;color:#aa4c12}.badge.new{background:#eaf3ff;color:#0962cf}.badge.brand-tint{color:var(--brand-primary);background:#e7f7f4}.conversation-meta{margin-top:5px;display:flex;align-items:center;justify-content:space-between}.conversation-meta>small{font-size:9px;color:#8590a5}.list-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 5px;font-size:10px;color:var(--muted);border-top:1px solid var(--border)}.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--border);flex-shrink:0;font-size:12px}.list-pagination button{min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface, #fff);color:var(--text)}.list-pagination button:disabled{opacity:.45;cursor:default}.list-search-status{padding:8px 14px;color:var(--muted);font-size:12px}.chat{display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-head{display:flex;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid var(--border);flex-wrap:wrap;position:relative;flex-shrink:0}.chat-identity{flex:1;min-width:0}.chat-identity>strong{font-size:16px;display:block}.chat-identity>small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.chat-head-actions{display:flex;align-items:center;gap:6px;position:absolute;right:10px;top:12px}.chat-head-actions .channel{display:none}.chat-identity>strong{padding-right:115px}.chat-head-actions>.badge{font-size:9px}.messages{padding:12px 14px 6px;flex:1;min-height:100px;overflow-y:auto;scroll-behavior:smooth}.day-label{background:#f4f6fa;border-radius:5px;color:#7b86a1;font-size:10px;width:max-content;margin:0 auto 9px;padding:1px 8px}.sample-hint{font-size:10px;text-align:center;color:#5c7b7d;margin-bottom:18px}.message{display:flex;align-items:flex-start;gap:8px;margin-bottom:18px}.message>div{max-width:83%;min-width:0}.message.out{justify-content:flex-end}.bubble{background:#f1f3f7;border-radius:3px 11px 11px;padding:10px 12px;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message.out .bubble{background:#e3f5f0;border-radius:11px 3px 11px 11px}.message-time{display:flex;align-items:center;gap:4px;font-size:10px;color:#77839f;margin:4px 2px 0}.message.out .message-time{justify-content:flex-end}.message-time svg{color:var(--brand-primary)}.message-time span{font-size:9px}.ai-panel{margin:5px 10px 9px;padding:10px;border-radius:8px;border:1px solid #b9e2d8;background:linear-gradient(125deg,#f0fbf7,#eef8fb);flex-shrink:0}.ai-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-heading>div{display:flex;align-items:center;gap:8px;color:var(--brand-primary)}.ai-heading strong{font-size:14px}.ai-heading small{font-size:9px;color:#7e7e9a}.beta{background:#d5f1e9;padding:1px 6px;border-radius:4px;font-size:10px}.draft-context{font-size:9px;line-height:1.5;color:#3f686b;margin-top:6px}.draft-content{font-size:12px;line-height:1.6;margin:7px 0;background:#ffffffbd;border-radius:5px;padding:8px 9px}.draft-text{width:100%;min-height:100px;font-size:12px;margin:7px 0}.ai-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.ai-actions button{padding:6px 4px;font-size:11px;border-radius:6px;gap:6px}.draft-create{font-size:12px;background:#fff;color:var(--brand-primary);width:100%;border-color:#a9d8ce;padding:6px}.composer{border-top:1px solid var(--border);padding:0 10px 8px;flex-shrink:0;background:#fff}.composer-tabs{display:flex;align-items:center;gap:5px}.composer-tabs>button{border:0;border-radius:0;padding:7px 9px;background:#fff;font-size:11px;color:var(--muted)}.composer-tabs>button.active{border-bottom:2px solid var(--brand-primary);color:var(--brand-primary);font-weight:600}.composer-tabs>.read-button{margin-left:auto;font-size:9px;padding:6px 0;gap:4px}.composer textarea{width:100%;min-height:48px;height:52px;max-height:160px;border-radius:7px 7px 0 0;border-bottom:0;padding:8px;font-size:12px;display:block;resize:vertical}.composer textarea::placeholder{color:#8591a9}.composer-bottom{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4e8f0;border-top:0;border-radius:0 0 7px 7px;padding:3px 6px 6px}.send-button{height:32px;width:36px;background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;padding:5px;flex-shrink:0}.send-button:hover{background:var(--brand-primary-dark);color:#fff}.private-note{font-size:10px;display:flex;gap:6px;color:var(--muted)}.form-hint{font-size:12px;color:var(--muted);padding:14px 2px}.customer-sidebar{overflow-y:auto;min-width:0;display:flex;flex-direction:column;gap:8px;padding-bottom:1px}.customer-sidebar>.panel{flex-shrink:0}.customer-sidebar .panel-heading{padding:11px 12px 8px}.customer-sidebar h2{font-size:15px}.customer-name{display:flex;align-items:center;gap:9px;padding:3px 12px 12px}.customer-name strong{font-size:15px;display:block;margin-bottom:5px}.customer-fields{margin:0 11px 11px;padding:8px;border:1px solid var(--border);border-radius:8px;font-size:11px}.customer-fields>div{display:flex;align-items:center;gap:7px;min-height:30px}.customer-fields dt{color:var(--muted);flex-shrink:0;width:79px}.customer-fields dd{margin:0;flex:1;min-width:0;overflow-wrap:anywhere;display:flex;align-items:center;gap:4px}.customer-fields select{font-size:10px;padding:4px;border-color:transparent;background:#f7f9fc;max-width:100%;width:100%}.customer-fields dd .icon-button{width:20px;min-width:20px;height:20px;padding:2px}.customer-fields .assignee-field{margin-top:4px}.tags{display:flex;gap:5px;flex-wrap:wrap;padding:0 12px 12px}.tags>span{display:flex;align-items:center;gap:4px;background:#f3f2f9;color:#726284;border-radius:4px;padding:3px 6px;font-size:9px}.quick-actions{padding:11px 12px 12px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.action-grid button{padding:10px 6px;font-size:10px;gap:7px;min-height:43px}.action-grid svg{color:var(--brand-primary);height:21px;width:21px}.action-grid button:first-child{background:#effaf7;border-color:#bbdfd5;color:var(--brand-primary)}.timeline ol{list-style:none;padding:0 12px;margin:3px 0}.timeline li{display:flex;align-items:center;gap:9px;min-height:43px;font-size:11px;position:relative}.timeline li:before{content:"";position:absolute;left:12px;top:29px;bottom:-10px;border-left:1px solid #e4eaf3}.timeline li:last-child:before{display:none}.timeline li>span:nth-child(2){flex:1}.timeline li small{color:var(--muted);font-size:10px}.timeline-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#eaf4ff;color:#096bd6}.timeline-icon.item-1{color:#12825a;background:#e2faef}.timeline-icon.item-2{color:#bb5c1a;background:#fff2e3}.audit-link{display:flex;gap:5px;padding:6px 13px 12px;font-size:10px}.note-card{margin:0 11px 11px;padding:12px 10px;background:#fff7dc;border:1px solid #fff0c6;border-radius:9px;display:flex;gap:8px;font-size:11px}.note-card>svg{color:#9b792b;margin-top:2px}.note-card p{line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.note-card small{font-size:9px;color:#7f755d;display:block;margin-top:7px}.no-note{padding:5px 12px 15px;font-size:11px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:35px 20px;color:var(--muted);font-size:13px;min-height:180px}.empty svg{color:#8dbdb9}.mobile-back,.close-details{display:none}.page-content{padding:24px;flex:1;min-height:0;overflow:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.page-heading h1{font-size:26px;margin:5px 0 8px}.page-heading p{font-size:13px;color:var(--muted)}.eyebrow{letter-spacing:1.6px;font-size:10px;font-weight:650;color:var(--brand-primary)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overview-card{border:1px solid var(--border);border-radius:12px;padding:22px}.overview-card.wide{grid-column:1/-1}.overview-card h2{margin-bottom:23px}.overview-card>p{font-size:11px;margin-top:20px}.bar-row{display:flex;align-items:center;gap:20px;margin:22px 0;font-size:12px}.bar-row>span{width:110px}.bar-row>div{flex:1;background:#e4f2ef;height:9px;border-radius:4px;overflow:hidden}.bar-row i{display:block;height:100%;background:#0b7b7f;border-radius:4px}.queue-row{display:flex;width:100%;justify-content:flex-start;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px 0}.queue-row strong{margin-left:auto}.activity-row{width:100%;justify-content:flex-start;text-align:left;padding:12px 0;border:0;border-bottom:1px solid var(--border);border-radius:0}.activity-row strong{min-width:170px;font-size:12px}.activity-row>span:not(.avatar):not(.badge){color:var(--muted);font-size:12px;flex:1}.activity-row small{margin-left:15px;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:var(--muted);font-weight:500;background:#f8f9fc}th,td{padding:16px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.customer-cell{border:0;background:transparent;padding:0;gap:10px}.customer-cell strong{font-size:12px}.appointment-grid,.service-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.appointment-card,.service-card,.connector-card{border:1px solid var(--border);border-radius:11px;padding:20px;min-width:0}.appointment-card h2{margin:18px 0 10px}.appointment-card p{font-size:12px;display:flex;align-items:center;gap:7px;margin:9px 0}.appointment-card button{margin-top:20px;width:100%;color:var(--brand-primary)}.notice{border:1px solid #f4e7bb;background:#fffbef;color:#74623a;padding:13px 15px;display:flex;gap:10px;align-items:center;border-radius:8px;font-size:12px;margin-bottom:20px;line-height:1.6}.service-card>svg{color:var(--brand-primary);margin-bottom:14px}.service-card h2{font-size:14px;margin-bottom:12px}.service-card a{font-size:11px;display:flex;align-items:center;gap:7px;margin-top:20px}.connector-number{background:var(--brand-soft);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;font-weight:650}.connector-card h2{display:flex;gap:9px;align-items:center;margin:20px 0 10px}.connector-card p{color:var(--muted);font-size:12px;line-height:1.7}.connector-foot{margin-top:22px;font-size:10px!important}.button-link{display:flex;align-items:center;gap:7px;margin-top:20px;font-size:12px}.settings-policy{background:#f1f9f7;padding:20px;border:1px solid #dcefe9;border-radius:10px;margin-top:22px}.settings-policy h2{display:flex;gap:8px;align-items:center;color:var(--brand-primary);margin-bottom:12px}.settings-policy p{font-size:12px;color:var(--muted);margin:7px 0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #d8e8e1;box-shadow:0 5px 40px #203b2926;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:13px;z-index:30;max-width:calc(100% - 28px)}.toast>svg{color:var(--green)}.error-bar{display:flex;gap:8px;align-items:center;background:#fff1f2;color:#9a1d39;border:1px solid #edbfca;padding:7px 12px;font-size:12px;border-radius:8px;margin-bottom:10px;flex-shrink:0}.error-bar>span{flex:1}.boot{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.boot h1{font-size:22px}.boot p{color:var(--muted)}.modal{border:1px solid #e8e4e9;border-radius:14px;padding:0;max-width:min(520px,calc(100% - 28px));width:520px;max-height:calc(100dvh - 60px);box-shadow:0 20px 100px #1b203b40}.modal::backdrop{background:#1b234f55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:18px}.modal-body{padding:22px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack p{font-size:13px}.form-stack label{display:flex;flex-direction:column;gap:7px;font-size:13px}.form-stack input,.form-stack textarea{width:100%}.form-stack .notice{margin:0;font-size:11px}.form-stack small{font-size:11px;color:var(--muted)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:10px}.audit-list{max-height:65dvh;overflow:auto}.audit-list article{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.audit-list article>svg{color:var(--brand-primary)}.audit-list p{font-size:10px;color:var(--muted);margin-top:5px}.inline-error{color:#ae1437;background:#fff0f3;border-radius:7px;padding:10px;font-size:12px!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#dce0e8;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@media(min-width:1600px){.inbox-layout{grid-template-columns:345px minmax(390px,1fr) 325px}.workspace{padding-left:18px;padding-right:18px}.chat-head-actions .channel{display:inline-flex}.chat-identity>strong{padding-right:200px}.bubble,.conversation .row strong{font-size:14px}.conversation{padding-top:17px;padding-bottom:17px}.preview{font-size:13px}.customer-fields{font-size:12px}.customer-fields dt{width:93px}.customer-fields select,.note-card{font-size:12px}}@media(max-width:1250px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-left:8px;padding-right:8px}.sidebar .brand{gap:6px;padding:0 3px}.brand{font-size:14px}.brand strong{font-size:19px}.brand svg{width:36px}.nav-item{font-size:14px;gap:13px;padding-left:12px}.inbox-layout{grid-template-columns:260px minmax(0,1fr)}.customer-sidebar{display:none}.show-details .customer-sidebar{display:flex;position:fixed;right:12px;top:174px;bottom:12px;width:310px;z-index:10;background:#f7f9fc;box-shadow:-12px 0 40px #29385326;border-radius:12px}.show-details .close-details{display:inline-flex}.metric{gap:10px;padding:12px}.metric-icon{width:43px;height:46px}.metric-icon svg{width:23px}.metric-detail{display:none}.metric-text>span{font-size:12px}.metric-text>strong{font-size:27px}.pilot-label{display:none}.account strong{font-size:12px}.global-search kbd{display:none}.metrics{gap:8px}.chat-head-actions .channel{display:inline-flex}.chat-identity>strong{padding-right:165px}.service-grid,.settings-grid,.appointment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-row>span:not(.avatar):not(.badge){display:none}.activity-row .badge{margin-left:auto}}@media(max-width:850px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:15px 8px;align-items:center}.sidebar .brand>div,.nav-item>span:not(.nav-count),.sidebar-story,.workspace-label{display:none}.sidebar .brand{margin-bottom:20px}.sidebar nav{width:100%;gap:13px}.nav-item{padding:11px;justify-content:center;position:relative}.nav-count{position:absolute;right:0;top:-2px;font-size:9px;height:17px;min-width:17px;padding:2px}.workspace{padding:0 9px 9px}.account>span:not(.avatar),.account>svg{display:none}.account{padding-left:9px}.topbar{gap:8px}.global-search input{font-size:12px}.metrics{gap:7px}.metric{min-height:80px;padding:9px;gap:8px}.metric-icon{width:34px;height:39px;border-radius:9px}.metric-icon svg{height:21px;width:21px}.metric-text>span{font-size:10px}.metric-text>strong{font-size:23px}.inbox-layout{grid-template-columns:245px minmax(0,1fr);gap:8px}.tabs{padding-left:8px;padding-right:8px;gap:3px}.tabs button{font-size:10px;padding:6px 9px}.conversation{padding-left:6px;padding-right:6px;gap:8px}.conversation .avatar{width:37px;height:37px;font-size:11px}.conversation .row strong{font-size:12px}.conversation small{font-size:9px}.conversation-list h1{font-size:17px}.panel-heading{padding:11px 10px}.conversation-list .tools{gap:0}.conversation-list .icon-button{width:27px;min-width:27px}.chat-head-actions>.badge,.chat-head-actions .channel{display:none}.chat-identity>strong{padding-right:25px;font-size:14px}.chat-head{padding:10px}.chat-identity>small{font-size:9px}.messages{padding:10px}.ai-heading small{display:none}.ai-heading strong{font-size:12px}.draft-content{font-size:11px;padding:7px}.ai-actions button{font-size:10px;gap:4px}.composer-tabs>.read-button{font-size:0}.composer-tabs>.read-button svg{width:17px;height:17px}.checkbox-row{font-size:10px}.overview-grid{grid-template-columns:1fr}.overview-card.wide{grid-column:auto}.page-content{padding:18px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.activity-row strong{min-width:0;flex:1}.activity-row .badge{display:none}}@media(max-width:620px){.app-shell{display:block;padding-bottom:59px}.sidebar{position:fixed;inset:auto 0 0;height:59px;padding:3px 6px;z-index:15;border:0;border-top:1px solid var(--border);background:#fff;display:block}.sidebar .brand{display:none}.sidebar nav{display:flex;flex-direction:row;justify-content:space-around;gap:0}.nav-item{flex-direction:column;gap:3px;height:51px;padding:5px 8px;font-size:9px;min-width:48px;border-radius:8px}.nav-item>span:not(.nav-count){display:inline}.nav-item svg{height:20px;width:20px}.nav-item:nth-child(5),.nav-item:nth-child(6){display:none}.nav-count{right:4px;top:1px;height:15px;min-width:15px;font-size:8px}.workspace{height:calc(100dvh - 59px);padding:0 8px 8px}.topbar{height:56px;gap:5px}.global-search{padding:0 10px;gap:8px;height:37px}.global-search input::placeholder{font-size:11px}.global-search input{font-size:13px}.account{padding-left:7px}.account .avatar{width:29px;height:29px}.notification{min-width:28px;width:28px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}.metric{padding:8px 5px;display:block;min-height:74px;border-radius:8px}.metric-icon{display:none}.metric-text{gap:4px;align-items:center}.metric-text>span{font-size:9px;white-space:normal;text-align:center;line-height:1.4}.metric-text>strong{font-size:24px;line-height:1.1}.inbox-layout{display:block;position:relative;min-height:0}.conversation-list,.chat{height:100%}.conversation-list h1{font-size:19px}.panel-heading{padding:12px}.conversation-list .tools .icon-button{width:32px}.tabs{padding:3px 12px 12px;gap:7px}.tabs button{font-size:12px;padding:6px 12px}.conversation{padding:13px 11px;gap:12px}.conversation .avatar{height:43px;width:43px;font-size:13px}.conversation .row strong{font-size:14px}.conversation .preview{font-size:12px}.conversation small{font-size:11px}.conversation-meta{margin-top:4px}.conversation-meta>small{font-size:9px}.inbox-layout>.chat,.inbox-layout>.customer-sidebar{display:none}.show-chat>.conversation-list{display:none}.show-chat>.chat{display:flex}.mobile-back{display:inline-flex;width:27px;min-width:27px}.chat-head{padding:9px;gap:8px;flex-wrap:nowrap}.chat-head .avatar{height:35px;width:35px;font-size:11px}.chat-identity>strong{font-size:14px}.chat-identity>small{font-size:9px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head-actions{top:9px;right:7px}.messages{padding:10px;min-height:80px}.message{margin-bottom:15px}.message .bubble{font-size:12px}.ai-panel{margin:3px 8px 7px;padding:8px}.draft-context{font-size:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.draft-content{font-size:11px;line-height:1.5}.composer textarea{height:48px}.ai-actions button{font-size:11px}.show-details>.customer-sidebar{display:flex;position:fixed;inset:18px 8px 72px;width:auto;max-width:360px;margin-left:auto;z-index:20;background:#f7f9fc;box-shadow:0 0 0 200vmax #18213c66;padding:0 0 4px}.show-details .close-details{display:inline-flex}.customer-sidebar .panel-heading{padding:13px}.customer-sidebar h2{font-size:16px}.customer-fields{font-size:12px}.customer-fields dt{width:100px}.customer-fields select{font-size:12px}.customer-name strong{font-size:17px}.quick-actions button,.note-card,.timeline li{font-size:12px}.page-content{padding:16px;min-height:0}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.appointment-grid,.service-grid,.settings-grid{grid-template-columns:1fr}.overview-card{padding:15px}.activity-row small{font-size:10px}.toast{bottom:72px;font-size:12px;width:max-content}.error-bar{font-size:11px;padding:6px 9px}.modal{max-height:calc(100dvh - 35px)}.modal-body{padding:18px}.notice{font-size:11px}.boot{padding:20px;text-align:center}.boot h1{font-size:19px}.table-wrap{margin:0 -16px}.global-search kbd{display:none}}@media(min-width:851px){.bubble,.conversation .row strong{font-size:14px}.preview{font-size:13px}.customer-fields{font-size:12px}.customer-fields dt{width:86px}.customer-fields select{font-size:11px}.note-card{font-size:12px}.draft-content{font-size:13px}.draft-context{font-size:11px}.ai-actions button{font-size:12px}.action-grid button{font-size:11px}.timeline li{font-size:12px}.ai-heading small{font-size:10px}.chat-identity>small{font-size:12px}.composer textarea{font-size:13px}.composer-tabs>button{font-size:12px}.composer-tabs>.read-button{font-size:10px}.metric-text>span{font-size:14px}.metric-detail small{font-size:11px}.message>div{max-width:85%}.message-time,.channel,.badge{font-size:11px}.customer-name strong{font-size:16px}}@media(max-height:600px){.metrics{display:none}.chat{overflow-y:auto}.messages{overflow:visible;flex:none;min-height:0}.show-details .customer-sidebar{top:64px}.sidebar-story{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f2f8f8}.auth-card{width:min(100%,430px);padding:32px;background:#fff;border:1px solid #dcebec;border-radius:18px;box-shadow:0 14px 48px #075b5f0d}.auth-card h1{font-size:21px;margin:26px 0 6px}.auth-card form,.auth-actions{display:grid;gap:18px;margin-top:26px}.auth-card label{display:grid;gap:8px;font-weight:600}.auth-card input{width:100%;padding:12px;border:1px solid #c8dada;border-radius:8px}.auth-card button{padding:12px;border-radius:8px}.auth-error{color:#9d2639;background:#fff2f2;padding:12px;border-radius:8px}.pwa-shell{height:var(--crm-viewport-height, 100dvh);display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.pwa-app{flex:1;min-height:0;overflow:auto}.pwa-app .app-shell,.auth-session{height:100%;min-height:0}.pwa-app .workspace,.pwa-app .boot{height:100%}@media(min-width:621px){.pwa-app .sidebar{height:100%}}.pwa-app .auth-page{min-height:100%}.connection-banner{flex-shrink:0;padding:8px 16px;background:#fff4dc;color:#795019;display:flex;align-items:center;gap:9px;font-size:13px}.connection-banner svg{flex-shrink:0}.pwa-update{position:fixed;z-index:150;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(430px,calc(100vw - 36px));padding:18px;background:#fff;border:1px solid #b6dcd7;border-radius:12px;box-shadow:0 8px 35px #075b5f26}.pwa-update p{margin:6px 0 12px;color:var(--muted);font-size:13px}.pwa-update-actions{display:flex;flex-wrap:wrap;gap:9px}.pwa-install{padding:20px;margin-bottom:20px;border:1px solid #dcebec;border-radius:12px;background:#f7fcfb}.pwa-install h2{margin:0;font-size:17px}.pwa-install p{color:var(--muted)}.pwa-install small{display:block;margin-top:12px}.pwa-install-actions{display:flex;flex-wrap:wrap;gap:9px}.pwa-install-actions button,.pwa-update-actions button{min-height:42px}.pwa-install.compact{padding:16px;margin:24px 0 0}.pwa-install.compact h2{font-size:15px}.pwa-install-guide{margin-top:16px;padding-top:12px;border-top:1px solid #dcebec}.pwa-install-guide .row{justify-content:space-between}.pwa-install-guide ol{margin:12px 0;padding-left:22px}.pwa-install-guide li{margin-bottom:8px}@media(max-width:620px){.pwa-app .sidebar{bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);right:env(safe-area-inset-right)}.connection-banner{font-size:12px;padding:7px 12px}.pwa-install{padding:16px}}