/* Shared screen styling. Estimate and Excel canvases are deliberately outside every scope.
   No root variables, document/print rules, calculations or geometry are changed. */
@media screen {
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView){--bindr-ui-radius:12px;--bindr-ui-control:36px;--bindr-ui-edge:#d5dde4;--bindr-ui-section:#f5f7f9;--bindr-radius:14px;line-height:1.5}
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,.business-setup-card,.saved-card){border:1px solid #d5dde4;border-radius:14px;background:#fff;box-shadow:none;margin-bottom:14px;min-width:0}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.account-panel,.cvr-report-panel,.qr-info-card){padding:16px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-panel-heading,.cvr-report-panel-heading,.fx-folder-heading,.vjf-overview-card>header,.panel>.section-heading){padding:12px 16px;gap:12px;flex-wrap:wrap;margin:0;background:#fff!important;border:0;border-bottom:1px solid #e4e9ed;border-radius:14px 14px 0 0;color:#26313c!important}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.cvr-report-panel-heading){margin:-16px -16px 14px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .account-panel>h3{padding:0 0 12px;margin:0 0 14px;background:transparent;border-bottom:1px solid #e4e9ed;font-size:15px;line-height:1.5}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-panel-heading,.cvr-report-panel-heading,.fx-folder-heading,.vjf-overview-card>header,.panel>.section-heading) :is(h2,h3){font-size:15px;line-height:1.5}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-two-col,.account-grid,.business-setup-grid,.qr-record-grid,.split-grid,.cvr-report-panels){gap:14px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.btn,.account-scope button){border-radius:9px;min-height:34px;padding:7px 11px;line-height:1.4;box-shadow:none}
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-radius:8px;border-color:#cbd5df;min-height:36px;padding:7px 9px;line-height:1.4}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-filters,.cvr-report-filters,.account-scope){padding:12px 14px;margin:0 0 14px;gap:10px 12px;background:#fff;border:1px solid #d5dde4;border-radius:12px;flex-wrap:wrap}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-filters,.cvr-report-filters) :is(input,select){max-width:100%;min-width:0}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.form-grid,.quote-edit-fields,.account-form){gap:12px 16px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table-wrap,.table-wrap,.account-table-wrap,.afp-table-wrap,.fx-table-wrap,.programme-calendar-wrap){border:1px solid #d5dde4;border-radius:12px;max-width:100%;overflow:auto;background:#fff;box-shadow:none}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .crm-panel :is(.crm-table-wrap,.account-table-wrap){border:0;border-radius:0 0 14px 14px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.rate-table,.account-table,.fx-table,.afp-table,.afp-adjustment-table) th{background:#f5f7f9;color:#52616f;padding:10px!important;font-size:12px;line-height:1.4;font-weight:600}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.rate-table,.account-table,.fx-table,.afp-table,.afp-adjustment-table) td{padding:10px!important;line-height:1.5;border-bottom-color:#e5eaee;vertical-align:middle}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-table,.rate-table,.account-table,.fx-table) tbody tr:hover{background:#fafbfd}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-kpis,.account-kpis,.cvr-report-metrics,.vjf-summary-grid){gap:12px;margin-bottom:14px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-kpis,.account-kpis,.cvr-report-metrics,.vjf-summary-grid)>:is(article,button,div){border-radius:14px;padding:14px;gap:7px;border-color:#d5dde4;line-height:1.5}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-quote-hub,.vjf-header,.responsibility,.vjf-next-action,.chase-last-update,.quote-file-contact,.quote-file-followup){border-radius:14px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .crm-quote-hubs{gap:12px;margin-bottom:14px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .crm-quote-hub{padding:14px 16px;gap:8px 14px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-empty,.qr-empty,.journey-empty){padding:16px;border-radius:12px;line-height:1.5}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.afp-ledger,.afp-editor,.invoice-editor,.afp-claim-summary,.afp-totals,.invoice-totals){border-radius:14px;border-color:#d5dde4}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.afp-editor-status,.afp-toolbar){gap:10px 12px;flex-wrap:wrap}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .afp-editor-status{padding:12px 14px;background:#f7f9fa;border:1px solid #d5dde4;border-radius:12px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .handover-group{border:1px solid #d5dde4;border-radius:14px;padding:14px;background:#fff}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .handover-group legend{padding:0 6px;font-size:14px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.programme-toolbar,.programme-summary){padding:12px 14px;border:1px solid #d5dde4;border-radius:12px;background:#fff;gap:12px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .programme-entry{border-radius:9px;padding:9px;gap:4px 8px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .programme-day{padding:10px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.programme-add-dates,.record-details,.qr-upload-row,.enquiry-upload){border-radius:12px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .activity-list article{border:1px solid #d5dde4;border-radius:12px;padding:14px;margin-bottom:10px;background:#fff}
 body:not(:has(#estimateView.active,#knockUpView.active)) :is(#crmDialog,#programmeDialog,#chaseDialog,.afp-review){border:1px solid #d5dde4;border-radius:16px;padding:20px;background:#fff;box-shadow:0 16px 50px #26313c18}
 body:not(:has(#estimateView.active,#knockUpView.active)) :is(#crmDialog,#programmeDialog,#chaseDialog,.afp-review) :is(input:not([type=checkbox],[type=radio]),select,textarea){border-radius:8px;border-color:#cbd5df;min-height:36px;padding:8px}
 body:not(:has(#estimateView.active,#knockUpView.active)) :is(#crmDialog,#programmeDialog,#chaseDialog,.afp-review) .btn{border-radius:9px;min-height:34px;padding:7px 11px}
 body.bindr-operations .ops-main .account-panel{border:1px solid #d5dde4;border-radius:14px;padding:16px;margin-bottom:14px;background:#fff}
 body.bindr-operations .ops-main .account-panel>h3{padding:0 0 12px;margin:0 0 14px;background:transparent;border-bottom:1px solid #e4e9ed}
 body.bindr-operations .ops-main :is(.account-table-wrap,.ops-handover>div){border-radius:12px}
 body.bindr-operations .ops-main :is(button,input:not([type=checkbox]),select,textarea){border-radius:8px;min-height:36px}
 body.bindr-operations .ops-main .account-table :is(td,th){padding:10px;line-height:1.5}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .template-panel>h3{background:#fff!important;color:#26313c!important;border-bottom:1px solid #e4e9ed;padding:12px 16px;border-radius:12px 12px 0 0;font-size:15px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) >.section-heading{border-radius:14px;background:#fff;border:1px solid #d5dde4;padding:14px 16px;margin-bottom:14px}
 @media(max-width:750px){
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.crm-filters,.cvr-report-filters,.account-scope){padding:10px;gap:8px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) :is(.account-panel,.cvr-report-panel,.qr-info-card){padding:12px}
body[data-bindr-theme="evergreen"] .app-shell .view:not(#estimateView,#knockUpView,#takeoffView,#quoteView) .cvr-report-panel-heading{margin:-12px -12px 12px}
}
}
/* Keep the quotation register controls close to the list they filter. */
@media screen {
 body:has(#registerView.active) .topbar.bindr-page-header{min-height:60px!important;padding:8px 16px!important}
 body:has(#registerView.active) .topbar.bindr-page-header h1{font-size:22px!important;line-height:1.2}
 body:has(#registerView.active) #crmStatus:not(.error){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"] .app-shell #registerView.view.active{gap:8px 12px;padding-top:8px}
 body[data-bindr-theme="evergreen"] .app-shell #registerView.view.active>.account-scope{justify-self:start;width:auto;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
 body[data-bindr-theme="evergreen"] .app-shell #registerView.view.active>.crm-page-heading{margin:0;padding:0;min-height:0;align-self:center}
 body[data-bindr-theme="evergreen"] .app-shell #registerView.view.active>.crm-filters{margin:0;padding:8px 12px;gap:8px 12px}
 body[data-bindr-theme="evergreen"] .app-shell #registerView.view.active>.register-summary{display:flex;align-items:center;gap:8px;margin:0;padding:0;font-size:12px;line-height:1.4}
 body[data-bindr-theme="evergreen"] .app-shell #registerView.view.active>.register-summary .bindr-help{margin:0}
 body[data-bindr-theme="evergreen"] .app-shell #registerView.view.active>.crm-table-wrap{margin:0}
}