/* Inspectra marketing refinement: paper checklist + four-stage flow */

/* Remove stage 05 (Eye in the Sky) and its incoming arrow. */
.qmi-flow > .qmi-card:last-child,
.qmi-flow > .qmi-arrow:nth-last-child(2){display:none!important}
.qmi-flow{grid-template-columns:minmax(250px,.98fr) 62px minmax(280px,1.12fr) 62px minmax(250px,.92fr) 62px minmax(310px,1.2fr)!important;gap:12px!important}

/* Stage 01 should read as a real printed, completed hard-copy inspection sheet. */
.qmi-flow > .qmi-card:first-child{background:#f1f1ef!important;border-color:#c8c8c3!important;box-shadow:0 20px 46px rgba(0,0,0,.13)!important}
.qmi-flow > .qmi-card:first-child .qmi-card-head{background:linear-gradient(180deg,#fdfdfb,#eeeeea)!important;border-bottom:1px solid #b9b9b5!important}
.qmi-flow > .qmi-card:first-child .qmi-card-head small,
.qmi-flow > .qmi-card:first-child .qmi-card-head strong{color:#171717!important}
.qmi-flow > .qmi-card:first-child .qmi-step{background:#111!important;color:#fff!important;border-radius:4px!important}
.qmi-flow > .qmi-card:first-child .qmi-status{background:#ededeb!important;border:1px solid #aaa!important;color:#111!important;border-radius:3px!important}
.qmi-paper-wrap{background:linear-gradient(135deg,#e4e4e1,#f5f5f2)!important;padding:18px 14px 24px!important}
.qmi-paper{border:1px solid #8e8e89!important;border-radius:1px!important;background:#fff!important;box-shadow:4px 6px 0 #d0d0cc,0 20px 35px rgba(0,0,0,.18)!important;transform:rotate(-1deg)!important;padding:15px 13px 17px!important;color:#111!important;font-family:Arial,Helvetica,sans-serif!important}
.qmi-paper:after{inset:4px -5px -5px 5px!important;border:1px solid #aaa!important;border-radius:1px!important;background:#e8e8e4!important}
.qmi-paper-brand{color:#111!important;font-size:6px!important;letter-spacing:.08em!important;border-bottom:2px solid #111;padding-bottom:6px!important}
.qmi-paper h4{color:#000!important;font-family:Georgia,'Times New Roman',serif!important;font-size:14px!important;letter-spacing:.01em!important;margin:7px 0 3px!important}
.qmi-paper-meta{color:#333!important;font-size:5.8px!important;border-bottom:1px solid #777;padding-bottom:8px!important;margin-bottom:0!important}

/* Printed table columns: inspection item | observation/reading | tick | cross. */
.qmi-paper:before{content:'INSPECTION ITEM              OBSERVATION / READING       ✓     ✕';display:block;margin-top:9px;padding:5px 4px;border:1px solid #555;border-bottom:0;background:#e9e9e6;color:#000;font-size:5.2px;font-weight:800;letter-spacing:.025em;white-space:pre}
.qmi-check-row{grid-template-columns:1.15fr .78fr 26px 26px!important;gap:0!important;min-height:31px;padding:0!important;border:1px solid #555!important;border-top:0!important;color:#111!important;background:#fff!important;font-size:6px!important}
.qmi-check-row>span,.qmi-check-row>b{align-self:stretch;display:flex!important;align-items:center;padding:5px 6px!important;border-right:1px solid #777!important;color:#111!important;font-size:6px!important;font-weight:600!important}
.qmi-check-row>b{font-family:'Comic Sans MS','Segoe Print',cursive!important;font-weight:700!important}
.qmi-check-row>i{display:contents!important;font-size:0!important}
.qmi-check-row>i:before,.qmi-check-row>i:after{display:grid;place-items:center;align-self:stretch;color:#111;font-family:'Comic Sans MS','Segoe Print',cursive;font-size:15px;font-style:normal;font-weight:900}
.qmi-check-row>i:before{content:'✓';border-right:1px solid #777}
.qmi-check-row>i:after{content:''}
.qmi-check-row.fail>i:before{content:''}
.qmi-check-row.fail>i:after{content:'✕'}
.qmi-check-row.fail{background:#fff!important}
.qmi-handnote{margin-top:10px!important;padding:9px 8px!important;border:1px solid #555!important;border-radius:0!important;background:#fff!important;color:#111!important;font-family:'Comic Sans MS','Segoe Print',cursive!important;font-size:6px!important;font-style:normal!important;line-height:1.5!important;transform:rotate(.4deg)}
.qmi-handnote:before{content:'HANDWRITTEN NOTE: ';font-family:Arial,Helvetica,sans-serif;font-size:5px;font-weight:800;letter-spacing:.08em}

@media(max-width:1180px){
 .qmi-flow{grid-template-columns:1fr!important}
 .qmi-flow > .qmi-arrow:nth-last-child(2){display:none!important}
}