/* Development visual direction, 27 September 2026.
   Presentation only: no data, permissions, pricing or document changes.
   Screen-scoped and opt-in so exported quotations retain their own branding. */
@media screen {
 body[data-bindr-theme="evergreen"] {
  --bindr-accent:#ff8a24; --bindr-accent-hover:#f07816; --bindr-accent-soft:#fff1e5;
  --bindr-bg:#f5f6f5; --bindr-card:#fff; --bindr-subtle:#f6f8f6;
  --bindr-text:#182c23; --bindr-muted:#68776f; --bindr-border:#dce5df;
  --bindr-section-heading:#f1f6f2; --bindr-section-edge:#dce5df; --bindr-section-orange:#7eac90; --bindr-section-footer:#f0f6f2;
  --bindr-focus:#a54500; --bindr-radius:16px; --bindr-control-radius:8px;
  --bindr-ui-paper:#fff; --bindr-ui-canvas:#f5f6f5; --bindr-ui-section:#f5f8f6;
  --bindr-ui-charcoal:#25513e; --bindr-ui-ink:#182c23; --bindr-ui-muted:#68776f;
  --bindr-ui-edge:#dce5df; --bindr-ui-soft-edge:#edf1ee; --bindr-ui-radius:12px;
  background:#e9ece9; color:#182c23; font-family:Inter,"Aptos",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 }
 body[data-bindr-theme="evergreen"] .app-shell {background:#fff;gap:8px;padding:10px;min-height:100dvh}
 body[data-bindr-theme="evergreen"] .app-shell>main {background:#f5f6f5;border-radius:20px;min-width:0}
 body[data-bindr-theme="evergreen"] .app-shell>.sidebar {background:#f7f8f7!important;color:#182c23;border:0;border-radius:17px;box-shadow:none;padding:18px 12px 12px}
 body[data-bindr-theme="evergreen"] .sidebar .brand {border:0;padding:3px 6px 14px;margin-bottom:8px;gap:10px;width:100%}
 body[data-bindr-theme="evergreen"] .sidebar .brand-copy strong {color:#202a35;font-size:30px;letter-spacing:-1.6px}
 body[data-bindr-theme="evergreen"] .sidebar .brand-copy .bindr-dot {color:#ff8a24}
 body[data-bindr-theme="evergreen"] .sidebar .brand-copy>span {display:none}
 body[data-bindr-theme="evergreen"] .sidebar .brand-mark {background:transparent;filter:none;width:34px;height:34px;min-width:34px;flex-basis:34px}

 body[data-bindr-theme="evergreen"] .sidebar nav {gap:3px}
 body[data-bindr-theme="evergreen"] .sidebar .nav-section {border-color:transparent;padding-bottom:3px}
 body[data-bindr-theme="evergreen"] .sidebar .nav-section-tools .nav-item {grid-template-columns:16px minmax(0,1fr);gap:4px 10px}
 body[data-bindr-theme="evergreen"] .sidebar .nav-section-tools .nav-item:before {grid-row:1 / span 2}
 body[data-bindr-theme="evergreen"] .sidebar .nav-section-tools .nav-addon-badge {grid-column:2;justify-self:start}
 body[data-bindr-theme="evergreen"] .sidebar .nav-section-tools .nav-item-copy {grid-column:2}
 body[data-bindr-theme="evergreen"] .sidebar .nav-divider,
 body[data-bindr-theme="evergreen"] .sidebar .nav-section.current-section .nav-divider {font-size:10px;letter-spacing:.09em;font-weight:500;color:#79877e;padding:12px 10px 5px}
 body[data-bindr-theme="evergreen"] .sidebar .nav-item {position:relative;gap:10px;padding:7px 10px;min-height:34px;border-radius:8px;font-size:13px;font-weight:450;line-height:1.35;color:#63756b}
 body[data-bindr-theme="evergreen"] .sidebar .nav-item:hover {background:#fff5ed;color:#803900}
 body[data-bindr-theme="evergreen"] .sidebar .nav-item.active {background:#fff0e2;color:#803900;box-shadow:inset 3px 0 #ff8a24;font-weight:650}
 body[data-bindr-theme="evergreen"] .sidebar .nav-item.active:after {display:none}
 body[data-bindr-theme="evergreen"] .sidebar .nav-item:before {content:"";display:block;flex:0 0 16px;width:16px;height:16px;background:currentColor;opacity:.85;mask:var(--evergreen-nav-icon) center / contain no-repeat;--evergreen-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='3'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/g%3E%3C/svg%3E")}
 body[data-bindr-theme="evergreen"] .sidebar :is([data-view="dashboard"],[data-account-view="myDashboard"]):before {--evergreen-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/g%3E%3C/svg%3E")}
 body[data-bindr-theme="evergreen"] .sidebar :is([data-view="jobs"],[data-view="completed"],[data-view="rates"],[data-view="plantLibrary"]):before {--evergreen-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h5l3 4h6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}
 body[data-bindr-theme="evergreen"] .sidebar :is([data-view="cvrDashboard"],[data-view="wonJournal"]):before {--evergreen-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 3v18h18M7 16v-5M12 16V7M17 16V4'/%3E%3C/g%3E%3C/svg%3E")}
 body[data-bindr-theme="evergreen"] .sidebar :is([data-view="contacts"],[data-view="clients"],[data-account-view="teamUsers"]):before {--evergreen-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M16 4a3 3 0 0 1 0 6M18 14a5 5 0 0 1 3 4v2'/%3E%3C/g%3E%3C/svg%3E")}
 body[data-bindr-theme="evergreen"] .sidebar :is(.nav-item-copy small,.nav-addon-badge) {color:#61756a}
 body[data-bindr-theme="evergreen"] .sidebar .nav-addon-badge {background:#f1f4f7;border-color:#c8d1d9}
 body[data-bindr-theme="evergreen"] .sidebar-company {border-top-color:#dce5df!important;color:#354e40}
 body[data-bindr-theme="evergreen"] .sidebar-company :is(small,.bindr-company-edit) {color:#5f7668}
 body[data-bindr-theme="evergreen"] #saveSyncDock {background:#edf4ef!important;border:1px solid #d7e5dc!important;border-radius:12px!important;color:#42634f!important}
 body[data-bindr-theme="evergreen"] #saveSyncDock .btn {background:#ff8a24;color:#202a35;border-color:#ff8a24;border-radius:99px;box-shadow:none}
 body[data-bindr-theme="evergreen"] #saveSyncDock :is(small,[role="status"]) {color:#657c6e!important}
 body[data-bindr-theme="evergreen"] .topbar.bindr-page-header {background:transparent;min-height:82px!important;padding:20px 22px 12px!important;border:0;box-shadow:none;gap:12px}
 body[data-bindr-theme="evergreen"] .topbar.bindr-page-header h1 {font-size:28px!important;font-weight:550;line-height:1.2;letter-spacing:-1px;color:#14291f}
 body[data-bindr-theme="evergreen"] .topbar.bindr-page-header .software-section-label {color:#698072!important;font-size:10px!important;letter-spacing:.08em;margin-bottom:4px}
 body[data-bindr-theme="evergreen"] .topbar .development-badge {color:#42634f;background:#eaf2ec;border-color:#d7e5da;font-weight:550;font-size:9px;letter-spacing:.06em}
 body[data-bindr-theme="evergreen"] .topbar .bindr-user-menu summary {min-width:165px}
 body[data-bindr-theme="evergreen"] .bindr-avatar {background:#eef2f5;color:#344352;border-radius:50%;width:36px;height:36px}
 body[data-bindr-theme="evergreen"] .bindr-user-menu strong {color:#183d2b;font-size:13px}
 body[data-bindr-theme="evergreen"] .bindr-user-menu small {color:#6b7c71}
 body[data-bindr-theme="evergreen"] .bindr-user-dropdown {border-radius:14px;border-color:#dce5df;box-shadow:0 12px 35px #14392218}
 body[data-bindr-theme="evergreen"] .crm-status {background:transparent;border:0;color:#66816e;margin:0;padding:0 22px 5px;font-size:11px}
 body[data-bindr-theme="evergreen"] .crm-status.error {color:#a52d27;background:#fff1ef}
 body[data-bindr-theme="evergreen"] .view:not(#takeoffView,#quoteView) {padding:10px 22px 28px;--bindr-radius:14px;--bindr-ui-radius:12px;color:#182c23}
 body[data-bindr-theme="evergreen"] .view p {color:#68776f}
 body[data-bindr-theme="evergreen"] :is(.btn,.view .btn,.topbar .btn,dialog .btn,.project-file-explorer .btn) {border-radius:99px;box-shadow:none;font-weight:550;letter-spacing:-.01em}
 body[data-bindr-theme="evergreen"] :is(.btn.primary,.topbar .btn.primary,.view .btn.primary) {background:#ff8a24;color:#202a35;border-color:#ff8a24}
 body[data-bindr-theme="evergreen"] :is(.btn.primary,.topbar .btn.primary,.view .btn.primary):hover {background:#f07816;color:#202a35}
 body[data-bindr-theme="evergreen"] :is(.btn.secondary,.btn.ghost,.topbar.bindr-page-header .btn.secondary,.topbar.bindr-page-header .btn.ghost) {background:#fff;color:#214e36;border-color:#acb9c3}
 body[data-bindr-theme="evergreen"] :is(.btn.secondary,.btn.ghost):hover {background:#fff1e5;border-color:#cf8a50}
 body[data-bindr-theme="evergreen"] :is(.btn.link,.text-link,.account-table button.link) {color:#a54500}
 body[data-bindr-theme="evergreen"] :is(button,input,select,textarea,a,summary):focus-visible {outline-color:#a54500!important}
 body[data-bindr-theme="evergreen"] :is(input[type="checkbox"],input[type="radio"]) {accent-color:#a54500}
 body[data-bindr-theme="evergreen"] .view:not(#estimateView,#quoteView,#takeoffView) :is(input:not([type="checkbox"],[type="radio"],[type="color"]),select,textarea) {border-color:#d7e2da;border-radius:8px;color:#233f2e;background:#fff}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.panel,.crm-panel,.account-panel,.cvr-report-panel,.qr-info-card,.vjf-overview-card,.cvr-costing-box,.cvr-comparison-box,.crm-table-wrap,.saved-card,.permission-group) {border-color:#e5ece7;border-radius:16px;background:#fff;box-shadow:0 2px 6px #16332303;margin-bottom:12px}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-panel-heading,.cvr-report-panel-heading,.fx-folder-heading,.cvr-costing-heading,.vjf-overview-card>header,.panel>.section-heading) {background:#fff!important;border-bottom-color:#eef2ef;border-radius:15px 15px 0 0;padding:12px 14px;color:#233f2e!important}
 body[data-bindr-theme="evergreen"] .app-shell .view .account-panel>h3 {background:#f6f9f6;border-color:#e5ece7;border-radius:12px 12px 0 0}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-two-col,.account-grid,.business-setup-grid,.cvr-report-panels) {gap:12px}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.rate-table,.account-table,.cvr-table,.fx-table,.afp-table,.job-saved-table) th {background:#f5f8f5;color:#607266}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.rate-table,.account-table,.cvr-table,.fx-table,.afp-table,.job-saved-table) td {border-bottom-color:#edf2ee}
 body[data-bindr-theme="evergreen"] :is(.crm-table tr:hover td,.fx-folder-row:hover,.fx-file-row:hover) {background:#fff6ef}
 body[data-bindr-theme="evergreen"] :is(.stage-badge,.crm-stat-badge,.team-status,.enquiry-type) {border-radius:99px}
 body[data-bindr-theme="evergreen"] .app-shell .view :is(.crm-kpis,.account-kpis,.cvr-report-metrics,.vjf-summary-grid,.job-pricing-totals,.variation-contract-summary) {gap:10px}
 body[data-bindr-theme="evergreen"] .app-shell .view :is(.crm-kpis,.account-kpis,.cvr-report-metrics,.vjf-summary-grid,.job-pricing-totals,.variation-contract-summary)>:is(article,button,div) {background:#fff;border-color:#e5ece7;border-radius:14px;padding:12px 14px;color:#182c23}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:is(article,button) {gap:10px;min-height:116px;padding:16px;border:0;border-radius:17px}
 body[data-bindr-theme="evergreen"] :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis) strong {font-size:clamp(22px,2.25vw,34px);font-weight:550;letter-spacing:-.8px;line-height:1.2}
 body[data-bindr-theme="evergreen"] :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis) span {font-size:13px;font-weight:500}
 body[data-bindr-theme="evergreen"] :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis) small {font-size:11px;color:#668570}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:first-child {background:linear-gradient(130deg,#202a35,#24865c);border-color:#1b6445;color:#fff}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:first-child :is(span,strong) {color:#17212b}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:first-child small {color:#556574}
 body[data-bindr-theme="evergreen"] .app-shell #dashboardView.view .crm-kpis {gap:10px}
 body[data-bindr-theme="evergreen"] .app-shell #dashboardView.view .crm-kpis>:not(:first-child) {background:#fff}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-quote-hubs {gap:12px;margin:12px 0}
 body[data-bindr-theme="evergreen"] .app-shell #dashboardView .crm-quote-hub:is(.is-live,.is-tender) {background:#fff;color:#244a35;border:1px solid #e5ece7;border-radius:16px;padding:14px 16px;gap:5px 14px;box-shadow:none}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-quote-hub:hover {background:#fff6ef;border-color:#cf8a50}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-quote-hub :is(strong,dd) {color:#803900;font-weight:600}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-quote-hub :is(dt,.crm-quote-hub-caption) {color:#6b7e71}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-quote-hub:after {color:#a54500}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-panel-heading h3 {font-weight:550;font-size:15px}
 body[data-bindr-theme="evergreen"] #dashboardView .stage-summary>div {border-color:#edf2ee;padding:8px 14px}
 body[data-bindr-theme="evergreen"] #dashboardView .stage-summary strong {font-weight:550}
 body[data-bindr-theme="evergreen"] .view .crm-empty {padding:14px;color:#68776f}
 body[data-bindr-theme="evergreen"] .crm-utility {opacity:.85}
 body[data-bindr-theme="evergreen"] :is(.permission-role.active,.permission-role[aria-pressed="true"],.account-scope button[aria-pressed="true"]) {background:#fff0e2;border-color:#e5b991;color:#803900}
 body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-tabs {background:#fff;border-color:#dce5df;border-radius:14px 14px 0 0;padding:4px 8px 0}
 body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-tabs button.is-active {background:#fff4eb;color:#803900;border-bottom-color:#ff8a24}
 body[data-bindr-theme="evergreen"] #recordView :is(.vjf-header,.qr-record-hero) {background:#eaf3ed;border-color:#d9e6dc;border-radius:16px;color:#183d2b}
 body[data-bindr-theme="evergreen"] #recordView :is(.vjf-header,.qr-record-hero) :is(h2,h3,p,small,.vjf-eyebrow) {color:#244a35}
 body[data-bindr-theme="evergreen"] #recordView :is(.vjf-workspace-body,.virtual-job-file .fx-body) {border-color:#dce5df;border-radius:0 0 14px 14px}
 body[data-bindr-theme="evergreen"] .virtual-job-file .fx-tree {background:#f5f8f5}
 body[data-bindr-theme="evergreen"] .virtual-job-file .fx-tree button[aria-current] {background:#fff0e2;color:#803900;box-shadow:inset 2px 0 #ff8a24}
 body[data-bindr-theme="evergreen"] .app-shell #estimateView .estimate-workspace-switch {background:transparent;border:0;box-shadow:none;margin:4px auto 0;padding:3px 0}
 body[data-bindr-theme="evergreen"] .app-shell #estimateView .estimate-workspace-tabs {background:#e9edf1;border:1px solid #dce5df;border-radius:99px;padding:3px;gap:3px}
 body[data-bindr-theme="evergreen"] .app-shell #estimateView .estimate-workspace-tabs .btn {border:0;border-radius:99px;color:#475767;background:transparent;box-shadow:none}
 body[data-bindr-theme="evergreen"] .app-shell #estimateView .estimate-workspace-tabs .btn[aria-pressed="true"] {background:#ff8a24;color:#202a35;border:0;box-shadow:0 2px 4px #16392312}
 body[data-bindr-theme="evergreen"] #estimateView :is(.estimate-details-panel,.estimate-output-total,.estimate-canvas,.material-pricing-panel,.workspace-section) {border-color:#dce5df;border-radius:12px}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-sticky-controls {background:#f5f6f5}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics {border-radius:12px;border-color:#dce5df;background:#fff}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article {background:#fff;border-color:#e1e9e3}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article :is(strong,span) {color:#244a35}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area>summary {background:#edf4ef!important;color:#204e34;border-color:#d3e2d8}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area>summary :is(.work-area-title-label,.work-area-title-label>span,.work-area-title-label small,.work-area-header-metrics small,.work-area-header-metrics strong,.area-visit-name,.area-visit-days,.area-visit-days strong) {color:#2d6143}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area>summary input {background:#fff;color:#183d2b;border-color:#c4d7c9}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area-header-duplicate {border-radius:99px;color:#293844;border-color:#acb9c3;background:#fff}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area-header-delete.danger {color:#a52d27!important;border-color:#deb4af!important;background:#fff!important}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .unified-layer-stack .work-area-column-totals>td {background:#edf4ef!important;color:#204e34}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area-column-totals small {color:#567962}
 body[data-bindr-theme="evergreen"] #excelEstimateWorkspace .excel-sheet .excel-group-head th {background:#23593e;border-color:#b4cebe;border-bottom-color:#5fa680}
 body[data-bindr-theme="evergreen"] #excelEstimateWorkspace .excel-group-days {background:#edf6ef;color:#215d3d;border-color:#a5c9b3}
 body[data-bindr-theme="evergreen"] #excelEstimateWorkspace .excel-sheet .excel-group-start {border-left-color:#a3c4b0}
 body[data-bindr-theme="evergreen"] .excel-segment button.active,
 body[data-bindr-theme="evergreen"] .excel-segment button[aria-pressed="true"] {background:#ff8a24;color:#202a35;border-color:#ff8a24}
 body[data-bindr-theme="evergreen"] dialog {border-radius:18px!important;border-color:#dce5df!important;box-shadow:0 24px 80px #16372330}
 body[data-bindr-theme="evergreen"] dialog::backdrop {background:#17212b66}
 body[data-bindr-theme="evergreen"] #toast {background:#293844;color:#fff;border-color:#475767;border-radius:12px}
 @media(min-width:1051px) {
  body[data-bindr-theme="evergreen"] .app-shell {grid-template-columns:208px minmax(0,1fr)}
  body[data-bindr-theme="evergreen"] .app-shell>.sidebar {top:10px;height:calc(100dvh - 20px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cad8ce transparent}
 }
 @media(max-width:1050px) {
  body[data-bindr-theme="evergreen"] .app-shell {grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}
  body[data-bindr-theme="evergreen"] .app-shell>.sidebar {padding:8px 12px;border-radius:12px}
  body[data-bindr-theme="evergreen"] .sidebar .brand {padding:0;margin:0}
  body[data-bindr-theme="evergreen"] .sidebar .bindr-nav-toggle {background:#fff;color:#293844;border-color:#acb9c3;border-radius:99px}
 }
 @media(max-width:650px) {
  body[data-bindr-theme="evergreen"] .app-shell {padding:5px}
  body[data-bindr-theme="evergreen"] .app-shell>main {border-radius:14px}
  body[data-bindr-theme="evergreen"] .topbar.bindr-page-header {padding:14px 12px 8px;min-height:64px!important}
  body[data-bindr-theme="evergreen"] .topbar.bindr-page-header h1 {font-size:23px!important}
  body[data-bindr-theme="evergreen"] .view:not(#takeoffView,#quoteView) {padding:8px 12px 22px}
  body[data-bindr-theme="evergreen"] .crm-status {padding:0 12px 5px}
  body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:is(article,button) {padding:12px;gap:6px;min-height:104px}
  body[data-bindr-theme="evergreen"] #dashboardView .crm-quote-hub {padding:12px}
 }
}
/* Readability pass: neutral surfaces, explicit hierarchy and stronger edges.
   Orange identifies actions and selection; status and layer colours stay semantic. */
@media screen {
 body[data-bindr-theme="evergreen"] {
  --bindr-bg:#edf0f3; --bindr-subtle:#f4f6f8; --bindr-text:#202a35; --bindr-muted:#515e6b;
  --bindr-border:#c8d1d9; --bindr-ui-canvas:#edf0f3; --bindr-ui-section:#e8edf1;
  --bindr-ui-ink:#202a35; --bindr-ui-muted:#515e6b; --bindr-ui-edge:#c8d1d9;
  --bindr-ui-soft-edge:#dfe5ea; --bindr-section-heading:#e5eaef; --bindr-section-edge:#c8d1d9;
  --bindr-section-footer:#eef2f5; --bindr-section-orange:#95a5b3;
  background:#e2e7ec;color:#202a35;
 }
 body[data-bindr-theme="evergreen"] .app-shell>main {background:#edf0f3}
 body[data-bindr-theme="evergreen"] .app-shell>.sidebar {background:#fff!important;border:1px solid #dce2e7}
 body[data-bindr-theme="evergreen"] .sidebar .nav-item {color:#424e5a;font-weight:500}
 body[data-bindr-theme="evergreen"] .sidebar .nav-item.active {color:#803900;background:#fff0e2;font-weight:700}
 body[data-bindr-theme="evergreen"] .sidebar .nav-divider,
 body[data-bindr-theme="evergreen"] .sidebar .nav-section.current-section .nav-divider {color:#546170;font-weight:700;font-size:11px}
 body[data-bindr-theme="evergreen"] .sidebar .nav-item-copy small {color:#566573;font-size:11px}
 body[data-bindr-theme="evergreen"] .sidebar .nav-addon-badge {color:#4d5a68!important}
 body[data-bindr-theme="evergreen"] #saveSyncDock {background:#f4f6f8!important;border-color:#c8d1d9!important}
 body[data-bindr-theme="evergreen"] #saveSyncDock [role="status"] {color:#4c5966!important}
 body[data-bindr-theme="evergreen"] .topbar.bindr-page-header {background:#fff;border-bottom:1px solid #d3dbe2;border-radius:20px 20px 0 0}
 body[data-bindr-theme="evergreen"] .topbar.bindr-page-header h1 {color:#17212b;font-weight:700;letter-spacing:-.7px}
 body[data-bindr-theme="evergreen"] .topbar.bindr-page-header .software-section-label {color:#53616f!important;font-weight:700}
 body[data-bindr-theme="evergreen"] .topbar .development-badge {background:#f2f4f6;color:#56616e;border-color:#cbd4dd}
 body[data-bindr-theme="evergreen"] .bindr-user-menu strong {color:#202a35;font-weight:700}
 body[data-bindr-theme="evergreen"] .bindr-user-menu small {color:#515e6b}
 body[data-bindr-theme="evergreen"] .crm-status {color:#54616d;padding-top:6px}
 body[data-bindr-theme="evergreen"] .crm-status.error {color:#a52d27}
 body[data-bindr-theme="evergreen"] .view:not(#takeoffView,#quoteView) {color:#202a35}
 body[data-bindr-theme="evergreen"] .view p {color:#515e6b}
 body[data-bindr-theme="evergreen"] :is(.btn.secondary,.btn.ghost,.topbar.bindr-page-header .btn.secondary,.topbar.bindr-page-header .btn.ghost) {color:#293844;border-color:#acb9c3;background:#fff;font-weight:600}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.panel,.crm-panel,.account-panel,.cvr-report-panel,.qr-info-card,.vjf-overview-card,.cvr-costing-box,.cvr-comparison-box,.crm-table-wrap,.saved-card,.permission-group) {border-color:#c8d1d9;box-shadow:0 2px 3px #20304405}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-panel-heading,.cvr-report-panel-heading,.fx-folder-heading,.cvr-costing-heading,.vjf-overview-card>header,.panel>.section-heading) {background:#f6f8fa!important;color:#202a35!important;border-bottom-color:#cbd5de}
 body[data-bindr-theme="evergreen"] .app-shell .view :is(.crm-panel-heading,.cvr-report-panel-heading,.cvr-costing-heading,.vjf-overview-card>header,.panel>.section-heading) :is(h2,h3) {color:#202a35;font-weight:700}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-panel-heading h3 {font-weight:700}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.rate-table,.account-table,.cvr-table,.fx-table,.afp-table,.job-saved-table) th {background:#e5ebf0;color:#344352;font-weight:700;border-color:#c5d0da}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.rate-table,.account-table,.cvr-table,.fx-table,.afp-table,.job-saved-table) td {border-bottom-color:#dde4ea}
 body[data-bindr-theme="evergreen"] .app-shell .view :is(.crm-table,.rate-table,.account-table,.cvr-table,.fx-table,.job-saved-table) small {color:#546473}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-kpis,.account-kpis,.cvr-report-metrics,.vjf-summary-grid,.job-pricing-totals,.variation-contract-summary)>:is(article,button,div) {background:#fff;border:1px solid #c3cdd6;color:#202a35}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:is(article,button) {background:#fff;border:1px solid #c3cdd6;border-top:3px solid #91a2b1;color:#202a35}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:first-child {background:#fff;border:1px solid #c3cdd6;border-top:3px solid #ff8a24;color:#202a35}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:is(article,button) span {color:#3e4b58;font-weight:600;font-size:13px}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:is(article,button) strong {color:#17212b;font-weight:750}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:is(article,button) small {color:#556574;font-size:12px}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.cvr-report-metrics,.vjf-summary-grid,.job-pricing-totals,.variation-contract-summary) strong {color:#17212b;font-weight:750;font-size:20px}
 body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.cvr-report-metrics,.vjf-summary-grid,.job-pricing-totals,.variation-contract-summary) :is(span,small) {color:#4d5a68}
 body[data-bindr-theme="evergreen"] .app-shell #dashboardView .crm-quote-hub:is(.is-live,.is-tender) {border-color:#c3cdd6;color:#202a35}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-quote-hub :is(strong,dd) {color:#17212b;font-weight:750}
 body[data-bindr-theme="evergreen"] #dashboardView .crm-quote-hub :is(dt,.crm-quote-hub-caption) {color:#53616e}
 body[data-bindr-theme="evergreen"] #dashboardView .stage-summary strong {color:#202a35;font-weight:700}
 body[data-bindr-theme="evergreen"] #recordView :is(.vjf-header,.qr-record-hero) {background:#fff;border-color:#c3cdd6;color:#202a35}
 body[data-bindr-theme="evergreen"] #recordView :is(.vjf-header,.qr-record-hero) :is(h2,h3,p,small,.vjf-eyebrow) {color:#344352}
 body[data-bindr-theme="evergreen"] #recordView :is(.vjf-workspace-body,.virtual-job-file .fx-body) {border-color:#c3cdd6}
 body[data-bindr-theme="evergreen"] .virtual-job-file .fx-tree {background:#f1f4f7}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-sticky-controls {background:#edf0f3}
 body[data-bindr-theme="evergreen"] #estimateView :is(.estimate-details-panel,.estimate-output-total,.estimate-canvas,.workspace-section) {border-color:#bcc8d2}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article {background:#fff;border-color:#bac7d1}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article span {color:#475767;font-size:11px;font-weight:600}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article strong {color:#17212b;font-weight:750}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area {border:1px solid #748491!important;border-radius:8px;box-shadow:none}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area>summary {background:#e0e7ed!important;color:#202a35;border-bottom:1px solid #aab8c5!important}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area>summary :is(.work-area-title-label,.work-area-title-label>span,.work-area-title-label small,.work-area-header-metrics small,.work-area-header-metrics strong,.area-visit-name,.area-visit-days,.area-visit-days strong) {color:#283b4b}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area>summary input {color:#17212b;border-color:#a5b6c4;font-weight:700}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .unified-layer-stack .work-area-column-totals>td {background:#e0e7ed!important;color:#202a35}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area-column-totals small {color:#415767}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-canvas #lineItems .work-area-column-totals strong {color:#17212b;font-weight:750}
 body[data-bindr-theme="evergreen"] #excelEstimateWorkspace .excel-sheet .excel-group-head th {background:#354956;border-color:#b9c7d1;border-bottom-color:#7b8f9d;color:#fff}
 body[data-bindr-theme="evergreen"] #excelEstimateWorkspace .excel-group-days {background:#f1f5f8;color:#263c4d;border-color:#9eafbd}
 body[data-bindr-theme="evergreen"] #excelEstimateWorkspace .excel-sheet .excel-group-start {border-left-color:#a7b6c3}
 body[data-bindr-theme="evergreen"] .view:not(#estimateView,#quoteView,#takeoffView) :is(input:not([type="checkbox"],[type="radio"],[type="color"]),select,textarea) {border-color:#aebcc8;color:#253341}
}

/* Compact estimate dock: one totals strip and one tools row. Retain calculation
   targets and the section heading for scripts and assistive technology. */
@media screen {
 body[data-bindr-theme="evergreen"] #estimateView .estimate-sticky-controls {border:1px solid #bcc8d2;border-radius:8px 8px 0 0;box-shadow:none}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-sticky-controls>.surfacing-heading {grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:8px 12px;background:#fff!important;border-radius:8px 8px 0 0;border-bottom:1px solid #d3dbe2}
 body[data-bindr-theme="evergreen"] #estimateView .surfacing-heading-title,
 body[data-bindr-theme="evergreen"] #estimateView .estimate-toolbox-heading {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics {grid-column:1;grid-row:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:0;border-radius:0;background:transparent}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article {padding:2px 12px;border:0;border-right:1px solid #d3dbe2;border-radius:0;background:transparent!important;box-shadow:none}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article:first-child {padding-left:0}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article:last-child {border-right:0}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article:has(#metricTonnage) {border:0;border-right:1px solid #d3dbe2}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics #metricTonnage {color:#17212b}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article span {font-size:11px;line-height:1.3;color:#475767}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article strong {font-size:16px;line-height:1.4;color:#17212b;font-variant-numeric:tabular-nums}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-sticky-controls>.surfacing-heading>.top-actions {grid-column:2;grid-row:1;gap:6px;flex-wrap:wrap}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-sticky-controls>.estimate-output-total {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:7px 12px;background:#f4f6f8;border:0;border-radius:0}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-output-total>dl,
 body[data-bindr-theme="evergreen"] #estimateView .estimate-output-total>div>strong {display:none}
 body[data-bindr-theme="evergreen"] #estimateView #estimateOutputScope {margin:0;color:#475767;font-size:12px;font-weight:600}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-output-total>.estimate-toolbox {display:flex;width:auto;min-width:0}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-tool-list {display:flex;flex-wrap:wrap;gap:6px}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-tool {width:auto;min-height:32px;box-shadow:none}
}
@media screen and (max-width:1100px) {
 body[data-bindr-theme="evergreen"] #estimateView .estimate-sticky-controls>.surfacing-heading {grid-template-columns:minmax(0,1fr)}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-sticky-controls>.surfacing-heading>.top-actions {grid-column:1;grid-row:2;justify-content:flex-end}
}
@media screen and (max-width:670px) {
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 0}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article {padding:2px 8px}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article:nth-child(3) {border-right:0}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article:nth-child(4) {padding-left:0}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article span {white-space:normal}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-builder-metrics article strong {font-size:14px}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-output-total>.estimate-toolbox {width:100%}
 body[data-bindr-theme="evergreen"] #estimateView .estimate-tool-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}


/* Compact save status; actions appear only while attention is needed. */
@media screen {
 body[data-bindr-theme="evergreen"] #saveSyncDock {background:transparent!important;border:0!important;border-radius:0!important;padding:4px 0;gap:6px}
 body[data-bindr-theme="evergreen"] #saveSyncDock #saveSyncButton[hidden] {display:none!important}
 body[data-bindr-theme="evergreen"] #saveSyncDock #saveSyncButton {border-radius:8px;font-size:12px;min-height:28px;padding:4px 9px}
 body[data-bindr-theme="evergreen"] #saveSyncDock #saveSyncStatus {font-size:11px;line-height:1.4;overflow-wrap:anywhere}
 body[data-bindr-theme="evergreen"] #saveSyncDock[data-state="saved"] #saveSyncStatus {color:#47745b!important}
 body[data-bindr-theme="evergreen"] #saveSyncDock[data-state="error"] #saveSyncStatus {color:#b42318!important}
}