/* Approved four-step condition forms. */
#modal.hfi-dialog{width:min(100% - 32px,700px);max-height:94dvh;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#f5f3ef;border-radius:18px}
#modal.hfi-dialog:not([open]){display:none}
#modal.hfi-dialog>header,#modal.hfi-dialog>.modal-head{flex-shrink:0;background:#fff}
#modal.hfi-dialog #modalDesc:empty{display:none}
#modal.hfi-dialog #modalBody{padding:16px;overflow:auto;min-height:0;overscroll-behavior:contain;flex:1}
.hfi-form{display:flex!important;flex-direction:column;gap:14px!important;margin:0!important}
.hfi-form [hidden],.hfi-native-actions[hidden]{display:none!important}
.hfi-form .hfi-source-control{position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden;opacity:0;pointer-events:none;padding:0!important;border:0!important}
.hfi-head{display:flex;flex-direction:column;gap:14px}
.hfi-hero{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e1dc;padding:13px;border-radius:14px;min-width:0}
.hfi-hero>img,.hfi-asset-symbol{width:68px;height:62px;object-fit:contain;border-radius:8px;flex:none;background:#f6f5f2}
.hfi-asset-symbol{display:grid;place-items:center;font-size:34px;color:#9a7310}
.hfi-hero>div{display:grid;gap:3px;min-width:0}.hfi-hero strong{font-size:18px}.hfi-hero span{font-size:14px}.hfi-hero small{font-size:12px;color:#746f68;overflow-wrap:anywhere}
.hfi-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.hfi-steps button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;font-size:12px;min-height:54px;padding:0;color:#77726a;z-index:0}
.hfi-steps button:before{content:'';height:2px;background:#d9d6cf;position:absolute;top:10px;left:-50%;width:100%;z-index:-1}.hfi-steps button:first-child:before{display:none}
.hfi-steps button>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d9d6cf;border:4px solid #f5f3ef;font-size:10px;font-weight:700}
.hfi-steps button.active{color:#242322;font-weight:700}.hfi-steps button.active>span{background:var(--accent,#f8b91d)}.hfi-steps button.done>span{background:#2c8054;color:white}.hfi-steps button.done:before{background:#c2d7c5}
.hfi-step-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#77726a}.hfi-text-link{border:0;background:transparent;min-height:36px;padding:4px 0;color:#806011;font-weight:650;font-size:13px;text-decoration:none}
.hfi-saved-status{margin:0!important;background:transparent!important;padding:0!important;font-size:11px!important;color:#637461!important;border:0!important}
.hfi-pane{display:grid;gap:14px;align-content:start;min-width:0}.hfi-card{padding:16px!important;background:white!important;border:1px solid #e3e1dc!important;border-radius:14px!important;margin:0!important;box-shadow:none!important}
.hfi-card h3{font-size:15px!important;margin:0 0 10px!important}.hfi-card p,.hfi-meter-hint{font-size:12px;line-height:1.5;color:#77726a;margin:8px 0 0}.hfi-selection summary{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.hfi-selection summary span{color:#806011;font-weight:500}.hfi-selection-fields{padding-top:14px}.hfi-selection .form-grid{grid-template-columns:1fr!important;gap:14px!important}.hfi-form label{font-size:13px;gap:7px;font-weight:600;color:#35332f}.hfi-form input,.hfi-form select,.hfi-form textarea{font-size:16px!important;min-height:46px;border-radius:9px!important;font-weight:400;max-width:100%;width:100%;background:#fff}
.hfi-meter-input{display:flex;align-items:center;border:1px solid #ddd9d2;border-radius:10px;overflow:hidden}.hfi-meter-input input{border:0!important;border-radius:0!important;font-size:27px!important;min-height:56px;padding:10px 12px;flex:1;min-width:0}.hfi-meter-unit{padding:12px;border-left:1px solid #e7e4de;color:#77726a;font-size:12px;align-self:stretch;display:flex;align-items:center}
.hfi-fuel-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hfi-fuel-choice{font-size:13px;padding:8px!important;font-weight:500!important;background:#f7f6f3!important;border:1px solid #eeece6!important}.hfi-fuel-choice[aria-pressed=true]{background:var(--accent,#f8b91d)!important;border-color:var(--accent,#f8b91d)!important;color:#242322!important;font-weight:700!important}
.hfi-inspector{display:flex;align-items:center;gap:12px}.hfi-inspector>div{display:grid;gap:4px}.hfi-inspector strong{font-size:14px;font-weight:500}.hfi-inspector small{font-size:12px;color:#77726a}.hfi-status{display:inline-block;font-size:12px;font-weight:650;border-radius:16px;padding:5px 9px}.hfi-status.good{background:#eaf4ed;color:#28784b}
.hfi-pair-note{background:transparent!important;border:0!important;font-size:12px!important;padding:0!important;margin:0!important;line-height:1.5!important}
.hfi-progress-copy{display:grid;gap:7px;font-size:12px}.hfi-progress-copy progress{appearance:none;-webkit-appearance:none;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#e6e3dd}.hfi-progress-copy progress::-webkit-progress-bar{background:#e6e3dd}.hfi-progress-copy progress::-webkit-progress-value{background:var(--accent,#f8b91d);border-radius:10px}.hfi-progress-copy progress::-moz-progress-bar{background:var(--accent,#f8b91d)}
.hfi-check-list{display:grid;gap:9px}.hfi-check{background:#fff;border:1px solid #e3e1dc;border-radius:13px;overflow:hidden}.hfi-check>summary{display:flex;align-items:center;gap:8px;min-height:52px;padding:12px;list-style:none;cursor:pointer;font-size:14px}.hfi-check>summary::-webkit-details-marker,.hfi-selection summary::-webkit-details-marker{display:none}.hfi-check summary strong{flex:1;min-width:0;font-size:14px}.hfi-check summary>b{color:#7c766a}.hfi-check[open] summary>b{transform:rotate(180deg)}
.hfi-check-status{font-size:10px;color:#77726a;border-radius:20px;padding:5px 7px;background:#f4f3f0;max-width:110px;text-align:center;white-space:normal}.hfi-check-status.good{color:#27764d;background:#eaf4ed}.hfi-check-status.warn{color:#92640b;background:#fff5d9}.hfi-check-status.bad{color:#ad3740;background:#fceced}.hfi-check-body{padding:0 12px 13px;display:grid;gap:11px}.hfi-check-body label{display:grid}
.hfi-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hfi-choice{min-height:68px;border:1px solid #e1ddd5;background:#fff;padding:8px 4px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px!important;font-weight:500;line-height:1.2}.hfi-choice>span{font-size:18px}.hfi-choice[aria-pressed=true]{border-color:#6f6b62;background:#f4f2eb;box-shadow:0 0 0 1px #6f6b62 inset}.hfi-choice.good[aria-pressed=true]{border-color:#3a8458;background:#edf7ef;box-shadow:0 0 0 1px #3a8458 inset}.hfi-choice.bad[aria-pressed=true]{border-color:#b34146;background:#fff1f1;box-shadow:0 0 0 1px #b34146 inset}.hfi-choice.warn[aria-pressed=true]{border-color:#bb8d26;background:#fff9e8;box-shadow:0 0 0 1px #bb8d26 inset}
.hfi-add-photo{position:relative;display:flex!important;justify-content:center;align-items:center;min-height:44px;border:1px dashed #d5d0c6;border-radius:8px;font-size:12px!important;background:#faf9f6;overflow:hidden}.hfi-add-photo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hfi-add-photo:focus-within{outline:2px solid #806011;outline-offset:2px}
.hfi-pre-condition{font-size:12px;color:#77726a;margin:0}.hfi-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hfi-compare figure{margin:0;min-width:0}.hfi-before,.hfi-after{height:130px;border-radius:8px;overflow:hidden;background:#f2f0ea;display:grid;place-items:center}.hfi-before img,.hfi-after img{width:100%;height:100%;object-fit:cover}.hfi-photo-empty{font-size:11px;color:#77726a;padding:12px}.hfi-compare figcaption{font-size:11px;color:#77726a;margin-top:5px}.hfi-closeups{display:flex;gap:7px;flex-wrap:wrap}.hfi-closeups:empty{display:none}.hfi-closeups figure{width:64px;height:64px;margin:0;overflow:hidden;border-radius:8px}.hfi-closeups img{width:100%;height:100%;object-fit:cover}
.hfi-form .inspection-maintenance-toggle{display:flex;align-items:center;gap:10px}.hfi-form input[type=checkbox]{width:22px!important;height:22px;min-height:0;flex:none}.hfi-form .inspection-maintenance-toggle span{display:grid;gap:4px}.hfi-form .inspection-maintenance-toggle small{font-size:11px;color:#77726a}.hfi-form #inspectionMaintenanceFields{margin-top:14px;display:grid;grid-template-columns:1fr;gap:12px}
.hfi-form .photo-grid{grid-template-columns:1fr 1fr!important;gap:10px}.hfi-form .photo-slot{height:150px;min-width:0;border-radius:10px!important}.hfi-form .photo-slot b{font-size:12px}.hfi-form .photo-slot small{font-size:10px}.hfi-form .photo-slot input{min-height:100%!important}.hfi-form .photo-slot:focus-within{outline:2px solid #806011;outline-offset:2px}.hfi-form .photo-slot img{height:100%;width:100%;object-fit:cover}.hfi-form .additional-photo-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hfi-form .additional-photo-preview figure{margin:0;min-width:0}.hfi-form .additional-photo-preview img{width:100%;height:100px;object-fit:cover}.hfi-form .additional-photo-preview figcaption{font-size:10px;overflow-wrap:anywhere}.hfi-form .additional-photo-upload{font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center}
.hfi-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin:12px 0}.hfi-review-grid>div{min-width:0}.hfi-review-grid dt{font-size:11px;color:#77726a}.hfi-review-grid dd{font-size:14px;font-weight:600;margin:5px 0 0;overflow-wrap:anywhere}.hfi-review-checks>div{display:flex;gap:8px;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid #efede8;font-size:12px}.hfi-review-checks>div>span{flex:1}.hfi-review-checks p,.hfi-review-checks small{width:100%;margin:0;white-space:pre-wrap}.hfi-review-checks .good{color:#2d7d50}.hfi-review-checks .bad{color:#ae353e}.hfi-review-checks .warn{color:#9b6b11}.hfi-review-note{font-size:12px;color:#77726a;line-height:1.5}.hfi-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.hfi-draft-options{font-size:12px;color:#77726a}.hfi-draft-options button{width:100%;margin-top:10px;font-size:13px}
#modal.hfi-dialog>.hfi-footer{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;flex:none;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e4e1d9;background:#fff;z-index:5}.hfi-footer .btn{font-size:14px!important;padding:12px 9px!important;min-height:48px!important;margin:0!important;line-height:1.25;white-space:normal}.hfi-form #inspectionFormStatus{padding:10px 12px;margin:0;font-size:13px;border-radius:9px}
@media(max-width:700px){#modal.hfi-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;border:0;border-radius:0}#modal.hfi-dialog #modalBody{padding:14px 14px 18px}#modal.hfi-dialog>header{padding:14px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left));padding-top:max(14px,env(safe-area-inset-top))}#modal.hfi-dialog #modalTitle{font-size:19px!important}.hfi-check summary strong{font-size:13px}.hfi-card{padding:14px!important}}
@media(max-width:350px){.hfi-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.hfi-hero>img,.hfi-asset-symbol{width:52px;height:52px}.hfi-check-status{max-width:85px}.hfi-before,.hfi-after{height:110px}}

.hf-condition-item-note{font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 12px;color:#77726a}

.hfi-form .hfi-photo-progress{margin:10px 0;font-size:12px;font-weight:650;color:#806011}.hfi-form .photo-slot.hfi-photo-done{border-color:#5d8e69!important}