/* Premium Bindr finish: restrained contrast, dense commercial workspaces and
   a deliberately secondary position for optional measurement tools. */
@media screen {
  :root {--bindr-bg:#e9edf2;--bindr-card:#fff;--bindr-subtle:#f5f7f9;--bindr-border:#d5dbe3;--bindr-text:#1c2430;--bindr-muted:#667184;--bindr-shell:#11141a;--bindr-radius:7px;--bindr-control-radius:5px;--bindr-shadow:0 1px 2px rgba(15,23,42,.035),0 7px 20px rgba(15,23,42,.045)}
  body{background:linear-gradient(135deg,#e8ecf1 0%,#f1f3f6 55%,#e7ebf0 100%);color:var(--bindr-text)}
  .app-shell{grid-template-columns:220px minmax(0,1fr)}
  .sidebar{padding:20px 12px 14px;background:linear-gradient(180deg,#0c0f14 0%,#171b23 72%,#11151b 100%);border-right:1px solid #303744;box-shadow:10px 0 32px rgba(8,12,18,.12)}
  .brand{padding:2px 8px 20px;margin-bottom:8px;border-bottom-color:#2b323d}.brand-copy strong{font-size:28px;letter-spacing:-1.5px}.brand-copy>span{color:#8d98a9}
  .sidebar nav{gap:0}.sidebar .nav-section{gap:2px;padding:5px 0 8px;border-bottom-color:#2c333d}.sidebar .nav-section .nav-divider{padding:8px 10px 4px;color:#727d8e;font-size:10px;letter-spacing:.14em}
  .sidebar .nav-item{width:100%;min-height:34px;padding:7px 10px;border:1px solid transparent;border-radius:5px;color:#bec6d2;font-size:13px;line-height:1.25;transition:background .14s ease,color .14s ease,border-color .14s ease}.sidebar .nav-item:hover{background:#222833;border-color:#303845;color:#fff}.sidebar .nav-item.active{background:linear-gradient(90deg,rgba(255,138,36,.2),rgba(255,138,36,.055));border-color:rgba(255,138,36,.12);color:#ffd2ab;box-shadow:inset 2px 0 #ff8a24}.sidebar .nav-item.active:after{display:none}
  .nav-section-tools{margin-top:2px}.nav-section-tools .nav-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.nav-item-copy{display:grid!important;gap:2px;min-width:0;color:inherit!important;font-size:13px!important}.nav-item-copy small{color:#7f8a9a;font-size:10px;font-weight:450;line-height:1.2;white-space:normal}.nav-addon-badge{margin:0!important;padding:2px 5px;border:1px solid #48505e;border-radius:3px;color:#9ca7b6!important;font-size:8px!important;font-weight:750;letter-spacing:.08em}
  .topbar{min-height:64px;padding:10px 18px;background:linear-gradient(105deg,#181c23,#232a35);border-bottom-color:#3b4451;box-shadow:0 3px 16px rgba(12,18,28,.16)}.topbar h1{font-size:1.3rem;font-weight:650;letter-spacing:-.03em}.software-section-label{font-size:.68rem!important;letter-spacing:.14em}
  .view:not(#takeoffView){padding:16px 18px 32px}:is(.panel,.crm-panel,.crm-table-wrap,.saved-card,.cvr-report-panel,.cvr-report-metrics,.crm-kpis,.metric-grid,.pipeline-column,.project-file-explorer,.qr-info-card,.qr-quote-card){border-color:var(--bindr-border);box-shadow:var(--bindr-shadow)}
  .view .panel>.section-heading,.view .crm-panel-heading,.view .workspace-section>.workspace-section-heading{background:linear-gradient(180deg,#f8f9fb,#f1f4f7)!important}:is(.crm-table,.rate-table,.fx-table,.cvr-table,.job-saved-table) th{background:#f2f4f7;color:#586577}:is(.crm-table,.rate-table,.fx-table,.cvr-table,.job-saved-table) tr:hover td{background:#f3f6f9}
  .btn,.view .btn,.topbar .btn,dialog .btn,.project-file-explorer .btn{font-weight:620;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.btn.primary{box-shadow:0 2px 8px rgba(196,78,0,.2),inset 0 1px rgba(255,255,255,.35)}.btn.primary:hover{transform:translateY(-1px)}.topbar .btn.ghost{background:#2b323e;border-color:#4b5665;color:#eef2f7}.topbar .btn.ghost:hover{background:#353e4b;border-color:#647184}
  .crm-status{padding:5px 18px;background:#f4f6f8;border-bottom-color:#d5dbe3;color:#5c6879;font-size:12px}#takeoffView .tw-header:after{content:'Optional measurement add-on';display:inline-flex;align-items:center;margin-left:auto;padding:4px 8px;border:1px solid #5a6472;border-radius:4px;color:#c6ced8;font-size:11px;font-weight:600;letter-spacing:.02em}
  @media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{padding:12px}.sidebar nav{gap:10px}.nav-section-tools{margin-top:0}.view:not(#takeoffView){padding:14px 14px 28px}}@media(max-width:620px){#takeoffView .tw-header:after{display:none}}
}