/* Shared administration surfaces. Layout rules are scoped to the shell or feature. */
:root{--workspace:#f5faff;--paper:#f5faff;--surface:#fff;--surface-soft:#eef7ff;--ink:#182b42;--ink-secondary:#445b72;--muted:#647b91;--line:#dce8f1;--accent:#1d3658;--accent-deep:#142940;--accent-soft:#e6f3ff;--blue:#1d3658;--radius-sm:14px;--radius:24px;--radius-lg:28px;--control-height:40px}
body{background:var(--workspace);color:var(--ink)}
.shell{--sidebar:260px;background:radial-gradient(ellipse at 95% 0,#dbedff 0,transparent 55%),radial-gradient(ellipse at 20% 100%,#e1f7f4 0,transparent 45%),#f7fbff;background-attachment:fixed}
.shell .workspace{background:transparent;margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}
.shell #sidebar{display:flex;flex-direction:column;gap:6px;padding:12px;overflow:visible;background:radial-gradient(ellipse at 0 0,#403e5d 0,transparent 65%),linear-gradient(155deg,#21283d,#162e44 70%,#174b5b);border:1px solid #ffffff20;color:#edf6ff;border-radius:24px;box-shadow:0 10px 40px #173c5014}
.shell #sidebar .brand-row{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin:0 0 10px;gap:4px;flex:none}
.workspace-tools{display:flex;align-items:center;gap:4px;flex:none}
.workspace-tools .icon-button,#sidebar #nav-toggle{width:40px;min-width:40px;height:40px;min-height:40px;padding:9px;border-radius:13px;color:inherit}
.workspace-tools svg{width:21px;height:21px}
.shell #main-nav{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;padding:0 1px 6px}
.shell #main-nav .nav-label{font-size:10px;letter-spacing:.06em;color:#a5b6ca;margin:4px 12px 12px;line-height:16px}
.shell #main-nav button{position:relative;display:flex;align-items:center;width:100%;min-height:43px;margin:3px 0;padding:10px 12px;gap:11px;border:1px solid transparent;border-radius:15px;font-size:13px;color:#cbd8e8;background:transparent;box-shadow:none;isolation:isolate}
.shell #main-nav button svg{width:18px;height:18px;color:#b5c9dc}
.shell #main-nav button.active{background:#ffffff19;border-color:#ffffff29;box-shadow:inset 0 1px 0 #ffffff16,0 3px 9px #0b172512;color:#fff}
.shell #main-nav button.active svg{color:#e1f5ff}
.shell #main-nav .area-chevron{width:12px;height:12px;margin-left:auto;color:#90a7bc}
.company-profile{position:relative;flex:none;border-top:1px solid #ffffff1f;margin-top:5px;padding-top:8px}
.company-profile>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:60px;padding:10px 8px;border-radius:16px}
.company-profile>summary::-webkit-details-marker{display:none}
.company-profile>summary>.brand-logo{width:32px;height:32px;flex:none;object-fit:contain;margin:0}
.company-profile>summary>svg{width:16px;height:16px;margin-left:auto;flex:none}
.company-profile .account-label{display:block;min-width:0;flex:1}
.company-profile .account-label strong{display:block;color:#fff;font-size:13px;font-weight:600;letter-spacing:0}
.company-profile .account-label small{display:block;color:#afc2d7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.company-menu{position:absolute;bottom:calc(100% + 8px);left:0;width:100%;min-width:210px;padding:8px;border:1px solid #ffffff2b;border-radius:20px;background:linear-gradient(145deg,#35374f,#1b3c51);box-shadow:0 12px 38px #10203540;z-index:60}
.company-menu p{padding:10px 10px 14px;border-bottom:1px solid #ffffff1a;font-size:13px;color:#fff;margin:0 0 6px;overflow-wrap:anywhere}
.company-menu small{display:block;font-size:11px;color:#bbcbdc}
.company-menu :is(button,a){display:flex;justify-content:flex-start;align-items:center;gap:9px;min-height:40px;width:100%;padding:10px;border-radius:12px;text-align:left;color:#e2eefb;font-size:12px}
.company-menu #logout{border-top:1px solid #ffffff1a;margin-top:5px}
.shell .workspace>header{display:flex;height:52px;min-height:52px;gap:12px;padding:8px 24px;border:0;background:transparent;position:relative;color:var(--muted)}
.shell .workspace>header .breadcrumb{display:block;margin:0 auto 0 0;white-space:nowrap;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.shell .workspace>header .local-status{font-size:10px;padding:6px 10px;border-color:#cfdeed;background:#ffffff80}
.shell .workspace>header .live-site-link{margin:0;min-height:32px;padding:7px 12px;background:#ffffff80;border-color:#cfdeed;font-size:11px}
.shell #area-navigation{background:transparent;border:0;min-height:44px;padding:0 24px 6px;gap:4px;margin:0}
.shell #area-navigation[hidden]{display:none}
.shell #area-navigation button{min-height:36px;padding:8px 14px;font-size:12px}
.shell #area-navigation button[aria-current=page]{background:linear-gradient(130deg,#233f66,#192e47);color:white;box-shadow:0 3px 8px #25476b12}
.shell main#main{padding:12px 24px 28px;max-width:1700px;min-height:calc(100dvh - 52px)}
.shell .workspace>footer{display:none}
#main :is(.page-heading,.pipeline-heading){margin:0 0 18px;gap:16px;align-items:center}
#main :is(.page-heading h1,.pipeline-heading h1){font-size:26px;line-height:1.2;letter-spacing:-.9px;margin:0 0 6px;color:var(--ink)}
#main :is(.page-heading p,.pipeline-heading p){font-size:13px;line-height:1.5;color:var(--muted);max-width:80ch;margin:0}
#main :is(.work-eyebrow,.day-date){font-size:11px!important;letter-spacing:.025em;text-transform:none;color:var(--muted);margin-bottom:6px!important}
#main :is(button.primary,a.primary,.pipeline-primary){background:linear-gradient(125deg,#24416b,#172b43);color:#fff;min-height:40px;padding:10px 17px;border-radius:999px;box-shadow:0 3px 9px #1b3d6420}
#main :is(.subtle,.page-heading button,.day-actions button,.pipeline-toolbar button){min-height:40px;padding:9px 15px;border-radius:999px}
#main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:14px;border-color:var(--line);color:var(--ink);background:#fff;min-height:40px;padding:10px 12px;font-size:13px}
#main :is(input,select,textarea):focus-visible{outline-color:#3c94c1}
#main :is(.panel,.day-panel,.work-list,.work-empty,.calendar-shell,.agent-workspace,.integration-health,.research-morning,.research-related){background:#fff;border-color:var(--line);border-radius:24px;box-shadow:0 5px 20px #204f7510}
#main :is(.pill,.research-state,.pipeline-stage-label,.team-role-badge){display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:0;border-radius:999px;background:#eaf4fc;color:#294f71;font-size:11px;line-height:1.3;padding:6px 11px}
#main :is(.pill.muted,.team-self-badge){background:#eef4f8;color:#536a7c}
#main :is(.stats,.day-kpis){gap:14px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
#main :is(.stats article,.day-kpis>button){padding:19px 22px;min-width:0;border:1px solid var(--line);border-radius:22px;box-shadow:0 5px 18px #15456b0a;background:linear-gradient(130deg,#fff,#f1f9ff);overflow:hidden}
#main .day-kpis>button:nth-child(2n){background:linear-gradient(130deg,#fff,#edfaf7)}
#main :is(.stats strong,.day-kpis strong){font-size:30px;line-height:1.1;margin:12px 0 7px;overflow-wrap:anywhere;color:#1d527b}
#main .stats .status-text{font-size:21px}
#main .day-sync{font-size:10px;margin:12px 0 18px}
#main .day-panel-head{padding:20px 22px 15px}#main .day-panel-head h2{font-size:17px}
#main .day-company-mark,#main .work-empty-icon{background:#e5f5fb;color:#237794;border-color:#d3eaf3}
#main .day-stages{gap:8px}#main .day-stage{background:#eff7ff;border-radius:16px}
#main .day-stage:nth-child(2n){background:#eaf8f4}
.customer-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:18px}
#main[data-view=customers]>.panel{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
#main[data-view=customers]>.panel>.toolbar{padding:0 0 18px;border:0;background:transparent}
.customer-card{display:flex;flex-direction:column;min-width:0;gap:20px;padding:23px;border-radius:25px;border:1px solid var(--line);background:#fff;box-shadow:0 6px 24px #2045660c}
.customer-card-head{display:flex;align-items:center;gap:12px;min-height:52px}.customer-card-head>div{min-width:0}
.customer-card-head h2{font-size:16px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}.customer-card-head p{font-size:12px;margin:0}
.customer-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#226697,#2a9aa8);color:white;font-size:15px}
.customer-card:nth-child(3n+2) .customer-mark{background:linear-gradient(135deg,#2b736e,#4ba499)}
.customer-card dl{display:grid;gap:16px;margin:0;padding-block:18px;border-block:1px solid #e8f0f6}.customer-card dt{font-size:11px;color:var(--muted);margin-bottom:6px}.customer-card dd{font-size:13px;margin:0;overflow-wrap:anywhere}
.customer-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.customer-card-foot svg{width:15px;height:15px}
#main .pipeline-view{--crm-ink:#182b42;--crm-muted:#647b91;--crm-line:#dce8f1;--crm-accent:#245d86;--crm-soft:#eef7ff}
#main .pipeline-column{border-color:#dce8f1;background:#edf6ff;border-radius:22px}
#main .pipeline-column:nth-child(2n){background:#eaf8f5}
#main .pipeline-card{border-color:var(--line);box-shadow:0 5px 15px #2345650a}
#main :is(.pipeline-view th,.research-result[open]>summary){background:#f3f9ff;color:var(--ink-secondary)}
#main :is(.pipeline-scope select,.pipeline-view-switch,.analytics-view .filter-bar){background:#e8f3fb;color:var(--ink-secondary);border-color:var(--line)}
#main :is(.pipeline-view-switch button[aria-pressed=true],.analytics-view .filter-bar button[aria-pressed=true]){background:var(--accent);color:white}
#main :is(.analytics-view .website-metric,.analytics-view .panel){padding:22px;border-color:var(--line)}
#main .analytics-view .page-heading{margin-bottom:18px}#main .analytics-view .website-metric>strong{color:#235b84;font-size:34px}
#main :is(.analytics-view .website-empty,.pipeline-readonly input,.pipeline-readonly select){background:#f2f8fd;color:var(--ink-secondary)}
#main .research-view #research-inbox>.research-result{border-color:var(--line);box-shadow:0 5px 20px #2249630a}
#main .research-view #research-inbox>.research-result>summary{padding:18px 22px}
#main .research-view #research-inbox>.research-result[open]>summary{background:#edf7ff}
#main :is(.research-morning,.research-fit,.research-related){padding:18px 22px;margin-bottom:16px}
#main .research-job.is-selected{background:#e9f6ff;border-color:#a6cce4}
#main .team-person-card{border-color:var(--line);box-shadow:0 5px 20px #2451740c;border-radius:24px;background:#fff}
#main .team-person-avatar{background:linear-gradient(135deg,#daf0ff,#dbf5ec);color:#256d87}
#main .team-role-guide{background:#eaf5ff;border-color:var(--line);border-radius:16px;margin-bottom:12px;padding:0}
#main .team-role-guide-grid{padding:0 16px 16px}
#main .team-people{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
#main .team-role-guide summary{min-height:40px;padding:10px 16px}
#main .team-summary{margin:12px 0}.team-view .team-people{gap:18px}
#main .m365 .m365-connection{margin-bottom:12px;padding:12px 18px}
#main .m365 .m365-folder-rail{background:transparent}
#main .m365-folder-rail button[aria-pressed=true]{background:var(--accent);color:#fff}
#main .m365 .m365-mail-row.selected{background:#e8f5ff;border-left-color:#337fa8}
#main .m365 .m365-mail-row.is-unread:not(.selected){border-left-color:#4097ba;background:#f8fcff}
#main .m365 .m365-message-meta{background:#f3f9fd;border-color:var(--line)}
#main .integrations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}
#main .integrations .integration{position:relative;padding:22px;background:linear-gradient(135deg,#fff,#f2f9ff);border:1px solid var(--line);border-radius:24px;box-shadow:0 5px 20px #2050700b}
#main .integrations .integration>svg{position:static;display:block;width:28px;height:28px;margin:0 0 18px;color:#297fa0}
#main .integration-health{padding:12px 16px;margin-bottom:14px}
/* Calendar opens on the timetable, with one compact control row. */
#main .calendar-shell{display:block;overflow:visible}
#main .calendar-toolbar{position:relative;display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;background:#edf7ff;border-radius:24px 24px 0 0;border-color:var(--line)}
#main .calendar-toolbar .calendar-period{flex:1;min-width:170px}
#main .calendar-toolbar h2{font-size:15px;letter-spacing:-.3px;margin:0;white-space:normal}
#main .calendar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
#main .calendar-toolbar button{min-height:34px;padding:6px 11px;border-radius:999px;font-size:12px}
#main .calendar-toolbar button[data-step]{font-size:22px;width:34px;padding:0}
#main .calendar-modes{border-radius:999px;background:#deedf8;padding:3px;margin:0 5px}
#main .calendar-modes button[aria-pressed=true]{background:var(--accent);color:white;box-shadow:0 2px 6px #183e5615}
.calendar-filters>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border:1px solid #d1e3f0;border-radius:999px;background:#fff;min-height:36px;padding:8px 13px;font-size:12px}
.calendar-filters>summary::-webkit-details-marker{display:none}.calendar-filters>summary svg{width:15px;height:15px}
.calendar-filter-popover{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;position:absolute;right:12px;top:calc(100% + 8px);width:530px;max-width:calc(100% - 24px);padding:22px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 50px #193e6630;z-index:10}
#main .calendar-source{border:0;margin:0;padding:0}#main .calendar-source i{background:#2c8b9c}
#main .calendar-mini button[aria-pressed=true]{background:var(--accent);color:white}
#main .calendar-mini button.today:not([aria-pressed=true]){color:#257392;box-shadow:inset 0 0 0 1px #257392}
#main .calendar-days{background:#f8fcff;grid-template-columns:54px repeat(var(--days),minmax(0,1fr))}
#main .calendar-day-heading{display:flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:8px;border:0}
#main .calendar-day-heading span{font-size:11px}
#main .calendar-day-heading strong{font-size:20px;font-weight:500}
#main .calendar-day-heading.today strong{width:30px;height:30px;background:var(--accent)}
#main .calendar-zone{font-size:9px;padding:10px 5px;line-height:1.5}
#main .calendar-allday[hidden]{display:none}
#main .calendar-scroll{grid-template-columns:54px repeat(var(--days),minmax(0,1fr));height:clamp(340px,calc(100dvh - 228px),900px)}
#main .calendar-allday{grid-template-columns:54px repeat(var(--days),minmax(0,1fr))}
#main .calendar-event{background:linear-gradient(115deg,#266791,#288f9f);color:#fff;border:0;border-radius:10px;box-shadow:0 2px 6px #28658515}
#main .calendar-event small{color:#daf4ff}
#main .calendar-event.cancelled{background:#eef3f7;color:#647989;box-shadow:none}
#main .calendar-status{margin:0;padding:9px 16px;font-size:10px;line-height:1.5;background:#f7fcff;border:0;border-top:1px solid var(--line);border-radius:0 0 24px 24px}
#main .calendar-status:empty{display:none}
#main .month-date.today{background:var(--accent)}
/* Chat keeps its header and composer out of the scrolling conversation. */
#main .agent-workspace{min-height:0;grid-template-columns:190px minmax(0,1fr)}
#main .admin-agents .agent-sidebar{padding:16px 12px;background:#eff8ff}
#main .agent-main{display:flex;flex-direction:column;min-height:0}
#main .agent-profile{min-height:64px;padding:12px 20px;flex:none}
#main .agent-profile h2{font-size:20px}#main .agent-profile .agent-avatar{width:36px;height:36px}
#main .agent-avatar,#main .agent-plugin-logo{background:#e5f3fc;border-color:#d3e7f3;color:#226c90}
#main .agent-choice.active{background:#fff;color:#205a7c;box-shadow:0 3px 10px #2250700a}
#main .agent-tabs{position:static;padding:4px 14px;min-height:44px;gap:4px;flex:none;overflow-x:auto;background:#fff;border:0}
#main .agent-tabs button{border:0;border-radius:999px;min-height:34px;padding:8px 14px;white-space:nowrap;font-size:12px}
#main .agent-tabs button[aria-pressed=true]{background:var(--accent);color:white}
#main .agent-conversation{height:clamp(230px,calc(100dvh - 455px),700px);padding:22px 26px;gap:18px;min-height:0}
#main [data-agent-body]{min-height:0;display:flex;flex-direction:column}
.m365-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#main .agent-composer textarea{min-height:70px;max-height:160px;resize:vertical}
#main .agent-message.from-user{background:#eaf5ff;border-color:var(--line)}
#main .agent-composer{margin:0 18px 12px;padding:12px 16px;border-radius:22px;background:#f7fbff;border-color:var(--line)}
#main .agent-task,#main .agent-plugin-area{padding:20px 24px;width:100%}
/* Global search is a focused dialog, never a clipped header input. */
.admin-search-dialog{position:fixed;inset:12vh auto auto 50%;transform:translateX(-50%);margin:0;width:600px;max-width:calc(100vw - 24px);padding:10px;border:1px solid #dbe8f1;border-radius:24px;max-height:78dvh;overflow:auto;background:#fff;color:var(--ink)}
.admin-search-dialog .global-search{width:100%;min-width:0}
.admin-search-dialog .global-search-field{height:50px;padding:0 14px;gap:12px;background:#f3f9ff;border:1px solid #d6e7f3;border-radius:17px}
.admin-search-dialog .global-search-field input{font-size:16px;margin:0;height:44px!important}
.admin-search-dialog .global-search-panel{position:static;width:100%;max-width:100%;border:0;border-radius:0;box-shadow:none}
.admin-search-dialog #global-search-results{max-height:50dvh}.admin-search-dialog #global-search-results [role=option]{border-radius:14px}
.admin-search-dialog #global-search-results [aria-selected=true]{background:#e8f5ff}
.admin-search-dialog .global-search-hint{background:#fff;color:var(--muted)}
dialog{border-radius:24px;border-color:var(--line)}dialog::backdrop{background:#142a4745;backdrop-filter:blur(5px)}
#notice{border-radius:999px;background:var(--accent);box-shadow:0 5px 20px #19364b25}
@media(hover:hover) and (pointer:fine){
 .workspace-tools button:hover,#sidebar #nav-toggle:hover,.company-profile>summary:hover,.company-menu :is(button,a):hover{background:#ffffff14;color:white}
 .shell #main-nav button:hover{background:#ffffff0e;color:white}
 .shell #main-nav button.active:hover{background:#ffffff21}
 #main :is(button.primary,a.primary,.pipeline-primary):hover{background:#1b3656;box-shadow:0 4px 12px #173b5c25}
 #main .customer-card:has(button:hover){box-shadow:0 9px 28px #17456918;border-color:#b6d6ea}
}
button:active,a.primary:active{transform:scale(.98)}
@media(min-width:761px){
 .shell.nav-collapsed{--sidebar:88px}.shell.nav-collapsed #sidebar{width:68px;left:10px;padding:8px;border-radius:22px}
 .shell.nav-collapsed .brand-row,.shell.nav-collapsed .workspace-tools{flex-direction:column;gap:4px;margin-bottom:4px}
 .shell.nav-collapsed #main-nav .nav-label{margin:8px 12px;height:1px;background:#ffffff20;line-height:0;font-size:0}
 .shell.nav-collapsed #main-nav button{justify-content:center;padding:10px}
 .shell.nav-collapsed #main-nav button span,.shell.nav-collapsed #main-nav .area-chevron{display:none}
 .shell.nav-collapsed .company-profile>summary{padding:10px 7px}.shell.nav-collapsed .company-profile .account-label,.shell.nav-collapsed .company-profile>summary>svg{display:none}
 .shell.nav-collapsed .company-menu{left:calc(100% + 14px);bottom:0;width:240px}
}
@media(max-width:1100px){#main .calendar-period{flex-basis:100%}#main .calendar-controls{width:100%}#main .calendar-filters{margin-left:auto}.customer-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .shell .workspace{margin-left:0;width:100%;padding-top:calc(60px + env(safe-area-inset-top,0px))}
 .shell .workspace>header{position:fixed;inset:0 0 auto;height:calc(60px + env(safe-area-inset-top,0px));min-height:60px;padding:env(safe-area-inset-top,0px) 10px 0 66px;z-index:18;background:#f5faffed;border-bottom:1px solid #dce8f1;backdrop-filter:blur(12px);gap:8px}
 .shell .workspace>header .breadcrumb{font-size:14px;margin-right:auto}
 .shell .workspace>header :is(.local-status,.live-site-link){display:none}
 .workspace-tools .icon-button{width:40px;min-width:40px;height:44px;min-height:44px;color:var(--ink)}
 #mobile-nav-toggle{top:calc(8px + env(safe-area-inset-top,0px));left:10px;background:transparent;border:0;border-radius:14px;box-shadow:none}
 .shell #sidebar{border-radius:0 24px 24px 0;width:min(304px,calc(100vw - 56px));padding:calc(10px + env(safe-area-inset-top,0px)) 12px max(10px,env(safe-area-inset-bottom,0px));overflow:visible}
 .shell #sidebar .brand-row{justify-content:flex-end;margin-bottom:0;min-height:44px}
 .shell #main-nav{flex:1 1 0;overflow:auto;min-height:0}
 .shell #main-nav .nav-label{margin:6px 10px 10px;font-size:10px;height:auto;background:none}
 .shell #main-nav button{min-height:44px;margin:3px 0;font-size:14px}
 .shell .company-profile .account-label{display:block}
 .shell #area-navigation{position:static;min-height:50px;margin:0;padding:8px 14px 2px;background:transparent}
 .shell #area-navigation button{min-height:40px;font-size:13px}
 .shell main#main,.shell .workspace:has(#area-navigation[hidden]) main#main{padding:16px 14px 24px;min-height:calc(100dvh - 60px)}
 #main :is(.page-heading,.pipeline-heading){display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;align-items:center}
 #main :is(.page-heading h1,.pipeline-heading h1){font-size:24px}
 #main .page-heading .primary{margin:0}
 #main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:44px}
 #main :is(button.primary,a.primary,.subtle){min-height:44px}
 #main .day-kpis{gap:10px}.day-columns{gap:16px}
 #main :is(.stats article,.day-kpis>button){padding:16px;border-radius:20px}
 .customer-cards{grid-template-columns:1fr;gap:16px}.customer-card{padding:20px}
 #main .calendar-toolbar{padding:12px;gap:8px}.calendar-filter-popover{grid-template-columns:1fr;width:330px;max-height:60dvh;overflow:auto;padding:18px;gap:16px}
 #main .calendar-toolbar button{min-height:40px;padding:8px 11px;font-size:12px}
 #main .calendar-toolbar button[data-step]{min-width:34px;width:34px;min-height:40px;padding:0}
 #main .calendar-modes{margin:0 0 0 auto}#main .calendar-modes button{padding:7px 10px;min-height:34px}
 .calendar-filters{margin-left:auto}.calendar-filters>summary{min-height:40px}
 #main .calendar-scroll{height:calc(100dvh - 298px);min-height:320px}
 #main .calendar-day-heading{height:48px}#main .calendar-day-heading strong{font-size:20px}
 #main .agent-workspace{display:block}.admin-agents .agent-sidebar{max-height:210px;overflow:auto}
 #main .agent-conversation{height:46dvh;min-height:250px;padding:18px}
 #main .agent-composer{margin:0 12px 12px;padding:12px}
 .admin-search-dialog{top:calc(68px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 92px)}
 .admin-search-dialog #global-search-results{max-height:55dvh}
 .admin-search-dialog .global-result-kind{display:none}
}
@media(prefers-reduced-motion:reduce){button,a,main#main,.shell #sidebar{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active,a.primary:active{transform:none}}

/* Metrics follow usable width, including the split application window. */
#main .day-kpis{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
@media(max-width:760px){#main .day-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact desktop navigation; mobile targets keep their touch size. */
@media(min-width:901px){
 .shell:not(.nav-collapsed){--sidebar:226px}
 .shell #sidebar{padding:10px}
 .shell #main-nav button{min-height:38px;padding:8px 9px;gap:9px;font-size:12px;border-radius:11px;margin:2px 0}
 .shell #main-nav button svg{width:16px;height:16px}
 .shell #sidebar .brand-row{margin-bottom:5px}
 .workspace-tools .icon-button,#sidebar #nav-toggle{width:35px;min-width:35px;height:35px;min-height:35px;padding:8px}
 .company-profile>summary{min-height:50px;padding:7px 5px;gap:8px}
 .company-profile .account-label strong{font-size:12px}
 .shell #main-nav .nav-label{margin:3px 9px 8px}
}

/* Shared, compact opening-hours status in Lead-Agent and Pipeline. */
.lead-hours{margin:6px 0;font-size:12px;line-height:1.5}.research-note-card>.lead-hours{margin:8px 16px}.lead-hours>summary{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:#eff3f7;color:#65768a;cursor:pointer;list-style:none}.lead-hours>summary:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.lead-hours-open>summary{background:#e7f4ed;color:#18744e}.lead-hours-closed>summary{background:#fff0e5;color:#975511}.lead-hours>div{padding:10px 0;max-width:440px;overflow-wrap:anywhere}.lead-hours p{margin:0 0 6px}.lead-hours small,.lead-hours a{display:block}.lead-hours a{margin-top:8px}.lead-hours>summary:focus-visible{outline:2px solid #147bce;outline-offset:2px}@media(max-width:600px){.lead-hours>summary{min-height:40px}}