@media screen {
 .virtual-job-file {min-width:0}
 .vjf-record-back{margin:0 0 8px}.vjf-record-back .btn{padding-left:0}
 .vjf-header {display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:20px;padding:20px;background:var(--bindr-card);border:1px solid var(--bindr-border);border-radius:var(--bindr-radius)}
 .vjf-header>div:first-child {flex:1;min-width:220px}
 .vjf-eyebrow {font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--bindr-muted)}
 .vjf-header h2 {font-size:1.5rem;line-height:1.3;margin:5px 0;overflow-wrap:anywhere}
 .vjf-header p {margin:0;color:var(--bindr-muted);font-size:.875rem;overflow-wrap:anywhere}
 .vjf-job-status {display:grid;grid-template-columns:auto auto;gap:3px 12px;align-items:center;font-size:.875rem}
 .vjf-job-status strong {font-size:1.125rem}
 .vjf-job-status small {color:var(--bindr-muted);font-size:.8125rem}
 .vjf-workspace-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 6px;border-bottom:1px solid var(--bindr-border);background:var(--bindr-card);border-radius:var(--bindr-radius) var(--bindr-radius) 0 0}
 .vjf-workspace-tabs button{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--bindr-muted);font:inherit;font-size:.875rem;font-weight:650;padding:14px 15px 12px;white-space:nowrap;cursor:pointer}
 .vjf-workspace-tabs button:hover{color:var(--bindr-text);background:var(--bindr-subtle)}
 .vjf-workspace-tabs button.is-active{color:var(--bindr-text);border-bottom-color:var(--bindr-accent)}
 .vjf-workspace-body{background:var(--bindr-card);border:1px solid var(--bindr-border);border-top:0;border-radius:0 0 var(--bindr-radius) var(--bindr-radius);min-height:470px}
 .vjf-action-menu{position:relative}.vjf-action-menu summary{list-style:none;cursor:pointer}.vjf-action-menu summary::-webkit-details-marker{display:none}
 .vjf-action-menu>div{position:absolute;right:0;top:calc(100% + 7px);z-index:30;display:grid;gap:3px;min-width:210px;padding:7px;background:#fff;border:1px solid var(--bindr-border);border-radius:7px;box-shadow:0 14px 35px rgba(25,34,45,.18)}
 .vjf-action-menu>div .btn{justify-content:flex-start;width:100%}
 .vjf-overview{padding:20px;outline:none}
 .vjf-summary-grid{display:grid;grid-template-columns:repeat(var(--vjf-summary-columns,4),minmax(0,1fr));gap:12px;margin-bottom:16px}
 .vjf-summary-grid article{display:grid;gap:5px;padding:15px;border:1px solid var(--bindr-border);border-radius:7px;background:var(--bindr-subtle)}
 .vjf-summary-grid span,.vjf-next-action span{font-size:.75rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase;color:var(--bindr-muted)}
 .vjf-summary-grid strong{font-size:1.15rem;overflow-wrap:anywhere}
 .vjf-next-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:16px;border-left:4px solid var(--bindr-accent);border-radius:6px;background:var(--bindr-accent-soft)}
 .vjf-next-action>div{display:grid;gap:4px}.vjf-next-action small{color:var(--bindr-muted)}
 .vjf-overview-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
 .vjf-overview-card{border:1px solid var(--bindr-border);border-radius:7px;overflow:hidden}.vjf-overview-card>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--bindr-border);background:var(--bindr-subtle)}
 .vjf-overview-card h3{margin:0;font-size:1rem}.vjf-progress-list{display:grid}.vjf-progress-step{display:flex;align-items:center;gap:10px;padding:12px 15px;border:0;border-bottom:1px solid var(--bindr-border);background:#fff;text-align:left;cursor:pointer}.vjf-progress-step:last-child{border-bottom:0}.vjf-progress-step:hover{background:var(--bindr-subtle)}.vjf-progress-step span{font-size:1.05rem;color:var(--bindr-muted)}.vjf-progress-step.is-done span{color:#168354}
 .vjf-activity-preview{display:grid;padding:4px 15px}.vjf-activity-preview article{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr) auto;gap:12px;padding:11px 0;border-bottom:1px solid var(--bindr-border);font-size:.8125rem}.vjf-activity-preview article:last-child{border-bottom:0}.vjf-activity-preview span{color:var(--bindr-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjf-activity-preview time{color:var(--bindr-muted)}
 .virtual-job-file .fx-body {grid-template-columns:240px minmax(0,1fr);min-height:510px}
 .virtual-job-file .fx-tree {max-height:80vh;background:var(--bindr-subtle);border-color:var(--bindr-border)}
 .virtual-job-file .fx-tree button {font-size:.875rem;min-height:38px;color:var(--bindr-text)}
 .virtual-job-file .fx-tree button[aria-current] {background:var(--bindr-accent-soft);border-color:#edb482;color:var(--bindr-text)}
 .virtual-job-file .fx-tree .vjf-system-folders {padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--bindr-border)}
 .virtual-job-file .fx-toolbar,.virtual-job-file .fx-table th {background:var(--bindr-subtle)}
 .virtual-job-file .fx-folder-heading h3 {font-size:1.125rem}
 .virtual-job-file .fx-folder-heading span {font-size:.875rem}
 .vjf-file-context {font-size:.8125rem;color:var(--bindr-muted)}
 .vjf-folder-row small,.vjf-document-row small {display:block;white-space:normal;color:var(--bindr-muted);font-size:.8125rem;line-height:1.5;margin-top:3px}
 .vjf-folder-row button[data-vjf-section] {border:0;background:none;padding:3px 0;font-weight:650;text-align:left;color:var(--bindr-text);cursor:pointer}
 .vjf-folder-row button.btn[data-vjf-section] {padding:8px 12px;border:1px solid var(--bindr-border);background:var(--bindr-card)}
 .vjf-folder-row td:first-child,.vjf-document-row td:first-child {text-align:center}
 .vjf-content {padding:0 20px 20px;min-width:0}
 .vjf-content>.crm-panel {margin-top:16px}
 .vjf-content .record-details {grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
 .vjf-content .record-details dd,.vjf-content .record-notes p {overflow-wrap:anywhere;white-space:pre-wrap}
 .vjf-content .job-handover-fields {padding:0;margin:0 0 20px}
 .vjf-record-actions {margin-top:24px;border-top:1px solid var(--bindr-border);padding-top:16px}
 .vjf-record-actions summary {font-size:.875rem;font-weight:600;cursor:pointer}
 .vjf-record-actions .top-actions {margin-top:14px}
 .vjf-quote-controls {display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-bottom:1px solid var(--bindr-border);margin-bottom:20px}
 .vjf-quote-content .qr-view-heading {margin-bottom:18px}
 .vjf-quote-content .qr-view-heading h3 {outline-offset:4px}
 .vjf-quote-content .qr-saved-pricing {overflow:auto}
 .virtual-job-file .fx-main {overflow:hidden}
 @media(max-width:1100px) {
  .virtual-job-file .fx-body {grid-template-columns:205px minmax(0,1fr)}
  .vjf-header {gap:16px}
  .vjf-content {padding:0 16px 16px}
 }
 @media(max-width:750px) {
  .virtual-job-file .fx-body {grid-template-columns:minmax(0,1fr)}
  .virtual-job-file .fx-tree {display:none}
  .vjf-header {padding:16px}
  .vjf-header>div:first-child {flex-basis:100%}
  .vjf-header .top-actions {width:100%}
  .vjf-content .record-details {grid-template-columns:1fr}
  .virtual-job-file .fx-path {font-size:.8125rem}
  .vjf-file-context {display:none}
  .vjf-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vjf-overview-columns{grid-template-columns:1fr}.vjf-next-action{align-items:flex-start;flex-direction:column}.vjf-activity-preview article{grid-template-columns:1fr auto}.vjf-activity-preview article span{grid-column:1/-1;white-space:normal}.vjf-workspace-tabs button{padding-inline:12px}
 }
}
@media screen {
 .virtual-job-file .fx-path{padding:9px 16px;background:#fff;border-bottom:1px solid var(--bindr-border);gap:5px;flex-wrap:wrap}
 .virtual-job-file .fx-path [aria-current]{background:var(--bindr-accent-soft);font-weight:700;border-radius:5px;padding:5px 8px}
 .vjf-location{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;background:#f0f3f6;border-bottom:1px solid var(--bindr-border)}
 .vjf-location>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
 .vjf-location strong{font-size:15px;overflow-wrap:anywhere}
 .vjf-location-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#586779}
 .vjf-location-parent,.vjf-location-state{font-size:12px;color:#526174;overflow-wrap:anywhere}
 .vjf-location-state{border:1px solid #cad3df;padding:3px 8px;border-radius:4px;background:#fff}
 .vjf-tree-label{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.04em;color:#647184;padding:12px 8px 5px}
 .virtual-job-file .fx-tree .vjf-system-folders{border-bottom:0;padding-bottom:0;margin-bottom:0}
 .vjf-branch summary{display:flex;align-items:center;gap:7px;cursor:pointer;padding:8px 6px;font-size:13px;font-weight:650;border-radius:5px;list-style:none}
 .vjf-branch summary::-webkit-details-marker{display:none}
 .vjf-branch summary:before{content:'›';font-size:18px;width:10px;flex:none}
 .vjf-branch[open]>summary:before{content:'⌄'}
 .vjf-branch summary:hover{background:#e6ebf1}
 .vjf-branch summary>small{margin-left:auto;color:#637083}
 .vjf-branch summary svg{width:18px;height:18px;flex:none;color:#b57425}
 .vjf-tree-status{display:block;font-size:11px;font-weight:400;color:#657184;margin-top:2px}
 .virtual-job-file .fx-tree .vjf-branch ul{margin:0 0 2px 12px;padding:0 0 0 9px;border-left:1px solid #c7d0dc}
 .virtual-job-file .fx-tree .vjf-branch button{padding:6px;min-height:32px;font-size:13px}
 .virtual-job-file .fx-tree button[aria-current]{box-shadow:inset 3px 0 #de761f}
 .vjf-download-label{font-size:11px;color:#647184;margin-left:6px;font-weight:400}
 .virtual-job-file .fx-table td{vertical-align:top}
 @media(max-width:750px){.vjf-location{align-items:start;padding:10px 12px}.vjf-location-state{max-width:110px}.vjf-location-parent{flex-basis:100%}}
}
@media screen{.vjf-no-drawing{padding:8px 20px;font-size:13px;color:var(--bindr-muted)}.vjf-branch summary>span{min-width:0;flex:1}.vjf-branch summary button[data-vjf-quote]{width:100%;text-align:left;font-weight:700}.vjf-branch summary .vjf-tree-status{padding-left:6px}}
@media screen{.material-layer{margin:14px 0;padding:14px;border:1px solid var(--bindr-border);border-radius:7px;background:var(--bindr-card)}.material-layer header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.material-layer header span,.material-layer>p{font-size:13px;color:var(--bindr-muted)}.material-layer label{display:grid;gap:6px;font-size:13px}.material-layer textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--bindr-border);border-radius:5px;font:inherit}.material-layer .material-review{display:flex;align-items:center;gap:8px;margin-top:10px}.material-retained{margin-top:20px}.material-retained p{white-space:pre-wrap}}
@media screen{
 .material-compact{padding:0 14px 14px}
 .material-scope{font-size:13px;color:var(--bindr-muted);margin:0 0 8px}
 .material-compact>.top-actions{margin:0 0 10px;font-size:12px;gap:10px}
 .material-compact .btn{min-height:32px!important;padding:5px 10px!important;font-size:13px!important}
 .material-table-wrap{overflow-x:auto;margin:8px 0}
 .material-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
 .material-table th{padding:7px 9px;background:var(--bindr-subtle);text-align:left;font-size:12px;border-bottom:1px solid var(--bindr-border)}
 .material-table th:nth-child(1){width:23%}.material-table th:nth-child(2){width:16%}.material-table th:nth-child(3){width:47%}.material-table th:nth-child(4){width:14%}
 .material-table td{padding:7px 9px;vertical-align:top;border-bottom:1px solid var(--bindr-border);line-height:1.35;overflow-wrap:anywhere}
 .material-table td>strong,.material-table td>span,.material-table td>small{display:block}
 .material-table td>small{font-size:11px;color:var(--bindr-muted);margin-top:2px}
 .material-table textarea{display:block;width:100%;height:50px;min-height:50px;box-sizing:border-box;resize:vertical;padding:6px 8px;border:1px solid var(--bindr-border);border-radius:4px;font:inherit;line-height:1.35;background:var(--bindr-card);color:var(--bindr-text)}
 .material-table textarea:focus{height:100px;outline:2px solid var(--bindr-accent);outline-offset:1px}
 .material-row-status{font-size:11px;color:var(--bindr-muted)}
 .material-table .material-review{display:flex;gap:6px;align-items:center;font-size:11px;margin-top:5px}
 .material-retained{font-size:13px;margin-top:12px}
 @media(max-width:850px){.material-table{min-width:650px}}
}
.vjf-locked-estimate .qr-view-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0}.vjf-locked-estimate .qr-view-status{margin-left:auto}.vjf-locked-estimate .qr-saved-pricing{border:0;padding:0;background:transparent}.vjf-locked-estimate .job-pricing-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 0 8px}.vjf-locked-estimate .job-pricing-totals>div{padding:7px 9px;border:1px solid #d5dfe9;border-radius:5px;background:#f4f7fa;font-size:11px}.vjf-locked-estimate .job-pricing-totals strong{font-size:15px;margin-top:2px}.vjf-locked-estimate .job-saved-area{margin-top:8px}.vjf-locked-estimate .job-saved-area h4{margin:7px 0;font-size:14px}.vjf-locked-estimate .job-saved-area .crm-table th,.vjf-locked-estimate .job-saved-area .crm-table td{padding:6px 7px;font-size:12px}

/* Two direct document actions for each independent quote revision. */
.vjf-revision-list{display:grid;gap:8px;padding:12px}
.vjf-revision-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:14px 16px;border:1px solid var(--line,#d8dee5);border-radius:8px;background:#fff}
.vjf-revision-row>div:not(.vjf-revision-buttons){display:grid;gap:5px;min-width:0}
.vjf-revision-row strong{font-size:14px;overflow-wrap:anywhere}
.vjf-revision-row span{font-size:13px;color:var(--muted,#667085)}
.vjf-revision-value{text-align:right}
.vjf-revision-buttons{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.vjf-revision-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.vjf-revision-buttons{grid-column:1/-1}.vjf-revision-buttons .btn{flex:1}}
/* Flat Documents workspace, including uploads previously placed in folders. */
.project-documents{min-height:220px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.project-documents.documents-drop-active{outline:3px solid #f58220;outline-offset:-3px;background:#fff8f1}
.project-documents .enquiry-upload{align-items:center}
.project-documents .enquiry-upload>label{display:flex;align-items:center;gap:8px}
.project-documents .file-category h4{background:#f2f4f7}
/* Shared commercial lifecycle: text labels remain explicit alongside colour. */
.status-draft{--status-ink:#a12630;--status-edge:#c53d47;--status-tint:#fff1f2}
.status-sent{--status-ink:#875400;--status-edge:#d28a13;--status-tint:#fff8e7}
.status-agreed{--status-ink:#166344;--status-edge:#23966a;--status-tint:#eaf8f0}
.status-inactive{--status-ink:#526174;--status-edge:#8995a5;--status-tint:#f0f3f7}
.commercial-status{display:inline-flex!important;align-items:center;gap:7px;width:fit-content;padding:5px 10px;border:1px solid var(--status-edge);border-radius:5px;background:var(--status-tint);color:var(--status-ink)!important;font-size:13px!important;line-height:1.35;font-weight:700;white-space:normal}
.commercial-status:before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:var(--status-edge)}
.commercial-status-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}
.variation-workspace{padding:6px 0 18px}
.variation-contract-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px}
.variation-contract-summary>div{padding:18px 20px;background:#fff;border:1px solid #ccd5e0;border-radius:8px;display:grid;gap:8px}
.variation-contract-summary span{font-size:14px;color:#56667b}
.variation-contract-summary strong{font-size:24px;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#213247}
.variation-contract-summary .variation-contract-total{background:#172b40;border-color:#172b40}
.variation-contract-total span{color:#c5d4e5}.variation-contract-total strong{color:#fff}
.variation-card-list{display:grid;gap:16px;margin-bottom:22px}
.variation-card{overflow:hidden;border:1px solid #cbd5e1;border-left:5px solid var(--status-edge);border-radius:9px;background:#fff;box-shadow:0 3px 10px #192b4010}
.variation-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;background:linear-gradient(90deg,var(--status-tint),#fff);border-bottom:1px solid #e0e6ee}
.variation-reference{display:block;color:var(--status-ink);font-size:14px;font-weight:750;letter-spacing:.035em;margin-bottom:5px}
.variation-card>header h3{font-size:20px!important;font-weight:700;margin:0!important;color:#1b2d43;overflow-wrap:anywhere}
.variation-card-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:24px;padding:18px 20px}
.variation-scope p{margin:0 0 8px;font-size:14px;line-height:1.55}.variation-description{white-space:pre-wrap;color:#34465c;overflow-wrap:anywhere}.variation-client-ref,.variation-date{color:#627187}
.variation-client-ref strong{color:#263b52;margin-left:6px}
.variation-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.variation-values>div{display:grid;gap:5px;border-left:1px solid #d9e1eb;padding-left:18px}
.variation-values span{font-size:13px;color:#56667b}.variation-values strong{font-size:21px;font-variant-numeric:tabular-nums;color:#213247;white-space:nowrap}.variation-values small{font-size:12px;color:#657489}
.variation-values .variation-agreed-value strong{color:#166344}
.variation-retained{margin:0 20px 14px!important;padding:9px 12px;background:#f0f7f3;color:#245b43;font-size:13px;line-height:1.5;border-radius:5px}
.variation-card>footer{padding:12px 20px;background:#f8fafc;border-top:1px solid #e0e6ee}
.variation-card-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.variation-history{padding:0 20px 12px;background:#f8fafc}.variation-history>summary{padding:8px 0;font-size:14px;font-weight:650;cursor:pointer;color:#40536b}
.variation-history>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #e0e6ee;padding:8px 0;font-size:14px}
.variation-workspace .job-variation-form{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:18px 20px;grid-template-columns:1.3fr 1fr .7fr;gap:12px}
.variation-workspace .job-variation-form>strong{font-size:17px;color:#213247}.variation-workspace .job-variation-form>button{grid-column:1/-1;justify-self:start;width:auto}
.vjf-revision-list .vjf-revision-row{border-left:5px solid var(--status-edge);background:#fff;box-shadow:0 2px 8px #192b400a;margin-bottom:10px;border-radius:7px}
.vjf-revision-row>div:first-child>.commercial-status{margin-top:7px}
.qr-quote-card[class*="status-"]{border-left:5px solid var(--status-edge)}
.stage-badge.stage-1{background:#fff0f2;color:#a72c3b;border:1px solid #e5a6af}
.stage-badge.stage-2,.stage-badge.stage-3,.pipeline-stage-select:has(option[value="Quoted"]:checked),.pipeline-stage-select:has(option[value="Negotiating"]:checked){background:#fff8e5;color:#885d08;border:1px solid #e0c27a}
.stage-badge.stage-4{background:#ecf8f1;color:#166344;border:1px solid #91c7ab}
@media(max-width:850px){.variation-card-body{grid-template-columns:1fr;gap:16px}.variation-contract-summary{grid-template-columns:1fr}.variation-contract-summary>div{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.variation-contract-summary strong{font-size:20px}.variation-workspace .job-variation-form{grid-template-columns:1fr}.variation-card>header{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:480px){.variation-values{grid-template-columns:1fr}.variation-card-body,.variation-card>header,.variation-card>footer{padding:14px}.variation-values strong{white-space:normal}}
.job-quick-recovery{margin:0 0 18px;border:1px solid var(--border,#d9e1df);border-radius:10px;background:#fff}.job-quick-recovery-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px}.job-quick-recovery-bar>span{font-size:14px;color:#54615d}.job-recovery-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;position:relative}.job-recovery-toggle input{position:absolute;opacity:0;width:44px;height:26px;left:0;margin:0}.job-recovery-switch{width:44px;height:26px;flex-shrink:0;background:#79827f;border-radius:20px;padding:3px;box-sizing:border-box}.job-recovery-switch:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.job-recovery-toggle input:checked+.job-recovery-switch{background:#17664e}.job-recovery-toggle input:checked+.job-recovery-switch:after{transform:translateX(18px)}.job-recovery-toggle input:focus-visible+.job-recovery-switch{outline:3px solid #ff7900;outline-offset:3px}#jobQuickRecoveryPanel{padding:0 18px 18px;min-width:0}

/* Compact quote overview, aligned to the two shallow desktop panels. */
#recordView .quote-file-details{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.4fr);gap:12px;align-items:stretch}
#recordView .quote-file-details .vjf-overview-card{min-width:0;margin:0;border:1px solid #d5dce4;border-radius:8px;overflow:hidden;box-shadow:none}
#recordView .quote-file-details .vjf-overview-card>header{min-height:0;padding:6px 12px;background:#f5f7f9;border-bottom:1px solid #dce2e8}
#recordView .quote-file-details h3{margin:0;font-size:14px}
#recordView .quote-file-details .btn{min-height:30px;padding:5px 10px;font-size:12px;line-height:1.3}
#recordView .quote-file-details .quote-file-card-body{padding:10px 12px;gap:10px;min-width:0}
#recordView .quote-file-details .quote-file-contact .quote-file-card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-content:start}
#recordView .quote-file-details .quote-file-client-name,#recordView .quote-file-details .quote-file-location{display:grid;gap:3px;min-width:0}
#recordView .quote-file-details .quote-file-client-name>span,#recordView .quote-file-details .quote-file-location>span{font-size:11px;color:#697586}
#recordView .quote-file-details .quote-file-client-name>strong{font-size:14px;color:#25313f;overflow-wrap:anywhere}
#recordView .quote-file-details .chase-contact{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin:0;padding:0 0 0 12px;border:0;border-left:1px solid #e5e9ee;background:none;min-width:0}
#recordView .quote-file-details .chase-contact>strong{font-size:13px}
#recordView .quote-file-details .chase-contact>span{font-size:11px;color:#697586}
#recordView .quote-file-details .chase-contact>a{max-width:100%;font-size:12px;overflow-wrap:anywhere;color:#354d68;text-decoration:none}
#recordView .quote-file-details .chase-contact>a:hover{text-decoration:underline}
#recordView .quote-file-details .quote-file-location{grid-column:1;margin:0;padding:0;border:0}
#recordView .quote-file-details .quote-file-location>strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}
#recordView .quote-file-details .quote-file-followup .quote-file-card-body{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}
#recordView .quote-file-details .quote-file-facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.5fr .6fr;gap:10px;margin:0;padding:0 0 8px;border-bottom:1px solid #e5e9ee}
#recordView .quote-file-details .quote-file-facts>div{min-width:0}
#recordView .quote-file-details .quote-file-facts dt{font-size:11px;color:#697586;margin:0 0 3px}
#recordView .quote-file-details .quote-file-facts dd{font-size:12px;line-height:1.3;font-weight:650;color:#25313f;margin:0;overflow-wrap:anywhere}
#recordView .quote-file-details .quote-file-followup-fields{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:8px;margin:0}
#recordView .quote-file-details .quote-file-followup-fields label{display:grid;gap:3px;margin:0;font-size:11px}
#recordView .quote-file-details .quote-file-followup-fields input,#recordView .quote-file-details .quote-file-followup-fields select{min-height:30px;height:30px;padding:4px 7px;font-size:12px;width:auto;max-width:155px}
#recordView .quote-file-details .quote-file-followup-fields small{font-size:10px;color:#788391;line-height:1.2}
#recordView .quote-file-details .quote-file-chase{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:7px 9px;background:#fff7ef;border:1px solid #f0dfce;border-radius:5px;min-width:0}
#recordView .quote-file-details .quote-file-next-action{display:grid;gap:3px;margin:0;min-width:0}
#recordView .quote-file-details .quote-file-next-action strong{font-size:10px;color:#80512d}
#recordView .quote-file-details .quote-file-next-action span{font-size:12px;line-height:1.3;color:#303b49;overflow-wrap:anywhere}
#recordView .quote-file-details .quote-file-chase>button{flex-shrink:0;white-space:nowrap}
@media(max-width:1200px){#recordView .quote-file-details .quote-file-chase{align-items:flex-start;flex-direction:column}}
@media(max-width:950px){#recordView .quote-file-details{grid-template-columns:1fr}#recordView .quote-file-details .quote-file-chase{flex-direction:row;align-items:center}}
@media(max-width:550px){#recordView .quote-file-details .quote-file-followup .quote-file-card-body{grid-template-columns:1fr}#recordView .quote-file-details .quote-file-facts{grid-template-columns:1fr 1fr}#recordView .quote-file-details .quote-file-contact .quote-file-card-body{grid-template-columns:1fr}#recordView .quote-file-details .chase-contact{grid-column:1;grid-row:auto;padding:0;border:0}#recordView .quote-file-details .quote-file-chase{flex-wrap:wrap}}

/* Dedicated recovery window and readable job diary entries. */
.job-recovery-dialog{width:min(1400px,96vw);max-width:96vw;max-height:92vh;overflow:auto;padding:24px;border:1px solid #cbd5e1;border-radius:16px;color:#12304a;background:#fff}
.job-recovery-dialog::backdrop{background:rgb(15 23 42 / .45)}
.job-recovery-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.job-recovery-dialog-heading h2{margin:0;font-size:20px}.job-recovery-dialog-heading p{margin:6px 0}
#quoteRecord .job-diary{padding:16px;background:#fff}
#quoteRecord .job-diary-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#quoteRecord .job-diary-entry{width:100%;min-width:0;box-sizing:border-box;padding:14px 20px;border:1px solid #f0cdd8;border-radius:20px;background:#fff0f5;box-shadow:none}
#quoteRecord .job-diary-entry header{display:flex;align-items:center;gap:16px;margin:0;background:transparent}
#quoteRecord .job-diary-entry header strong{margin-right:auto}
#quoteRecord .job-diary-entry header time{font-size:13px;white-space:nowrap}
#quoteRecord .job-diary-entry header button{padding:5px 10px;font-size:12px;min-height:30px;background:transparent}
#quoteRecord .job-diary-entry p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
@media(max-width:600px){#quoteRecord .job-diary-entry{padding:12px 14px}#quoteRecord .job-diary-entry header{gap:8px;flex-wrap:wrap}}