/* Workspace chrome and setup screens. Inbox content keeps its own styles. */
body{--sidebar-width:224px}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#14213D;color:#fff;display:flex;flex-direction:column;z-index:30;padding:20px 14px 14px;overflow-y:auto}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 12px 20px;flex:none}
.sidebar-brand img{width:82px;height:auto}
.sidebar-brand>span{font-size:8px;letter-spacing:.13em;color:#B9C6DA;border-left:1px solid #40516D;padding-left:10px}
.workspace-label{display:flex;align-items:center;gap:10px;padding:12px 10px;border-top:1px solid #30415D;border-bottom:1px solid #30415D;margin-bottom:14px;min-width:0;flex:none}
.workspace-avatar{display:grid;place-items:center;background:#294D62;color:#B8E1E5;width:32px;height:32px;border-radius:9px;flex:none;font-weight:600}
.workspace-label>div{min-width:0}.workspace-label b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-label small{display:block;font-size:10px;color:#B9C6DA;margin-top:2px}
.app-sidebar .tabs{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;margin:0 0 16px;overflow:visible;flex:none}
.nav-group{color:#9AAAC1;font-size:10px;font-weight:600;letter-spacing:.12em;padding:12px 12px 5px}.nav-group:first-child{padding-top:0}
.app-sidebar .tab{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:42px;border-radius:8px;text-align:left;color:#C8D3E3;flex:none;font-size:14px}
.app-sidebar .tab:hover{background:#20324E;color:#fff}.app-sidebar .tab.active{background:#234459;color:#fff;box-shadow:inset 3px 0 #70C1CA}
.nav-icon{width:18px;height:18px;flex:none}.sidebar-help{margin-top:auto;padding:30px 12px 0;color:#9AAAC1;font-size:11px;line-height:1.7}.sidebar-help b{display:block;color:#C8D3E3;font-weight:500;margin-bottom:4px}
.topbar{margin-left:var(--sidebar-width);background:#fff;color:var(--ink);border-bottom:1px solid #E3E9EF;padding:0 30px}
.topright,.linkish{color:#56677E;font-size:12px}.linkish:hover{color:var(--accent)}.wsel{background:#F3F6F8;color:var(--ink);border-color:#DAE2E9}
.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;min-width:0}.breadcrumb>span{color:#78889A}.breadcrumb b{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-toggle{display:none}
.pane{margin-left:var(--sidebar-width)}
#activationBar{margin-left:calc(var(--sidebar-width) + 24px)}
.pane.scroll{background:#F4F7F9}
.pane.scroll .pane-wrap{max-width:1150px;padding:36px 38px 40px}
.pane.scroll .pane-wrap>h2{font-size:30px;letter-spacing:-.035em;font-weight:600;line-height:1.25;margin-bottom:9px}
.page-eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--accent);margin-bottom:10px}
.pane.scroll .csub{color:#63738A;font-size:13px;margin-bottom:28px;max-width:720px}
.pane.scroll .ccard,.pane.scroll .chartcard{border:1px solid #E0E7ED;border-radius:12px;box-shadow:0 2px 3px #14213D02;padding:24px;margin-bottom:18px}
.pane.scroll .ccard h3{font-size:15px;margin-bottom:7px}.pane.scroll .hint{color:#64748A;font-size:12px;line-height:1.7}
.pane.scroll .btn{border-radius:7px;padding:9px 15px}.pane.scroll input,.pane.scroll select,.pane.scroll textarea{max-width:100%}
.pane.scroll :is(button,a,input,select,textarea,summary):focus-visible,.app-sidebar a:focus-visible,.topbar :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.section-nav{display:flex;gap:4px;border-bottom:1px solid #DCE4EB;margin-bottom:25px;overflow-x:auto;padding-bottom:0}
.section-nav a{padding:12px 15px;color:#64748A;font-size:12px;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}
.section-nav a:hover{color:var(--accent);background:#EBF2F5}.section-nav a.active{color:var(--accent);border-color:var(--accent);font-weight:600}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h3{font-size:18px;margin-bottom:4px}.section-heading p{font-size:12px;color:#63738A}.section-count{font-size:11px;color:#64748A;white-space:nowrap}
[data-config-section][hidden],[data-settings-section][hidden]{display:none!important}
#cfgPane .strat{border-width:1px;border-radius:9px;padding:17px;position:relative}#cfgPane .strat.on{box-shadow:inset 0 0 0 1px var(--accent)}#cfgPane .strat b{font-size:13px}#cfgPane .strat span{font-size:12px}
#cfgPane .stratrow{grid-template-columns:repeat(3,minmax(0,1fr))}#cfgPane #autoOpenRow{grid-template-columns:repeat(2,minmax(0,1fr))}
#cfgPane .savebar{background:#fff;border:1px solid #DCE4EB;border-radius:10px;box-shadow:0 -4px 20px #14213D06;padding:14px 18px;bottom:14px;z-index:5;margin-top:24px;flex-wrap:wrap}
.save-context{flex:1;min-width:190px}.save-context b{display:block;font-size:12px;font-weight:600}.save-context span{display:block;font-size:11px;color:#64748A;margin-top:2px}.savebar .saved{display:none}.savebar .saved.show{display:inline}.savebar.dirty .save-context b{color:var(--amber)}
#cfgPane .rlhead,#cfgPane .repline{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) 76px 62px 72px}#cfgPane .repline{padding:14px 0}#cfgPane .rlhead{font-size:9px;letter-spacing:.07em}
#cfgPane .pagerow{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) 85px}#cfgPane .pagerow input{min-width:0}#cfgPane .addpage{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) 100px}#cfgPane .addpage input{min-width:0;width:100%}
#cfgPane .rulerow{background:#F5F8FA;padding:12px;border:1px solid #E6ECF0;border-radius:8px}#cfgPane .rulerow select{min-width:0;max-width:100%}
#cfgPane .video-page-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:#F4F7F9;border-radius:8px;margin:20px 0 8px;font-size:12px}#cfgPane .video-page-picker label{font-weight:600}#videoPageSelect{padding:9px;border:1px solid #DCE4EB;border-radius:6px;background:#fff;min-width:180px}.video-page-picker a{color:var(--accent);margin-left:auto}
#cfgPane .matrix table{min-width:0;table-layout:fixed}#cfgPane .matrix th:first-child{width:24%}#cfgPane #videoMatrix{min-width:0}#cfgPane #videoMatrix .video-cell{min-width:0}#cfgPane .matrix input{min-width:0}#cfgPane .matrix td.repname{white-space:normal;overflow-wrap:anywhere}#cfgPane .video-options{display:flex;gap:12px;flex-wrap:wrap}#cfgPane .video-options label{flex:1;min-width:120px;display:block}#cfgPane .video-options select{display:block;max-width:100%;width:100%;margin-top:5px}#cfgPane .video-options[hidden]{display:none}
#cfgPane .readonly{opacity:1;pointer-events:auto}#cfgPane .ccard.readonly{opacity:.7}#cfgPane .ccard.readonly :is(input,textarea,select,button){cursor:not-allowed}
.install-advanced summary{cursor:pointer;font-size:13px;font-weight:600}.install-advanced[open] summary{margin-bottom:16px}
@media(min-width:1250px){#settingsPane [data-settings-section="channels"]{max-width:820px}}
@media(max-width:1100px){body{--sidebar-width:200px}.pane.scroll .pane-wrap{padding:28px 24px 32px}.section-nav a{padding:12px 10px}.sidebar-brand{gap:8px}.sidebar-brand>span{font-size:7px}.sidebar-brand img{width:72px}}
@media(max-width:850px){body{--sidebar-width:0px}.app-sidebar{display:none;top:54px;width:240px;box-shadow:12px 10px 30px #14213D30}.nav-open .app-sidebar{display:flex}.menu-toggle{display:block;font-size:20px;padding:5px;margin-right:4px}.topbar{padding:0 16px;position:relative;z-index:31}.breadcrumb>span{display:none}.topright{gap:12px}.pane.scroll .pane-wrap{padding:24px 18px 32px}.pane.scroll .pane-wrap>h2{font-size:26px}#activationBar{margin-left:14px}.section-nav{margin-bottom:20px}.section-nav a{padding:12px}.section-count{display:none}}
@media(max-width:560px){#whoami{display:none}.wsel{max-width:110px}.pane.scroll .ccard,.pane.scroll .chartcard{padding:18px}.pane.scroll .pane-wrap{padding:24px 14px}.pane.scroll .csub{font-size:12px}#cfgPane .stratrow,#cfgPane #autoOpenRow{grid-template-columns:1fr}#cfgPane .rlhead{display:none}#cfgPane .repline{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}#cfgPane .repline .sessrep{grid-column:2;grid-row:3}#cfgPane .repline .tgl{grid-column:2;grid-row:2}#cfgPane .pagerow,#cfgPane .addpage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#cfgPane .pagerow{background:#F4F7F9;padding:10px;border-radius:8px}#cfgPane .pagerow .rm{justify-self:start}#cfgPane .addpage .btn{grid-column:1/-1}#cfgPane .prorow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#cfgPane .greetrow{grid-template-columns:1fr}#cfgPane .rulerow select{flex:1 1 130px}#cfgPane .savebar{bottom:8px;padding:12px;gap:10px}.save-context{min-width:160px}.save-context span{max-width:210px;font-size:10px}#cfgPane #videoMatrix .video-cell{padding:12px 4px}#cfgPane .matrix th:first-child{width:23%}#cfgPane .video-options label{min-width:100%}.chartrow{grid-template-columns:1fr}.theme-layout{gap:20px}}
.page-list-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 16px}.page-list-tools input{background:#F8FAFB;border:1px solid #DCE4EB;border-radius:7px;padding:10px 12px;width:65%;min-width:0;font-size:12px}.page-list-tools span{font-size:11px;color:#64748A;white-space:nowrap}.page-list-labels{display:grid;grid-template-columns:1fr 1fr 85px;gap:10px;font-size:10px;color:#64748A;padding:0 0 7px;font-weight:600}.page-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:16px 0 22px;padding-top:12px;border-top:1px solid #EDF1F4}.page-pagination span{font-size:11px;color:#64748A}.page-pagination .btn{padding:6px 10px;font-size:11px}#cfgPane .savebar[hidden]{display:none}
#cfgPane .pagerow input,#cfgPane .addpage input{border:1px solid #DCE4EB;background:#fff;border-radius:6px;padding:9px 10px;font-size:12px;line-height:1.4}
#cfgPane .pagerow input[data-pf="path"]{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}
#cfgPane .pagerow input:focus,#cfgPane .addpage input:focus{outline:2px solid var(--accent);outline-offset:1px}
@media(max-width:560px){.section-nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;border:0;overflow:visible}.section-nav a{padding:9px 10px;border:1px solid #E0E7ED;background:#fff;border-radius:6px;font-size:11px}.section-nav a.active{background:#EBF4F7;border-color:var(--accent)}.page-list-labels{grid-template-columns:1fr 1fr;padding:0 10px 7px}.page-list-tools{gap:8px}.page-list-tools input{width:70%}}

/* Availability, ownership and business hours. */
.inbox-scopes{display:flex;gap:8px;padding:16px 18px 0}
.inbox-scopes button{flex:1;border:1px solid var(--g300);border-radius:20px;padding:8px;background:#fff;font-size:13px}
.inbox-scopes button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.conversation-owner{display:inline-flex;align-items:center;gap:5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--g700)}
.owner-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex:none}
.owner-dot.online{background:#378d35}
.shared-pickup{display:flex;gap:8px;align-items:center;font-size:13px;margin-bottom:16px}
.rep-member-link{display:flex;gap:12px;align-items:center;font-size:12px;padding:0 0 12px;color:var(--g700)}
.rep-member-link select{max-width:260px;padding:6px;border:1px solid var(--g300);border-radius:6px;background:#fff}
.office-hours-form{display:flex;flex-direction:column;gap:16px}
.office-field{display:flex;gap:12px;align-items:center;font-size:13px;justify-content:space-between}
.office-field input:not([type=checkbox]){min-width:0;max-width:260px;padding:9px;border:1px solid var(--g300);border-radius:8px;background:#fff}
.office-week{display:grid;gap:12px}.office-day{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.office-closure{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:12px}
.office-closure label{flex-direction:column;align-items:start}
.office-message{display:grid;gap:8px;font-size:13px}.office-message textarea{width:100%;padding:12px;border:1px solid var(--g300);border-radius:8px;resize:vertical}
.office-hours-form>.btn{align-self:start}
@media(max-width:720px){.office-day{grid-template-columns:1fr;gap:8px;padding:12px;border:1px solid var(--g300);border-radius:8px}.office-field{flex-wrap:wrap}.rep-member-link{flex-wrap:wrap}}
/* Website knowledge controls share the dashboard card and button styles. */
.knowledge-import { margin: 18px 0; }
.knowledge-toggle { display: flex; gap: 10px; align-items: center; font-size: 13px; font-weight: 600; }
.knowledge-toggle input { width: auto; margin: 0; accent-color: #167e96; }
.office-field input[type=email], .office-field select { width: 320px; max-width: 100%; padding: 9px; border: 1px solid var(--g300); border-radius: 8px; background: #fff; color: inherit; }
.knowledge-source { padding: 18px 0; border-top: 1px solid #e2e8f0; }
.knowledge-source > a { display: block; overflow-wrap: anywhere; margin-top: 5px; font-size: 13px; }
.knowledge-candidate { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 13px; overflow-wrap: anywhere; }
.knowledge-candidate input { flex: 0 0 auto; margin-top: 3px; }
.knowledge-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 320px; overflow: auto; padding: 12px; background: #f8fafc; font: 13px/1.5 inherit; }