/* Screen-only refinements: keep document layouts and estimating work areas intact. */
@media screen {
 body[data-bindr-theme="evergreen"] .app-shell .view :is(.crm-table,.account-table,.afp-table,.cvr-table,.job-pricing-totals,.afp-claim-summary,.afp-totals) {font-variant-numeric:tabular-nums}
 /* The page title already identifies the job; the header carries its context. */
 body[data-bindr-theme="evergreen"] #recordView .vjf-header h2 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body[data-bindr-theme="evergreen"] #recordView .vjf-header {padding:12px;gap:12px 20px}
 body[data-bindr-theme="evergreen"] #recordView .vjf-eyebrow {font-size:12px;letter-spacing:.03em}
 body[data-bindr-theme="evergreen"] #recordView .vjf-header p {margin:5px 0 0;line-height:1.4}
 body[data-bindr-theme="evergreen"] #recordView .responsibility:not([open]) {border-color:transparent;background:transparent;padding:3px 0;margin-bottom:8px}
 body[data-bindr-theme="evergreen"] #recordView .job-quick-recovery {border:0;background:transparent;margin-bottom:10px}
 body[data-bindr-theme="evergreen"] #recordView .job-quick-recovery-bar {padding:3px 10px;min-height:34px}
 body[data-bindr-theme="evergreen"] #recordView .job-recovery-toggle strong {font-weight:500}
 body[data-bindr-theme="evergreen"] #jobQuickRecoveryPanel:not([hidden]) {margin-top:8px;padding:12px;border:1px solid #c8d1d9;border-radius:12px;background:#fff}
 body[data-bindr-theme="evergreen"] #recordView .vjf-workspace-body {border-radius:0 0 12px 12px}
 body[data-bindr-theme="evergreen"] .app-shell .view#recordView .vjf-summary-grid article {border-color:transparent;background:#f4f6f8;padding:12px}
 body[data-bindr-theme="evergreen"] .app-shell .view#recordView .vjf-summary-grid article:first-child {background:#fff4e9}
 body[data-bindr-theme="evergreen"] #recordView .vjf-summary-grid span {font-weight:500}
 body[data-bindr-theme="evergreen"] .app-shell .view#recordView :is(.cvr-costing-box,.cvr-comparison-box) {border:0;padding:0;box-shadow:none;background:transparent}
 body[data-bindr-theme="evergreen"] #recordView .cvr-costing-heading {margin:0 0 10px!important}
 body[data-bindr-theme="evergreen"] #recordView .cvr-comparison-box {margin-top:22px}
 body[data-bindr-theme="evergreen"] #recordView .afp-editor-status {margin:0 0 14px;gap:8px 12px;justify-content:space-between}
 body[data-bindr-theme="evergreen"] #recordView .afp-editor-status :is(.afp-status,[data-invoice-status]) {flex:1;min-width:180px;margin:0;font-size:13px;line-height:1.5;color:#515e6b}
 body[data-bindr-theme="evergreen"] #recordView .afp-editor-status .afp-error {color:#8a1c13}
 body[data-bindr-theme="evergreen"] #recordView .afp-editor-status>button[data-afp-action="reload"],
 body[data-bindr-theme="evergreen"] #recordView .afp-editor-status>button[data-invoice-action="reload"] {order:2}
 body[data-bindr-theme="evergreen"] #recordView .afp-totals span {font-size:12px;color:#515e6b}
 body[data-bindr-theme="evergreen"] #recordView .afp-totals span:last-child strong {font-size:24px;color:#202a35}
 body[data-bindr-theme="evergreen"] #recordView .vjf-content>.quote-follow-up {max-width:260px;margin:14px 0 20px}
 /* Group each contact with their phone and email instead of interleaving roles. */
 body[data-bindr-theme="evergreen"] #recordView .handover-groups {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px;padding:14px}
 body[data-bindr-theme="evergreen"] #recordView .handover-group {min-width:0;margin:0;padding:12px 0 0;border:0;border-top:1px solid #dfe5ea;border-radius:0;background:transparent}
 body[data-bindr-theme="evergreen"] #recordView .handover-group legend {padding:0 8px 0 0;font-size:14px;font-weight:650;color:#202a35}
 body[data-bindr-theme="evergreen"] #recordView .handover-group .job-handover-fields {grid-template-columns:1fr;padding:0;gap:12px}
 body[data-bindr-theme="evergreen"] #recordView .handover-site,
 body[data-bindr-theme="evergreen"] #recordView .handover-notes {grid-column:1/-1}
 body[data-bindr-theme="evergreen"] #recordView .handover-site .job-handover-fields {grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-bindr-theme="evergreen"] #recordView .handover-notes .job-handover-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-bindr-theme="evergreen"] #recordView .handover-notes .job-full {grid-column:auto}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis)>:is(article,button) {min-height:96px;padding:14px;gap:7px}
 body[data-bindr-theme="evergreen"] .app-shell :is(#dashboardView,#myDashboardView).view :is(.crm-kpis,.account-kpis) strong {font-size:28px}
 /* Keep project names prominent while references and client links remain clear. */
 body[data-bindr-theme="evergreen"] :is(#registerView,#liveQuotesView,#tenderQuotesView,#jobsView,#completedView) .crm-table td:nth-child(-n+2) .text-link {color:#435362;font-weight:500;text-decoration-color:#a6b1bc;text-underline-offset:3px}
 body[data-bindr-theme="evergreen"] :is(#liveQuotesView,#tenderQuotesView) .pipeline-actions {display:flex;flex-wrap:wrap;gap:5px;max-width:240px;min-width:150px}
 body[data-bindr-theme="evergreen"] .pipeline-contact {font-weight:400;line-height:1.6}
 body[data-bindr-theme="evergreen"] #teamUsersView .account-heading {display:none}
 body[data-bindr-theme="evergreen"] #businessIdentityFields {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
 body[data-bindr-theme="evergreen"] #businessIdentityFields label:has([data-business-field="company"]),
 body[data-bindr-theme="evergreen"] #businessIdentityFields label:has(textarea) {grid-column:1/-1}
 body[data-bindr-theme="evergreen"] :is(#businessSetupView,#quoteTemplateView)>.section-heading>div:first-child {display:none}
 body[data-bindr-theme="evergreen"] :is(#businessSetupView,#quoteTemplateView)>.section-heading {justify-content:flex-end}
 /* Remove buttons need a legible symbol and a reliable pointer target. */
 body[data-bindr-theme="evergreen"] :is(#cvrDialog,#recordView) button:is([data-cvr-remove],[data-afp-remove],[data-invoice-remove]) {display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;font-size:22px;line-height:1;color:#6b3d39;border-color:#d9c9c7;background:#fff}
 body[data-bindr-theme="evergreen"] :is(#cvrDialog,#recordView) button:is([data-cvr-remove],[data-afp-remove],[data-invoice-remove]):hover {background:#fff0ee;border-color:#aa6259}
 @media(max-width:750px) {
  body[data-bindr-theme="evergreen"] #recordView .handover-groups {grid-template-columns:1fr;padding:12px}
  body[data-bindr-theme="evergreen"] #recordView :is(.handover-site,.handover-notes) .job-handover-fields {grid-template-columns:1fr}
  body[data-bindr-theme="evergreen"] #recordView .vjf-header {gap:10px}
  body[data-bindr-theme="evergreen"] #recordView .vjf-header>.top-actions {justify-content:flex-start;gap:8px}
  body[data-bindr-theme="evergreen"] #recordView .job-quick-recovery-bar {gap:4px;padding-inline:0}
  body[data-bindr-theme="evergreen"] #recordView .job-quick-recovery-bar>span {font-size:11px}
 }
 @media(max-width:450px) {
  body[data-bindr-theme="evergreen"] #businessIdentityFields {grid-template-columns:1fr}
  body[data-bindr-theme="evergreen"] .topbar #bindrUserSlot {flex:0 0 40px;min-width:0}
  body[data-bindr-theme="evergreen"] .topbar .bindr-user-menu summary>span:last-child {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  body[data-bindr-theme="evergreen"] .topbar .bindr-user-menu summary {min-width:40px;min-height:40px;justify-content:center}
  body[data-bindr-theme="evergreen"] .topbar.bindr-page-header {padding:14px 12px 10px!important;gap:8px}
 }
}

/* Rounded Job Files list shell and controls, retaining the compact table layout. */
@media screen {
 body[data-bindr-theme="evergreen"] .app-shell #jobsView {
  border-radius:16px;
 }
 body[data-bindr-theme="evergreen"] .app-shell #jobsView .crm-table-wrap {
  border-radius:16px;
  overflow:auto;
 }
 body[data-bindr-theme="evergreen"] .app-shell #jobsView .crm-filters :is(input,select) {
  border-radius:10px;
 }
}