/* Aircraft-first checklists: procedure type and completion are separate cues. */
.checklistAircraftCard{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:14px;width:100%;min-height:110px;padding:18px;text-align:left;border:1px solid var(--efb-border);border-radius:20px;background:var(--efb-surface);color:var(--text);box-shadow:var(--efb-shadow-sm)}
.checklistAircraftIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--surface-2);color:var(--primary)}
.checklistAircraftIcon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.checklistAircraftCopy{display:grid;gap:5px;min-width:0}
.checklistAircraftCopy strong{font-size:1.15rem;letter-spacing:.02em}
.checklistAircraftCopy>span{font-size:.95rem;line-height:1.35}
.checklistAircraftCopy small{font-size:.8rem;color:var(--muted);line-height:1.35}
.checklistAircraftCard:active{transform:scale(.99)}
.checklistNavBarDetail{grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
.checklistNavBarDetail>h2{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:1.13rem!important;line-height:1.25!important;text-align:left!important}
#editActiveChecklistButton{min-height:44px;padding:8px 12px;border:1px solid var(--efb-border);background:var(--efb-surface-raised);font-size:.8rem;border-radius:14px;white-space:normal;max-width:110px;line-height:1.2}
.activeChecklistAircraft{margin:0 2px 14px;color:var(--muted);font-size:.85rem;font-weight:700;line-height:1.4}
.checklistProcedurePicker{display:grid;gap:7px;padding:13px 16px;border:1px solid var(--efb-border);border-radius:16px;background:var(--efb-surface);margin-bottom:12px}
.checklistProcedurePicker>span{font-size:.8rem;font-weight:700;color:var(--muted)}
.checklistProcedurePicker select{width:100%;min-width:0;min-height:44px;padding:7px 30px 7px 0;border:0;background-color:transparent;color:var(--text);font-size:1rem;font-weight:750;line-height:1.4}
.checklistRunToolbar{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:10px!important;margin:0 0 14px!important;justify-self:stretch!important}
.checklistRunToolbar button{min-height:44px!important;white-space:normal!important;font-size:.82rem!important;line-height:1.3!important;padding:8px!important}
.checklistProgressSummary{display:grid;gap:10px;margin:0 0 14px;padding:4px 2px}
.checklistProgressSummary>span{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 12px;font-size:.84rem}
.checklistProgressSummary strong{color:var(--text)}
.checklistProgressSummary>span>span{color:var(--muted)}
.checklistProgressSummary progress{appearance:none;width:100%;height:7px;border:0;border-radius:99px;background:var(--surface-2);accent-color:#16733b;overflow:hidden}
.checklistProgressSummary progress::-webkit-progress-bar{background:var(--surface-2);border-radius:99px}
.checklistProgressSummary progress::-webkit-progress-value{background:#16733b;border-radius:99px}
.checklistProgressSummary progress::-moz-progress-bar{background:#16733b;border-radius:99px}
.checklistRunItem{grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important;min-height:102px!important;padding:15px 16px!important;box-shadow:none!important}
.checklistCheckCircle{width:44px!important;height:44px!important;min-width:44px!important;border:2px solid #687481!important;border-radius:12px!important;color:var(--text)!important;font-size:1.2rem!important;align-self:center!important}
.checklistItemText{gap:5px!important;opacity:1!important;text-decoration:none!important}
.checklistItemText strong{font-size:1rem!important;line-height:1.4!important;font-weight:760!important;overflow-wrap:anywhere}
.checklistItemText .checklistItemResponse{font-size:.94rem!important;line-height:1.4!important;overflow-wrap:anywhere}
.checklistItemText .checklistItemStatus{display:inline-flex;align-items:center;justify-self:start;width:fit-content;padding:3px 8px;border:1px solid currentColor;border-radius:6px;font-size:.75rem!important;line-height:1.3!important;font-weight:800!important;color:var(--muted)!important;letter-spacing:.01em}
.checklistRunItem.current:not(.deferred){box-shadow:inset 4px 0 0 #075aba!important}
.checklistRunItem.current .checklistItemStatus{color:#fff!important;background:#075aba;border-color:#075aba}
.checklistRunItem.type-abnormal .checklistItemStatus{color:#392809!important}
.checklistRunItem.type-abnormal .checklistItemText .checklistItemResponse{color:#382407!important}
.checklistRunItem.type-abnormal .checklistCheckCircle{border-color:#59401a!important}
.checklistRunItem.type-emergency .checklistItemStatus{color:#fff!important}
.checklistRunItem.type-emergency .checklistItemText .checklistItemResponse{color:#fff!important}
.checklistRunItem.type-emergency .checklistCheckCircle{border-color:#fff!important;color:#fff!important}
.checklistRunItem.current .checklistItemText .checklistItemStatus{color:#fff!important}
.checklistRunItem.done{background:#e5f3e9!important;box-shadow:inset 4px 0 0 #16733b!important}
.checklistRunItem.done .checklistItemText{opacity:1!important;text-decoration:none!important}
.checklistRunItem.done .checklistItemText strong{color:#14532d!important}
.checklistRunItem.done .checklistItemText .checklistItemResponse{color:#21623e!important}
.checklistRunItem.done .checklistItemText .checklistItemStatus{color:#14532d!important;background:#c6e8d0;border-color:transparent}
.checklistRunItem.done .checklistCheckCircle{border-color:#16733b!important;background:#16733b!important;color:#fff!important}
.checklistRunItem.deferred .checklistItemText .checklistItemStatus{color:#523700!important;background:#ffdc86;border-color:#c18b23}
.checklistRunItem.deferred:not(.done){box-shadow:inset 4px 0 0 #b57900!important}
.checklistRunItem.deferred .checklistCheckCircle{background:#ffdc86!important;color:#523700!important;border-color:#b57900!important}
body[data-theme="dark"] .checklistRunItem.done{background:#133522!important}
body[data-theme="dark"] .checklistRunItem.done .checklistItemText strong{color:#c7f0d2!important}
body[data-theme="dark"] .checklistRunItem.done .checklistItemText .checklistItemResponse{color:#abdaba!important}
body[data-theme="dark"] .checklistRunItem.done .checklistItemText .checklistItemStatus{background:#245639;color:#c7f0d2!important}
body[data-theme="dark"] .checklistCheckCircle{border-color:#a3adb8!important}
.checklistAircraftDock{position:fixed;z-index:96;left:50vw;bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px));transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:8px;width:min(560px,calc(100vw - 24px));padding:6px;border:1px solid var(--efb-border);border-radius:22px;background:var(--efb-glass-strong);box-shadow:var(--efb-shadow-float);backdrop-filter:saturate(150%) blur(24px);-webkit-backdrop-filter:saturate(150%) blur(24px)}
.checklistAircraftDock>button{min-width:0;min-height:52px;border:0;border-radius:16px;padding:8px 5px;font-size:.81rem;font-weight:800;line-height:1.2}
#checklistAbnormalButton{background:#d99b32;color:#2d1c03}
#checklistEmergencyButton{background:#b82635;color:#fff}
.checklistAircraftDock>button[aria-pressed="true"]{outline:2px solid var(--text);outline-offset:1px}
body.menuHeaderInstalled .checklistAircraftDock .efbHomeButton{position:static!important;left:auto!important;bottom:auto!important;top:auto!important;right:auto!important;transform:none!important;min-width:0!important;width:70px!important;height:52px!important;min-height:52px!important;padding:5px!important;display:flex!important;flex-direction:column!important;gap:2px!important;border:0!important;border-radius:16px!important;box-shadow:none!important;background:var(--efb-surface-raised)!important;font-size:.76rem!important}
.checklistAircraftDock .efbHomeButton svg{width:20px;height:20px}
body.checklistAircraftOpen .checklistActionDock{left:50vw!important;bottom:max(90px,calc(env(safe-area-inset-bottom) + 88px))!important}
body.checklistAircraftOpen .checklistDeferredBar{left:50vw!important;bottom:max(164px,calc(env(safe-area-inset-bottom) + 162px))!important}
.activeChecklistContent{padding-bottom:260px!important}
.checklistsMain{padding-bottom:max(120px,calc(env(safe-area-inset-bottom) + 110px))!important}
.checklistEditorGroup{scroll-margin-top:max(120px,calc(env(safe-area-inset-top) + 104px))}
.checklistTypeField select{min-height:44px!important}
@media(max-width:360px){.checklistAircraftDock{gap:5px;width:calc(100vw - 16px);padding:5px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}body.menuHeaderInstalled .checklistAircraftDock .efbHomeButton{width:64px!important}.checklistAircraftDock>button{font-size:.78rem}.checklistNavBarDetail{gap:6px!important;grid-template-columns:44px minmax(0,1fr) 85px!important}#editActiveChecklistButton{font-size:.77rem;padding:7px;max-width:85px}.checklistRunItem{padding-inline:12px!important;gap:12px!important}.checklistAircraftCard{padding:16px;gap:12px}}
@media(prefers-reduced-transparency:reduce){.checklistAircraftDock{background:var(--efb-surface-raised);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.checklistItemStatus,.checklistCheckCircle{border:2px solid ButtonText!important}.checklistRunItem.done{outline:2px solid Highlight}.checklistAircraftDock>button{border:1px solid ButtonText}}

.checklistNavBarDetail .checklistBackButton{width:44px!important;min-height:44px!important;justify-content:center;padding:0!important;scroll-margin-top:90px}
.checklistNavBarDetail .checklistBackButton span{display:none!important}
/* Keep white action labels readable in both themes. */
body[data-efb-app="checklists"] #completeChecklistButton,
body[data-efb-app="checklists"] .checklistActionDock [data-check-next-item]{background:#16733b!important;color:#fff!important}
body.checklistAircraftOpen .checklistActionDock{background:var(--efb-surface-raised)!important}