/* Scoped to incident detail and management only. */
#detailDialog{background:#f3f6fa;border:1px solid #c5d3e1;border-radius:16px;box-shadow:0 20px 70px #102d4a40;color:#233b50}
#detailDialog::backdrop{background:#102b4680}
#detailDialog #detailContent>.eyebrow{display:block;color:#416484;letter-spacing:.04em}
#detailDialog #detailContent>h2{color:#173e68;font-size:1.35rem;line-height:1.4;margin:12px 0}
#detailDialog .incident-summary{background:#eaf0f6;border:1px solid #cbd8e5;border-left:4px solid #718ba6;border-radius:12px;padding:18px;margin:18px 0}
#detailDialog .incident-summary h3{color:#385773;margin-bottom:12px}
#detailDialog .incident-summary p:last-child{margin-bottom:0}
#detailDialog .incident-summary .card{background:#f8fafc;border-color:#cbd8e5;box-shadow:none}
#detailDialog .incident-summary .fleet-details>div{border-color:#ccd8e4}
#detailDialog .incident-summary dt{color:#536b82}
#detailDialog .incident-summary dd{color:#233b50}
#detailDialog .fleet-source{background:#f8fafc;border-color:#cbd8e5}
#detailDialog .incident-work{border-top:0;padding-top:0;margin-top:24px}
#detailDialog .incident-work>h3{color:#173e68;font-size:1.2rem;margin-bottom:8px}
#detailDialog .incident-edit-note{padding:12px 16px;border-left:4px solid #3877aa;border-radius:0 8px 8px 0;background:#e7f1fa;color:#315875;font-size:.9rem}
#detailDialog #incident-work-form{background:#fff;border:1px solid #b9ccde;border-top:4px solid #3877aa;border-radius:12px;padding:20px;margin:16px 0 24px}
#detailDialog .incident-work fieldset{background:#f0f6fc;border:1px solid #bcd0e3;border-radius:10px;padding:16px;margin:18px 0;min-width:0}
#detailDialog .incident-work legend{background:#e0edf9;border:1px solid #bcd0e3;border-radius:6px;padding:5px 10px;color:#1d4f7b;font-size:.9rem}
#detailDialog .incident-work .incident-responsibles{background:#f2f4f7;border-color:#d0d9e2}
#detailDialog .incident-work .incident-responsibles legend{background:#e9eef3;color:#536b82;border-color:#d0d9e2}
#detailDialog .incident-work .incident-responsibles p{font-size:.83rem;color:#536b82}
#detailDialog .incident-work label{color:#2d4d69;font-weight:600}
#detailDialog .incident-work input:not([type=checkbox]):not([type=radio]),#detailDialog .incident-work select,#detailDialog .incident-work textarea{background:#f8fbff;border:1px solid #8daecb;border-radius:7px;box-shadow:inset 0 2px 3px #173e6805;color:#233b50;min-height:44px;padding:11px 12px}
#detailDialog .incident-work textarea{background:#fff;line-height:1.5}
#detailDialog .incident-work textarea::placeholder{color:#637b90;opacity:1;font-weight:400}
#detailDialog .incident-work input:focus-visible,#detailDialog .incident-work select:focus-visible,#detailDialog .incident-work textarea:focus-visible{outline:3px solid #3075ac;outline-offset:2px;border-color:#3075ac}
#detailDialog .incident-work .incident-options label{background:#fff;border:1px solid #b8cde0;font-weight:400;color:#365670;min-height:44px;cursor:pointer}
#detailDialog .incident-work .incident-options label:has(input:checked){background:#dcecf9;border-color:#3979ad;box-shadow:inset 3px 0 #3979ad;color:#173e68;font-weight:600}
#detailDialog .incident-work .incident-options label:has(input:disabled){background:#e9eef3;border-color:#c7d3df;box-shadow:none;color:#536b82;cursor:default}
#detailDialog .incident-work input[type=checkbox],#detailDialog .incident-work input[type=radio]{accent-color:#28699e;height:18px}
#detailDialog .incident-work .fleet-form-grid{gap:16px}
#detailDialog .incident-work .incident-completion-note{color:#546d83;font-size:.83rem;margin:8px 0 0}
#detailDialog .incident-work .fleet-form-actions{background:#edf3f8;border-top:1px solid #c6d6e5;padding:16px;margin:20px -20px -20px;border-radius:0 0 11px 11px;display:flex;flex-wrap:wrap;gap:12px}
#detailDialog .incident-work .fleet-form-actions button{min-height:46px;padding:12px 18px;font-weight:600}
#detailDialog .incident-work .fleet-form-actions .secondary{background:#fff;color:#1d4f7b;border:1px solid #8faec9}
#detailDialog .incident-work .fleet-form-actions .primary{background:#23694b;color:#fff;border:1px solid #23694b}
#detailDialog .incident-work .fleet-form-actions .primary:hover{background:#19543b}
#detailDialog .incident-work button:disabled{opacity:.65;cursor:wait}
#detailDialog .incident-work .fleet-form-status:not(:empty){background:#fff2df;border:1px solid #d8b576;color:#714d1b;border-radius:8px;padding:12px}
#detailDialog .incident-history-item{background:#eaf0f6;border:1px solid #cad7e3;border-left:3px solid #7d96ad;border-radius:9px;padding:16px;margin:12px 0}
#detailDialog .incident-history-item p:last-child{margin-bottom:0}
@media(max-width:600px){#detailDialog #incident-work-form{padding:16px}#detailDialog .incident-summary{padding:14px}#detailDialog .incident-work fieldset{padding:12px}#detailDialog .incident-work .fleet-form-actions{margin:20px -16px -16px;padding:14px}#detailDialog .incident-work .fleet-form-actions button{flex:1 1 180px}}

/* The reported reason is prominent in both the portal and workshop tablet. */
#detailDialog .incident-summary .detail-text{font-size:1.25rem;font-weight:700;color:#7a3e13;background:#fff0d9;border:1px solid #e2b77c;border-left:5px solid #b86c20;border-radius:9px;padding:16px;line-height:1.55;margin:12px 0 18px}

/* Vehicle identity replaces the duplicated incident title. */
#detailDialog .incident-vehicle-header{display:grid;grid-template-columns:minmax(190px,42%) minmax(0,1fr);align-items:center;gap:24px;margin:0 0 20px;padding:18px;background:#fff;border:1px solid #c6d6e5;border-radius:12px}
#detailDialog .incident-vehicle-image{min-width:0;text-align:center}
#detailDialog .incident-vehicle-photo{width:100%;height:170px;padding:10px;display:grid;place-items:center;border:1px solid #d4e0ea;border-radius:9px;background:#f0f5fa;cursor:zoom-in;color:#647d94}
#detailDialog .incident-vehicle-photo img{width:100%;height:100%;max-height:148px;object-fit:contain}
#detailDialog .incident-vehicle-photo .fleet-photo-empty{font-size:.9rem}
#detailDialog .incident-vehicle-photo:has(img:not([hidden])) .fleet-photo-empty{display:none}
#detailDialog .incident-vehicle-image small{margin:6px 0 0;color:#617386}
#detailDialog .incident-vehicle-identity h2{font-size:clamp(21px,2.6vw,28px);line-height:1.35;color:#173e68;margin:12px 0 18px;overflow-wrap:anywhere}
#detailDialog .incident-vehicle-identity .eyebrow{font-size:.8rem;color:#536e89}
#detailDialog .incident-vehicle-identity button{min-height:46px;padding:12px 16px;border:1px solid #7fa1be;font-weight:600}
.workshop-vehicle-sheet,.workshop-asset-viewer{width:min(1050px,calc(100vw - 24px));max-width:1050px;max-height:94vh;overflow:auto;background:#f4f7fa}
.workshop-vehicle-sheet>button,.workshop-asset-viewer>button{display:block;margin-left:auto;margin-bottom:18px;min-height:44px}
.workshop-vehicle-sheet h2{font-size:1.5rem;color:#173e68}
.workshop-vehicle-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.workshop-vehicle-gallery figure{margin:0;border:1px solid #c5d5e4;border-radius:10px;background:white;padding:14px}
.workshop-vehicle-gallery button{width:100%;height:190px;background:#edf3f8;cursor:zoom-in}
.workshop-vehicle-gallery img{width:100%;height:100%;object-fit:contain}
.workshop-vehicle-gallery figcaption{padding-top:10px;font-weight:600;color:#365875}
.workshop-document{padding:16px;background:white;border:1px solid #c9d8e6;border-radius:10px;margin:12px 0}
.workshop-document button{min-height:44px}
.workshop-asset-viewer img{display:block;width:100%;height:75vh;object-fit:contain}
.workshop-asset-viewer iframe{display:block;width:100%;height:75vh;border:1px solid #c7d5e2;background:white}
@media(max-width:600px){#detailDialog .incident-vehicle-header{grid-template-columns:1fr;gap:12px;padding:14px}#detailDialog .incident-vehicle-photo{height:160px}.workshop-vehicle-gallery{grid-template-columns:1fr}}