.customer-app #workspace-content .customer-history{width:100%;max-width:1120px;font-family:var(--r5-font,Geist,Arial,sans-serif);font-size:14px;line-height:1.5;color:var(--v4-ink,#242a27);overflow-wrap:anywhere}
.customer-app #workspace-content .customer-history :is(h2,h3,p){margin:0}
.customer-app #workspace-content .customer-history h2{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.customer-app #workspace-content .customer-history h3{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.01em}
.customer-app #workspace-content .customer-history :is(button,input){font-family:inherit;font-size:14px;line-height:1.5}
.customer-app #workspace-content .customer-history :is(.customer-history-button,.customer-history-back,.customer-history-customer-link){appearance:none;min-height:44px;border:1px solid var(--v4-line,#dfe5e1);border-radius:5px;padding:8px 12px;background:#fff;color:inherit;cursor:pointer;font-weight:550;text-align:left}
.customer-app #workspace-content .customer-history .customer-history-button:hover{background:#f4f5f4}
.customer-app #workspace-content .customer-history :is(.customer-history-back,.customer-history-customer-link){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:3px;padding:0;text-decoration:none}
.customer-app #workspace-content .customer-history .customer-history-customer-link{font-size:16px;line-height:1.4;font-weight:600;min-height:28px}
.customer-app #workspace-content .customer-history .customer-history-identity{padding-top:12px;padding-bottom:12px}
.customer-app #workspace-content .customer-history .customer-history-identity>.customer-history-customer-link{min-height:44px}
.customer-app #workspace-content .customer-history :is(.customer-history-back,.customer-history-customer-link):hover{text-decoration:underline;text-underline-offset:3px}
.customer-app #workspace-content .customer-history :is(button,input,summary):focus-visible{outline:2px solid var(--v4-ink,#242a27);outline-offset:3px}
.customer-app #workspace-content .customer-history .customer-history-toolbar{display:flex;align-items:end;gap:8px;padding:0 0 24px;border:0;margin:0}
.customer-app #workspace-content .customer-history .customer-history-search-label{display:block;font-size:13px;line-height:1.5;font-weight:400;color:#5f6962;margin:0;flex:1;max-width:420px}
.customer-app #workspace-content .customer-history .customer-history-search{appearance:none;display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px 12px;margin:6px 0 0;border:1px solid var(--v4-line,#dfe5e1);border-radius:5px;background:#fff;color:var(--v4-ink,#242a27)}
.customer-app #workspace-content .customer-history .customer-history-count{color:#69726c;font-size:13px;margin:0 0 8px}
.customer-app #workspace-content .customer-history .customer-history-table{width:100%;border-collapse:collapse;table-layout:fixed;border:0;font-size:14px}
.customer-app #workspace-content .customer-history .customer-history-table th{font-size:13px;font-weight:500;color:#69726c;padding:12px 16px;text-align:left;border:0;border-bottom:1px solid var(--v4-line,#dfe5e1);background:#f8f9f8}
.customer-app #workspace-content .customer-history .customer-history-table th:first-child{width:26%;padding-left:12px}
.customer-app #workspace-content .customer-history .customer-history-table th:nth-child(2){width:29%}
.customer-app #workspace-content .customer-history .customer-history-table th:nth-child(3){width:23%}
.customer-app #workspace-content .customer-history .customer-history-table th:nth-child(4){width:22%}
.customer-app #workspace-content .customer-history .customer-history-table td{padding:14px 16px;border:0;border-bottom:1px solid var(--v4-line,#dfe5e1);vertical-align:middle;white-space:normal}
.customer-app #workspace-content .customer-history .customer-history-table td:first-child{padding-left:12px}
.customer-app #workspace-content .customer-history .customer-history-row:hover{background:#fafbfa}
.customer-app #workspace-content .customer-history :is(.customer-history-reference,.customer-history-identity-note,.customer-history-meta){display:block;font-size:13px;line-height:1.5;color:#69726c}
.customer-app #workspace-content .customer-history .customer-history-reference{margin-top:2px;overflow-wrap:anywhere}
.customer-app #workspace-content .customer-history .customer-history-identity-note{margin-top:4px;color:#79663c}
.customer-app #workspace-content .customer-history .customer-history-job-caption{display:block;font-size:14px;line-height:1.45}
.customer-app #workspace-content .customer-history .customer-history-latest time{margin-top:4px}
.customer-app #workspace-content .customer-history .customer-history-places{font-size:13px;line-height:1.5}
.customer-app #workspace-content .customer-history .customer-history-badge{display:inline-block;border:1px solid #dce1dd;border-radius:4px;padding:3px 7px;background:#f6f7f6;color:#465049;font-size:13px;line-height:1.4;font-weight:500;white-space:normal}
.customer-app #workspace-content .customer-history .customer-history-badge.held{border-color:#e8dfcc;background:#faf7ef;color:#77613c}
.customer-app #workspace-content .customer-history .customer-history-mobile-label{display:none}
.customer-app #workspace-content .customer-history .customer-history-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.customer-app #workspace-content .customer-history .customer-history-back{margin:0 0 12px;font-size:14px;color:#5c655f}
.customer-app #workspace-content .customer-history .customer-history-name{font-size:28px;margin:12px 0;line-height:1.25}
.customer-app #workspace-content .customer-history .customer-history-place-context{font-size:14px;color:#69726c;margin:0 0 24px}
.customer-app #workspace-content .customer-history .customer-history-detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:32px;margin-top:24px}
.customer-app #workspace-content .customer-history .customer-history-timeline>h2{margin-bottom:4px}
.customer-app #workspace-content .customer-history .customer-history-timeline>ol{list-style:none;margin:24px 0 0;padding:0}
.customer-app #workspace-content .customer-history .customer-history-job{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding:0 0 28px;margin:0}
.customer-app #workspace-content .customer-history .customer-history-job-date{font-size:13px;color:#69726c;padding-top:2px}
.customer-app #workspace-content .customer-history .customer-history-job-content{padding:0 0 24px;border-bottom:1px solid var(--v4-line,#dfe5e1)}
.customer-app #workspace-content .customer-history .customer-history-job-content h3{margin-bottom:8px}
.customer-app #workspace-content .customer-history .customer-history-verification{font-size:13px;color:#69726c;margin-top:8px}
.customer-app #workspace-content .customer-history .customer-history-facts{border-left:1px solid var(--v4-line,#dfe5e1);padding-left:24px}
.customer-app #workspace-content .customer-history .customer-history-request-facts h2{font-size:16px;margin-bottom:12px}
.customer-app #workspace-content .customer-history .customer-history-request-facts p{margin-top:12px;line-height:1.6}
.customer-app #workspace-content .customer-history .customer-history-details{margin-top:16px}
.customer-app #workspace-content .customer-history .customer-history-details summary{display:flex;align-items:center;gap:8px;min-height:44px;list-style:none;cursor:pointer;font-size:13px;color:#5f6962}
.customer-app #workspace-content .customer-history .customer-history-details summary::-webkit-details-marker{display:none}
.customer-app #workspace-content .customer-history .customer-history-details summary svg{flex:none;transition:transform .15s}
.customer-app #workspace-content .customer-history .customer-history-details[open]>summary svg{transform:rotate(90deg)}
.customer-app #workspace-content .customer-history .customer-history-details p{margin:8px 0;font-size:13px}
.customer-app #workspace-content .customer-history .customer-history-source{padding:12px 0;border-top:1px solid var(--v4-line,#dfe5e1)}
.customer-app #workspace-content .customer-history .customer-history-source strong{font-size:14px;font-weight:550}
.customer-app #workspace-content .customer-history .customer-history-pagination{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:13px}
.customer-app #workspace-content .customer-history .customer-history-empty{padding:32px 24px;border:1px solid var(--v4-line,#dfe5e1);border-radius:6px;background:#fafbfa}
.customer-app #workspace-content .customer-history .customer-history-empty h2{font-size:18px;margin-bottom:8px}
.customer-app #workspace-content .customer-history .customer-history-empty p{max-width:600px;color:#69726c}
.customer-app #workspace-content .customer-history .customer-history-empty button{margin-top:16px}
.customer-app #workspace-content .customer-history .customer-history-empty.compact{margin-top:20px;padding:20px;font-size:14px}
.customer-app #workspace-content .customer-history .customer-history-loading{padding-top:12px}
.customer-app #workspace-content .customer-history .customer-history-loading p{color:#69726c;font-size:14px;margin-bottom:16px}
.customer-app #workspace-content .customer-history .customer-history-skeleton{height:72px;border-bottom:1px solid var(--v4-line,#dfe5e1);background:linear-gradient(90deg,#f4f6f4 0%,#f9faf9 40%,#f4f6f4 80%);margin-top:4px;border-radius:3px}
@media(max-width:900px){
 .customer-app #workspace-content .customer-history .customer-history-detail-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .customer-app #workspace-content .customer-history .customer-history-facts{border-left:0;border-top:1px solid var(--v4-line,#dfe5e1);padding:24px 0 0}
 .customer-app #workspace-content .customer-history .customer-history-job:last-child .customer-history-job-content{border-bottom:0}
}
@media(max-width:600px){
 .customer-app #workspace-content .customer-history .customer-history-toolbar{flex-wrap:wrap;padding-bottom:20px}
 .customer-app #workspace-content .customer-history .customer-history-search-label{flex-basis:100%;max-width:none}
 .customer-app #workspace-content .customer-history .customer-history-table{display:block}
 .customer-app #workspace-content .customer-history .customer-history-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .customer-app #workspace-content .customer-history .customer-history-table tbody{display:block}
 .customer-app #workspace-content .customer-history .customer-history-table .customer-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 0;border-bottom:1px solid var(--v4-line,#dfe5e1)}
 .customer-app #workspace-content .customer-history .customer-history-table td{display:block;min-width:0;padding:0!important;border:0}
 .customer-app #workspace-content .customer-history .customer-history-identity{grid-column:1;grid-row:1}
 .customer-app #workspace-content .customer-history .customer-history-request{grid-column:2;grid-row:1;max-width:100px;align-self:start;padding-top:12px!important}
 .customer-app #workspace-content .customer-history .customer-history-latest{grid-column:1/-1;grid-row:2}
 .customer-app #workspace-content .customer-history .customer-history-places{grid-column:1/-1;grid-row:3}
 .customer-app #workspace-content .customer-history .customer-history-mobile-label{display:inline;font-size:13px;color:#69726c;margin-right:6px}
 .customer-app #workspace-content .customer-history .customer-history-job-caption{display:inline;font-size:14px}
 .customer-app #workspace-content .customer-history .customer-history-latest time{display:block;margin:4px 0 0}
 .customer-app #workspace-content .customer-history .customer-history-customer-link{font-size:16px}
 .customer-app #workspace-content .customer-history .customer-history-name{font-size:24px}
 .customer-app #workspace-content .customer-history .customer-history-job{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:16px}
 .customer-app #workspace-content .customer-history .customer-history-job-content{padding-bottom:20px}
 .customer-app #workspace-content .customer-history .customer-history-pagination{flex-wrap:wrap}
 .customer-app #workspace-content .customer-history .customer-history-empty{padding:24px 16px}
}

