.staff-page{background:var(--ivory);font:15px/1.6 Figtree,system-ui,sans-serif;color:var(--ink)}.staff-header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 32px;border-bottom:1px solid #e4ddeb}.staff-user{display:flex;gap:20px;align-items:center}.staff-shell{max-width:1440px;margin:35px auto;padding:0 32px}.staff-shell h1{font-size:36px;margin:0 0 12px}.staff-shell h2{font-size:25px}.staff-shell h3{font-size:18px;margin:20px 0 8px}.staff-lead{max-width:760px}.staff-card{background:#fff;border:1px solid #e3dce9;border-radius:18px;padding:26px;margin-bottom:24px}.login-card{max-width:520px;margin:25px auto}.staff-card .field{display:flex;flex-direction:column;margin:16px 0}.staff-card input:not([type=checkbox]),.staff-card select,.staff-card textarea,.staff-filters input,.staff-filters select{width:100%;font:inherit;border:1px solid #c9bed5;border-radius:8px;padding:11px;background:#fff}.staff-card .check-row{margin:15px 0}.staff-card .button{margin-top:12px}.staff-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:14px;align-items:end;background:#fff;border:1px solid #e3dce9;border-radius:14px;padding:20px;margin:30px 0 15px}.staff-filters .field{display:flex;flex-direction:column;gap:8px}.staff-result-count{margin:12px 0;color:#685774}.staff-table-wrap{overflow-x:auto;background:white;border:1px solid #e3dce9;border-radius:12px}.staff-table{border-collapse:collapse;width:100%;text-align:left}.staff-table th{background:#f0eaf5;font-size:13px;white-space:nowrap}.staff-table td,.staff-table th{padding:16px;border-bottom:1px solid #eee8f2;vertical-align:top}.staff-table small,.event small,.notification-job small{display:block;font-size:12px;color:#6f637a;overflow-wrap:anywhere}.request-link{font-weight:700}.status-pill{display:inline-block;background:#f0eaf5;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:700;white-space:nowrap}.staff-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin-top:24px}.staff-details{display:grid;grid-template-columns:minmax(100px,38%) 1fr;gap:10px 20px}.staff-details dt{font-weight:600;color:#685774}.staff-details dd{margin:0;overflow-wrap:anywhere}.staff-reference{overflow-wrap:anywhere;font-size:13px;color:#685774}.readable-pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.event{padding:17px 0;border-top:1px solid #eee8f2}.event-list{margin-top:24px}.event pre{font-size:13px}.staff-footer{padding:24px;text-align:center;font-size:12px;color:#685774}.quote-box{border-left:3px solid #c89b41;padding:1px 16px;margin:20px 0;background:#fcfaf5}.staff-card details{border-top:1px solid #e3dce9;padding:16px 0}.staff-card summary{cursor:pointer;font-weight:700}.notification-job{padding:12px 0;border-top:1px solid #e3dce9}.error-text{color:#a32342}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0}.back-link{display:inline-block;margin-top:8px}@media(max-width:1000px){.staff-filters{grid-template-columns:1fr 1fr}.staff-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.staff-header{padding:16px}.staff-user{flex-direction:column;gap:4px;align-items:end}.staff-shell{padding:0 16px;margin:24px auto}.staff-shell h1{font-size:28px}.staff-card{padding:18px}.staff-filters{grid-template-columns:1fr}.staff-details{grid-template-columns:1fr;gap:4px}.staff-details dd{margin-bottom:10px}.staff-card input,.staff-card select,.staff-card textarea{font-size:16px}.staff-table td,.staff-table th{padding:10px}}
.staff-header-actions{display:flex;align-items:center;gap:24px}.staff-nav{display:flex;gap:8px}.staff-nav a{padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:700}.staff-nav a:hover,.staff-nav a:focus{background:#f0eaf5}.pricing-tabs{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin:28px 0}.pricing-tabs a{display:flex;flex-direction:column;background:#fff;border:1px solid #e3dce9;border-radius:12px;padding:14px;text-decoration:none;font-weight:700}.pricing-tabs a.active{border-color:#7b5b93;box-shadow:0 0 0 2px #eee5f4 inset}.pricing-tabs small{font-size:11px;font-weight:500;color:#6f637a}.pricing-version-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#efe9f4;border-radius:12px;padding:14px 18px;margin-bottom:20px}.pricing-version-bar div{display:flex;gap:12px;align-items:center}.pricing-version-bar div:first-child{flex-direction:column;align-items:flex-start;gap:1px}.pricing-version-bar span{font-size:12px;color:#685774}.pricing-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.pricing-heading h2{margin:0}.pricing-heading p{margin:3px 0 0;color:#685774}.pricing-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.pricing-wide{grid-column:1/-1}.pricing-table-wrap{overflow:auto;margin-top:15px}.pricing-table td:nth-child(2){min-width:150px}.pricing-table td:nth-child(3){min-width:100px}.compact-field{display:flex;align-items:center;gap:6px}.compact-field input{max-width:105px!important;padding:8px!important}.quantity-input{max-width:90px!important;padding:8px!important}.toggle-cell{display:flex;align-items:center;gap:7px;white-space:nowrap}.preview-lines{max-width:560px;border:1px solid #e3dce9;border-radius:12px;overflow:hidden}.preview-lines>div{display:flex;justify-content:space-between;gap:20px;padding:9px 14px;border-bottom:1px solid #eee8f2}.preview-lines>div:last-child{border-bottom:0}.preview-total{background:#f8f4fa;font-size:17px}.publish-panel{border-color:#c89b41}.publish-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.publish-confirm{display:flex;align-items:center;gap:8px}.publish-actions .button{margin-top:0}.button:disabled{opacity:.45;cursor:not-allowed}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:1100px){.pricing-tabs{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.staff-header-actions{gap:8px;flex-direction:column;align-items:flex-end}.staff-nav{font-size:13px}.pricing-tabs{grid-template-columns:1fr}.pricing-settings-grid{grid-template-columns:1fr}.pricing-wide{grid-column:auto}.pricing-version-bar{align-items:flex-start;flex-direction:column}.pricing-version-bar>div:last-child{flex-wrap:wrap}.publish-actions{align-items:flex-start;flex-direction:column}}

/* V2 Chunk 5: itemised quote builder */
.quote-builder-form{margin-top:16px}.quote-line-list{display:grid;gap:12px;margin:16px 0}.quote-line-grid{display:grid;grid-template-columns:120px minmax(180px,2fr) 90px 110px;gap:10px;padding:12px;border:1px solid var(--border,#ddd);border-radius:10px;background:rgba(255,255,255,.55)}.quote-line-grid label{display:grid;gap:5px;font-size:.82rem;font-weight:700}.quote-line-grid input,.quote-line-grid select{width:100%;box-sizing:border-box}.quote-line-description,.quote-line-reason{grid-column:span 2}.quote-line-remove{align-self:end;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.quote-line-remove input{width:auto}.minimum-override{margin:16px 0;padding:14px;border:1px solid #d8c7a2;border-radius:10px;background:#fffaf0}.quote-read-lines{margin:14px 0;border-top:1px solid var(--border,#ddd)}.quote-read-lines>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--border,#eee)}.issue-quote-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--border,#ddd)}
@media(max-width:760px){.quote-line-grid{grid-template-columns:1fr 1fr}.quote-line-label,.quote-line-description,.quote-line-reason{grid-column:1/-1}.quote-line-remove{grid-column:1/-1}}

/* Staff navigation clarity fix */
.staff-nav{display:flex!important;align-items:center!important;gap:10px!important}.staff-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:88px!important;padding:9px 14px!important;border:1px solid #ded2e7!important;border-radius:9px!important;background:#fff!important;text-decoration:none!important;font-weight:700!important}.staff-nav a.active{background:#4b226e!important;color:#fff!important;border-color:#4b226e!important}.staff-nav a:hover,.staff-nav a:focus{background:#f0eaf5!important;color:#32114f!important}.staff-nav a.active:hover,.staff-nav a.active:focus{background:#4b226e!important;color:#fff!important}
.inline-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.inline-form .field{margin:0;min-width:200px}.row-actions{white-space:nowrap}.row-actions form{display:inline}.row-actions>form+details,.row-actions details{display:inline-block;margin-left:14px;vertical-align:top}.remove-district summary{cursor:pointer;color:var(--error);font-size:12px}.remove-district p{font-size:12px;white-space:normal;max-width:220px;margin:6px 0}.danger-text{color:var(--error)}
@media(max-width:700px){.staff-header-actions{max-width:100%}.staff-nav{flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important}.staff-nav a{min-width:0!important;padding:8px 11px!important}}
.agreement-kinds{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.agreement-kinds .button{margin:0;min-width:0}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 4px;font-size:13px}.pager-count{color:#685774}.pager-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pager a,.pager span.pager-page,.pager span.pager-step{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0 10px;border:1px solid #ded2e7;border-radius:8px;background:#fff;color:#32114f;text-decoration:none;font-weight:700}.pager a:hover,.pager a:focus{background:#f0eaf5}.pager .current{background:#4b226e!important;border-color:#4b226e!important;color:#fff!important}.pager .disabled{opacity:.45}.pager-gap{padding:0 2px;color:#685774}
@media(max-width:560px){.pager{justify-content:center}.pager-count{width:100%;text-align:center}}
.visit-views{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.visit-views .button{margin:0;min-width:0;min-height:40px;padding:8px 14px}
.visit-table td{vertical-align:top}.visit-table small{display:block}.visit-outcome{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.visit-outcome select,.visit-outcome input{min-height:38px;border:1px solid #dbd4e1;border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;max-width:190px}.visit-outcome .button{min-height:38px;padding:6px 12px;margin:0}
.visit-overdue{background:#fff5f6}.visit-today{background:#fbf9fc}.status-pill.visit-done{background:#dff3ec;color:#18755e}.status-pill.visit-no_access,.status-pill.visit-late_cancel{background:#fdf1dc;color:#7a5418}.status-pill.visit-cancelled{background:#eee;color:#5c5566}
.staff-detail-grid>div{min-width:0}
.visit-table td strong{white-space:nowrap}.visit-table td:nth-child(2){min-width:120px}.visit-table small{word-break:normal;overflow-wrap:break-word}#visits .visit-table td:first-child{width:24px}
.visit-table-compact td:nth-child(2){min-width:140px}.visit-table-compact .visit-outcome select,.visit-table-compact .visit-outcome input{max-width:100%;flex:1 1 140px}
.invoice-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.invoice-totals div{background:#fff;border:1px solid #e3dced;border-radius:12px;padding:14px 16px}.invoice-totals span{display:block;font-size:12px;color:#685774}.invoice-totals strong{font-size:22px;color:#32114f}.invoice-totals .overdue strong{color:#8a1f1f}
.invoice-bulk{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.invoice-bulk .button{margin:0}.invoice-bulk .subtle-note{flex-basis:100%;margin:0}
.invoice-create{display:grid;gap:6px}.invoice-create .check-row{font-size:12px}.invoice-create .button{margin:4px 0 0;justify-self:start}
.status-pill.invoice-paid,.status-pill.invoice-credited{background:#dff3ec;color:#18755e}.status-pill.invoice-unpaid,.status-pill.invoice-part_paid{background:#fdf1dc;color:#7a5418}.status-pill.invoice-overdue,.status-pill.invoice-refund_due{background:#fdecec;color:#8a1f1f}.status-pill.invoice-issued{background:#eee8f2;color:#4d2575}
@media(max-width:700px){.invoice-totals{grid-template-columns:1fr}}
.ending-plan{background:#fbf9fc;border:1px solid #eee8f2;border-radius:10px;padding:12px 14px;margin:0 0 12px}.ending-plan p{margin:0 0 6px}.ending-plan ul,.ending-facts{margin:0;padding-left:18px;font-size:13px;line-height:1.7}.ending-facts{margin:10px 0}
.calendar-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #e3dced;border-radius:12px;padding:12px 14px;margin:0 0 16px;box-shadow:0 2px 6px rgba(44,23,72,.04)}.calendar-toolbar input,.calendar-toolbar select{min-height:40px;border:1px solid #dbd4e1;border-radius:8px;padding:6px 10px;font:inherit;font-size:14px;background:#fff}.calendar-toolbar .button{margin:0;min-width:0;min-height:40px;padding:6px 14px}.calendar-title{margin-left:6px;color:#32114f}.calendar-legend{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;font-size:11px}.calendar-legend span{padding:3px 8px;border-radius:999px}
.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #e3dced;border-radius:12px;background:#fff;overflow:hidden;margin:0 0 20px}
.calendar-day{border-right:1px solid #eee8f2;min-width:0;display:flex;flex-direction:column}.calendar-day:last-child{border-right:0}.calendar-day header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee8f2;font-weight:800;font-size:13px;color:#26163d}.calendar-day.today header{background:#4b226e;color:#fff}.calendar-day.past .calendar-day-body{background:#faf9fb}
.cal-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eef0f5;color:#32114f;font-size:11px;font-weight:800}.calendar-day.today .cal-count{background:#fff}
.calendar-day-body{flex:1;padding:8px;display:grid;gap:8px;align-content:start;min-height:420px;background:#fbfcfe}.cal-empty{font-size:12px;color:#685774;margin:4px}
.cal-card{border-radius:10px;padding:8px 9px;font-size:12px;line-height:1.45;border:1px solid #e3dced;background:#fff;min-width:0;overflow-wrap:anywhere}.cal-card small{display:block;color:#685774}.cal-name{font-weight:800;color:#26163d;text-decoration:none}.cal-name:hover{text-decoration:underline}.cal-tag{margin:0 0 3px;font-size:10.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.cal-card details{margin-top:6px}.cal-card summary{cursor:pointer;font-weight:700;color:#4d2575;font-size:12px}.cal-card form{display:grid;gap:5px;margin-top:6px}.cal-card input,.cal-card select,.cal-card textarea{width:100%;min-width:0;border:1px solid #dbd4e1;border-radius:7px;padding:5px 6px;font:inherit;font-size:12px;background:#fff}.cal-card .button{margin:0;min-width:0;min-height:34px;padding:5px 8px;font-size:12px}.cal-card .check-row{font-size:11px}.cal-hint{margin:6px 0 0;font-size:11px;color:#685774}.cal-direct{border-top:1px dashed #e3dced;padding-top:6px}
.cal-requested{background:#fffaf0!important;border:1px dashed #d9b36b!important}.cal-requested .cal-tag,.calendar-legend .cal-requested{color:#7a5418}.calendar-legend .cal-requested{background:#fffaf0;border:1px dashed #d9b36b}
.cal-proposed{background:#f7f2fb!important;border:1px solid #9b77c1!important}.cal-proposed .cal-tag,.calendar-legend .cal-proposed{color:#4d2575}.calendar-legend .cal-proposed{background:#f7f2fb;border:1px solid #9b77c1}
.cal-booked{background:#eefaf5!important;border:1px solid #9fd6c2!important}.cal-booked .cal-tag,.calendar-legend .cal-booked{color:#18755e}.calendar-legend .cal-booked{background:#eefaf5;border:1px solid #9fd6c2}
.cal-done{background:#f3f2f5!important;border:1px solid #dcd8e2!important}.cal-done .cal-tag,.calendar-legend .cal-done{color:#5c5566}.calendar-legend .cal-done{background:#f3f2f5;border:1px solid #dcd8e2}
.cal-overdue{border-color:#e7a1a9!important;background:#fff5f6!important}
.calendar-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #e3dced;border-radius:12px;overflow:hidden;background:#fff;margin:0 0 20px}.calendar-dow{padding:8px 10px;font-size:12px;font-weight:800;color:#685774;border-bottom:1px solid #eee8f2;background:#faf8fc}
.calendar-cell{min-height:104px;padding:6px 7px;border-right:1px solid #f0ebf3;border-bottom:1px solid #f0ebf3;text-decoration:none;color:#26163d;display:flex;flex-direction:column;gap:3px;min-width:0}.calendar-cell:nth-child(7n+7){border-right:0}.calendar-cell:hover{background:#fbf9fc}.calendar-cell.out{background:#fafafa;color:#a8a0b0}.calendar-cell.today .cell-date{color:#4b226e}.cell-date{display:flex;justify-content:space-between;font-weight:800;font-size:13px}.cell-item{font-size:11px;border-radius:5px;padding:1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-more{font-size:11px;color:#685774}
.cal-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:center}.cal-inline input,.cal-inline select{min-height:36px;border:1px solid #dbd4e1;border-radius:7px;padding:5px 7px;font:inherit;font-size:13px;min-width:0}.cal-inline .check-row{grid-column:1/-1;font-size:12px}.cal-buttons{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.cal-buttons .button{margin:0;min-width:0;min-height:36px;padding:6px 12px}
@media(max-width:1100px){.calendar-week{grid-template-columns:repeat(7,minmax(122px,1fr));overflow-x:auto}.calendar-day-body{padding:6px}.cal-card{padding:7px}.calendar-legend{margin-left:0}.cal-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.calendar-week{grid-template-columns:1fr;overflow:hidden}.calendar-day{border-right:0;border-bottom:1px solid #eee8f2}.calendar-day-body{min-height:0}.cal-inline{grid-template-columns:1fr}}
@media(max-width:700px){.calendar-month{grid-template-columns:repeat(7,minmax(0,1fr));font-size:10px}.calendar-cell{min-height:64px;padding:3px}.cell-item{display:none}}
.cal-card input[type=checkbox],.cal-inline input[type=checkbox]{width:auto;min-height:0;flex:none}.cal-card .check-row{display:flex;align-items:flex-start;gap:6px}
.staff-shell:has(.calendar-week),.staff-shell:has(.calendar-month){max-width:min(1640px,100%)}

@media(max-width:1240px){.staff-header{gap:16px}.staff-header>.booking-brand{flex:none}.staff-header-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}.staff-nav{flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important}.staff-nav a{min-width:0!important;padding:8px 11px!important}}
@media(max-width:640px){#needs-date .staff-table,#needs-date .staff-table tbody,#needs-date .staff-table tr,#needs-date .staff-table td{display:block;width:100%}#needs-date .staff-table thead{display:none}#needs-date .staff-table tr{border-bottom:1px solid #e3dced;padding:10px 0}#needs-date .staff-table td{border:0;padding:4px 12px}#needs-date .cal-inline input,#needs-date .cal-inline select{font-size:16px}}
@media(max-width:700px){.staff-header{flex-direction:column;align-items:flex-start;gap:12px}.staff-header-actions{width:100%;flex-direction:row!important;flex-wrap:wrap;justify-content:space-between!important;align-items:center!important}.staff-nav{justify-content:flex-start!important}.staff-user{flex-direction:row;gap:14px;align-items:center}}
.pager-count+.pager-size{margin-left:14px}.pager-size{display:inline-flex;align-items:center;gap:6px;color:#685774;font-size:13px}.pager-size .pager-page{min-width:32px;min-height:32px}
.cal-suggested{background:#f1f7fd!important;border:1px solid #7fb0e0!important}.cal-suggested .cal-tag,.calendar-legend .cal-suggested{color:#1d5a93}.calendar-legend .cal-suggested{background:#f1f7fd;border:1px solid #7fb0e0}.cal-note{font-style:italic}
/* Request page */
.request-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px;margin:10px 0 14px}.request-item-card{border:1px solid #e3dce9;border-radius:10px;padding:10px 12px;background:#fcfbfd;min-width:0}.request-item-card strong{display:block;color:#26163d;line-height:1.25;margin-bottom:6px;overflow-wrap:anywhere;font-size:14px}.request-item-meta{display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center;color:#685774;font-size:12px}.request-item-total{margin-left:auto;color:#26163d;font-weight:800}.request-estimate-strip{display:flex;justify-content:space-between;gap:14px;align-items:center;border-radius:10px;background:#f3edf7;padding:10px 14px;margin:10px 0}.request-estimate-strip strong{font-size:16px;color:#4d2575}.request-compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:8px 0 0}.request-compact-field{padding:8px 11px;border-radius:9px;background:#faf8fc;border:1px solid #eee8f2;min-width:0}.request-compact-field small{display:block;color:#786b82;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}.request-compact-field span{display:block;margin-top:1px;font-weight:600;font-size:14px;overflow-wrap:anywhere}
.req{--req-gap:16px}.req-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px 28px;flex-wrap:wrap;margin:-4px 0 14px}.req-head-main{min-width:0;flex:1 1 420px}.req-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.req-chip{display:inline-block;border:1px solid #e3dce9;background:#fff;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;color:#4a3b5c}.req-coverage-in_area{border-color:#bfe3d5;color:#18755e;background:#f1faf6}.req-coverage-to_check{border-color:#ecd3a3;color:#7a5418;background:#fffaf0}.req-coverage-out_of_area{border-color:#eab5bd;color:#a52638;background:#fff5f6}
.req-status{background:#f0eaf5;color:#4d2575}.req-status-confirmed{background:#dff3ec;color:#18755e}.req-status-new{background:#e8f0fb;color:#1d5a93}.req-status-declined,.req-status-cancelled{background:#eee;color:#5c5566}.req-status-awaiting_information,.req-status-waiting_for_capacity,.req-status-searching{background:#fdf1dc;color:#7a5418}
.req-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font-size:12px;color:#685774}.req-ref{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f3f0f6;border-radius:5px;padding:1px 6px}
.req-head-contact{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;text-align:right}.req-head-contact a{color:#32114f;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.req-head-contact a:hover{text-decoration:underline}.req-head-contact .back-link{margin-top:6px;font-weight:400;font-size:12px;color:#685774;text-decoration:underline}
.req-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 12px}.req-tile{display:flex;flex-direction:column;gap:1px;background:#fff;border:1px solid #e3dce9;border-left:4px solid #cfc4da;border-radius:10px;padding:9px 12px;min-width:0;text-decoration:none;color:inherit}a.req-tile:hover{border-color:#b9a6cb;box-shadow:0 2px 8px rgba(44,23,72,.06)}.req-tile small{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#786b82}.req-tile strong{font-size:17px;color:#26163d;line-height:1.3;overflow-wrap:anywhere}.req-tile span{font-size:12px;color:#685774;overflow-wrap:anywhere}.req-tile.ok{border-left-color:#3aa17e}.req-tile.warn{border-left-color:#d9a441}.req-tile.bad{border-left-color:#c8495a}
.req-nav{position:sticky;top:0;z-index:5;display:flex;gap:2px;flex-wrap:wrap;background:rgba(251,249,244,.96);border-bottom:1px solid #e4ddeb;margin:0 0 16px;padding:6px 0}.req-nav a{padding:5px 10px;border-radius:7px;font-size:13px;font-weight:600;color:#4a3b5c;text-decoration:none}.req-nav a:hover,.req-nav a:focus{background:#f0eaf5;color:#32114f}
.req-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--req-gap);align-items:start}.req-col{min-width:0}
.req .staff-card{padding:18px 20px;margin-bottom:var(--req-gap);border-radius:14px;scroll-margin-top:56px}.req .staff-card h2{font-size:20px;margin:0 0 10px;line-height:1.25}.req .staff-card h3{font-size:14px;margin:14px 0 6px}.req-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;flex-wrap:wrap}.req-card-head h2{margin:0!important}.req-card-link{font-size:12px;font-weight:600}
.req-pill-ok{background:#dff3ec;color:#18755e}.req-pill-warn{background:#fdf1dc;color:#7a5418}.req-pill-bad{background:#fbe3e6;color:#a52638}.req-pill-muted{background:#f0edf3;color:#5c5566}
.req-lead{font-size:13px;color:#5d4f70;margin:0 0 8px;line-height:1.55}.req .subtle-note{margin-top:8px;line-height:1.55}.req-footnote{margin:12px 0 0;padding-top:10px;border-top:1px dashed #e3dce9;font-size:11.5px;color:#786b82;line-height:1.55}
.req-dl{display:grid;grid-template-columns:92px minmax(0,1fr);gap:5px 12px;margin:0;font-size:14px}.req-dl dt{color:#786b82;font-size:12px;font-weight:600;padding-top:2px}.req-dl dd{margin:0;overflow-wrap:anywhere}
.req .staff-card .field{margin:8px 0;gap:4px;font-size:12.5px;font-weight:600;color:#4a3b5c}.req .staff-card input:not([type=checkbox]),.req .staff-card select,.req .staff-card textarea{padding:8px 10px;font-size:14px;border-radius:8px;min-height:38px}.req .staff-card textarea{min-height:0}.req .staff-card .check-row{margin:6px 0;font-size:13px;line-height:1.45}.req .staff-card .button{margin-top:8px;min-height:38px;padding:7px 16px;font-size:13px;min-width:0}.req .staff-card .button.primary{flex:0 0 auto}.req .publish-actions{gap:8px}.req .publish-actions .button{margin-top:8px}
.req-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px}.req-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.req-cols-wide{grid-template-columns:minmax(90px,1fr) minmax(0,3fr)}.req-cols-charge{grid-template-columns:minmax(90px,1fr) minmax(0,2fr) minmax(0,2fr)}.req-checks{margin:4px 0 0;padding:8px 12px;background:#faf8fc;border:1px solid #eee8f2;border-radius:10px}.req-actions{display:flex;justify-content:flex-end}
.req .staff-card details{padding:10px 0}.req .staff-card summary{font-size:14px}.req-subhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:16px 0 4px;padding-top:12px;border-top:1px solid #eee8f2}.req-subhead h3{margin:0!important}.req-subhead span{font-size:13px;color:#5d4f70}
.req .staff-table td,.req .staff-table th{padding:10px 12px}.req .staff-table th{font-size:12px}
.req-note-form{display:flex;gap:8px;align-items:flex-start;margin:0 0 6px}.req-note-form textarea{flex:1;resize:vertical}.req .req-note-form .button{margin:0;align-self:stretch}
.req-timeline{list-style:none;margin:6px 0 0;padding:0}.req-timeline li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid #f0ebf3}.req-timeline li:last-child{border-bottom:0}.req-timeline li:before{content:"";position:absolute;left:3px;top:14px;width:7px;height:7px;border-radius:50%;background:#b9a6cb}.req-timeline li.req-tl-note:before{background:#c89b41}.req-tl-head{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}.req-tl-head strong{font-size:13px;color:#26163d}.req-tl-head span{font-size:11.5px;color:#786b82}.req-timeline p{margin:2px 0 0;font-size:12.5px;color:#564a60;line-height:1.5}.req-tl-note p{color:#26163d}
.req-jobs small{display:block}.req-jobs .row-actions{text-align:right}
@media(max-width:1100px){.req-grid{display:flex;flex-direction:column;gap:0}.req-col{display:contents}#history{order:98}#notifications{order:99}.req .staff-card{width:100%;box-sizing:border-box}}
@media(max-width:640px){.req-head-contact{align-items:flex-start;text-align:left}.req-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.req-cols-2,.req-cols-wide,.req-cols-charge{grid-template-columns:1fr}.req-note-form{flex-direction:column}.req .req-note-form .button{align-self:flex-start}.req-nav{position:static}.req .staff-card{padding:16px}.req-dl{grid-template-columns:1fr;gap:0}.req-dl dd{margin-bottom:6px}.request-estimate-strip{align-items:flex-start;flex-direction:column;gap:2px}.request-item-total{margin-left:0}}
.req .staff-card input:not([type=checkbox]),.req .staff-card select,.req .staff-card textarea{font-weight:400;color:#26163d}
@media(max-width:1100px){#customer{order:1}#requested{order:2}#review{order:3}#agreement{order:4}#deposit{order:5}#visits{order:6}#ending{order:7}#invoices{order:8}#quote{order:9}}
.req .subtle-note,.req .readable-pre,.req .req-lead{overflow-wrap:anywhere}
/* Row actions and request admin pages */
.icon-actions-head{width:1%;position:relative}.icon-actions{white-space:nowrap;text-align:right}.icon-actions a{display:inline-grid;place-items:center;width:34px;height:34px;margin-left:4px;border:1px solid #e3dce9;border-radius:8px;background:#fff;color:#4d2575;text-decoration:none;vertical-align:middle}.icon-actions a:hover,.icon-actions a:focus{background:#f0eaf5;border-color:#b9a6cb}.icon-actions svg,.req-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-actions a.icon-danger{color:#a52638}.icon-actions a.icon-danger:hover,.icon-actions a.icon-danger:focus{background:#fff5f6;border-color:#e7a1a9}
.req-head-actions{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.req-action{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid #e3dce9;border-radius:8px;background:#fff;font-size:12.5px!important;font-weight:700!important;color:#4d2575!important;text-decoration:none!important}.req-action:hover{background:#f0eaf5}.req-action.icon-danger{color:#a52638!important}.req-action.icon-danger:hover{background:#fff5f6;border-color:#e7a1a9}
.req-form-page{max-width:820px}.req-form-page .req-meta{margin:-4px 0 16px}.req-form-h{margin-top:18px!important}.req-actions-split{justify-content:space-between;gap:10px;margin-top:6px}.req-actions-split .button{margin-top:0!important}
.req-danger-card{border-color:#edc5cd}.req-danger-card h2{color:#a52638}.req-delete-list{margin:6px 0 14px;padding-left:20px;font-size:14px;line-height:1.75}.button.primary.req-danger-button{background:#a52638;box-shadow:none}.button.primary.req-danger-button:hover{background:#8a1f2f}
@media(max-width:640px){.req-head-actions{justify-content:flex-start}.icon-actions a{width:32px;height:32px}}
/* Request page tabs: one section at a time */
.req-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:2px solid #e4ddeb;margin:4px 0 18px}.req-tabs a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;margin-bottom:-2px;border-bottom:3px solid transparent;border-radius:9px 9px 0 0;font-size:14px;font-weight:700;color:#5d4f70;text-decoration:none;white-space:nowrap}.req-tabs a:hover,.req-tabs a:focus{background:#f0eaf5;color:#32114f}.req-tabs a.active{background:#fff;color:#32114f;border-bottom-color:#4b226e;box-shadow:0 -1px 0 #e4ddeb inset}.req-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f0eaf5;color:#4d2575;font-size:11px;font-weight:800}.req-tabs a.active .req-tab-count{background:#4b226e;color:#fff}
.req-panel>.staff-card:last-child{margin-bottom:0}
@media(max-width:640px){.req-tabs{gap:4px;border-bottom:0}.req-tabs a{padding:7px 11px;font-size:13px;margin:0;border:1px solid #e3dce9;border-radius:8px;background:#fff}.req-tabs a.active{background:#4b226e;color:#fff;border-color:#4b226e;box-shadow:none}.req-tabs a.active .req-tab-count{background:#fff;color:#4b226e}}
