@font-face {
  font-family: Inter;
  src: url('./assets/inter-latin-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ink: #17191a;
  --deep: #0d0e0f;
  --deep2: #17191a;
  --paper: #fff;
  --line: #e7e9e7;
  --muted: #777d79;
  --gold: #8b8067;
  --sans: Inter, Arial, sans-serif;
  --serif: Inter, Arial, sans-serif;
}

html, body { background: #fff; color: var(--ink); font-family: var(--sans); font-size: 14px; }
button, input, select, textarea { font-family: var(--sans); }
.app-shell { grid-template-columns: 224px minmax(0, 1fr); }

/* A single dark anchor for the otherwise quiet workspace. */
.sidebar {
  min-height: 600px;
  padding: 28px 15px 20px;
  background: #0b0c0d;
  color: #f6f6f4;
}
.brand-block { padding: 5px 13px 42px; }
.wordmark { width: 146px; }
.client-card {
  gap: 10px;
  margin: 0 0 24px;
  padding: 11px 12px;
  border: 1px solid #27292a;
  border-radius: 6px;
  background: #171819;
}
.client-mark {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background: #e1e2dd;
  color: #191b1b;
  font: 600 17px/1 var(--sans);
}
.client-name strong { font-size: 12px; font-weight: 600; }
.client-name small { color: #8c9290; font-size: 10px; }
.client-card .icon { color: #747a77; }
.main-nav { gap: 3px; }
.nav-item {
  height: 43px;
  padding: 0 13px;
  border-radius: 5px;
  color: #a9adab;
  font-size: 12px;
  font-weight: 500;
}
.nav-item:hover { background: #1b1d1e; color: #fff; }
.nav-item.active { background: #242628; color: #fff; }
.nav-item.active::before { display: none; }
.nav-item .icon { width: 16px; height: 16px; stroke-width: 1.6; }
.nav-item em { background: #35383a; color: #d5d9d6; }
.sidebar-footer { border-top: 1px solid #292c2c; padding: 18px 5px 0; }
.sidebar-footer .avatar { width: 30px; height: 30px; background: #303435; color: #e8ebe9; }
.sidebar-footer strong { font-weight: 550; }
.sidebar-footer small, .sidebar-footer > .icon { display: none; }

.topbar { height: 62px; padding-inline: clamp(30px, 4.3vw, 68px); border-color: #eceeeb; }
.breadcrumb { color: #858b86; font-size: 12px; }
.breadcrumb strong { color: #242827; font-weight: 550; }
.top-actions { gap: 13px; }
.preview-label {
  padding: 5px 8px;
  border-color: #e9eae6;
  border-radius: 4px;
  background: #fafaf9;
  color: #858b84;
  font-size: 10px;
  font-weight: 500;
}
.preview-label span { background: #90968e; }
.top-date, .bell, .top-actions > .avatar { display: none; }

main { max-width: 1500px; padding: 0 clamp(30px, 4.3vw, 68px) 80px; }
.page-heading { align-items: center; padding: 45px 0 35px; }
.page-heading h1 { font: 600 clamp(29px, 2.8vw, 37px)/1.15 var(--sans); letter-spacing: -.045em; }
.page-subtitle { margin-top: 9px; color: #7d8480; font-size: 13px; }
.primary-button, .outline-button {
  min-height: 39px;
  height: auto;
  padding: 9px 14px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 550;
}
.primary-button { background: #1b1d1e; border-color: #1b1d1e; }
.primary-button:hover { background: #373b3a; }
.outline-button { background: #fff; border-color: #dfe2de; color: #3a3f3c; }
.outline-button:hover { background: #f7f8f6; }

/* Overview: one progress summary, three metrics, and two useful lists. */
.hero-card {
  min-height: 0;
  align-items: center;
  gap: 40px;
  padding: 27px 34px;
  border: 1px solid #e9ebe7;
  border-radius: 7px;
  background: #f8f9f7;
  color: #202323;
}
.hero-copy { max-width: none; }
.hero-eyebrow { color: #767d76; font-size: 10px; font-weight: 600; letter-spacing: .1em; }
.hero-copy h2 { margin: 11px 0 6px; font: 600 20px/1.25 var(--sans); letter-spacing: -.03em; }
.hero-copy p { color: #8a908a; font-size: 12px; }
.hero-progress {
  align-self: center;
  width: 330px;
  min-width: 260px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  backdrop-filter: none;
}
.hero-progress-top { color: #6e7770; font-size: 11px; }
.hero-progress-top span:last-child { color: #242a25; font-weight: 600; }
.hero-progress-value { margin: 9px 0 16px; }
.hero-progress-value strong { font: 600 25px/1 var(--sans); letter-spacing: -.04em; }
.hero-progress-value span { color: #838b84; font-size: 11px; }
.progress-track { height: 5px; margin-bottom: 0; background: #e2e5e0; }
.progress-track span { background: #353d37; }

.stats-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 24px 0 42px;
  border-bottom: 1px solid #e7e9e7;
}
.stat-card {
  min-height: 110px;
  padding: 12px 27px 23px;
  border: 0;
  border-right: 1px solid #e7e9e7;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.stat-card:first-child { padding-left: 0; }
.stat-card:last-child { border-right: 0; }
.stat-card .stat-icon { display: none; }
.stat-label { margin-bottom: 9px; color: #747b75; font-size: 12px; font-weight: 500; }
.stat-main strong { font: 600 26px/1.12 var(--sans); letter-spacing: -.04em; }
.stat-foot { margin-top: 7px; color: #9a9f99; font-size: 11px; }
.dashboard-grid { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 48px; }
.panel { border: 0; border-radius: 0; background: #fff; box-shadow: none; }
.pipeline-panel, .activity-panel { padding: 0; }
.panel-kicker { display: none; }
.panel-heading { margin-bottom: 26px; }
.panel-heading h2, .calendar-head h2 { font: 600 17px/1.3 var(--sans); letter-spacing: -.025em; }
.text-button { color: #5b625c; font-size: 11px; font-weight: 550; }
.pipeline-chart { gap: 20px; }
.chart-row { grid-template-columns: 105px minmax(0, 1fr) 69px; gap: 16px; color: #667069; font-size: 11px; }
.chart-row strong { color: #414943; font-size: 11px; font-weight: 550; }
.chart-track { height: 9px; background: #e7ebe8; }
.chart-track span { background: var(--stage-color); }
.chart-label { display: flex; align-items: center; gap: 9px; }
.chart-label::before { content: ''; flex: none; width: 7px; height: 7px; border-radius: 2px; background: var(--stage-color); }
.activity-item { gap: 14px; padding: 13px 0; border-color: #eceeea; }
.activity-date { width: 37px; height: 43px; border: 0; background: none; }
.activity-date strong { font: 600 16px var(--sans); }
.activity-date small { color: #969d96; font-size: 9px; letter-spacing: 0; }
.activity-content strong { color: #303631; font-size: 12px; font-weight: 550; }
.activity-content span { color: #989e98; font-size: 11px; }
.activity-type { width: 6px; height: 6px; }
.activity-type.task { background: #8796ae; }

/* CRM: use the same quiet surfaces and spacing as the overview. */
.crm-summary {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 0 0 20px;
  border: 0;
}
.crm-summary-card {
  min-height: 88px;
  padding: 16px 18px;
  border: 1px solid #eaedea;
  border-radius: 6px;
  background: #fafbfa;
  box-shadow: none;
}
.crm-summary-card:first-child { padding-left: 18px; }
.crm-summary-card:last-child { border-right: 1px solid #eaedea; }
.crm-summary-card strong { font: 600 25px/1.1 var(--sans); letter-spacing: -.045em; }
.crm-summary-card small { margin-top: 8px; color: #737a75; font-size: 11px; }
.crm-toolbar { gap: 12px; margin-bottom: 17px; padding: 10px 12px; border: 1px solid #eaedea; border-radius: 7px; background: #f8faf8; }
.room-toolbar { margin-bottom: 18px; }
.search-box, .select-wrap, .segmented { border-color: #e4e7e3; border-radius: 5px; box-shadow: none; }
.search-box { height: 40px; }
.search-box input, .select-wrap select { font-size: 12px; }
.segmented button { font-size: 11px; }
.segmented button.selected { background: #eef1ed; color: #232825; }
.crm-content { border: 1px solid #eaedea; border-radius: 7px; }
.crm-table th { background: #f8faf8; }
.data-table th { color: #909890; font-size: 10px; font-weight: 600; letter-spacing: .04em; }
.data-table td { font-size: 12px; }
.crm-table td { padding-top: 17px; padding-bottom: 17px; }
.investor-logo { display: none; }
.investor-cell strong { font-weight: 600; }
.investor-cell small { color: #929a93; font-size: 10px; }
.stage-pill { padding: 5px 8px; font-size: 10px; font-weight: 500; }
.stage-pill.interested { background: #eef1e9; color: #657a56; }
.stage-pill.investment-committee { background: #eceef3; color: #68758a; }
.stage-pill.funded { background: #e4f0e9; color: #397b56; }
.table-footer, .files-foot { color: #9ca39b; font-size: 10px; }
.board-scroll { overflow: visible; padding: 0; }
.pipeline-phase-nav { display: grid; grid-template-columns: repeat(7, minmax(130px, 1fr)); gap: 0; margin: 0 0 30px; overflow-x: auto; border: 1px solid #e5e9e6; border-radius: 7px; background: #fff; }
.pipeline-phase-nav button { display: grid; align-content: center; justify-items: start; gap: 5px; min-height: 62px; padding: 12px 13px 10px; border: 0; border-right: 1px solid #e5e9e6; border-top: 3px solid var(--phase-color); border-radius: 0; background: #f9faf9; color: #303832; font-size: 11px; font-weight: 600; text-align: left; cursor: pointer; }
.pipeline-phase-nav button:last-child { border-right: 0; }
.pipeline-phase-nav button:hover, .pipeline-phase-nav button:focus-visible { background: #fff; }
.pipeline-phase-nav span { color: var(--phase-color); font-size: 10px; font-weight: 600; }
.kanban-phases { display: grid; gap: 34px; }
.kanban-phase { min-width: 0; scroll-margin-top: 20px; }
.kanban-phase-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.kanban-phase-heading h3 { display: flex; align-items: center; gap: 9px; margin: 0; color: #252b26; font-size: 17px; font-weight: 600; letter-spacing: -.025em; }
.kanban-phase-heading h3::before { content: ''; flex: none; width: 7px; height: 7px; border-radius: 2px; background: var(--phase-color); }
.kanban-phase-heading span { color: #929b93; font-size: 11px; }
.phase-scroll { overflow-x: auto; padding: 3px 4px 12px; margin: -3px -4px -12px; }
.kanban { gap: 12px; }
.kanban-column { min-height: 185px; padding: 0 11px 11px; overflow: hidden; border: 1px solid #e9ede9; border-radius: 7px; background: #f8faf8; }
.column-head { position: relative; display: flex; align-items: flex-start; gap: 8px; min-height: 76px; margin: 0 -11px 12px; padding: 16px 12px 12px; border-bottom: 1px solid color-mix(in srgb, var(--stage-color) 18%, #e9ede9); background: color-mix(in srgb, var(--stage-color) 12%, #fff); }
.column-head::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; background: var(--stage-color); }
.column-title { min-width: 0; flex: 1; }
.column-head strong { display: block; color: #273029; font-size: 12px; font-weight: 650; line-height: 1.25; }
.column-head small { display: block; margin-top: 5px; color: #68736c; font-size: 10px; line-height: 1.2; }
.column-head .column-count { display: grid; flex: none; place-items: center; min-width: 24px; height: 24px; padding: 0 5px; border-radius: 99px; background: #fff; color: var(--stage-color); font-size: 11px; font-weight: 700; }
.column-cards { min-height: 75px; }
.kanban-card { margin-bottom: 10px; padding: 15px; border: 0; border-radius: 6px; background: #fff; box-shadow: 0 3px 12px #1c241c15; }
.kanban-card:last-child { margin-bottom: 0; }
.kanban-card-foot { border-top: 1px solid #eef0ed; }
.kanban-column.drop-target { border-color: var(--stage-color); background: color-mix(in srgb, var(--stage-color) 9%, #fff); }
.kanban-card-top { display: none; }
.kanban-card .kanban-name { margin-top: 0; font-size: 13px; font-weight: 600; }
.kanban-card .kanban-sector { margin-bottom: 18px; font-size: 11px; }

/* Calendar and files retain their structure with less chrome. */
.calendar-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 39px; }
.calendar-sidebar { display: grid; align-content: start; gap: 30px; min-width: 0; }
.calendar-head { padding: 0 0 20px; }
.calendar-head h2 { font-size: 18px; }
.weekday-row { border-color: #ebeeea; background: #fff; }
.weekday-row span { color: #9ba39b; font-size: 10px; font-weight: 550; }
.calendar-grid { background: #ebeeea; }
.calendar-day { min-height: 105px; }
.calendar-day.outside { background: #fbfcfa; }
.day-number { color: #646e65; font-size: 11px; }
.calendar-day.today .day-number { background: #202422; }
.calendar-event { font-size: 10px; }
.calendar-event.task { border-color: #8a9ab0; background: #eef1f5; color: #5e6e85; }
.calendar-event.task.completed { opacity: .55; text-decoration: line-through; }
.tasks-panel, .agenda-panel { padding: 0; }
.task-count { display: block; margin-top: 3px; color: #9ba29b; font-size: 10px; }
.tasks-panel .panel-heading, .agenda-panel .panel-heading { margin-bottom: 12px; }
#task-list { max-height: 390px; overflow-y: auto; }
.task-item { display: flex; align-items: flex-start; gap: 10px; padding: 11px 0; border-bottom: 1px solid #eef0ed; }
.task-item:last-child { border-bottom: 0; }
.task-check { display: grid; place-items: center; flex: none; width: 17px; height: 17px; margin-top: 2px; padding: 0; border: 1px solid #cfd6cf; border-radius: 4px; background: #fff; color: #fff; font-size: 11px; line-height: 1; }
.task-item.done .task-check { border-color: #4e6253; background: #4e6253; }
.task-details { display: grid; gap: 3px; min-width: 0; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; }
.task-details strong { color: #303631; font-size: 11px; font-weight: 600; line-height: 1.35; }
.task-details small { color: #8d968e; font-size: 10px; }
.task-due { color: #7c867d; font-size: 10px; }
.task-due.overdue { color: #ad6d58; }
.task-item.done .task-details strong { color: #9ca49c; text-decoration: line-through; }
.key-dot.task { background: #8796ae; }
.agenda-date strong { color: #2e342f; font: 600 16px var(--sans); }
.agenda-date { font-size: 10px; }
.agenda-body strong { font-size: 12px; font-weight: 550; }
.agenda-body small { font-size: 10px; }
.agenda-key { color: #929a92; font-size: 10px; }

.room-toolbar { align-items: end; margin-top: 4px; }
.room-tabs button { color: #899189; font-size: 11px; }
.room-tabs button.selected { border-color: #262a27; color: #262a27; }
.files-panel { border: 1px solid #e7e9e7; border-radius: 5px; }
.files-head { background: #fafbfa; color: #909890; font-size: 10px; font-weight: 600; letter-spacing: .04em; }
.file-row { min-height: 67px; }
.file-icon, .file-icon.xlsx, .file-icon.docx { width: 30px; height: 34px; background: #f2f3f1; color: #727c72; }
.file-name strong { font-size: 12px; font-weight: 550; }
.file-name small { color: #9aa29a; font-size: 10px; }
.file-row > span, .file-access { color: #727c73; font-size: 11px; }
.file-access i { background: #929b91; }

.drawer-kicker, .drawer-section h3 { color: #7a827a; }
.drawer-top h2 { font: 600 25px/1.2 var(--sans); letter-spacing: -.035em; }
.modal-head h2 { font: 600 24px/1.2 var(--sans); letter-spacing: -.035em; }
.drawer-subtitle, .modal-description { font-size: 12px; }
.drawer-field strong, .drawer-section p, .drawer-section select, .modal-form input, .modal-form select, .modal-form textarea { font-size: 12px; }
.investor-edit-button { margin: 0 0 23px; }
.investor-edit-form { padding-top: 2px; }
.investor-edit-form .form-row > label { min-width: 0; }
.investor-edit-form .modal-actions { padding-bottom: 12px; }
.investor-description { margin: 0; }
.investor-profile-fields { margin-top: 18px; }
.drawer-field a { display: block; margin-top: 4px; color: #344d3d; font-size: 11px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.investor-section-heading { display: flex; align-items: baseline; justify-content: space-between; }
.investor-section-heading h3 { margin-bottom: 14px; }
.investor-section-heading > span { color: #8c958c; font-size: 10px; }
.investor-shared-files { display: grid; gap: 2px; }
.investor-shared-file { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #eef0ed; }
.investor-shared-file:last-child { border-bottom: 0; }
.investor-shared-file .icon { flex: none; width: 16px; height: 16px; color: #879188; }
.investor-shared-file span { display: grid; gap: 3px; min-width: 0; }
.investor-shared-file strong { font-size: 11px; font-weight: 600; overflow-wrap: anywhere; }
.investor-shared-file small { color: #929b93; font-size: 10px; }
.drawer-section .investor-sharing-note, .investor-sharing-note { margin: 12px 0 0; color: #9ba39b; font-size: 10px; line-height: 1.4; }
.investor-form-group { display: grid; gap: 13px; padding: 0 0 21px; border-bottom: 1px solid #e9ece8; }
.investor-form-group h3, .investor-file-fieldset legend { margin: 0; color: #7a827a; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.investor-file-fieldset { min-width: 0; margin: 0; padding: 0 0 21px; border: 0; border-bottom: 1px solid #e9ece8; }
.investor-file-fieldset legend { padding: 0; }
.investor-file-fieldset > p { margin: 9px 0 12px; color: #8c958d; font-size: 10px; line-height: 1.4; }
.investor-file-options { display: grid; gap: 5px; max-height: 230px; overflow: auto; }
.investor-file-option { display: flex !important; align-items: flex-start; gap: 9px !important; padding: 8px 9px; border-radius: 4px; background: #f6f7f5; cursor: pointer; }
.investor-file-option input { flex: none; width: 14px; min-height: 14px; height: 14px; margin: 1px 0 0; accent-color: #33483a; }
.investor-file-option span { display: grid; gap: 2px; min-width: 0; }
.investor-file-option strong { color: #394139; font-size: 10px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.investor-file-option small { color: #919991; font-size: 9px; font-weight: 400; }
.calendar-kind-switch { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; margin: 0 0 18px; padding: 4px; border-radius: 6px; background: #f2f3f1; }
.calendar-kind-switch button { padding: 8px; border: 0; border-radius: 4px; background: none; color: #7c857d; font-size: 12px; cursor: pointer; }
.calendar-kind-switch button.selected { background: #fff; color: #252b26; box-shadow: 0 1px 4px #1c241c12; font-weight: 600; }
.toast { background: #202422; }
@media (max-width: 500px) {
  .investor-edit-form .form-row { grid-template-columns: 1fr; }
}

/* The overview values are intentionally fixed placeholders for this UI phase. */
.overview-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.metric-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-height: 88px;
  padding: 15px 17px;
  border: 1px solid #eaedea;
  border-radius: 6px;
  background: #fafbfa;
}
.metric-box span { color: #737a75; font-size: 12px; font-weight: 500; line-height: 1.35; }
.metric-box strong { color: #1c201d; font-size: 25px; font-weight: 600; letter-spacing: -.05em; line-height: 1; white-space: nowrap; }
.dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#page-dashboard .pipeline-panel, #page-dashboard .activity-panel { padding: 24px 25px; border: 1px solid #eaedea; border-radius: 7px; background: #f8faf8; }
#page-dashboard .panel-heading { margin-bottom: 25px; }
#page-dashboard .panel-kicker { display: block; margin-bottom: 5px; color: #929b93; font-size: 9px; letter-spacing: .12em; }
#page-dashboard .panel-heading h2 { font-size: 17px; }
#page-dashboard .chart-row { grid-template-columns: 116px minmax(0, 1fr) 48px; gap: 13px; color: #4b554d; font-size: 11px; }
#page-dashboard .chart-row strong { color: #242c26; font-weight: 650; }
#page-dashboard .activity-date { border: 1px solid #ebeeea; border-radius: 5px; background: #fff; }
#page-dashboard .activity-item { border-color: #e7ebe7; }
.board-tip { margin: 0 0 14px; color: #8a928a; font-size: 11px; }
.kanban { width: 100%; min-width: 0; }
.kanban-card { cursor: grab; }
.kanban-move {
  display: grid;
  gap: 5px;
  margin-top: 13px;
  color: #919991;
  font-size: 10px;
}
.kanban-move select {
  width: 100%;
  min-width: 0;
  height: 31px;
  padding: 0 7px;
  border: 1px solid #e1e5df;
  border-radius: 4px;
  background: #fff;
  color: #555e55;
  font-size: 10px;
  cursor: pointer;
}

@media (max-width: 1100px) {
  .app-shell { grid-template-columns: 204px minmax(0, 1fr); }
  .dashboard-grid, .calendar-layout { gap: 28px; }
}
@media (max-width: 980px) {
  .calendar-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agenda-panel { display: block; }
}
@media (max-width: 900px) {
  .dashboard-grid, .calendar-layout { grid-template-columns: 1fr; }
  .overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .app-shell { display: block; }
  .sidebar { width: 238px; }
  .topbar { height: 58px; padding-inline: 18px; }
  main { padding-inline: 20px; }
  .page-heading { align-items: flex-start; padding: 30px 0 27px; }
  .page-heading h1 { font-size: 30px; }
  .page-subtitle { font-size: 12px; }
  .hero-card { padding: 23px; }
  .hero-progress { width: 100%; min-width: 0; margin-top: 27px; }
  .stats-grid { grid-template-columns: repeat(3, 1fr); margin-bottom: 35px; }
  .stat-card { padding: 12px 14px 20px; }
  .stat-card:first-child { padding-left: 0; }
  .stat-main strong { font-size: 21px; }
  .stat-label { font-size: 10px; }
  .stat-foot { font-size: 9px; }
  .crm-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .crm-summary-card, .crm-summary-card:first-child { min-height: 82px; padding: 13px 12px; }
  .crm-summary-card strong { font-size: 19px; }
  .crm-summary-card small { font-size: 9px; }
  .calendar-day { min-height: 79px; }
  .heading-actions .outline-button { display: inline-flex; }
  .overview-metrics { gap: 10px; margin-bottom: 34px; }
  .calendar-sidebar { grid-template-columns: 1fr; }
  .pipeline-phase-nav { flex-wrap: nowrap; overflow-x: auto; }
  .pipeline-phase-nav button { flex: none; }
  .metric-box { min-height: 84px; padding: 14px; }
  .metric-box strong { font-size: 23px; }
}
@media (max-width: 500px) {
  .page-heading { flex-wrap: wrap; gap: 18px; }
  .page-heading > .primary-button { margin-left: 0; }
  .stats-grid { grid-template-columns: 1fr; }
  .stat-card, .stat-card:first-child { min-height: 76px; padding: 12px 0; border-right: 0; border-bottom: 1px solid #eceeeb; }
  .stat-card:last-child { border-bottom: 0; }
  .stat-label { margin-bottom: 4px; }
  .stat-foot { margin-top: 3px; }
  .crm-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .crm-summary-card, .crm-summary-card:first-child { padding: 11px 8px; }
  .crm-summary-card strong { font-size: 16px; }
  .crm-summary-card small { font-size: 9px; line-height: 1.3; }
  #page-crm .toolbar-right { flex-wrap: wrap; }
  #page-crm .select-wrap { flex: 1 1 150px; }
  #page-crm .segmented { flex: 1 1 auto; justify-content: center; }
  .calendar-day { min-height: 69px; }
  .metric-box { min-height: 82px; padding: 13px; }
  .metric-box span { font-size: 11px; }
  .metric-box strong { font-size: 22px; }
  #page-dashboard .pipeline-panel, #page-dashboard .activity-panel { padding: 19px; }
  #page-dashboard .chart-row { grid-template-columns: 100px minmax(0, 1fr) 43px; gap: 8px; font-size: 10px; }
  #page-dashboard .chart-label { gap: 6px; }
}