.handoverStagingBanner{padding:10px;text-align:center;background:#fef0c7;color:#664400;font-weight:700}.dhPanel{margin:20px;padding:22px;background:white;border:1px solid #cbd5e1;border-radius:12px;color:#162c40}.dhPanel select{display:block;width:100%;margin:10px 0}.dh{color:#162c40;max-width:100%;overflow-wrap:anywhere}.dhStages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.dhStages button{padding:15px;border:1px solid #95b8c4;border-radius:10px;background:#f2faf8;text-align:left;color:#163648}.dhStages small{display:block;margin-top:5px}.dh fieldset{border:0;padding:0;margin:0;min-width:0}.dh fieldset:disabled{opacity:1}.dh label{display:block;font-size:14px;margin:12px 0}.dh input:not([type=checkbox]),.dh select,.dh textarea{display:block;width:100%;box-sizing:border-box;padding:10px;margin-top:5px;border:1px solid #acbdc9;border-radius:6px;font:inherit;background:#fff;color:#132e43}.dhFields,.dhSignatureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.dhItems{border-top:1px solid #d9e4e9}.dhItem{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid #d9e4e9}.dhCheck{display:flex!important;align-items:flex-start;gap:10px}.dhCheck input{flex:0 0 20px;min-height:20px;width:20px}.dhPhotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dhPhotos figure{margin:0}.dhPhotos img{width:100%;height:130px;object-fit:cover;border-radius:8px}.dhPhotos figcaption{font-size:12px}.dh button{margin:6px 6px 6px 0;cursor:pointer}.dh canvas{display:block;width:100%;height:150px;background:white;border:2px dashed #7895a4;touch-action:none;border-radius:8px}.dhReview{margin-top:25px;padding:16px;background:#f0f8f6;border-radius:10px}.dhSignatureImage{display:block;width:250px;max-width:100%;height:80px;object-fit:contain;background:white}#dhMessage{color:#883300;font-weight:600;position:sticky;bottom:0;background:#fff9ec;padding:10px;z-index:2}#dhMessage:empty{display:none}#modal:has(.dh){width:min(1100px,95vw);max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}#dhDocument{margin-top:22px;border-top:1px solid #cbd5e1;padding-top:15px}@media(max-width:600px){.dhFields,.dhSignatureGrid,.dhItem{grid-template-columns:1fr}.dhStages{grid-template-columns:1fr}.dhPhotos{grid-template-columns:repeat(2,minmax(0,1fr))}.dhPanel{margin:8px;padding:14px}#modal:has(.dh){padding:15px;width:98vw;max-width:98vw}.dh button{min-height:44px}.dhItem{gap:0}}

.dhStages button.isCurrent{background:#c5e8df;border:3px solid #087d69;padding:13px;box-shadow:0 0 0 1px #087d69}.dhStages button:focus-visible{outline:3px solid #14283b;outline-offset:3px}#modal:has(.dh){height:90dvh;max-height:90dvh;margin:auto}.dhSummary{padding:16px;border:1px solid #9dc6bd;border-radius:10px;margin:20px 0;background:#f7fbfa}.dhSummary dl{margin:10px 0}.dhSummary dl>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #d5e5e0}.dhSummary dt{font-weight:500}.dhSummary dd{margin:0;text-align:right;font-weight:700}@media(max-width:600px){#modal:has(.dh){height:94dvh;max-height:94dvh}.dhSummary{padding:10px}}

/* Override dashboard-dependent modal rules; keep one viewport-relative box. */
body #modal.dhModal,body:has(.adminApp) #modal.dhModal{width:min(1100px,95vw)!important;max-width:95vw!important;height:90dvh!important;min-height:90dvh!important;max-height:90dvh!important;margin:auto!important;overflow-y:auto!important;box-sizing:border-box;padding:28px!important}#modal.dhModal #modalBody{min-width:0;max-width:100%}.dhDeduction{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #cdded9}@media(max-width:600px){body #modal.dhModal,body:has(.adminApp) #modal.dhModal{width:98vw!important;max-width:98vw!important;height:94dvh!important;min-height:94dvh!important;max-height:94dvh!important;padding:15px!important}.dhDeduction{grid-template-columns:1fr}}

.dhDeduction{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) auto;gap:12px;align-items:end;margin:12px 0}.dhDeduction input{min-width:0;width:100%}#dhChargesPreview{margin-top:18px}@media(max-width:650px){.dhDeduction{grid-template-columns:1fr}.dhDeduction button{justify-self:start}}