/* Developer UI refinement. Screen-only chrome; pricing canvases and printed
   documents retain their existing geometry, colours and calculations. */
@media screen {
  body[data-bindr-theme="evergreen"] {
    --bindr-bg:#f7f7f8; --bindr-card:#fff; --bindr-text:#23252a;
    --bindr-muted:#70747d; --bindr-border:#e4e5e9;
    --bindr-live-tint:#f7faf8; --bindr-tender-tint:#f7f9fd;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;
    background:#f7f7f8; color:#23252a;
  }
  body[data-bindr-theme="evergreen"] .app-shell {padding:0;gap:0;background:#f7f7f8;grid-template-columns:220px minmax(0,1fr)}
  body[data-bindr-theme="evergreen"] .app-shell > main {border-radius:0;background:#f7f7f8}
  body[data-bindr-theme="evergreen"] .app-shell > .sidebar {position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:22px 12px 12px;border-radius:0;border-right:1px solid #e7e7eb;background:#fdfdfd!important;overflow-y:auto;scrollbar-width:thin}
  body[data-bindr-theme="evergreen"] .sidebar .brand {margin:0 0 14px;padding:0 9px;gap:8px;min-height:36px}
  body[data-bindr-theme="evergreen"] .sidebar .brand-copy strong {font-size:29px;color:#22242a}
  body[data-bindr-theme="evergreen"] .sidebar .brand-mark {width:30px;height:30px;min-width:30px;flex-basis:30px}
  .workspace-nav-toggle {display:flex;align-items:center;justify-content:center;position:absolute;top:25px;right:14px;width:28px;height:28px;padding:5px;border:0;background:transparent;border-radius:7px;color:#7b7e87;cursor:pointer}
  .workspace-nav-toggle svg {width:20px;height:20px;flex:none}
  .workspace-nav-toggle:hover {background:#eeeef1;color:#34373f}
  body[data-bindr-theme="evergreen"] .sidebar nav {display:flex;flex-direction:column;gap:8px;flex:1;overflow:visible}
  body[data-bindr-theme="evergreen"] .sidebar .nav-section {display:block;margin:0;padding:0;border:0;min-width:0}
  body[data-bindr-theme="evergreen"] .sidebar .nav-section[hidden] {display:none}
  body[data-bindr-theme="evergreen"] .sidebar .nav-divider,
  body[data-bindr-theme="evergreen"] .sidebar .nav-section.current-section .nav-divider {padding:9px 11px 5px;color:#737a85;font-size:10px;letter-spacing:.085em;font-weight:600}
  body[data-bindr-theme="evergreen"] .sidebar .nav-item {display:flex;align-items:center;width:100%;min-height:34px;padding:8px 11px;margin:1px 0;border:0;border-radius:8px;color:#656973;font-size:12.5px;font-weight:500;box-shadow:none;gap:10px}
  body[data-bindr-theme="evergreen"] .sidebar .nav-item[hidden] {display:none}
  body[data-bindr-theme="evergreen"] .sidebar .nav-item:hover {color:#24262c;background:#f2f2f5}
  body[data-bindr-theme="evergreen"] .sidebar .nav-item.active {background:#fff0e5;color:#a44a0d;box-shadow:none;font-weight:600}
  body[data-bindr-theme="evergreen"] .sidebar .nav-item:before {opacity:.8;width:16px;height:16px;flex:0 0 16px}
  .workspace-nav-label {min-width:0;text-align:left}
  .workspace-nav-details {border:0;background:transparent;margin:1px 0;padding:0;border-radius:8px}
  .workspace-nav-details > summary {display:flex;align-items:center;gap:10px;padding:8px 11px;min-height:34px;color:#656973;cursor:pointer;list-style:none;font-size:12.5px;font-weight:500;border-radius:8px}
  .workspace-nav-details > summary::-webkit-details-marker {display:none}
  .workspace-nav-details > summary:before {content:"";width:16px;height:14px;border:1.5px solid currentColor;border-radius:3px;box-sizing:border-box;flex:none;opacity:.8}
  .workspace-nav-details > summary:after {content:"›";font-size:17px;margin-left:auto;line-height:1}
  .workspace-nav-details[open] > summary:after {transform:rotate(90deg)}
  .workspace-nav-details > summary:hover {background:#f2f2f5}
  body[data-bindr-theme="evergreen"] .sidebar .workspace-nav-details .nav-item {padding-left:20px;font-size:12px}
  body[data-bindr-theme="evergreen"] #saveSyncSlot {margin-top:20px}
  body[data-bindr-theme="evergreen"] #saveSyncDock {padding:9px 10px!important;min-height:32px;background:transparent!important;border:0!important;border-top:1px solid #eeeef1!important;border-radius:0!important;box-shadow:none!important;gap:8px}
  body[data-bindr-theme="evergreen"] #saveSyncDock [role="status"] {color:#6c7581!important;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
  body[data-bindr-theme="evergreen"] #saveSyncDock[data-state="error"] [role="status"] {color:#aa3028!important}
  body[data-bindr-theme="evergreen"] #saveSyncDock[data-state="pending"] [role="status"] {color:#99520e!important}
  body[data-bindr-theme="evergreen"] .sidebar-company {padding:9px 10px!important;margin-top:0!important;border-top:0!important;gap:8px}
  body[data-bindr-theme="evergreen"] .sidebar-company strong {font-size:12px!important;color:#444852!important}
  body[data-bindr-theme="evergreen"] .sidebar-company small {color:#9699a1!important;font-size:9px}
  body[data-bindr-theme="evergreen"] .sidebar-company img {max-width:29px;max-height:29px}

  body[data-bindr-theme="evergreen"] .topbar.bindr-page-header {min-height:82px!important;padding:20px 28px 14px!important;background:#f7f7f8;gap:14px;align-items:center;flex-wrap:wrap}
  body[data-bindr-theme="evergreen"] .topbar .screen-heading {gap:12px;min-width:0;flex:1}
  body[data-bindr-theme="evergreen"] .topbar.bindr-page-header h1 {font-size:25px!important;line-height:1.2;letter-spacing:-.8px;font-weight:600;color:#26282e}
  body[data-bindr-theme="evergreen"] .topbar .software-section-label {color:#898c94!important;font-size:10px!important;font-weight:500;letter-spacing:.07em}
  body[data-bindr-theme="evergreen"] .topbar .development-badge {color:#7b7e86;background:#eeeef2;border:0;border-radius:5px;font-size:9px;letter-spacing:.03em;padding:4px 6px}
  .workspace-search-open {display:flex;align-items:center;gap:9px;width:240px;height:35px;padding:8px 10px;border:1px solid #e5e5e9;border-radius:8px;background:#fff;color:#858992;cursor:pointer;text-align:left;font:inherit;font-size:12px;flex:0 1 240px}
  .workspace-search-open:hover {border-color:#c8cbd1;color:#3c4049}
  .workspace-search-open svg {width:15px;height:15px;flex:none}
  .workspace-search-open kbd {margin-left:auto;color:#92959d;background:#f6f6f8;border:1px solid #e9e9ed;border-radius:4px;font:10px inherit;white-space:nowrap;padding:2px 4px}
  body[data-bindr-theme="evergreen"] .topbar .bindr-user-menu summary {min-width:0;padding:0;border:0;background:transparent;gap:8px}
  body[data-bindr-theme="evergreen"] .bindr-user-menu summary strong {font-size:12px;color:#4e535e}
  body[data-bindr-theme="evergreen"] .bindr-user-menu summary small {font-size:10px;color:#898d96}
  body[data-bindr-theme="evergreen"] .bindr-avatar {width:33px;height:33px;background:#e9e9ee;color:#5e6370;font-size:11px}
  body[data-bindr-theme="evergreen"] .crm-status {padding:0 28px 4px;font-size:11px;color:#727985}
  body[data-bindr-theme="evergreen"] .crm-status.error {padding:8px 14px;margin:0 28px 10px;border:1px solid #edc4c0;border-radius:8px;color:#a52d27;background:#fff2f0}
  body[data-bindr-theme="evergreen"] .view:not(#takeoffView,#quoteView,#estimateView,#knockUpView) {padding:8px 28px 28px;color:#282b32;--bindr-ui-edge:#e4e5e9;--bindr-ui-section:#f8f8fa;--bindr-ui-ink:#30343d;--bindr-ui-muted:#747984}
  body[data-bindr-theme="evergreen"] :is(.btn.secondary,.btn.ghost,.topbar.bindr-page-header .btn.secondary,.topbar.bindr-page-header .btn.ghost) {color:#555b67;border-color:#dedfe5;background:#fff}
  body[data-bindr-theme="evergreen"] :is(.btn.secondary,.btn.ghost):hover {color:#282c35;background:#f5f5f7;border-color:#c8cbd3}
  body[data-bindr-theme="evergreen"] :is(.btn.primary,.topbar .btn.primary,.view .btn.primary) {background:#ff8a24;border-color:#ff8a24;color:#352211;font-weight:600}
  body[data-bindr-theme="evergreen"] .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.btn,.account-scope button) {border-radius:8px;min-height:32px;padding:6px 11px;font-size:12px;line-height:1.4}
  body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.panel,.crm-panel,.account-panel,.crm-table-wrap,.vjf-overview-card,.qr-info-card,.saved-card) {border-color:#e5e5ea;border-radius:12px;box-shadow:none}
  body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-panel-heading,.fx-folder-heading,.vjf-overview-card>header) {border-color:#ededf0!important;border-radius:12px 12px 0 0;padding:12px 16px;background:#fff!important;color:#343942!important}
  body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-filters,.account-scope) {border:0;background:transparent;padding:0;margin:0 0 14px;gap:10px}
  body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(input:not([type=checkbox],[type=radio],[type=color],[type=range]),select,textarea):not(.quote-sheet *) {border-color:#dedfe5;color:#373c47;background:#fff;border-radius:8px}
  body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.account-table,.fx-table) th {background:#fafafb;color:#6f7785;font-weight:550;font-size:11px;padding:11px 14px!important;letter-spacing:.01em}
  body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.account-table,.fx-table) td {padding:11px 14px!important;border-bottom-color:#eeeeF2;font-size:12px;line-height:1.5;color:#434956}
  body[data-bindr-theme="evergreen"] .app-shell .view :is(.crm-table,.account-table,.fx-table) td small {color:#707886;font-size:11px}
  body[data-bindr-theme="evergreen"] .app-shell .view :is(.crm-table,.account-table,.fx-table) tbody tr:not([data-crm-quote-tone]):not(.total)>td {background:#fff}
  body[data-bindr-theme="evergreen"] .app-shell .view :is(.crm-table,.account-table,.fx-table) tbody tr:not([data-crm-quote-tone]):hover>td {background:#fcfcfd}
  body[data-bindr-theme="evergreen"] .crm-page-heading {margin:0 0 16px;gap:12px;min-height:32px}
  body[data-bindr-theme="evergreen"] .crm-page-heading .top-actions {gap:8px}
  body[data-bindr-theme="evergreen"] #myDashboardView .crm-page-heading .btn[data-crm-new="task"] {border-radius:999px;padding-inline:17px;background:#fff;border:1px solid #eac29e;color:#8b4a20;box-shadow:0 0 0 2px #fff9f3}
  body[data-bindr-theme="evergreen"] #myDashboardView .crm-page-heading .btn[data-crm-new="task"]:hover {background:#fff7ef;border-color:#dfa876;box-shadow:0 0 0 2px #fff4e9}
  body[data-bindr-theme="evergreen"] #myDashboardView .crm-page-heading .btn[data-crm-new="task"]:focus-visible {outline:2px solid #d9975e;outline-offset:3px}
  body[data-bindr-theme="evergreen"] .crm-page-heading h2 {font-size:15px;letter-spacing:-.2px;color:#343842}
  body[data-bindr-theme="evergreen"] .app-shell .view .pipeline-toolbar,
  body[data-bindr-theme="evergreen"] .app-shell .view .pipeline-pagination {background:#fafafb;border-color:#ececf0;color:#787e8b;border-radius:8px}

  /* Compact metrics leave the working lists closer to the top of the page. */
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis {gap:0;border:1px solid #e5e5ea;background:#fff;border-radius:12px;padding:0;margin-bottom:14px;overflow:hidden}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis > :is(button,article) {min-height:95px;border:0!important;border-right:1px solid #ededf1!important;border-radius:0;background:transparent;padding:16px 20px;gap:6px;box-shadow:none}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis > :last-child {border-right:0!important}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis > button:hover {background:#fcfaf8}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis strong {font-size:25px;font-weight:600;letter-spacing:-.7px;color:#333740}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis span {font-size:11px;color:#7a7f89;font-weight:500}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis small {font-size:10px;color:#757c88}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hubs {gap:12px;margin-bottom:20px}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub {display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px 18px;--crm-hub-surface:var(--bindr-live-tint);--crm-hub-border:#e1eae4;--crm-hub-edge:#c5d8cd;border:1px solid var(--crm-hub-border);border-left:2px solid var(--crm-hub-edge);border-radius:12px;gap:5px 16px;background:var(--crm-hub-surface);color:#34404d;box-shadow:none}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub.is-tender {--crm-hub-surface:var(--bindr-tender-tint);--crm-hub-border:#e3e9f2;--crm-hub-edge:#c8d7e9}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub:is(:hover,:focus-visible) {background:var(--crm-hub-surface);filter:none;border-color:#e5b78f;box-shadow:0 0 0 1px #f0caa833}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub-label {font-size:13px;font-weight:600;color:#34404d}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub > strong {font-size:25px;grid-column:2;grid-row:1 / span 2;font-weight:550;color:#475566;letter-spacing:-.6px}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub-caption {font-size:10px;color:#66727e}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub dl {display:flex;grid-column:1/-1;flex-wrap:wrap;border:0;padding:8px 0 0;margin:0;gap:8px 22px}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub dl > div {display:flex;align-items:baseline;gap:6px}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub dt {font-size:10px;color:#66727e}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hub dd {font-size:12px;font-weight:550;color:#566373;margin:0}
  body[data-bindr-theme="evergreen"] .crm-utility {gap:8px;padding:10px 0;border:0;opacity:.8}

  /* Job files remain a single workspace with clear tabs and a quieter identity. */
  body[data-bindr-theme="evergreen"] #recordView .vjf-header {padding:16px 18px;background:#fff;border:1px solid #e4e5eb;border-radius:12px;gap:16px}
  body[data-bindr-theme="evergreen"] #recordView .vjf-header .record-project-name {font-size:18px;color:#303540;font-weight:600;letter-spacing:-.3px}
  body[data-bindr-theme="evergreen"] #recordView .vjf-header :is(p,small,.vjf-eyebrow) {color:#747c8a;font-size:11px}
  body[data-bindr-theme="evergreen"] #recordView .vjf-job-status > strong {font-size:21px;color:#383f4c;font-weight:600;letter-spacing:-.4px}
  body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-tabs {display:flex;gap:3px;padding:6px;background:#ededf1;border:0;border-radius:10px;margin:14px 0 16px;overflow-x:auto;flex-wrap:wrap}
  body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-tabs button {min-height:32px;padding:7px 13px;border:0;border-radius:7px;background:transparent;font-size:12px;font-weight:500;color:#757c87;white-space:nowrap;box-shadow:none}
  body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-tabs button:hover {background:#f6f6f9;color:#3d4450}
  body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-tabs button.is-active {background:#fff;color:#343b48;border:0;box-shadow:0 1px 4px #27283e10;font-weight:600}
  body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-body {border:0;border-radius:12px;background:transparent}
  body[data-bindr-theme="evergreen"] .app-shell .view#recordView .vjf-summary-grid {gap:0;border:1px solid #e5e5eb;border-radius:12px;overflow:hidden;background:#fff}
  body[data-bindr-theme="evergreen"] .app-shell .view#recordView .vjf-summary-grid article {background:#fff;border:0;border-right:1px solid #eeeef2;border-radius:0;padding:16px 18px}
  body[data-bindr-theme="evergreen"] .app-shell .view#recordView .vjf-summary-grid article:last-child {border-right:0}
  body[data-bindr-theme="evergreen"] .app-shell .view#recordView .vjf-summary-grid strong {font-size:22px;letter-spacing:-.4px;font-weight:550;color:#414956}
  body[data-bindr-theme="evergreen"] .app-shell .view#recordView .vjf-summary-grid span {font-size:11px;color:#747c8a}

  /* Native modal supplies focus containment, Escape and inert background. */
  #workspaceSearch.workspace-search-dialog {width:min(640px,calc(100vw - 32px));max-height:80dvh;padding:0;margin:12vh auto auto;border:1px solid #e2e3e8;border-radius:16px;background:#fff;box-shadow:0 24px 90px #151b3533;color:#383e4a}
  #workspaceSearch::backdrop {background:#1a223142;backdrop-filter:blur(4px)}
  #workspaceSearch header {display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #eeeef3}
  #workspaceSearch header svg {width:21px;height:21px;flex:none;color:#8b919d}
  #workspaceSearch header input {flex:1;min-width:0;border:0;outline:none!important;box-shadow:none;padding:4px 0;font:inherit;font-size:15px;background:transparent;color:#313846}
  #workspaceSearch header input::placeholder {color:#989ca6}
  .workspace-search-close {background:#f6f6f8;border:1px solid #e9e9ef;border-radius:5px;color:#9196a1;font-size:11px;padding:4px 6px;cursor:pointer}
  .workspace-search-status {padding:12px 18px 6px;font-size:11px;line-height:1.5;color:#6f7785}
  #workspaceSearchResults {padding:4px 8px 10px;max-height:53dvh;overflow-y:auto}
  #workspaceSearchResults > button {display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;min-height:60px;border:0;border-radius:8px;text-align:left;background:#fff;color:#3d4453;cursor:pointer}
  #workspaceSearchResults > button:is(:hover,[aria-selected="true"]) {background:#fff3e9}
  .workspace-result-icon {display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e6e8ee;border-radius:8px;background:#fff;font-size:13px;color:#89919f;flex:none}
  .workspace-result-copy {display:grid;gap:5px;min-width:0;flex:1}
  .workspace-result-copy strong {font-size:13px;font-weight:550;overflow-wrap:anywhere}
  .workspace-result-copy small {color:#6f7785;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
  .workspace-result-kind {font-size:10px;color:#a0a6b0;flex:none}
  #workspaceSearch footer {display:flex;gap:14px;padding:11px 18px;border-top:1px solid #eeeef3;font-size:10px;color:#999faa}
  #workspaceSearch footer > :last-child {margin-left:auto}
  #workspaceSearch kbd {font-family:inherit;font-size:10px}

  @media(min-width:1051px) {
    html[data-bindr-nav="compact"] body[data-bindr-theme="evergreen"] .app-shell {grid-template-columns:70px minmax(0,1fr)}
    html[data-bindr-nav="compact"] body[data-bindr-theme="evergreen"] .app-shell > .sidebar {padding:18px 9px 12px}
    html[data-bindr-nav="compact"] body[data-bindr-theme="evergreen"] .sidebar .brand {padding:0;justify-content:center;margin-bottom:8px}
    html[data-bindr-nav="compact"] .sidebar .brand-copy,
    html[data-bindr-nav="compact"] .sidebar .workspace-nav-label,
    html[data-bindr-nav="compact"] .sidebar-company {display:none!important}
    /* Keep the expand control in flow so page-specific header spacing cannot cover it. */
    html[data-bindr-nav="compact"] .workspace-nav-toggle {position:static;align-self:center;flex:0 0 28px;margin:0 0 12px}
    html[data-bindr-nav="compact"] .workspace-nav-toggle svg {transform:rotate(180deg)}
    /* Hide section headings outright; global readable type rules can override font-size:0. */
    html[data-bindr-nav="compact"] body[data-bindr-theme="evergreen"] .sidebar .nav-section .nav-divider {display:none!important}
    html[data-bindr-nav="compact"] body[data-bindr-theme="evergreen"] .sidebar .nav-item {justify-content:center;padding:10px;height:36px}
    html[data-bindr-nav="compact"] .workspace-nav-details > summary {justify-content:center;padding:10px}
    html[data-bindr-nav="compact"] .workspace-nav-details > summary:after {display:none}
    html[data-bindr-nav="compact"] .workspace-nav-details > .nav-item {display:none!important}
    html[data-bindr-nav="compact"] .sidebar #saveSyncSlot,
    html[data-bindr-nav="compact"] .sidebar #saveSyncDock {display:none!important}
  }
  @media(max-width:1250px) {
    .workspace-search-open {width:190px;flex-basis:190px}
    body[data-bindr-theme="evergreen"] .topbar .bindr-user-menu summary > span:last-child {display:none}
    body[data-bindr-theme="evergreen"] .topbar.bindr-page-header {padding-inline:20px!important}
    body[data-bindr-theme="evergreen"] .view:not(#takeoffView,#quoteView,#estimateView,#knockUpView) {padding-inline:20px}
  }
  @media(max-width:1050px) {
    body[data-bindr-theme="evergreen"] .app-shell {grid-template-columns:1fr}
    body[data-bindr-theme="evergreen"] .app-shell > .sidebar {position:relative;height:auto;display:block;padding:12px 18px;overflow:visible;border-right:0;border-bottom:1px solid #e7e7ed}
    body[data-bindr-theme="evergreen"] .sidebar .brand {margin:0;padding:0;justify-content:flex-start}
    .workspace-nav-toggle {display:none}
    body[data-bindr-theme="evergreen"] .sidebar nav {display:none}
    body[data-bindr-theme="evergreen"] .sidebar.bindr-nav-open nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
    body[data-bindr-theme="evergreen"] #saveSyncSlot {margin-top:0}
    body[data-bindr-theme="evergreen"] .sidebar #saveSyncDock {border:0!important}
  }
  @media(max-width:650px) {
    body[data-bindr-theme="evergreen"] .sidebar.bindr-nav-open nav {grid-template-columns:repeat(2,minmax(0,1fr))}
    body[data-bindr-theme="evergreen"] .topbar.bindr-page-header {padding:16px 14px 10px!important;gap:10px}
    body[data-bindr-theme="evergreen"] .topbar .screen-heading {flex-basis:calc(100% - 44px)}
    body[data-bindr-theme="evergreen"] .topbar.bindr-page-header h1 {font-size:22px!important}
    .workspace-search-open {order:3;flex:1 1 100%;width:100%}
    body[data-bindr-theme="evergreen"] .topbar .development-badge {display:none}
    body[data-bindr-theme="evergreen"] .view:not(#takeoffView,#quoteView,#estimateView,#knockUpView) {padding:8px 14px 22px}
    body[data-bindr-theme="evergreen"] .crm-status {padding-inline:14px}
    body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis {grid-template-columns:repeat(2,minmax(0,1fr))}
    body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis > :is(button,article) {padding:14px;min-height:86px}
    body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-kpis strong {font-size:22px}
    body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view .crm-quote-hubs {grid-template-columns:1fr}
    body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-tabs {flex-wrap:nowrap}
    .workspace-result-kind {display:none}
    #workspaceSearch footer {gap:8px}
  }
  @media(prefers-reduced-motion:reduce) { .workspace-search-open,.workspace-nav-toggle {transition:none} }
}