/* Shared product shell. Golden ratio governs primary/secondary composition;
   data tables and conversation controls keep their functional minimum widths. */
:root {
 --phi:1.618;
 --space-xs:8px;
 --space-sm:13px;
 --space-md:21px;
 --space-lg:34px;
 --space-xl:55px;
 --workspace-width:1380px;
 --global-header-height:76px;
 --page-header-height:0px;
 --workspace-gutter:34px;
 --ink:#203047;
 --muted:#56667c;
 --faint:#617087;
 --canvas:#f5f7fb;
 --line:#e2e8f0;
 --soft:#f8fafd;
 --z-dropdown:45;
}
.top-navigation.app {display:flex;flex-direction:column;min-height:100dvh;background:var(--canvas);}
.top-navigation > .main {width:100%;min-height:calc(100dvh - var(--global-header-height));background:var(--canvas);}
.skip-content {position:fixed;left:21px;top:-60px;z-index:var(--z-modal);padding:13px 21px;border-radius:8px;background:var(--accent);color:white;}
.skip-content:focus {top:8px;}
.global-header {position:sticky;top:0;z-index:var(--z-nav);height:var(--global-header-height);flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);}
.global-header-inner {max-width:1600px;margin:0 auto;height:100%;padding:0 var(--workspace-gutter);display:flex;align-items:center;gap:var(--space-lg);}
.global-brand {display:flex;align-items:center;gap:10px;flex-shrink:0;padding:0;background:transparent;border:0;color:var(--ink);text-align:left;min-height:44px;}
.global-brand img {width:34px;height:34px;object-fit:contain;border-radius:9px;}
.global-brand span {display:flex;flex-direction:column;gap:4px;}
.global-brand b {font-size:17px;font-weight:650;letter-spacing:.4px;white-space:nowrap;}
.global-brand small {font-size:10px;line-height:1.4;color:var(--muted);max-width:145px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.global-nav {display:flex;align-items:center;gap:4px;min-width:0;align-self:stretch;flex:1;overflow-x:auto;scrollbar-width:none;}
.global-nav::-webkit-scrollbar {display:none;}
.global-nav-link {position:relative;display:flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 13px;flex-shrink:0;border:0;border-radius:7px;background:transparent;color:#526176;font-size:13px;font-weight:500;white-space:nowrap;}
.global-nav-link .ico {display:flex;align-items:center;}
.global-nav-link .line-icon {width:17px;height:17px;}
.global-nav-link:hover {background:var(--soft);color:var(--ink);}
.global-nav-link.active {background:var(--accent-pale);color:var(--accent-text);font-weight:600;}
.global-nav-link.active::after {content:"";position:absolute;bottom:-16px;left:13px;right:13px;height:3px;border-radius:3px 3px 0 0;background:var(--accent);}
.global-nav-count {display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;font-size:10px;font-weight:550;background:#e9eff9;color:#48648d;font-variant-numeric:tabular-nums;}
.global-nav-link.active .global-nav-count {background:var(--accent);color:white;}
.global-account {display:flex;align-items:center;gap:8px;flex-shrink:0;}
.global-avatar {width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf3fd;color:#305db0;font-size:12px;font-weight:600;}
.global-account-name {font-size:12px;font-weight:500;max-width:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.global-logout {display:grid;place-items:center;width:36px;height:44px;background:transparent;border:0;border-radius:7px;color:var(--muted);}
.global-logout:hover {background:var(--soft);color:var(--ink);}
.top-navigation .topbar {height:var(--page-header-height);padding:0 max(var(--workspace-gutter),calc((100% - var(--workspace-width)) / 2 + var(--workspace-gutter)));background:#fff;border-color:var(--line);}
.top-navigation .crumb h1 {font-size:16px;font-weight:600;color:var(--ink);}
.top-navigation .crumb .line-icon {color:var(--faint);}
.top-navigation .demo-pill {font-size:11px;color:var(--muted);padding:5px 8px;background:#f2f5f9;border:0;border-radius:5px;}
:is(.top-navigation,.modal) .btn {min-height:36px;padding:8px 13px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#40516a;font-size:13px;font-weight:500;box-shadow:none;}
:is(.top-navigation,.modal) .btn:not(:disabled):hover {border-color:#bacbe1;background:#f8faff;}
:is(.top-navigation,.modal) .btn.primary {color:#fff;background:var(--accent);border-color:var(--accent);}
:is(.top-navigation,.modal) .btn.primary:not(:disabled):hover {background:var(--accent-dark);border-color:var(--accent-dark);}
:is(.top-navigation,.modal) .btn.small {min-height:32px;font-size:12px;padding:6px 10px;}
.top-navigation .content {width:100%;}
.top-navigation .content:focus {outline:none;}
.top-navigation .workspace-content {padding:var(--space-lg) var(--workspace-gutter);min-height:calc(100dvh - var(--global-header-height) - var(--page-header-height));background:var(--canvas);}
.top-navigation .workspace-content > section {max-width:calc(var(--workspace-width) - 2 * var(--workspace-gutter));margin-inline:auto;}
.top-navigation .workspace-content:has(> .workbench) {padding:var(--space-lg) var(--workspace-gutter) var(--space-md);}

/* A 61.8 / 38.2 composition, with one continuous summary strip. */
.workbench-welcome {margin-bottom:var(--space-md);gap:var(--space-md);}
.workbench-date {font-size:12px;color:var(--muted);margin-bottom:8px;}
.workbench-welcome h2 {font-size:26px;letter-spacing:-.4px;font-weight:620;}
.workbench-welcome h2 > span {display:inline;font-size:13px;margin-left:13px;color:var(--muted);}
.workbench-metrics {border-radius:10px;border-color:var(--line);margin-bottom:var(--space-md);box-shadow:none;}
.workbench-metric {padding:17px var(--space-md);}
.workbench-metric-label {font-size:13px;}
.workbench-metric strong {font-size:34px;line-height:1.15;font-weight:600;margin:5px 0 6px;letter-spacing:-.5px;}
.workbench-metric strong small {font-size:11px;}
.workbench-metric-hint {font-size:11px;}
.workbench-metric-icon {padding:6px;background:transparent!important;color:var(--muted)!important;}
.workbench-metric-icon .line-icon {width:18px;height:18px;}
.workbench-grid {grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--space-md);}
.workbench-panel {border-radius:10px;border-color:var(--line);box-shadow:none;}
.workbench-panel-head {padding:19px var(--space-md) 13px;min-height:55px;}
.workbench-panel-head h3 {font-size:16px;font-weight:600;}
.workbench-heading-mark {display:none;}
.workbench-link {font-size:12px;color:var(--muted);min-height:30px;}
.workbench-count {font-size:11px;color:var(--muted);}
.workbench-tabs {padding:0 var(--space-md);gap:var(--space-md);}
.workbench-tabs button {font-size:13px;min-height:44px;}
.workbench-tabs button span {font-size:11px;}
.workbench-queue {padding:0 var(--space-md);min-height:0;}
.workbench-queue-row {min-height:91px;padding:16px 0;gap:13px;}
.workbench-person-title > b {font-size:14px;font-weight:600;}
.workbench-company,.workbench-row-aside {font-size:11px;}
.workbench-preview {font-size:13px;line-height:1.5;margin-top:5px;}
.workbench-person-avatar {width:38px;height:38px;border-radius:10px;font-size:12px;}
.workbench-panel-foot {padding:13px var(--space-md);font-size:11px;}
.workbench-plan-list {padding:0 var(--space-md);}
.workbench-plan {padding:13px 0;gap:13px;min-height:82px;}
.workbench-plan-copy > b {font-size:14px;font-weight:550;}
.workbench-plan-meta,.workbench-plan-channels small {font-size:11px;}
.workbench-plan-channels {flex-wrap:wrap;row-gap:5px;}
.workbench-plan-date {width:42px;height:52px;border-radius:8px;}
.workbench-add-plan {margin:8px var(--space-md) 0;min-height:36px;font-size:12px;background:#f7faff;border:1px solid #dfe8f6;border-radius:7px;}
.workbench-plan-note {font-size:11px;margin:8px 13px 13px;}
.workbench-pipeline-body {padding:8px var(--space-md) var(--space-md);gap:var(--space-lg);}
.workbench-pipeline-total > span,.workbench-stage > div:first-child {font-size:11px;}
.workbench-pipeline-total strong {font-size:27px;margin-top:8px;}
.workbench-stages {gap:13px;}
.workbench-stage b {font-size:20px;}
.workbench-tool-links {display:flex;flex-direction:column;padding:0 var(--space-md) 13px;gap:0;}
.workbench-tool-links button {min-height:47px;flex-wrap:nowrap;gap:13px;}
.workbench-tool-links button + button {border-top:1px solid #edf0f5;}
.workbench-tool-links b {font-size:13px;}
.workbench-tool-links small {font-size:11px;margin-top:3px;}
.workbench-tool-links button > .line-icon {display:block;margin-left:auto;color:var(--muted);}
.workbench-tool-icon {width:32px;height:32px;flex-shrink:0;}
.workbench-footnote {font-size:11px;margin:21px 0 0;}

/* One visual vocabulary across customer, opportunity and employee screens. */
.top-navigation .content.crm-content,.top-navigation .content.employee-content {background:var(--canvas);padding:0;}
.top-navigation .cw-page {max-width:var(--workspace-width);margin:auto;padding:0 var(--workspace-gutter) var(--space-lg);min-height:calc(100dvh - var(--global-header-height) - var(--page-header-height));}
.top-navigation .cw-workspace-nav {height:55px;margin-bottom:var(--space-md);gap:var(--space-lg);}
.top-navigation .cw-page-heading {margin-bottom:var(--space-md);}
.top-navigation .cw-page-heading h2,.top-navigation .employee-list-intro h2 {font-size:26px;letter-spacing:-.4px;font-weight:620;}
.top-navigation .cw-page-heading p {font-size:13px;color:var(--muted);}
.top-navigation .cw-view-tabs button {min-height:36px;font-size:12px;}
.top-navigation .cw-view-tabs button.active,.top-navigation .employee-filters button.active {background:var(--accent-pale);color:var(--accent-text);border-color:var(--accent-line);}
.top-navigation .cw-workspace-nav > button.active,.top-navigation .cw-detail-tabs button.active {color:var(--accent-text);border-bottom-color:var(--accent);}
.top-navigation .cw-search {min-height:38px;border-radius:8px;}
.top-navigation .cw-search input {font-size:13px;}
.top-navigation input::placeholder,.top-navigation textarea::placeholder {color:var(--faint);opacity:1;}
.top-navigation .cw-toolbar select {min-height:38px;font-size:12px;}
.top-navigation .cw-table-wrap,.top-navigation .cw-task-list {background:#fff;border-color:var(--line);border-radius:10px;box-shadow:none;}
.top-navigation .cw-table th {height:42px;font-size:12px;color:var(--muted);background:#f0f4f9;}
.top-navigation .cw-table td {height:76px;padding-top:15px;padding-bottom:15px;font-size:13px;}
.top-navigation .cw-company strong {font-size:14px;}
.top-navigation :is(.cw-company small,.cw-table td > small,.cw-next small,.cw-footer,.cw-list-note,.cw-nav-end,.cw-presets,.cw-type,.cw-owner,.cw-next strong,.cw-view-tabs button span) {color:var(--muted);font-size:11px;}
.top-navigation .cw-next.overdue small {color:#a5483f;}
.modal .btn {min-height:36px;padding:8px 13px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#40516a;font-size:13px;font-weight:500;box-shadow:none;}
.modal .btn:hover {background:#f8faff;border-color:#bacbe1;}
.modal .btn.primary {color:#fff;background:var(--accent);border-color:var(--accent);}
.modal .btn.primary:hover {background:var(--accent-dark);border-color:var(--accent-dark);}
.top-navigation .cw-intent {font-size:11px;}
.top-navigation .cw-detail {max-width:calc(var(--workspace-width) - 2 * var(--workspace-gutter));margin:var(--space-md) auto var(--space-lg);min-height:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.top-navigation .cw-record-heading {padding:var(--space-md) var(--space-lg);}
.top-navigation .cw-record-name h2 {font-size:26px;}
.top-navigation .cw-detail-grid {grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);}
.top-navigation .cw-detail-tabs {gap:21px;padding:0 var(--space-md);}
.top-navigation .cw-detail-body {padding:var(--space-md);}
.top-navigation .cw-properties {padding:var(--space-md) var(--space-lg);min-height:0;height:100%;background:#f8fafd;}
.top-navigation .cw-properties > dl {grid-template-columns:89px minmax(0,1fr);gap:17px 13px;font-size:13px;}
.top-navigation :is(.cw-properties dt,.cw-properties h3,.cw-properties dd,.cw-property-section p,.cw-property-channel,.cw-property-channel small,.cw-privacy,.cw-record-heading p,.cw-section-title p,.cw-section-title h2 span,.cw-need-summary > p,.cw-note-form > label,.cw-note-form > div > span,.cw-timeline-meta,.cw-timeline-meta b,.cw-timeline-meta time,.cw-timeline p,.cw-muted,.cw-contact-list dt,.cw-contact-list dd,.cw-contact-list p) {color:var(--muted);}
.top-navigation :is(.cw-section-title h2,.cw-history-title h2) {font-size:15px;color:var(--ink);}
.top-navigation :is(.cw-need-summary > p,.cw-timeline p,.cw-contact-list dl,.cw-note-form > textarea) {font-size:13px;line-height:1.7;}
.top-navigation .cw-properties h3 {font-size:13px;color:var(--ink);}
.top-navigation .cw-privacy {font-size:12px;}
.top-navigation .op-focus-strip {background:#fff;border-color:var(--line);margin-bottom:21px;}
.top-navigation .op-column {background:#edf1f7;border-color:#e1e7ef;}
.top-navigation .op-card {border-color:#dde5ef;border-radius:9px;box-shadow:none;}
.top-navigation .op-card:hover {border-color:#b8cae3;box-shadow:none;}
.top-navigation .op-board {gap:var(--space-md);}
.top-navigation :is(.op-count,.op-card-company > button:first-child,.op-eyebrow,.op-card-footer > span:first-child,.op-text,.op-column-add,.op-empty-column) {color:var(--muted);}
.top-navigation .employees-page,.top-navigation .employee-detail-page {max-width:calc(var(--workspace-width) - 2 * var(--workspace-gutter));margin:var(--space-md) auto var(--space-lg);background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.top-navigation .employee-list-intro {padding:var(--space-md) var(--space-md);}
.top-navigation .employee-list-toolbar,.top-navigation .employee-table-scroll {padding-left:var(--space-md);padding-right:var(--space-md);}
.top-navigation .employee-table th {font-size:12px;background:#f0f4f9;}
.top-navigation .employee-description,.top-navigation .employee-updated {font-size:12px;}
.top-navigation .employee-setup {margin:var(--space-md);border:0;border-top:1px solid var(--line);border-radius:0;}
.top-navigation .employee-setup-heading {background:transparent;padding:21px 0 13px;border:0;}
.top-navigation .employee-setup-steps {padding:13px 0;}
.top-navigation .employee-setup-steps small {font-size:12px;}
.top-navigation .employee-identity {padding:var(--space-md);}
.top-navigation .employee-identity h2 {font-size:26px;}
.top-navigation .employee-editor-content {padding:var(--space-md);}
.top-navigation .employee-editor-content.ai-trial-content {padding:0;}
.top-navigation .employee-section {max-width:900px;}
.top-navigation .employee-field > span,.top-navigation .employee-section-heading h3 {font-size:14px;}
.top-navigation .employee-section-heading p,.top-navigation .employee-field > small {font-size:12px;}
.top-navigation .employee-field input,.top-navigation .employee-field textarea,.top-navigation .employee-field select {font-size:13px;line-height:1.6;}
.top-navigation .ai-trial-layout {grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);}
.top-navigation .ai-trial-evidence {background:#f8fafd;padding:21px;}
.top-navigation .ai-trial-evidence > section {padding:13px 0 21px;}
.top-navigation .ai-trial-evidence h4 {font-size:14px;}
.top-navigation .ai-evidence-empty {font-size:12px;line-height:1.618;}
.top-navigation .ai-knowledge-layout.is-editing {grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--space-md);}

/* Full-height chat keeps a stable composer after moving the global navigation. */
.top-navigation .content.inbox-content {padding:0;}
.top-navigation .inbox-workspace {height:calc(100dvh - var(--global-header-height) - var(--page-header-height));grid-template-columns:76px minmax(0,1fr);grid-template-rows:55px minmax(0,1fr);}
.top-navigation .inbox-layout {grid-template-columns:minmax(260px,1fr) minmax(360px,1.618fr) minmax(250px,.9fr);}
.top-navigation .chat-workspace-head {padding:0 21px;}
.top-navigation .inbox-channel-bar {background:#f8fafd;}
.top-navigation .thread-title b {font-size:14px;}
.top-navigation .thread-snippet {font-size:13px;}
.top-navigation .conversation-head {padding:13px 21px;}
.top-navigation .messages {background:#fafbfd;}
.top-navigation .bubble {font-size:14px;line-height:1.618;}
.top-navigation .composer textarea {font-size:14px;}
.top-navigation .page-notice {padding:var(--space-md);border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:var(--space-lg);}
.top-navigation .page-notice p {font-size:13px;line-height:1.618;}
.top-navigation .section-heading {margin-bottom:var(--space-md);}
.top-navigation .section-heading h2 {font-size:21px;font-weight:600;}
.top-navigation .table-wrap,.top-navigation .channel-directory {background:#fff;border:1px solid var(--line);border-radius:10px;}
.top-navigation .data-table th {background:#f0f4f9;color:var(--muted);font-size:12px;}
.top-navigation .data-table td {padding:21px 17px;font-size:13px;}
.top-navigation .channel-row {padding:21px;gap:21px;}
.top-navigation .channel-name h3 {font-size:16px;font-weight:550;}
.top-navigation .channel-name p {font-size:13px;}
.top-navigation .channel-next {font-size:12px;}

@media (max-width:1250px) {
 .global-header-inner {gap:13px;padding-inline:21px;}
 .global-nav-link {padding-inline:10px;gap:6px;}
 .global-account-name {display:none;}
 .global-brand small {max-width:120px;}
 .top-navigation .inbox-layout {grid-template-columns:minmax(260px,1fr) minmax(0,1.618fr);}
 .top-navigation .cw-detail,.top-navigation .employees-page,.top-navigation .employee-detail-page {margin-inline:var(--workspace-gutter);}
 .workbench-pipeline-body {flex-direction:column;align-items:stretch;gap:17px;}
 .workbench-pipeline-total {display:flex;justify-content:space-between;align-items:baseline;}
 .workbench-pipeline-total strong {margin:0;}
}
@media (max-width:1100px) {
 :root {--global-header-height:118px;--workspace-gutter:21px;}
 .global-header-inner {display:grid;grid-template-columns:1fr auto;grid-template-rows:64px 54px;gap:0;}
 .global-brand {justify-self:start;}
 .global-brand span {flex-direction:row;align-items:center;gap:13px;}
 .global-brand small {max-width:240px;font-size:11px;}
 .global-account {grid-column:2;grid-row:1;}
 .global-account-name {display:block;}
 .global-nav {grid-column:1/-1;grid-row:2;gap:8px;border-top:1px solid #f0f3f8;}
 .global-nav-link {height:44px;padding-inline:13px;}
 .global-nav-link.active::after {bottom:-5px;}
 .workbench-welcome h2 > span {display:block;margin:5px 0 0;}
 .workbench-person-title {flex-wrap:wrap;gap:5px;}
}
@media (max-width:900px) {
 .workbench-grid {grid-template-columns:1fr;}
 .workbench-pipeline {grid-row:2;}
 .workbench-plan-list {display:block;}
 .workbench-plan {border-bottom:1px solid var(--line);}
 .workbench-plan-channels small {display:block;}
 .workbench-tool-links {flex-direction:row;gap:21px;}
 .workbench-tool-links button {flex:1;}
 .workbench-tool-links button + button {border:0;}
 .top-navigation .cw-detail-grid,.top-navigation .ai-trial-layout {display:flex;flex-direction:column;}
 .top-navigation .cw-detail-main,.top-navigation .ai-trial-chat,.top-navigation .ai-trial-evidence {width:100%;min-width:0;}
 .top-navigation .cw-properties {height:auto;padding:21px;}
 .top-navigation .cw-properties > dl {grid-template-columns:89px minmax(0,1fr) 89px minmax(0,1fr);}
 .top-navigation .ai-knowledge-layout.is-editing {display:flex;}
}
@media (max-width:760px) {
 :root {--global-header-height:108px;--page-header-height:0px;--workspace-gutter:16px;}
 .global-header-inner {padding:0 16px;grid-template-rows:56px 52px;}
 .global-brand img {width:30px;height:30px;}
 .global-brand b {font-size:16px;}
 .global-brand small {display:none;}
 .global-account-name {font-size:11px;max-width:74px;}
 .global-avatar {width:27px;height:27px;font-size:11px;}
 .global-nav {gap:4px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;}
 .global-nav-link {padding-inline:12px;font-size:13px;gap:6px;}
 .global-nav-link.active::after {bottom:-4px;}
 .global-nav-link .line-icon {width:16px;height:16px;}
 .global-nav-link:focus-visible {outline-offset:-3px;}
 .top-navigation .topbar {padding:0 16px;gap:8px;}
 .top-navigation .crumb h1,.top-navigation .crm-shell .crumb h1 {font-size:14px;max-width:155px;}
 .top-navigation .top-actions .btn {font-size:12px;min-height:36px;padding:7px 9px;}
 .top-navigation .workspace-content,.top-navigation .workspace-content:has(> .workbench) {padding:21px 16px;}
 .top-navigation .crm-content,.top-navigation .employee-content {padding:0;}
 .top-navigation .cw-page {padding:0 16px 21px;}
 .top-navigation .cw-page-heading h2,.top-navigation .employee-list-intro h2 {font-size:21px;}
 .top-navigation .cw-page-heading p {font-size:12px;}
 .top-navigation .cw-table-wrap {display:none;}
 .top-navigation .cw-detail,.top-navigation .employees-page,.top-navigation .employee-detail-page {margin:0;border:0;border-radius:0;}
 .top-navigation .cw-record-heading {padding:21px 16px;}
 .top-navigation .cw-record-name h2 {font-size:21px;}
 .top-navigation .cw-detail-tabs {padding-inline:16px;top:var(--global-header-height);}
 .top-navigation .cw-detail-body,.top-navigation .employee-editor-content {padding:21px 16px;}
 .top-navigation .cw-properties > dl {grid-template-columns:80px minmax(0,1fr);}
 .top-navigation .employee-section {max-width:none;}
 .top-navigation .employee-list-intro {padding:21px 16px;}
 .top-navigation .employee-list-toolbar,.top-navigation .employee-table-scroll {padding-left:16px;padding-right:16px;}
 .top-navigation .employee-identity {padding:21px 16px;}
 .top-navigation .employee-identity h2 {font-size:21px;}
 .top-navigation .employee-field input,.top-navigation .employee-field textarea,.top-navigation .employee-field select {font-size:16px;}
 .modal .btn {min-height:40px;}
 .workbench-welcome {align-items:flex-start;margin-bottom:21px;gap:8px;}
 .workbench-welcome h2 {font-size:21px;}
 .workbench-welcome h2 > span {font-size:12px;}
 .workbench-date {font-size:11px;}
 .workbench-create {flex-direction:column;gap:8px;}
 .top-navigation .workbench-create .btn {font-size:11px;padding:6px 8px;min-height:32px;}
 .workbench-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
 .workbench-metric {padding:13px;}
 .workbench-metric:nth-child(2) {border-right:0;}
 .workbench-metric:nth-child(-n+2) {border-bottom:1px solid var(--line);}
 .workbench-metric strong {font-size:30px;}
 .workbench-metric-label {font-size:12px;}
 .workbench-metric-hint {font-size:10px;}
 .workbench-panel-head {padding:16px 13px 10px;gap:8px;}
 .workbench-panel-head h3 {font-size:15px;}
 .workbench-link {font-size:11px;}
 .workbench-tabs,.workbench-queue,.workbench-plan-list {padding-inline:13px;}
 .workbench-queue-row {gap:10px;min-height:100px;}
 .workbench-person-avatar {width:32px;height:32px;font-size:10px;}
 .workbench-person-title > b {font-size:13px;}
 .workbench-company {font-size:10px;}
 .workbench-preview {font-size:12px;}
 .workbench-row-aside {font-size:10px;max-width:58px;}
 .workbench-row-aside > span:first-child {font-size:9px;}
 .workbench-panel-foot {padding:12px 13px;font-size:10px;}
 .workbench-plan-copy > b {font-size:13px;}
 .workbench-plan-channels small {font-size:10px;}
 .workbench-add-plan {margin-inline:13px;}
 .workbench-pipeline-body {padding:8px 13px 21px;}
 .workbench-pipeline-total strong {font-size:26px;}
 .workbench-stage > div:first-child {font-size:10px;}
 .workbench-tool-links {flex-direction:column;padding-inline:13px;gap:0;}
 .workbench-tool-links button + button {border-top:1px solid var(--line);}
 .workbench-footnote {font-size:10px;}
 .top-navigation .inbox-workspace {display:flex;height:calc(100dvh - var(--global-header-height) - var(--page-header-height));}
 .top-navigation .inbox-layout {display:block;}
 .top-navigation .conversation-head {padding:12px;}
 .top-navigation .composer textarea {font-size:16px;}
 .top-navigation .page-notice {padding:16px;margin-bottom:21px;}
 .top-navigation .page-notice p {font-size:12px;}
 .top-navigation .section-heading {gap:8px;flex-wrap:wrap;}
 .top-navigation .section-heading h2 {font-size:18px;}
 .top-navigation .data-table td {padding:16px 12px;font-size:12px;}
 .top-navigation .channel-row {padding:17px 13px;gap:13px;}
 .top-navigation .channel-name h3 {font-size:14px;}
 .top-navigation .channel-name p {font-size:12px;}
}

/* Connection center shares the same heading rhythm and readable rows. */
.top-navigation .ch-page-head h2 {font-size:26px;letter-spacing:-.4px;}
.top-navigation .ch-page-head p {font-size:13px;}
.top-navigation .ch-tabs {margin-bottom:21px;}
.top-navigation .ch-provider-name h3 {font-size:15px;}
@media(max-width:760px){.top-navigation .ch-page-head h2 {font-size:21px;}.top-navigation .ch-page-head p {font-size:12px;}}

/* Page actions live with their content; no second full-width title bar. */
.workspace-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.workbench-date {display:flex;align-items:center;gap:13px;flex-wrap:wrap;}
.workspace-data-note {display:inline-flex;align-items:center;gap:13px;font-size:11px;color:var(--muted);}
.workspace-data-note::before {content:"";height:11px;width:1px;background:#cdd6e3;}
.page-heading-actions {display:flex;align-items:center;justify-content:flex-end;gap:21px;flex-shrink:0;}
.page-heading-actions > .btn {white-space:nowrap;}
.page-heading-actions .cw-attention {padding:9px 12px;background:transparent;border:0;}
.record-back {display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:36px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);}
.record-back:hover {color:var(--accent-text);background:var(--accent-pale);}
.record-back .line-icon {width:17px;height:17px;}
.employee-record-actions {display:flex;align-items:center;gap:13px;margin-left:auto;}
.employee-record-actions .btn {white-space:nowrap;}
.top-navigation .cw-record-actions {flex-wrap:wrap;justify-content:flex-end;}
.publishing-platforms {font-size:12px;color:var(--muted);}
.top-navigation .employee-identity {gap:13px;}
.top-navigation .op-page .page-heading-actions {gap:34px;}
@media(max-width:1100px) {
 .page-heading-actions {gap:13px;}
 .top-navigation .op-page .page-heading-actions {gap:21px;}
 .employees-page .page-heading-actions .employee-mode-note {display:none;}
}
@media(max-width:760px) {
 .workbench-welcome {flex-wrap:wrap;gap:17px;}
 .workbench-welcome > div:first-child {width:100%;}
 .workbench-create {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px;}
 .top-navigation .workbench-create .btn {min-height:36px;font-size:11px;justify-content:center;padding:7px 5px;gap:4px;white-space:nowrap;}
 .page-heading-actions {gap:8px;}
 .top-navigation .page-heading-actions > .btn {font-size:12px;min-height:40px;padding:8px 10px;}
 .top-navigation .cw-page-heading,.top-navigation .employee-list-intro {gap:13px;}
 .top-navigation .cw-record-actions {justify-content:flex-start;margin-left:0;gap:8px;}
 .top-navigation .cw-record-actions .btn {font-size:11px;}
 .top-navigation .op-page .cw-page-heading {flex-wrap:wrap;}
 .top-navigation .op-page .page-heading-actions {width:100%;justify-content:space-between;}
 .top-navigation .op-page .op-pipeline-value {align-items:flex-start;text-align:left;}
 .employee-record-actions {width:100%;margin:4px 0 0;justify-content:flex-end;}
 .employee-record-actions .employee-save-state {display:inline-flex;margin-right:auto;}
 .employee-record-actions .btn {min-height:40px;}
 .top-navigation .employee-identity {flex-wrap:wrap;}
 .record-back {width:28px;height:44px;}
 .publishing-platforms {display:none;}
}

/* Compact content hierarchy: one heading, one set of views, one toolbar. */
:root {--control-height:36px;--control-small:32px;--control-radius:8px;}
:is(.top-navigation,.modal) .btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);padding:8px 13px;border-radius:var(--control-radius);font-size:13px;line-height:1.3;}
:is(.top-navigation,.modal) .btn.small {min-height:var(--control-small);padding:6px 10px;font-size:12px;}
:is(.top-navigation,.modal) .btn .line-icon {width:16px;height:16px;flex-shrink:0;}
:is(.top-navigation,.modal) .btn:disabled {opacity:.5;cursor:not-allowed;}
.top-navigation :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
.top-navigation :is(.cw-search,.search-field):focus-within {border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-pale);}
.top-navigation :is(.cw-search,.search-field) input:focus-visible {outline:0;}
.top-navigation :is(.cw-search,.search-field) {min-height:var(--control-height);border:1px solid #dce4ef;border-radius:var(--control-radius);background:#fff;}
.top-navigation :is(.cw-search,.search-field) input {font-size:13px;min-height:34px;}
.top-navigation :is(.cw-toolbar select,.cw-task-toolbar > select,.employee-field input,.employee-field select,.ch-field input,.ch-field select) {min-height:var(--control-height);border-radius:var(--control-radius);border-color:#dce4ef;}
.top-navigation :is(.cw-toolbar,.cw-task-toolbar) {gap:8px;margin-bottom:21px;}
.top-navigation .cw-toolbar-end {gap:8px;}
.top-navigation :is(.cw-view-tabs,.employee-filters) {gap:4px;scrollbar-width:none;}
.top-navigation :is(.cw-view-tabs,.employee-filters)::-webkit-scrollbar {display:none;}
.top-navigation :is(.cw-view-tabs,.employee-filters) button {min-height:var(--control-height);border-radius:7px;font-size:12px;padding:7px 10px;}
.top-navigation .cw-view-tabs {padding-bottom:13px;}
.top-navigation .workspace-content {padding-top:21px;}
.top-navigation .cw-page {padding-top:21px;}
.top-navigation :is(.cw-page-heading,.ch-page-head,.workspace-page-heading,.employee-list-intro) {display:flex;align-items:center;justify-content:space-between;gap:21px;margin-bottom:21px;min-height:40px;}
.top-navigation :is(.cw-page-heading,.ch-page-head,.workspace-page-heading,.employee-list-intro) h2 {margin:0;font-size:24px;font-weight:620;line-height:1.4;letter-spacing:-.4px;color:var(--ink);}
.workspace-heading-main {display:flex;align-items:center;gap:21px;min-width:0;}
.workspace-page-description {margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6;}
.workspace-title-tabs {display:flex;align-items:center;gap:21px;min-width:0;}
.workspace-title-tabs button {position:relative;display:flex;align-items:center;gap:8px;padding:5px 0;border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1.5;font-weight:500;white-space:nowrap;}
.workspace-title-tabs button.active {color:var(--ink);font-weight:620;}
.workspace-title-tabs button.active::after {content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;background:var(--accent);border-radius:2px;}
.workspace-title-tabs button span {font-size:11px;font-weight:400;color:var(--muted);padding:1px 5px;border-radius:5px;background:#eaf0f7;}
.top-navigation .cw-attention {font-size:12px;gap:8px;}
.top-navigation .cw-attention strong {font-size:15px;}
.workspace-view-switch,.top-navigation .ch-tabs {display:flex;align-items:center;gap:3px;background:#eaf0f7;border:1px solid #e2e8f0;border-radius:8px;padding:3px;margin:0;}
.workspace-view-switch button,.top-navigation .ch-tabs button {display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:5px 10px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap;}
.workspace-view-switch button.active,.top-navigation .ch-tabs button[aria-selected="true"] {background:#fff;color:var(--accent-text);}
.workspace-view-switch .line-icon {width:15px;height:15px;}
.top-navigation .op-page .page-heading-actions {gap:21px;}
.top-navigation .op-pipeline-value {display:flex;align-items:baseline;flex-direction:row;gap:8px;text-align:left;}
.top-navigation .op-pipeline-value > strong {font-size:21px;margin:0;}
.top-navigation .op-pipeline-value > span,.top-navigation .op-pipeline-value > small {display:inline;font-size:11px;margin:0;color:var(--muted);}
.top-navigation .op-board {gap:13px;}
.top-navigation .op-column {padding:13px;}
.top-navigation .op-card {padding:13px 13px 0;}
.top-navigation .op-card-title {padding:10px 0;min-height:0;}
.top-navigation .op-card-value {margin-bottom:13px;}
.top-navigation .op-next {min-height:0;padding:13px 0;}
.top-navigation .op-card-footer {padding:10px 0;}
.top-navigation .op-card-actions {padding:8px 0;}
.top-navigation .cw-record-heading {gap:13px;padding:21px;flex-wrap:wrap;}
.top-navigation .cw-record-copy {flex:1;min-width:0;}
.top-navigation .cw-record-name {flex-wrap:wrap;gap:8px;}
.top-navigation .cw-record-name h2 {overflow-wrap:anywhere;}
.top-navigation .cw-record-actions {margin-left:auto;gap:8px;}
.top-navigation .cw-footer {padding:13px 0;align-items:center;gap:13px;}
.workspace-text-button {display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);padding:4px 0;font-size:12px;}
.workspace-text-button .line-icon {width:14px;height:14px;transform:rotate(180deg);}
.workspace-text-button:hover {color:var(--accent-text);}
.top-navigation .employees-page {margin:21px auto 34px;padding:0;background:transparent;border:0;border-radius:0;overflow:visible;}
.top-navigation .employee-list-intro {padding:0;}
.top-navigation .employee-list-intro p {margin:8px 0 0;font-size:12px;}
.top-navigation .employee-list-toolbar {padding:0;margin-bottom:13px;gap:13px;}
.top-navigation .employee-table-scroll {padding:0;background:#fff;border:1px solid var(--line);border-radius:10px;}
.top-navigation .employee-table th {height:42px;padding:10px 13px;}
.top-navigation .employee-table td {padding:17px 13px;}
.top-navigation .employee-table tbody tr:last-child td {border-bottom:0;}
.employee-list-guide {padding:13px 0;font-size:12px;color:var(--muted);}
.employee-list-guide summary {cursor:pointer;width:fit-content;}
.employee-list-guide p {margin:8px 0 0;line-height:1.7;}
.top-navigation .employee-section {padding:21px 0;}
.top-navigation .employee-section:first-child {padding-top:0;}
.top-navigation .employee-section-heading {margin-bottom:13px;}
.top-navigation .employee-form-grid {gap:13px 21px;}
.top-navigation .employee-editor-content {max-width:none;}
.top-navigation .employee-section {max-width:100%;}
.top-navigation :is(.cw-detail-tabs,.ai-detail-tabs) {gap:21px;}
.top-navigation :is(.cw-detail-tabs,.ai-detail-tabs) > button {min-height:44px;font-size:13px;}
.inbox-result-count {font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;padding:2px 6px;border-radius:5px;background:#eef2f8;flex-shrink:0;}
.top-navigation .inbox-toolbar {padding:13px 13px 0;}
.top-navigation .inbox-toolbar .tabs {margin-top:8px;}
.top-navigation .inbox-list-foot {padding:8px 13px;}
.top-navigation .data-table td {padding:17px;}
.top-navigation .workspace-page-heading h2 > span {font-size:12px;font-weight:400;color:var(--muted);margin-left:8px;}
.workspace-inline-note {padding:13px 16px;margin:0 0 21px;background:#edf2f9;color:var(--muted);border-radius:8px;font-size:12px;line-height:1.7;}
.top-navigation :is(.ch-account-section,.ch-provider-section,.wa-section) {margin:0 0 21px;padding:0;border-top:0;}
.top-navigation .ch-section-head {margin-bottom:13px;gap:13px;align-items:center;}
.top-navigation .ch-section-head p {font-size:12px;margin-top:5px;}
.top-navigation :is(.ch-accounts,.ch-providers) {background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.top-navigation .ch-account {padding:13px 17px;}
.top-navigation .ch-provider-row {min-height:72px;padding:13px 17px;gap:13px;}
.top-navigation .ch-provider:last-child .ch-provider-row,.top-navigation .ch-account:last-child {border-bottom:0;}
.top-navigation .ch-provider-name h3 {font-size:14px;}
.top-navigation .ch-provider-name .platform {width:28px;height:28px;}
.top-navigation .ch-provider-info {padding:13px 21px;}
.top-navigation .wa-section {padding:17px 21px;background:#fff;border:1px solid var(--line);border-radius:10px;}
.top-navigation .wa-boundary {margin:8px 0;font-size:12px;}
.top-navigation .wa-section .ch-empty-copy {margin:8px 0 0;}
.top-navigation .ch-api-section {padding-bottom:21px;margin-bottom:21px;}
.top-navigation .ch-api-layout {max-width:100%;}
@media(max-width:1250px) {
 .top-navigation .employees-page {margin-inline:var(--workspace-gutter);}
}
@media(max-width:1000px) {
 .top-navigation .cw-attention {display:none;}
 .top-navigation .op-pipeline-value > span {display:none;}
 .top-navigation .op-page .page-heading-actions {gap:13px;}
}
@media(max-width:760px) {
 :root {--control-height:40px;--control-small:36px;}
 :is(.top-navigation,.modal) .btn,.top-navigation .page-heading-actions > .btn {min-height:var(--control-height);font-size:12px;padding:8px 10px;}
 :is(.top-navigation,.modal) .btn.small {min-height:var(--control-small);font-size:12px;padding:6px 9px;}
 .top-navigation .workbench-create .btn {min-height:40px;font-size:11px;padding:7px 5px;gap:4px;}
 .top-navigation :is(.cw-toolbar,.cw-task-toolbar) {margin-bottom:16px;}
 .top-navigation :is(.cw-toolbar select,.cw-task-toolbar > select) {font-size:12px;}
 .top-navigation :is(.cw-page-heading,.ch-page-head,.workspace-page-heading,.employee-list-intro) {gap:13px;margin-bottom:17px;}
 .top-navigation :is(.cw-page-heading,.ch-page-head,.workspace-page-heading,.employee-list-intro) h2 {font-size:21px;}
 .workspace-title-tabs {gap:13px;}
 .workspace-title-tabs button {font-size:17px;gap:5px;min-height:40px;}
 .workspace-title-tabs button span {font-size:10px;padding:1px 4px;}
 .top-navigation .cw-page-heading > .btn {white-space:nowrap;}
 .workspace-heading-main {gap:13px;flex-wrap:wrap;}
 .top-navigation .op-page .cw-page-heading {display:grid;grid-template-columns:1fr auto;align-items:start;}
 .top-navigation .op-page .workspace-heading-main {align-items:flex-start;flex-direction:column;gap:8px;}
 .top-navigation .op-page .page-heading-actions {width:auto;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px;}
 .top-navigation .op-pipeline-value {align-items:baseline;gap:5px;}
 .top-navigation .op-pipeline-value > strong {font-size:17px;}
 .top-navigation .op-pipeline-value > small {font-size:10px;}
 .workspace-view-switch button,.top-navigation .ch-tabs button {min-height:32px;font-size:12px;}
 .top-navigation .cw-record-heading {padding:17px 16px;gap:10px;}
 .top-navigation .cw-record-heading > .company-avatar {width:36px;height:36px;font-size:12px;}
 .top-navigation .cw-record-name h2 {font-size:20px;}
 .top-navigation .cw-record-actions {width:100%;margin-left:0;justify-content:flex-start;}
 .top-navigation .cw-record-actions .btn {font-size:12px;}
 .top-navigation .employees-page {margin:21px 16px;}
 .top-navigation .employee-list-intro p {font-size:12px;}
 .top-navigation .employee-list-toolbar {gap:13px;}
 .top-navigation .employee-filters {justify-content:flex-start;overflow:auto;}
 .top-navigation .employee-filters button {font-size:11px;gap:5px;padding-inline:8px;}
 .top-navigation .employee-table td {padding:16px 10px;}
 .top-navigation .employee-table th {padding:10px;}
 .top-navigation .employee-field input,.top-navigation .employee-field select {font-size:16px;}
 .top-navigation .employee-identity {padding:17px 16px;}
 .top-navigation .employee-editor-content {padding:17px 16px;}
 .top-navigation .workspace-page-heading {flex-wrap:nowrap;align-items:flex-start;}
 .top-navigation .workspace-page-heading > .btn {flex-shrink:0;}
 .workspace-page-description {font-size:12px;}
 .top-navigation .ch-page-head {align-items:flex-start;}
 .top-navigation .ch-page-head .workspace-heading-main {flex-direction:column;align-items:flex-start;gap:13px;}
 .top-navigation .ch-page-head > .btn {white-space:nowrap;}
 .top-navigation .ch-provider-row {padding:13px;gap:8px;}
 .top-navigation .ch-provider-row > .btn:first-of-type {margin-left:41px;}
 .top-navigation .ch-provider-name p {font-size:12px;}
 .top-navigation .wa-section {padding:16px;}
 .top-navigation .wa-section .ch-section-head {gap:13px;}
}
:is(.top-navigation,.modal) .btn.ai-delete,:is(.top-navigation,.modal) .btn.danger {color:var(--danger);}
:is(.top-navigation,.modal) .btn.ai-delete:not(:disabled):hover,:is(.top-navigation,.modal) .btn.danger:not(:disabled):hover {color:var(--danger);background:var(--danger-pale);}
.top-navigation .wa-account-list {margin:13px 0 0;}
.top-navigation .wa-account-row:last-child {border-bottom:0;padding-bottom:0;}
.top-navigation .op-scroll {background:transparent;}
.modal :is(.field,.wide-text) {border:1px solid #dce4ef;border-radius:8px;background:#fff;color:var(--ink);font-size:13px;}
.modal .field {min-height:var(--control-height);}
.modal .form-grid {gap:13px 21px;}
.modal :is(button,input,select,textarea):focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
.modal .modal-actions {gap:8px;}
@media(max-width:760px) {.modal :is(.field,.wide-text) {font-size:16px;}}