.customer-app #workspace-content .customer-completion-form{max-width:640px;padding-top:12px}
.customer-app #workspace-content .customer-completion-form form{display:flex;flex-direction:column;gap:20px;margin-top:20px}
.customer-app #workspace-content .customer-completion-field{display:flex;flex-direction:column;gap:6px;font-weight:550;min-width:0}
.customer-app #workspace-content .customer-completion-field :is(input,select,textarea){display:block;box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--v4-line,#dfe5e1);border-radius:5px;padding:10px 12px;background:#fff;color:inherit;font:400 15px/1.5 var(--r5-font,Geist,Arial,sans-serif)}
.customer-app #workspace-content .customer-completion-when{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.customer-app #workspace-content .customer-completion-confirm{display:flex;gap:10px;align-items:flex-start;min-height:44px}
.customer-app #workspace-content .customer-completion-confirm input{flex:0 0 18px;width:18px;height:18px;margin-top:3px;accent-color:#263d32}
.customer-app #workspace-content .customer-completion-actions{display:flex;flex-wrap:wrap;gap:10px}
.customer-app #workspace-content .customer-completion-actions>button:first-child{background:#263d32;color:#fff;border-color:#263d32}
.customer-app #workspace-content .customer-completion-feedback{margin-top:16px;line-height:1.5}
.customer-app #workspace-content .customer-history .customer-registration-form>.customer-completion-feedback.error{margin-top:16px}
.customer-app #workspace-content .customer-completion-feedback.error{color:#8b3a28}
.customer-app #workspace-content .customer-completion-form :disabled{opacity:.65;cursor:default}
@media(max-width:420px){.customer-app #workspace-content .customer-completion-when{grid-template-columns:1fr;gap:20px}.customer-app #workspace-content .customer-completion-actions>button{width:100%}}

.customer-completion-field-error { margin:0; color:#92382e; font-size:14px; line-height:1.5; }
.customer-completion-feedback:focus { outline:2px solid #466554; outline-offset:4px; }

.customer-completion-feedback, .customer-completion-field-error { scroll-margin-block:16px; }

/* Source events remain separate from owner-confirmed completed work. */
.customer-app #workspace-content .customer-history[data-mode=detail]>.customer-history-back{display:flex;width:max-content;max-width:100%}
.customer-app #workspace-content .customer-source-history{margin-bottom:28px}
.customer-app #workspace-content .customer-source-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.customer-app #workspace-content .customer-source-heading h2{margin-bottom:4px}
.customer-app #workspace-content .customer-source-heading>button{flex-shrink:0;white-space:nowrap}
.customer-app #workspace-content .customer-source-place{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#69726c;font-size:13px}
.customer-app #workspace-content .customer-source-place select{font:inherit;color:var(--v4-ink,#242a27);background:#fff;border:1px solid var(--v4-line,#dfe5e1);border-radius:5px;padding:8px 12px;min-height:44px;max-width:100%;min-width:0}
.customer-app #workspace-content .customer-source-place select:focus-visible{outline:2px solid var(--v4-ink,#242a27);outline-offset:3px}
.customer-app #workspace-content .customer-source-events{list-style:none;margin:20px 0 0;padding:0}
.customer-app #workspace-content .customer-source-event-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.customer-app #workspace-content .customer-source-event-heading h3{min-width:0}
.customer-app #workspace-content .customer-source-event-heading .customer-history-badge{flex:none;max-width:150px}
.customer-app #workspace-content .customer-source-context{margin:8px 0!important}
.customer-app #workspace-content .customer-source-status{margin:12px 0 8px!important}
.customer-app #workspace-content .customer-source-events button{display:inline-flex;align-items:center;gap:8px;margin-top:12px}
.customer-app #workspace-content .customer-source-notice{padding:16px 0;font-size:14px;color:#69726c}
.customer-app #workspace-content .customer-source-notice button{margin-top:12px}
.customer-app #workspace-content .customer-source-history button:disabled{opacity:.65;cursor:default}
@media(max-width:600px){
 .customer-app #workspace-content .customer-source-event-heading{flex-direction:column;gap:8px}
 .customer-app #workspace-content .customer-source-event-heading .customer-history-badge{max-width:none}
 .customer-app #workspace-content .customer-source-heading{gap:12px}
 .customer-app #workspace-content .customer-source-place{align-items:flex-start;flex-direction:column;gap:6px}
}

/* Small text stays on one line: dates and status chips never break. */
.customer-app #workspace-content .customer-history .customer-history-badge{white-space:nowrap}
.customer-app #workspace-content .customer-source-event-heading h3{flex:1}
.customer-app #workspace-content .customer-source-event-heading .customer-history-badge{max-width:none}
.customer-app #workspace-content .customer-history .customer-history-job{grid-template-columns:128px minmax(0,1fr)}
.customer-app #workspace-content .customer-history .customer-history-job-date{white-space:nowrap}
@media(max-width:600px){
 .customer-app #workspace-content .customer-history .customer-history-job{grid-template-columns:minmax(0,1fr)}
 .customer-app #workspace-content .customer-history .customer-history-request{max-width:none}
 .customer-app #workspace-content .customer-history .customer-history-badge{font-size:12px;padding:3px 6px}
 .customer-app #workspace-content .customer-history .customer-history-toolbar{align-items:end}
 .customer-app #workspace-content .customer-history .customer-history-search-label{flex:1 1 calc(100% - 76px);min-width:0}
 .customer-app #workspace-content .customer-history .customer-history-toolbar>.customer-history-button{flex:1 1 auto;justify-content:center;text-align:center;white-space:nowrap}
 .customer-app #workspace-content .customer-history .customer-history-toolbar>.customer-history-search-label+.customer-history-button{flex:none}
 .customer-app #workspace-content .customer-history .customer-history-table td:is(.customer-history-latest,.customer-history-places){display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:8px;align-items:baseline}
 .customer-app #workspace-content .customer-history td:is(.customer-history-latest,.customer-history-places)>*{grid-column:2;margin:0}
 .customer-app #workspace-content .customer-history td:is(.customer-history-latest,.customer-history-places)>.customer-history-mobile-label{grid-column:1;margin:0}
 .customer-app #workspace-content .customer-history .customer-history-latest time{margin-top:2px}
}

/* Form selects keep the shared chevron; an empty page description takes no space. */
.customer-app #workspace-content .customer-completion-field select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%2355595e' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:38px}
.customer-app .pilot-page-heading:has(#workspace-description:empty){min-height:0;margin-bottom:24px}

/* Form feedback: spaced from the intro, a calm confirmation once saved, focus ring only for keyboard users. */
.customer-app #workspace-content .customer-history p.customer-completion-feedback:not(:empty){margin-top:16px}
.customer-app #workspace-content .customer-history p.customer-completion-feedback.success{padding:12px 14px;border:1px solid #cfe3d6;border-radius:6px;background:#f2f8f4;color:#1e3a2b}
.customer-app #workspace-content .customer-history p.customer-completion-feedback.error:not(:empty){padding:12px 14px;border:1px solid #f0d5cf;border-radius:6px;background:#fdf4f2}
.customer-completion-feedback:focus{outline:none}
.customer-completion-feedback:focus-visible{outline:2px solid #466554;outline-offset:4px}
/* The primary action keeps its colour on hover; the shared light hover made white text unreadable. */
.customer-app #workspace-content .customer-completion-actions>button:first-child:not(:disabled):hover{background:#1c2f26;border-color:#1c2f26;color:#fff}
/* Invalid fields carry the same signal as the message under them; every field type shows the keyboard focus ring. */
.customer-app #workspace-content .customer-completion-field :is(input,select,textarea)[aria-invalid=true]{border-color:#b3261e}
.customer-app #workspace-content .customer-history :is(select,textarea):focus-visible{outline:2px solid var(--v4-ink,#242a27);outline-offset:3px}
.customer-app #workspace-content .customer-completion-feedback+.customer-completion-actions{margin-top:16px}
@media(max-width:420px){.customer-app #workspace-content .customer-completion-actions>button{text-align:center}}
.customer-app #workspace-content .customer-history .customer-history-back+p.customer-completion-feedback:not(:empty){margin-bottom:16px}