/* Motorcycle Instructor Training portal — scoped, built on the WMST token set. */
.mit-wrap{max-width:1120px;margin-inline:auto;padding-inline:var(--gutter,1.25rem)}
/* author display rules below beat the UA [hidden] rule, so re-assert it across the whole portal for the JS toggles */
body.mit-body [hidden]{display:none !important}
.mit-ic{width:1em;height:1em;flex:0 0 auto;vertical-align:-.12em}
.mit-muted{color:var(--wmst-text-soft)}

/* the portal runs on a soft canvas so cards lift off it */
body.mit-body{background:#F4F6F8}

/* ---------- Sub-nav (training-specific) ---------- */
.mit-subnav{background:#fff;border-bottom:1px solid var(--wmst-line);position:sticky;top:0;z-index:30}
.mit-subnav__inner{max-width:var(--max,1200px);margin-inline:auto;padding:.5rem var(--gutter,1.25rem);display:flex;align-items:center;gap:.6rem}
.mit-subnav__brand{font:700 .95rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep);text-decoration:none;white-space:nowrap}
.mit-subnav__brand:hover{color:var(--wmst-blue)}
.mit-subnav__nav{display:flex;align-items:center;gap:.2rem;margin-left:0}
.mit-subnav__link{display:inline-flex;align-items:center;gap:.35rem;font:600 .88rem/1 var(--font-display,sans-serif);color:var(--wmst-text);text-decoration:none;padding:.55rem .75rem;border-radius:7px;background:transparent;border:0;cursor:pointer;transition:background-color .14s,color .14s}
.mit-subnav__link:hover{background:var(--wmst-blue-soft);color:var(--wmst-blue-deep)}
.mit-subnav__dd{position:relative}
.mit-subnav__ddbtn .mit-ic{width:.85em;height:.85em;transition:transform .18s var(--ease,ease)}
.mit-subnav__dd.is-open .mit-subnav__ddbtn{background:var(--wmst-blue-soft);color:var(--wmst-blue-deep)}
.mit-subnav__dd.is-open .mit-subnav__ddbtn .mit-ic{transform:rotate(180deg)}
.mit-subnav__menu{position:absolute;top:calc(100% + .45rem);left:0;z-index:40;width:340px;max-width:86vw;max-height:min(70vh,520px);overflow:auto;background:#fff;border:1px solid var(--wmst-line);border-radius:12px;box-shadow:0 18px 44px rgba(16,42,67,.20);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s var(--ease,ease),transform .16s var(--ease,ease),visibility .16s}
.mit-subnav__dd.is-open::after{content:"";position:absolute;left:0;right:0;top:100%;height:.5rem} /* bridges the hover gap between button and menu */
.mit-subnav__dd.is-open .mit-subnav__menu{opacity:1;visibility:visible;transform:none}
.mit-subnav__group{font:700 .66rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;color:var(--wmst-text-soft);margin:.7rem .6rem .3rem}
.mit-subnav__group:first-child{margin-top:.2rem}
.mit-subnav__grouplink{color:inherit;text-decoration:none}
.mit-subnav__grouplink:hover{color:var(--wmst-blue-deep);text-decoration:underline}
.mit-subnav__grouplink.is-active{color:var(--wmst-blue)}
.mit-subnav__item{display:block;padding:.5rem .6rem;border-radius:7px;font-size:.88rem;line-height:1.3;color:var(--wmst-text);text-decoration:none;transition:background-color .12s,color .12s}
.mit-subnav__item:hover{background:var(--wmst-blue-soft);color:var(--wmst-blue-deep)}
.mit-subnav__item.is-active{color:var(--wmst-blue);font-weight:600;background:var(--wmst-blue-soft)}
.mit-subnav__exit{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;font:600 .85rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);text-decoration:none;padding:.55rem .7rem;border-radius:7px;transition:background-color .14s,color .14s;white-space:nowrap}
.mit-subnav__exit:hover{background:var(--wmst-surface);color:var(--wmst-text)}
@media(max-width:760px){
  .mit-subnav__inner{flex-wrap:wrap;row-gap:0}
  .mit-subnav__brand{font-size:.85rem;flex:1 1 auto}
}
@media(max-width:640px){
  .mit-subnav__nav{margin-left:.2rem}
  .mit-subnav__link{padding:.55rem .5rem}
  .mit-subnav__exit span{display:none}
}

/* ---------- Hero ---------- */
.mit-hero{background:linear-gradient(150deg,#00457A 0%,#0067B0 60%,#0074C6 100%);color:#fff;padding:clamp(2.5rem,6vw,4.5rem) 0;position:relative;overflow:hidden}
.mit-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0,rgba(255,255,255,.14),transparent 55%);pointer-events:none}
.mit-hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font:600 .8rem/1 var(--font-display,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#BFE0F7;margin:0 0 1rem}
.mit-hero__title{font:800 clamp(2rem,5vw,3.1rem)/1.05 var(--font-display,sans-serif);margin:0 0 .8rem;letter-spacing:-.01em;color:#fff}
.mit-hero__lede{max-width:60ch;font-size:1.06rem;line-height:1.6;color:rgba(255,255,255,.92);margin:0 0 1.6rem}
.mit-hero__stats{display:flex;flex-wrap:wrap;gap:.6rem 2rem}
.mit-hero__stats span{font-size:.95rem;color:rgba(255,255,255,.85)}
.mit-hero__stats strong{font:800 1.4rem/1 var(--font-display,sans-serif);color:#fff;margin-right:.35rem}

/* ---------- Catalog ---------- */
.mit-catalog{padding:clamp(2rem,5vw,3.5rem) var(--gutter,1.25rem)}
.mit-group__title{font:700 1.35rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep,#004A82);margin:2.4rem 0 1.1rem;padding-bottom:.6rem;border-bottom:2px solid var(--wmst-line,#e2e2e2)}
.mit-group__title:first-child{margin-top:0}
.mit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem}
.mit-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--wmst-line,#e5e7eb);border-radius:10px;padding:1.35rem 1.4rem 1.5rem;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(16,42,67,.05);transition:transform .18s var(--ease,ease),box-shadow .18s,border-color .18s}
.mit-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,42,67,.13);border-color:#BcdAF0}
.mit-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.mit-card__title{font:700 1.12rem/1.28 var(--font-display,sans-serif);color:var(--wmst-black,#111);margin:0}
.mit-card__summary{font-size:.92rem;line-height:1.55;color:var(--wmst-text,#54595F);margin:.6rem 0 1rem;flex:1}
.mit-card__meta{display:flex;gap:1.1rem;font-size:.82rem;color:var(--wmst-text-soft,#7A7F86);font-weight:500}
.mit-card__meta span{display:inline-flex;align-items:center;gap:.35rem}
.mit-card__go{position:absolute;right:1.2rem;bottom:1.25rem;color:var(--wmst-blue,#0067B0);opacity:0;transform:translateX(-4px);transition:.18s;font-size:1.15rem}
.mit-card:hover .mit-card__go{opacity:1;transform:none}
.mit-badge{font:600 .68rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;padding:.32em .55em;border-radius:4px;white-space:nowrap}
.mit-badge--wip{background:#FFF3D6;color:#8A6A00}
.mit-badge--ok{background:#E3F5EC;color:#1B7A50}
.mit-badge--down{background:#FDE8E8;color:#B42318}
.mit-badge--off{background:#ECEEF1;color:#54595F}

/* fleet inventory */
.mit-fleet{padding-block:1.6rem 3rem}
.mit-fleet__note{background:var(--wmst-blue-soft);border:1px solid var(--wmst-line);border-radius:10px;padding:.7rem 1rem;font-size:.9rem;color:var(--wmst-blue-deep);margin:0 0 1rem}
.mit-fleet__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem}
.mit-fleet__search{flex:1 1 220px;max-width:340px;padding:.55rem .8rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:.92rem}
.mit-fleet__filter{padding:.55rem .6rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:.9rem;background:#fff}
.mit-fleet__count{margin-left:auto;font:600 .85rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);font-variant-numeric:tabular-nums}
.mit-fleet__scroll{overflow-x:auto;border:1px solid var(--wmst-line);border-radius:12px;background:#fff}
.mit-fleet__table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:860px}
.mit-fleet__table th{position:sticky;top:0;background:var(--wmst-surface);text-align:left;border-bottom:1px solid var(--wmst-line)}
.mit-fleet__table th button{all:unset;cursor:pointer;display:block;width:100%;box-sizing:border-box;padding:.65rem .9rem;font:700 .78rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--wmst-text-soft)}
.mit-fleet__table th button:hover{color:var(--wmst-blue-deep)}
.mit-fleet__table th button.is-sorted{color:var(--wmst-blue)}
.mit-fleet__table th button.is-sorted::after{content:" ↑"}
.mit-fleet__table th button.is-sorted.is-desc::after{content:" ↓"}
.mit-fleet__table td{padding:.6rem .9rem;border-bottom:1px solid var(--wmst-line)}
.mit-fleet__table tbody tr:last-child td{border-bottom:0}
.mit-fleet__table tbody tr:hover{background:var(--wmst-blue-soft)}
.mit-fleet__vin{font-variant-numeric:tabular-nums;font-weight:600;color:var(--wmst-blue-deep)}
.mit-fleet__empty{text-align:center;color:var(--wmst-text-soft);padding:2rem 0}
.mit-fleet__add{flex:0 0 auto;width:auto;margin-left:.4rem}
.mit-fleet__actions{white-space:nowrap}
.mit-fleet__actions-h{padding:.65rem .9rem;font:700 .78rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--wmst-text-soft)}
.mit-fleet__act{all:unset;cursor:pointer;padding:.3rem .45rem;border-radius:6px;font-size:.95rem;color:var(--wmst-blue-deep)}
.mit-fleet__act:hover{background:var(--wmst-blue-soft)}
.mit-fleet__act--del{color:#B42318}
.mit-fleet__act--del:hover{background:#FDE8E8}
.mit-fleet__dialog{border:0;border-radius:16px;box-shadow:0 1px 2px rgba(16,42,67,.08),0 8px 24px rgba(16,42,67,.14),0 24px 60px rgba(16,42,67,.26);padding:0;width:min(420px,92vw)}
.mit-fleet__dialog::backdrop{background:rgba(11,28,44,.45);backdrop-filter:blur(2px)}
.mit-fleet__dialog[open]{animation:mitDlgIn .18s cubic-bezier(.2,0,0,1)}
.mit-fleet__dialog[open]::backdrop{animation:mitDlgFade .18s ease}
@keyframes mitDlgIn{from{opacity:0;translate:0 8px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes mitDlgFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.mit-fleet__dialog[open],.mit-fleet__dialog[open]::backdrop{animation:none}}
.mit-fleet__dbody{padding:1.1rem 1.4rem 1.4rem}
.mit-fleet__x{display:grid;place-items:center;width:40px;height:40px;margin:-6px -10px 0 0;border:0;border-radius:10px;background:transparent;color:var(--wmst-text-soft);cursor:pointer;transition-property:background-color,color,scale;transition-duration:.16s}
.mit-fleet__x svg{width:18px;height:18px}
.mit-fleet__x:hover{background:#EEF2F6;color:var(--wmst-black)}
.mit-fleet__x:active{scale:.96}
.mit-fleet__form{padding:1.3rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.75rem}
.mit-fleet__form h2{font-size:1.15rem;margin:0 0 .2rem}
.mit-fleet__form label{display:flex;flex-direction:column;gap:.3rem;font:600 .8rem/1.2 var(--font-display,sans-serif);color:var(--wmst-text-soft)}
.mit-fleet__form input,.mit-fleet__form select{padding:.55rem .7rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:.95rem;color:var(--wmst-text)}
.mit-fleet__err{background:#FDE8E8;color:#B42318;border-radius:8px;padding:.55rem .8rem;font-size:.88rem;margin:0}
.mit-fleet__form-btns{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.3rem}
.mit-subnav__link.is-active{background:var(--wmst-blue-soft);color:var(--wmst-blue-deep)}

/* access gate */
.mit-gate{display:grid;place-items:center;min-height:52vh;padding:3rem var(--gutter,1.25rem)}
.mit-gate__card{width:min(400px,100%);background:#fff;border:1px solid var(--wmst-line);border-radius:14px;box-shadow:0 14px 40px rgba(16,42,67,.10);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.8rem;text-align:center}
.mit-gate__lock{width:34px;height:34px;margin:0 auto;color:var(--wmst-blue)}
.mit-gate__card h1{font-size:1.25rem;margin:0}
.mit-gate__card p{margin:0;font-size:.92rem;color:var(--wmst-text-soft)}
.mit-gate__err{background:#FDE8E8;color:#B42318 !important;border-radius:8px;padding:.55rem .8rem;font-size:.88rem}
.mit-gate__card input[type=password]{padding:.65rem .8rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:1rem;text-align:center}
.mit-card__progress{display:flex;align-items:center;gap:.6rem;margin-top:.9rem}
.mit-card__pct{font-size:.78rem;font-weight:600;color:var(--wmst-blue,#0067B0)}

/* progress bar */
.mit-bar{flex:1;height:6px;border-radius:99px;background:#E6EBF0;overflow:hidden}
.mit-bar>i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#0067B0,#22A06B);transition:width .4s var(--ease,ease)}

/* ---------- Breadcrumbs ---------- */
.mit-crumbs{font-size:.85rem;color:var(--wmst-text-soft);padding-top:1.4rem}
.mit-crumbs a{color:var(--wmst-blue,#0067B0);text-decoration:none}
.mit-crumbs a:hover{text-decoration:underline}
.mit-crumbs span{margin:0 .45rem;opacity:.5}

/* ---------- Course page ---------- */
.mit-course-head{display:grid;grid-template-columns:1fr 300px;gap:2.5rem;padding-top:1rem;padding-bottom:1.5rem;align-items:start}
.mit-course-title{font:800 clamp(1.7rem,3.6vw,2.4rem)/1.1 var(--font-display,sans-serif);color:var(--wmst-black);margin:.4rem 0 .8rem}
.mit-course-meta{display:flex;gap:1.3rem;font-size:.9rem;color:var(--wmst-text-soft);font-weight:500;margin-bottom:1.2rem}
.mit-course-meta span{display:inline-flex;align-items:center;gap:.4rem}
.mit-course-overview{font-size:.98rem}
.mit-startbox{position:sticky;top:90px;background:#fff;border:1px solid var(--wmst-line);border-radius:12px;padding:1.4rem;box-shadow:0 6px 20px rgba(16,42,67,.07)}
.mit-startbox__progress{margin-bottom:1.1rem}
.mit-startbox__label{display:block;margin-top:.55rem;font-size:.82rem;font-weight:600;color:var(--wmst-text-soft)}
.mit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 .95rem/1 var(--font-display,sans-serif);padding:.85em 1.3em;border-radius:6px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:.16s;width:100%}
.mit-btn--primary{background:var(--wmst-blue,#0067B0);color:#fff}
.mit-btn--primary:hover{background:var(--wmst-blue-deep,#004A82)}
.mit-btn--ghost{background:transparent;border-color:var(--wmst-line);color:var(--wmst-text);width:auto}
.mit-btn--ghost:hover{border-color:var(--wmst-blue);color:var(--wmst-blue)}
.mit-btn--check{background:#fff;border-color:var(--wmst-line);color:var(--wmst-text);width:auto}
.mit-btn--check:hover{border-color:#22A06B;color:#1B7A50}
.mit-btn.is-done{background:#E7F6EE;border-color:#22A06B;color:#1B7A50}

/* lesson list on course page */
.mit-lesson-list{padding-bottom:3.5rem}
.mit-lesson-list ol{list-style:none;margin:0;padding:0;border:1px solid var(--wmst-line);border-radius:12px;overflow:hidden;background:#fff}
.mit-lesson-list li+li{border-top:1px solid var(--wmst-line)}
.mit-lesson-list a{display:flex;align-items:center;gap:1rem;padding:.95rem 1.2rem;text-decoration:none;color:inherit;transition:background .14s}
.mit-lesson-list a:hover{background:var(--wmst-blue-soft,#E6F0F8)}
.mit-ll__num{flex:0 0 2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:#EEF2F6;color:var(--wmst-text-soft);font:600 .85rem/1 var(--font-display,sans-serif)}
.mit-lesson-list li.is-done .mit-ll__num{background:#22A06B;color:#fff}
.mit-ll__title{flex:1;font-weight:500;font-size:.97rem}
.mit-ll__tags{display:flex;align-items:center;gap:.6rem}
.mit-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;color:var(--wmst-blue,#0067B0);background:var(--wmst-blue-soft,#E6F0F8);padding:.28em .5em;border-radius:4px}
.mit-ll__done{color:#22A06B;display:none}
.mit-lesson-list li.is-done .mit-ll__done{display:inline-flex}

/* ---------- Lesson page ---------- */
/* lesson view runs near full-width for a roomier reading experience */
.mit-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:2rem;align-items:start;max-width:min(1720px,96vw);margin-inline:auto;padding:1.5rem clamp(1rem,3vw,2.5rem) 3.5rem}
.mit-outline{position:sticky;top:82px;background:#fff;border:1px solid var(--wmst-line);border-radius:12px;padding:1.1rem;max-height:calc(100vh - 100px);overflow:auto;box-shadow:0 4px 14px rgba(16,42,67,.05)}
.mit-outline__back{display:flex;align-items:center;gap:.5rem;font:600 .9rem/1.3 var(--font-display,sans-serif);color:var(--wmst-blue-deep);text-decoration:none;padding:.3rem .3rem .8rem}
.mit-outline__back .mit-ic{transform:rotate(180deg)}
.mit-outline__progress{display:flex;align-items:center;gap:.5rem;padding:0 .3rem .8rem;border-bottom:1px solid var(--wmst-line);margin-bottom:.5rem}
.mit-outline__pct{font-size:.75rem;font-weight:700;color:var(--wmst-blue)}
.mit-outline__list{list-style:none;margin:0;padding:0}
.mit-outline__list a{display:flex;align-items:flex-start;gap:.45rem;padding:.5rem .5rem;font-size:.86rem;line-height:1.35;color:var(--wmst-text);text-decoration:none;border-radius:6px}
.mit-outline__list a:hover{background:var(--wmst-blue-soft)}
.mit-outline__list li.is-current>a{background:var(--wmst-blue-soft);color:var(--wmst-blue-deep);font-weight:600}
.mit-outline__n{color:var(--wmst-text-soft);font-variant-numeric:tabular-nums}
.mit-outline__done{color:#22A06B;flex:0 0 auto;visibility:hidden;margin-top:.05rem}
.mit-outline__list li.is-done .mit-outline__done{visibility:visible}
.mit-outline__list li.is-done .mit-outline__n{color:#22A06B}

.mit-lesson{min-width:0;background:#fff;border:1px solid var(--wmst-line);border-radius:14px;overflow:hidden}
.mit-lesson__body{padding:clamp(1.5rem,2.6vw,2.8rem);max-width:1120px;margin-inline:auto}
.mit-lesson .mit-crumbs{padding-top:0}
.mit-lesson__step{font:600 .8rem/1 var(--font-display,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--wmst-blue,#0067B0);margin:.7rem 0 .4rem}
.mit-lesson__title{font:800 clamp(1.5rem,3.4vw,2.3rem)/1.15 var(--font-display,sans-serif);color:var(--wmst-black);margin:0 0 1.4rem}

/* header band — the leading lesson image, sitting above the title */
.mit-lesson__banner{width:100%;height:clamp(150px,20vw,250px);overflow:hidden;background:#0b1c2c;border-bottom:1px solid var(--wmst-line)}
.mit-lesson__banner img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* course-page header banner (above title + start box) */
.mit-course-banner{width:100%;height:clamp(150px,20vw,240px);overflow:hidden;border-radius:12px;border:1px solid var(--wmst-line);margin-top:1.1rem}
.mit-course-banner img{width:100%;height:100%;object-fit:cover;display:block}

/* downloads / course materials */
.mit-downloads{margin:1.6rem 0}
.mit-downloads__title{display:flex;align-items:center;gap:.5rem;font:700 1.12rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep);margin:0 0 .9rem}
.mit-downloads__title .mit-dl__ic{width:1.05rem;height:1.05rem;color:var(--wmst-blue)}
.mit-downloads__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}
.mit-dl{display:flex;align-items:center;gap:.85rem;padding:.8rem .95rem;background:#fff;border:1px solid var(--wmst-line);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s var(--ease,ease),box-shadow .15s var(--ease,ease),transform .15s var(--ease,ease)}
.mit-dl:hover{border-color:#9CC4E6;box-shadow:0 8px 20px rgba(16,42,67,.10);transform:translateY(-2px)}
.mit-dl:active{transform:translateY(0) scale(.99)}
.mit-dl__ext{flex:0 0 auto;display:grid;place-items:center;min-width:3rem;height:2.5rem;padding:0 .5rem;border-radius:7px;background:#EEF2F6;color:#5b6470;font:700 .72rem/1 var(--font-display,sans-serif);letter-spacing:.03em}
.mit-dl[data-ext="pdf"] .mit-dl__ext{background:#FDECEC;color:#C0392B}
.mit-dl[data-ext="pptx"] .mit-dl__ext,.mit-dl[data-ext="ppt"] .mit-dl__ext,.mit-dl[data-ext="key"] .mit-dl__ext{background:#FCEEE1;color:#C05A1E}
.mit-dl[data-ext="docx"] .mit-dl__ext,.mit-dl[data-ext="doc"] .mit-dl__ext{background:#E9F0FB;color:#1B5FB0}
.mit-dl[data-ext="xlsx"] .mit-dl__ext,.mit-dl[data-ext="zip"] .mit-dl__ext{background:#E7F6EE;color:#1B7A50}
.mit-dl__name{flex:1;font-size:.9rem;font-weight:600;line-height:1.3;color:var(--wmst-black);overflow-wrap:anywhere}
.mit-dl__go{flex:0 0 auto;color:var(--wmst-text-soft)}
.mit-dl__go .mit-dl__ic{width:1.1rem;height:1.1rem}
.mit-dl:hover .mit-dl__go{color:var(--wmst-blue)}

/* mark-complete row + reveal-on-complete Next button */
.mit-complete .mit-btn{width:auto}
.mit-complete__next .mit-ic{transition:transform .15s var(--ease,ease)}
.mit-complete__next:hover .mit-ic{transform:translateX(3px)}

/* prose */
.mit-prose{font-size:1rem;line-height:1.7;color:#3B4148}
.mit-prose h2{font:700 1.3rem/1.3 var(--font-display,sans-serif);color:var(--wmst-blue-deep,#004A82);margin:1.8rem 0 .7rem}
.mit-prose h3{font:700 1.1rem/1.3 var(--font-display,sans-serif);color:var(--wmst-black);margin:1.5rem 0 .6rem}
.mit-prose p{margin:0 0 1rem}
.mit-prose ul,.mit-prose ol{margin:0 0 1.1rem;padding-left:1.3rem}
.mit-prose li{margin:.3rem 0}
.mit-prose a{color:var(--wmst-blue,#0067B0);text-decoration:underline;text-underline-offset:2px}
.mit-prose img{max-width:100%;height:auto;border-radius:8px;margin:.8rem 0;display:block}
.mit-prose iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px;margin:1rem 0}
.mit-prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.92rem}
.mit-prose th,.mit-prose td{border:1px solid var(--wmst-line);padding:.5rem .7rem;text-align:left}
.mit-prose blockquote{border-left:3px solid var(--wmst-blue);padding-left:1rem;margin:1rem 0;color:var(--wmst-text-soft)}

/* ---------- Wide reference tables (instructor pay charts) ---------- */
.mit-prose .mit-pay{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.1rem 0 1.6rem;border:1px solid var(--wmst-line);border-radius:10px;background:#fff}
.mit-prose .mit-pay table{margin:0;min-width:100%;font-size:.85rem;border-collapse:separate;border-spacing:0}
.mit-prose .mit-pay th,.mit-prose .mit-pay td{border:0;border-bottom:1px solid var(--wmst-line);padding:.45rem .65rem;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.mit-prose .mit-pay thead th{position:relative;background:var(--wmst-surface);color:var(--wmst-text-soft);font:700 .7rem/1.25 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.04em;text-align:center;vertical-align:bottom}
.mit-prose .mit-pay thead tr:first-child th[colspan]{color:var(--wmst-blue-deep,#004A82)}
.mit-prose .mit-pay .g{border-left:1px solid var(--wmst-line)}
.mit-prose .mit-pay thead th:first-child{position:sticky;left:0;z-index:2;box-shadow:1px 0 0 var(--wmst-line)}
.mit-prose .mit-pay tbody td:first-child{text-align:left;font-weight:700;color:var(--wmst-black);position:sticky;left:0;background:#fff;box-shadow:1px 0 0 var(--wmst-line)}
.mit-prose .mit-pay tbody tr:last-child td{border-bottom:0}
.mit-prose .mit-pay tbody tr:hover td,.mit-prose .mit-pay tbody tr:hover td:first-child{background:var(--wmst-blue-soft,#EEF6FC)}
.mit-pay__hr{display:block;margin-top:.1rem;font:400 .7rem/1 var(--font-body,sans-serif);color:var(--wmst-text-soft)}

/* ---------- Slideshow (exported Elementor presentation) ---------- */
.mit-slides{position:relative;margin:1.3rem 0;border:1px solid var(--wmst-line);border-radius:12px;overflow:hidden;background:#0b1c2c;box-shadow:0 6px 20px rgba(16,42,67,.10)}
.mit-slides__stage{display:grid;background:#0b1c2c;aspect-ratio:16/9}
.mit-slide{grid-area:1/1;width:100%;height:100%;margin:0;opacity:0;visibility:hidden;transition:opacity .5s var(--ease,ease),visibility .5s var(--ease,ease)}
.mit-slide.is-active{opacity:1;visibility:visible}
.mit-slide img{width:100%;height:100%;object-fit:contain;display:block;margin:0;border-radius:0;background:#0b1c2c}
.mit-slides__nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem;background:rgba(3,18,33,.92);color:#fff}
.mit-slides__btn{width:2.2rem;height:2.2rem;flex:0 0 auto;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer;transition:.15s;padding:0}
.mit-slides__btn:hover{background:#fff;color:#0b1c2c;border-color:#fff}
.mit-slides__count{font:600 .85rem/1 var(--font-display,sans-serif);min-width:4.5rem;text-align:center;letter-spacing:.02em}
.mit-slides__dots{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;max-width:60%}
.mit-slides__dot{width:.5rem;height:.5rem;border-radius:50%;background:rgba(255,255,255,.35);border:0;padding:0;cursor:pointer;transition:.15s}
.mit-slides__dot.is-active{background:#fff;transform:scale(1.25)}
.mit-slides__hint{position:absolute;top:.7rem;right:.7rem;z-index:2;font:600 .7rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;color:#fff;background:rgba(3,18,33,.6);padding:.35em .6em;border-radius:99px;pointer-events:none}

/* ---------- Quiz ---------- */
.mit-quiz{margin:2.2rem 0 1rem;background:#F7FAFC;border:1px solid #DCE7F0;border-radius:12px;padding:1.4rem 1.5rem}
.mit-quiz__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem}
.mit-quiz__title{display:flex;align-items:center;gap:.5rem;font:700 1.15rem/1 var(--font-display,sans-serif);color:var(--wmst-blue-deep);margin:0}
.mit-quiz__count{font-size:.8rem;color:var(--wmst-text-soft);font-weight:600}
.mit-q{padding:1rem 0;border-top:1px solid #E4EBF2}
.mit-q:first-of-type{border-top:0;padding-top:.3rem}
.mit-q__text{display:flex;gap:.6rem;font-weight:600;color:var(--wmst-black);margin:0 0 .7rem;line-height:1.45}
.mit-q__n{flex:0 0 1.55rem;height:1.55rem;display:grid;place-items:center;border-radius:50%;background:var(--wmst-blue,#0067B0);color:#fff;font:700 .78rem/1 var(--font-display,sans-serif)}
.mit-opt{display:flex;align-items:flex-start;gap:.65rem;padding:.55rem .7rem;border:1.5px solid var(--wmst-line);border-radius:8px;margin:.4rem 0;cursor:pointer;background:#fff;transition:.14s;line-height:1.4}
.mit-opt:hover{border-color:#9CC4E6}
.mit-opt input{position:absolute;opacity:0;width:0;height:0}
.mit-opt__box{flex:0 0 1.15rem;height:1.15rem;margin-top:.08rem;border:2px solid #B7C2CD;border-radius:50%;display:grid;place-items:center;transition:.14s}
.mit-q[data-multi="1"] .mit-opt__box{border-radius:5px}
.mit-opt input:checked+.mit-opt__box{border-color:var(--wmst-blue);background:var(--wmst-blue)}
.mit-opt input:checked+.mit-opt__box::after{content:"";width:.42rem;height:.42rem;border-radius:50%;background:#fff}
.mit-q[data-multi="1"] .mit-opt input:checked+.mit-opt__box::after{width:.55rem;height:.3rem;border-radius:0;background:none;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}
.mit-opt input:checked~.mit-opt__txt{font-weight:600}
.mit-opt.is-correct{border-color:#22A06B;background:#EAF7F0}
.mit-opt.is-wrong{border-color:#D64545;background:#FCECEC}
.mit-opt.is-missed{border-color:#22A06B;background:#EAF7F0;border-style:dashed}
.mit-q__free{width:100%;border:1.5px solid var(--wmst-line);border-radius:8px;padding:.6rem .7rem;font:inherit;font-size:.95rem;resize:vertical}
.mit-q__fb{margin:.6rem 0 0;font-size:.85rem;font-weight:600}
.mit-q__fb.ok{color:#1B7A50}.mit-q__fb.no{color:#C0392B}
.mit-quiz__foot{display:flex;align-items:center;gap:1rem;margin-top:1.2rem;flex-wrap:wrap}
.mit-quiz__check{width:auto}
.mit-quiz__score{font:700 1rem/1 var(--font-display,sans-serif)}
.mit-quiz__score.pass{color:#1B7A50}.mit-quiz__score.fail{color:#C0392B}

/* complete + prevnext */
.mit-complete{margin:2rem 0 .5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.mit-btn.is-locked{opacity:.5;cursor:not-allowed;pointer-events:none}
.mit-complete__hint{margin:0;font-size:.85rem;color:var(--wmst-text-soft);font-weight:500}
.mit-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.6rem;border-top:1px solid var(--wmst-line);padding-top:1.4rem}
.mit-prevnext__a{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1.1rem;border:1px solid var(--wmst-line);border-radius:10px;text-decoration:none;color:inherit;transition:.15s}
.mit-prevnext__a:hover{border-color:var(--wmst-blue);background:var(--wmst-blue-soft)}
.mit-prevnext__next{text-align:right}
.mit-pn__k{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--wmst-text-soft);font-weight:600}
.mit-pn__t{font-weight:600;font-size:.95rem;color:var(--wmst-blue-deep)}

/* slim footer */
.mit-foot{background:var(--wmst-black,#111);color:rgba(255,255,255,.7);padding:1.4rem 0;margin-top:2rem}
.mit-foot__inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem}
.mit-foot a{color:#fff;text-decoration:none}
.mit-foot a:hover{text-decoration:underline}

/* ---------- Polish (make-interfaces-feel-better) ---------- */
body.mit-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* balanced headings, pretty body (no orphans) */
.mit-hero__title,.mit-lesson__title,.mit-course-title,.mit-card__title,.mit-quiz__title,.mit-group__title,.mit-q__text{text-wrap:balance}
.mit-hero__lede,.mit-card__summary,.mit-prose p,.mit-course-overview,.mit-pn__t{text-wrap:pretty}
/* tabular figures so live counters never shift width */
.mit-slides__count,.mit-quiz__score,.mit-card__pct,.mit-outline__pct,.mit-lesson__step,.mit-hero__stats strong{font-variant-numeric:tabular-nums}
/* subtle edge outline on content images (follows the radius) */
.mit-prose img{box-shadow:0 0 0 1px rgba(0,0,0,.08)}
/* specific transitions (never transition:all) + tactile press */
.mit-btn{transition-property:background-color,border-color,color,scale;transition-duration:.16s;transition-timing-function:var(--ease,ease)}
.mit-opt{transition-property:border-color,background-color,scale;transition-duration:.14s;transition-timing-function:var(--ease,ease)}
.mit-slides__btn{transition-property:background-color,border-color,color,scale;transition-duration:.15s;transition-timing-function:var(--ease,ease)}
.mit-btn:active:not(:disabled),.mit-quiz__check:active,.mit-quiz__reset:active,.mit-slides__btn:active,.mit-markdone:active:not(.is-locked){scale:.96}
.mit-opt:has(input:not(:disabled)):active{scale:.99}
.mit-card:active{scale:.99}
/* keep slide dots tappable without overlapping (larger transparent hit area) */
.mit-slides__dot{position:relative}
.mit-slides__dot::after{content:"";position:absolute;inset:-8px}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .mit-course-head{grid-template-columns:1fr}
  .mit-startbox{position:static}
  .mit-shell{grid-template-columns:1fr}
  .mit-outline{position:static;max-height:none;order:2}
}
@media(max-width:520px){
  .mit-prevnext{grid-template-columns:1fr}
  .mit-hero__stats{gap:.4rem 1.4rem}
}
/* ---------- Auth: tabbed login / register ---------- */
.mit-gate__card{text-align:left}
.mit-gate__lock{margin:0 0 .2rem}
.mit-gate__title{font:800 1.35rem/1.2 var(--font-display,sans-serif);color:var(--wmst-black);margin:0}
.mit-gate__lede{margin:0;font-size:.92rem;color:var(--wmst-text-soft)}
.mit-gate__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;background:var(--wmst-surface);border:1px solid var(--wmst-line);border-radius:10px;padding:.25rem;margin:.4rem 0 .2rem}
.mit-gate__tabs button{border:0;background:transparent;padding:.55rem;border-radius:7px;font:600 .9rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);cursor:pointer;transition:background-color .15s,color .15s}
.mit-gate__tabs button.is-active{background:#fff;color:var(--wmst-blue-deep);box-shadow:0 1px 3px rgba(16,42,67,.1)}
.mit-gate__form{display:flex;flex-direction:column;gap:1rem;margin-top:.4rem}
.mit-gate__field{display:flex;flex-direction:column;gap:.4rem;text-align:left}
.mit-gate__field span{font:600 .8rem/1 var(--font-display,sans-serif);color:var(--wmst-text)}
.mit-gate__field input{padding:.65rem .8rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:1rem;width:100%}
.mit-gate__field input:focus{outline:2px solid var(--wmst-blue);outline-offset:1px;border-color:var(--wmst-blue)}
.mit-gate__remember{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--wmst-text);cursor:pointer;user-select:none;margin-top:-.2rem}
.mit-gate__remember input{width:1.05rem;height:1.05rem;accent-color:var(--wmst-blue);cursor:pointer;flex:0 0 auto}
.mit-gate__submit{margin-top:.4rem}
.mit-gate__foot{margin:.2rem 0 0;font-size:.82rem;color:var(--wmst-text-soft)}
.mit-gate__foot a{color:var(--wmst-blue)}
.mit-gate__row{display:flex;align-items:center;justify-content:space-between;gap:.4rem .8rem;flex-wrap:wrap;margin-top:-.2rem}
.mit-gate__row .mit-gate__remember{margin-top:0}
.mit-gate__link{background:none;border:0;padding:0;font:inherit;font-size:.88rem;color:var(--wmst-blue);text-decoration:underline;cursor:pointer}
.mit-gate__link:hover{color:var(--wmst-blue-deep)}
.mit-gate__back{align-self:center;margin-top:.2rem}
.mit-gate__sent{display:flex;flex-direction:column;gap:.9rem;margin-top:.4rem}
.mit-gate__sent .mit-btn{text-decoration:none}

/* ---------- Sub-nav account cluster ---------- */
.mit-subnav__acct{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.mit-subnav__admin .mit-ic{width:.95em;height:.95em}
.mit-subnav__user{display:inline-flex;align-items:center;gap:.4rem;font:600 .84rem/1 var(--font-display,sans-serif);color:var(--wmst-text);max-width:180px}
.mit-subnav__user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mit-subnav__user .mit-ic{color:var(--wmst-text-soft)}
@media(max-width:760px){ .mit-subnav__acct{width:100%;justify-content:flex-end;order:3} .mit-subnav__user{display:none} }

/* ---------- Catalog card: completion + certificate ---------- */
/* stretched link: covers the whole card so any click navigates; interactive
   children (the certificate pill) sit above it via z-index. */
.mit-card__link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.mit-card__cert{position:relative;z-index:2}
.mit-card__done{display:none;margin-left:auto;width:1.5rem;height:1.5rem;flex:0 0 auto;border-radius:50%;background:#22A06B;color:#fff;place-items:center}
.mit-card__done .mit-ic{width:.9rem;height:.9rem}
.mit-card.is-complete{border-color:#B6E2C8}
.mit-card.is-complete .mit-card__done{display:grid}
.mit-card__foot{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin-top:.9rem;min-height:1.4rem}
.mit-card__cert{display:inline-flex;align-items:center;gap:.35rem;font:600 .8rem/1 var(--font-display,sans-serif);color:#1B7A50;background:#E7F6EE;border:1px solid #B6E2C8;padding:.4em .7em;border-radius:999px;text-decoration:none;margin-right:auto;transition:background-color .15s}
.mit-card__cert .mit-ic{width:.95em;height:.95em}
.mit-card__cert:hover{background:#d8f0e4}
.mit-btn--cert{background:#E7F6EE;border-color:#B6E2C8;color:#1B7A50}
.mit-btn--cert:hover{background:#d8f0e4;border-color:#8fd3b0}

/* ---------- Certificate ---------- */
.mit-cert-wrap{padding:1.5rem 0 3rem}
.mit-cert-actions{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}
.mit-cert-actions .mit-btn{width:auto}
.mit-cert-locked{text-align:center;padding:3rem 0}
.mit-cert-locked h1{font:800 1.6rem/1.2 var(--font-display,sans-serif);margin:0 0 .6rem}
.mit-cert-locked .mit-btn{width:auto;margin-top:1rem}
.mit-cert{background:#fff;border:1px solid var(--wmst-line);border-radius:14px;box-shadow:0 14px 40px rgba(16,42,67,.12);padding:clamp(1rem,3vw,2rem)}
.mit-cert__border{border:2px solid var(--wmst-blue);border-radius:8px;padding:clamp(1.6rem,4vw,3.2rem) clamp(1.2rem,4vw,3rem);text-align:center;background:linear-gradient(180deg,#fff, #FAFCFE);position:relative}
.mit-cert__border::before{content:"";position:absolute;inset:8px;border:1px solid #CFE2F1;border-radius:5px;pointer-events:none}
.mit-cert__logo{height:64px;width:auto;margin:0 auto .6rem;display:block}
.mit-cert__kicker{font:700 .95rem/1 var(--font-display,sans-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--wmst-blue);margin:.4rem 0 1.4rem}
.mit-cert__pre{color:var(--wmst-text-soft);margin:.4rem 0;font-size:1rem}
.mit-cert__name{font:700 clamp(2rem,5vw,3rem)/1.1 var(--font-slab,Georgia,serif);color:var(--wmst-black);margin:.4rem 0;padding-bottom:.6rem;border-bottom:2px solid var(--wmst-line);display:inline-block}
.mit-cert__course{font:700 clamp(1.2rem,3vw,1.7rem)/1.25 var(--font-display,sans-serif);color:var(--wmst-blue-deep);margin:.4rem auto 1.6rem;max-width:26ch}
.mit-cert__meta{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,5vw,3rem);margin-top:1.4rem;flex-wrap:wrap}
.mit-cert__meta-item{display:flex;flex-direction:column;gap:.15rem;max-width:20ch}
.mit-cert__meta-item span{font-weight:600;color:var(--wmst-black);font-size:.95rem}
.mit-cert__meta-item small{color:var(--wmst-text-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.mit-cert__seal{width:74px;height:74px;color:var(--wmst-blue);flex:0 0 auto}
.mit-cert__foot{margin:1.8rem 0 0;font-size:.78rem;color:var(--wmst-text-soft);letter-spacing:.04em}
@media print{
  .mit-subnav,.utilbar,.hdr,.mit-foot,.final-cta,.ftr,.mit-cert-actions{display:none !important}
  .mit-body{background:#fff}
  .mit-cert{border:0;box-shadow:none;padding:0}
  .mit-cert-wrap{padding:0}
}

/* ---------- Admin panel ---------- */
.mit-admin{padding:1.6rem 0 3.5rem}
.mit-admin__title{display:flex;align-items:center;gap:.55rem;font:800 clamp(1.5rem,3vw,2rem)/1.1 var(--font-display,sans-serif);color:var(--wmst-black);margin:0}
.mit-admin__title .mit-ic{color:var(--wmst-blue)}
.mit-admin__sub{color:var(--wmst-text-soft);margin:.4rem 0 1.4rem}
.mit-admin__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin-bottom:2rem}
.mit-stat{background:#fff;border:1px solid var(--wmst-line);border-radius:12px;padding:1.1rem 1.2rem;box-shadow:0 1px 2px rgba(16,42,67,.05)}
.mit-stat strong{display:block;font:800 1.8rem/1 var(--font-display,sans-serif);color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums}
.mit-stat span{font-size:.82rem;color:var(--wmst-text-soft);font-weight:500}
.mit-admin__h2{display:flex;align-items:center;gap:.5rem;font:700 1.2rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep);margin:1.8rem 0 .9rem}
.mit-admin__h2 .mit-ic{color:var(--wmst-blue);width:1.05em;height:1.05em}
.mit-admin__scroll{overflow-x:auto;border:1px solid var(--wmst-line);border-radius:12px;background:#fff}
.mit-admin__table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}
.mit-admin__table th{text-align:left;background:var(--wmst-surface);color:var(--wmst-text-soft);font:600 .74rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;padding:.7rem .9rem;border-bottom:1px solid var(--wmst-line)}
.mit-admin__table td{padding:.7rem .9rem;border-bottom:1px solid var(--wmst-line);vertical-align:middle}
.mit-admin__table tr:last-child td{border-bottom:0}
.mit-admin__table tr.is-revoked{background:#FDF6F6}
.mit-admin__name{display:block;font-weight:600;color:var(--wmst-black)}
.mit-admin__email{display:block;font-size:.8rem;color:var(--wmst-text-soft)}
.mit-admin__num{font-variant-numeric:tabular-nums;color:var(--wmst-text)}
.mit-admin__prog{display:flex;align-items:center;gap:.55rem;min-width:120px}
.mit-admin__prog .mit-bar{max-width:90px}
.mit-admin__prog span{font-variant-numeric:tabular-nums;font-weight:600;font-size:.85rem}
.mit-admin__empty{text-align:center;color:var(--wmst-text-soft);padding:1.6rem}
.mit-admin__you{font-size:.8rem;color:var(--wmst-text-soft)}
.mit-admin__btn{border:1px solid var(--wmst-line);background:#fff;border-radius:7px;padding:.4rem .7rem;font:600 .8rem/1 var(--font-display,sans-serif);cursor:pointer;transition:.15s}
.mit-admin__role{border:1px solid var(--wmst-line);background:#fff;border-radius:7px;padding:.35rem .5rem;font:600 .8rem/1.2 var(--font-display,sans-serif);cursor:pointer}
.mit-admin__btn.is-revoke{color:#B42318;border-color:#F3C9C4}
.mit-admin__btn.is-revoke:hover{background:#FDE8E8}
.mit-admin__btn.is-restore{color:#1B7A50;border-color:#B6E2C8}
.mit-admin__btn.is-restore:hover{background:#E7F6EE}

/* instructor accordion */
.mit-admin__hint{font:500 .78rem/1 var(--font-sans,sans-serif);color:var(--wmst-text-soft);text-transform:none;letter-spacing:0;margin-left:.4rem}
.mit-admin__caret{width:2rem;color:var(--wmst-text-soft)}
.mit-admin__caret .mit-ic{width:1rem;height:1rem;transition:transform .18s var(--ease,ease)}
.mit-admin__row.is-openable{cursor:pointer}
.mit-admin__row.is-openable:hover{background:var(--wmst-blue-soft)}
.mit-admin__row.is-open{background:var(--wmst-blue-soft)}
.mit-admin__row.is-open .mit-admin__caret .mit-ic{transform:rotate(90deg)}
.mit-admin__detail>td{background:#F7FAFC;padding:0 .9rem}
.mit-admin__courses{display:grid;gap:.5rem;padding:.9rem 0 1rem 2rem}
.mit-admin__course{display:grid;grid-template-columns:minmax(150px,1fr) 120px auto;align-items:center;gap:.9rem;font-size:.88rem}
.mit-admin__course-name{font-weight:500;color:var(--wmst-black)}
.mit-admin__course .mit-bar{max-width:120px}
.mit-admin__course-num{font-variant-numeric:tabular-nums;color:var(--wmst-text-soft);font-weight:600;white-space:nowrap}
.mit-admin__course.is-complete .mit-admin__course-num{color:#1B7A50}
@media(max-width:600px){ .mit-admin__course{grid-template-columns:1fr auto} .mit-admin__course .mit-bar{display:none} }
.mit-badge--ok{background:#E3F5EC;color:#1B7A50}
.mit-badge--down{background:#FDE8E8;color:#B42318}

/* pending approvals */
.mit-stat--pending.is-on{border-color:#F5C86B;background:#FFF8EC}
.mit-stat--pending.is-on strong{color:#8A6A00}
.mit-admin__pill{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .4rem;border-radius:999px;background:#F5C86B;color:#6b5200;font:700 .78rem/1 var(--font-display,sans-serif);vertical-align:.1em}
.mit-admin__note{color:var(--wmst-text-soft);font-size:.9rem;margin:-.4rem 0 .9rem}
.mit-admin__actions{display:flex;gap:.5rem;flex-wrap:wrap}
.mit-admin__actions form{margin:0}
.mit-admin__btn.is-approve{color:#1B7A50;border-color:#B6E2C8;display:inline-flex;align-items:center;gap:.3rem}
.mit-admin__btn.is-approve .mit-ic{width:.9em;height:.9em}
.mit-admin__btn.is-approve:hover{background:#E7F6EE}

/* fleet: log + notes dialogs */
.mit-fleet__log,.mit-fleet__add{flex:0 0 auto;width:auto}
.mit-fleet__dialog--wide{width:min(640px,94vw)}
.mit-fleet__dialog--notes{width:min(480px,92vw)}
.mit-fleet__dhead{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;margin-bottom:.9rem;border-bottom:1px solid var(--wmst-line)}
.mit-fleet__dhead h2{margin:0;font:700 1.05rem/1.2 var(--font-display,sans-serif);text-wrap:balance;min-width:0;overflow-wrap:anywhere}
.mit-fleet__log-body{max-height:60vh;overflow:auto;display:grid;gap:.2rem}
.mit-fleet__log-body .mit-muted,.mit-fleet__notes-body .mit-muted{margin:0;padding:1.6rem .5rem;text-align:center;font-size:.92rem}
.mit-fleet__logrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .7rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--wmst-line)}
.mit-fleet__logrow:last-child{border-bottom:0}
.mit-fleet__logact{grid-row:1/3;align-self:start;font:700 .66rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.04em;padding:.35em .5em;border-radius:5px;background:#EEF2F6;color:#5b6470}
.mit-fleet__logact.is-added{background:#E7F6EE;color:#1B7A50}
.mit-fleet__logact.is-edited{background:#E9F0FB;color:#1B5FB0}
.mit-fleet__logact.is-removed{background:#FDE8E8;color:#B42318}
.mit-fleet__logtext{font-size:.9rem;color:var(--wmst-black)}
.mit-fleet__logmeta{grid-column:2;font-size:.78rem;color:var(--wmst-text-soft);font-variant-numeric:tabular-nums}
.mit-fleet__notes-body{max-height:44vh;overflow:auto;display:grid;gap:.6rem;margin-bottom:.9rem}
.mit-fleet__note{background:var(--wmst-surface);border:1px solid var(--wmst-line);border-radius:8px;padding:.6rem .8rem}
.mit-fleet__note p{margin:0 0 .3rem;font-size:.92rem;white-space:pre-wrap;overflow-wrap:anywhere}
.mit-fleet__note-form{display:grid;gap:.5rem}
.mit-fleet__note-form textarea{width:100%;border:1px solid var(--wmst-line);border-radius:8px;padding:.6rem .7rem;font:inherit;font-size:.92rem;resize:vertical}
.mit-fleet__note-form .mit-btn{width:auto;justify-self:start}

/* fleet: inspection sheets */
.mit-fleet__dialog--insp{width:min(680px,94vw)}
.mit-fleet__insp-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}
.mit-fleet__insp-new{width:auto}
.mit-fleet__insp-blank{font-size:.85rem;white-space:nowrap}
.mit-fleet__insp-list{max-height:56vh;overflow:auto;display:grid;gap:.6rem}
.mit-fleet__insp-list .mit-muted{margin:0;padding:1.6rem .5rem;text-align:center;font-size:.92rem}
.mit-fleet__insp{border:1px solid var(--wmst-line);border-radius:10px;padding:.55rem .8rem;font-size:.9rem;background:var(--wmst-surface)}
.mit-fleet__insp summary{cursor:pointer;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;list-style:none}
.mit-fleet__insp summary::-webkit-details-marker{display:none}
.mit-fleet__insp summary span{color:var(--wmst-text-soft);min-width:0;overflow-wrap:anywhere}
.mit-fleet__insp summary .mit-badge{margin-left:auto}
.mit-fleet__insp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem;margin:.7rem 0 .5rem}
.mit-fleet__insp-r{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.84rem;padding:.22rem 0;border-bottom:1px dashed var(--wmst-line)}
.mit-fleet__insp-r strong{color:#1B7A50}
.mit-fleet__insp-r.is-bad strong{color:#B42318}
.mit-fleet__insp-notes{margin:.5rem 0 .3rem;font-size:.88rem;white-space:pre-wrap;overflow-wrap:anywhere}
.mit-fleet__insp .mit-fleet__logmeta{display:block;margin-top:.3rem}
.mit-fleet__insp-form{display:flex;flex-direction:column;gap:.7rem}
.mit-fleet__insp-form[hidden]{display:none}   /* the attribute has to beat display:flex */
.mit-fleet__insp-meta{display:grid;grid-template-columns:auto 1fr 1fr;gap:.6rem}
.mit-fleet__insp-meta label{display:flex;flex-direction:column;gap:.3rem;font:600 .8rem/1.2 var(--font-display,sans-serif);color:var(--wmst-text-soft)}
.mit-fleet__insp-meta input{padding:.5rem .6rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:.9rem;color:var(--wmst-text);min-width:0}
.mit-fleet__insp-items{max-height:44vh;overflow:auto;border:1px solid var(--wmst-line);border-radius:10px}
.mit-fleet__insp-item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding:.5rem .7rem;border-bottom:1px solid var(--wmst-line)}
.mit-fleet__insp-item:last-child{border-bottom:0}
.mit-fleet__insp-label{font-size:.85rem;font-weight:600;color:var(--wmst-black)}
.mit-fleet__insp-opts{display:inline-flex;border:1px solid var(--wmst-line);border-radius:8px;overflow:hidden;flex:0 0 auto}
.mit-fleet__insp-opts label{position:relative;cursor:pointer}
.mit-fleet__insp-opts input{position:absolute;inset:0;opacity:0;pointer-events:none}
.mit-fleet__insp-opts span{display:block;padding:.42rem .6rem;font:600 .74rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);border-left:1px solid var(--wmst-line);transition:background-color .12s,color .12s}
.mit-fleet__insp-opts label:first-child span{border-left:0}
.mit-fleet__insp-opts label:hover span{background:var(--wmst-blue-soft);color:var(--wmst-blue-deep)}
.mit-fleet__insp-opts input:checked+span{background:#B42318;color:#fff}
.mit-fleet__insp-opts label.is-good input:checked+span{background:#1B7A50;color:#fff}
.mit-fleet__insp-opts input:focus-visible+span{outline:2px solid var(--wmst-blue);outline-offset:-2px}
.mit-fleet__insp-allgood{all:unset;cursor:pointer;align-self:flex-start;font:600 .84rem/1 var(--font-display,sans-serif);color:var(--wmst-blue)}
.mit-fleet__insp-allgood:hover{text-decoration:underline}
.mit-fleet__insp-form textarea{width:100%;border:1px solid var(--wmst-line);border-radius:8px;padding:.6rem .7rem;font:inherit;font-size:.92rem;resize:vertical;box-sizing:border-box}
.mit-fleet__insp-warn{background:#FDE8E8;color:#B42318;border-radius:8px;padding:.55rem .8rem;font-size:.8rem;font-weight:600;margin:0}
@media (max-width:560px){
  .mit-fleet__insp-meta{grid-template-columns:1fr 1fr}
  .mit-fleet__insp-grid{grid-template-columns:1fr}
  .mit-fleet__insp-item{align-items:flex-start;flex-direction:column;gap:.35rem}
}

/* fleet log: tabs, drill-through to one bike */
/* The tab strip sits outside the padded scroll area, so it carries the gutter
   minus the tab's own .8rem padding — that lands each label on the same left
   edge as the dialog title and the rows underneath. */
.mit-fleet__tabs{display:flex;gap:.3rem;margin:-.3rem 0 .9rem;padding-inline:.6rem;border-bottom:1px solid var(--wmst-line)}
.mit-fleet__tabs[hidden]{display:none}   /* the attribute has to beat display:flex */
.mit-fleet__tab{all:unset;cursor:pointer;padding:.5rem .8rem;font:700 .82rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s,border-color .14s}
.mit-fleet__tab:hover{color:var(--wmst-blue-deep)}
.mit-fleet__tab.is-on{color:var(--wmst-blue-deep);border-bottom-color:var(--wmst-blue)}
.mit-fleet__tab:focus-visible{outline:2px solid var(--wmst-blue);outline-offset:2px;border-radius:6px}
.mit-fleet__tabsearch{width:100%;box-sizing:border-box;padding:.5rem .7rem;margin-bottom:.7rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:.9rem}
.mit-fleet__back{all:unset;cursor:pointer;display:inline-block;margin-bottom:.7rem;font:600 .84rem/1 var(--font-display,sans-serif);color:var(--wmst-blue)}
.mit-fleet__back:hover{text-decoration:underline}
button.mit-fleet__logrow{appearance:none;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid var(--wmst-line);width:100%;box-sizing:border-box;padding-inline:0;text-align:left;cursor:pointer;border-radius:6px;transition:background-color .14s}
button.mit-fleet__logrow:last-child{border-bottom:0}
button.mit-fleet__logrow:hover{background:var(--wmst-blue-soft)}
button.mit-fleet__logrow:focus-visible{outline:2px solid var(--wmst-blue);outline-offset:-2px}
button.mit-fleet__logrow .mit-fleet__logtext::after{content:" →";color:var(--wmst-blue);opacity:0;transition:opacity .14s}
button.mit-fleet__logrow:hover .mit-fleet__logtext::after{opacity:1}
.mit-fleet__linkbtn{all:unset;cursor:pointer;display:inline-block;margin-top:.5rem;font:600 .82rem/1 var(--font-display,sans-serif);color:var(--wmst-blue)}
.mit-fleet__linkbtn:hover{text-decoration:underline}
.mit-fleet__bikehead{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.6rem .8rem;margin-bottom:.4rem;border:1px solid var(--wmst-line);border-radius:10px;background:var(--wmst-surface);font-size:.86rem;color:var(--wmst-text-soft)}
.mit-fleet__bikeh{display:flex;align-items:center;gap:.5rem;margin:1.1rem 0 .3rem;font:700 .78rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--wmst-text-soft)}
.mit-fleet__bikeh span{font-variant-numeric:tabular-nums;background:#EEF2F6;color:#5b6470;border-radius:5px;padding:.25em .5em;font-size:.9em}
.mit-fleet__bikenotes,.mit-fleet__bikeinsp{display:grid;gap:.6rem}
.mit-fleet__log-body .mit-fleet__note p{white-space:pre-wrap}

/* ---------------------------------------------------------------- */
/*  Tall fleet dialogs: fixed head, one scrolling body, pinned        */
/*  actions. Without this the dialog grows past the viewport and the  */
/*  last field and the Save button get clipped off the bottom.        */
/*  Every display:flex here needs its own [hidden] guard — the        */
/*  attribute loses to any author display rule.                       */
/* ---------------------------------------------------------------- */
.mit-fleet__dialog--chk,.mit-fleet__dialog--insp,.mit-fleet__dialog--wide,.mit-fleet__dialog--notes{max-height:min(88vh,900px);overflow:hidden}
.mit-fleet__dialog--chk,.mit-fleet__dialog--insp,.mit-fleet__dialog--wide,.mit-fleet__dialog--notes{max-height:min(88svh,900px)}
.mit-fleet__dialog--chk[open],.mit-fleet__dialog--insp[open],.mit-fleet__dialog--wide[open],.mit-fleet__dialog--notes[open]{display:flex;flex-direction:column}
/* A definite height, not just a cap: Safari sizes flex:1 children against
   the container's *auto* height when only max-height is set, so every pane
   collapses to zero — the "white strip" dialog on iPhone/iPad. Chrome grows
   into the cap either way; a real height makes both engines agree. */
.mit-fleet__dialog--chk[open],.mit-fleet__dialog--insp[open],.mit-fleet__dialog--wide[open],.mit-fleet__dialog--notes[open]{height:min(88vh,900px)}
.mit-fleet__dialog--chk[open],.mit-fleet__dialog--insp[open],.mit-fleet__dialog--wide[open],.mit-fleet__dialog--notes[open]{height:min(88svh,900px)}
/* Gutters move off the body and onto each child, so a scrolling area and
   its pinned footer can run edge to edge without negative margins (which
   overflow horizontally and add a stray sideways scrollbar). */
.mit-fleet__dialog--chk .mit-fleet__dbody,.mit-fleet__dialog--insp .mit-fleet__dbody,
.mit-fleet__dialog--wide .mit-fleet__dbody,.mit-fleet__dialog--notes .mit-fleet__dbody{display:flex;flex-direction:column;flex:1;min-height:0;padding:1.1rem 0 0}
.mit-fleet__dialog--chk .mit-fleet__dhead,.mit-fleet__dialog--insp .mit-fleet__dhead,
.mit-fleet__dialog--wide .mit-fleet__dhead,.mit-fleet__dialog--notes .mit-fleet__dhead{flex:0 0 auto;padding-inline:1.4rem}
/* the scrolling middle of each dialog */
.mit-fleet__dialog--chk [data-chk-list-view],.mit-fleet__dialog--insp [data-insp-list-view],
.mit-fleet__dialog--wide [data-log-view],.mit-fleet__dialog--wide [data-fuel-list-view]{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 1.4rem 1.4rem}
.mit-fleet__dialog--chk [data-chk-list-view][hidden],.mit-fleet__dialog--insp [data-insp-list-view][hidden],
.mit-fleet__dialog--wide [data-log-view][hidden],.mit-fleet__dialog--wide [data-fuel-list-view][hidden]{display:none}
/* only the entry list scrolls; the tabs and totals above it hold their size */
.mit-fleet__dialog--wide [data-fuel-list-view]>:not(.mit-fleet__log-body){flex:0 0 auto}
.mit-fleet__dialog--chk .mit-fleet__insp-list,.mit-fleet__dialog--insp .mit-fleet__insp-list,
.mit-fleet__dialog--wide .mit-fleet__log-body{max-height:none;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mit-fleet__dialog--notes .mit-fleet__notes-body{max-height:none;flex:1;min-height:0;margin-inline:1.4rem;overscroll-behavior:contain}
.mit-fleet__dialog--notes .mit-fleet__note-form{flex:0 0 auto;padding:0 1.4rem 1.4rem}
/* the long forms scroll, with their buttons pinned to the bottom edge */
.mit-fleet__chk-form,.mit-fleet__insp-form,.mit-fleet__fuel-form{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-inline:1.4rem}
/* the form is the scroller now — drop the inner one so there is only ever
   a single scrollbar in the dialog */
.mit-fleet__insp-form .mit-fleet__insp-items{max-height:none;overflow:visible}
/* nothing gets squeezed to make the column fit: it scrolls instead. Without
   this the notes textarea is crushed to a sliver at the bottom of the form. */
.mit-fleet__chk-form>*,.mit-fleet__insp-form>*,.mit-fleet__fuel-form>*{flex:0 0 auto}
.mit-fleet__chk-form .mit-fleet__form-btns,.mit-fleet__insp-form .mit-fleet__form-btns,.mit-fleet__fuel-form .mit-fleet__form-btns{position:sticky;bottom:0;z-index:1;margin:.35rem 0 0;padding:.9rem 0 1.1rem;background:#fff;box-shadow:0 -1px 0 var(--wmst-line),0 -14px 18px -14px rgba(16,42,67,.28)}
.mit-fleet__form-btns .mit-btn{width:auto}   /* the row is right-aligned; buttons hug their label */

/* fleet: support-vehicle daily checklist */
.mit-fleet__dialog--chk{width:min(720px,94vw)}
.mit-fleet__chk-form{display:flex;flex-direction:column;gap:.65rem}
.mit-fleet__chk-form[hidden]{display:none}
.mit-fleet__insp-bar .mit-fleet__tabsearch{width:auto;flex:1 1 auto;max-width:300px;margin-bottom:0}
.mit-fleet__insp-bar .mit-fleet__insp-new{white-space:nowrap}
/* six-column bed so row 1 is thirds and row 2 is halves — no ragged gap.
   minmax(0,1fr), not 1fr: a date input's intrinsic width would otherwise
   hold the tracks open and push the grid past the dialog on a phone. */
.mit-fleet__chk-meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}
.mit-fleet__chk-meta label{grid-column:span 2}
.mit-fleet__chk-meta label:nth-child(4),.mit-fleet__chk-meta label:nth-child(5){grid-column:span 3}
.mit-fleet__chk-meta label,.mit-fleet__chk-sigs label{display:flex;flex-direction:column;gap:.3rem;font:600 .8rem/1.2 var(--font-display,sans-serif);color:var(--wmst-text-soft)}
.mit-fleet__chk-meta input,.mit-fleet__chk-sigs input{padding:.55rem .65rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:.9rem;color:var(--wmst-text);min-width:0;transition-property:border-color,box-shadow;transition-duration:.14s}
.mit-fleet__chk-meta input:focus,.mit-fleet__chk-sigs input:focus,.mit-fleet__chk-note:focus,.mit-fleet__chk-form textarea:focus{outline:0;border-color:var(--wmst-blue);box-shadow:0 0 0 3px rgba(27,95,176,.14)}
.mit-fleet__chk-meta input[type=date]{font-variant-numeric:tabular-nums}
.mit-fleet__chk-verif{display:flex;align-items:center;gap:.4rem 1rem;flex-wrap:wrap;border:1px solid var(--wmst-line);border-radius:10px;padding:.35rem .7rem .5rem;margin:0}
.mit-fleet__chk-verif legend{padding:0 .3rem;font:600 .8rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft)}
.mit-fleet__chk-verif label{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;font-size:.88rem;cursor:pointer;padding-inline:.1rem}
.mit-fleet__chk-verif input{width:16px;height:16px;accent-color:var(--wmst-blue)}
.mit-fleet__chk-h{margin:.5rem 0 -.1rem;font:700 .95rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep)}
/* concentric radii: 12px shells, 8px rows inside 4px of padding */
.mit-fleet__chk-plan{display:grid;border:1px solid var(--wmst-line);border-radius:12px;padding:4px}
.mit-fleet__chk-box{display:flex;align-items:center;gap:.6rem;min-height:40px;padding:.4rem .6rem;font-size:.88rem;line-height:1.35;cursor:pointer;border-radius:8px;transition:background-color .14s}
.mit-fleet__chk-box:hover{background:var(--wmst-blue-soft)}
.mit-fleet__chk-box:has(input:focus-visible){outline:2px solid var(--wmst-blue);outline-offset:-2px}
.mit-fleet__chk-box input{flex:0 0 auto;width:17px;height:17px;accent-color:var(--wmst-blue);cursor:pointer}
.mit-fleet__chk-ready{border:1px solid var(--wmst-line);border-radius:12px;padding:4px}
.mit-fleet__chk-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:.5rem;border-radius:8px}
.mit-fleet__chk-row+.mit-fleet__chk-row{border-top:1px solid var(--wmst-line)}
.mit-fleet__chk-row .mit-fleet__chk-box{margin:0}
.mit-fleet__chk-note{padding:.45rem .6rem;margin-right:.35rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:.85rem;min-width:0;transition-property:border-color,box-shadow;transition-duration:.14s}
.mit-fleet__chk-sigs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.mit-fleet__chk-attest{margin:-.15rem 0 0;font-size:.78rem;line-height:1.45;text-wrap:pretty;color:var(--wmst-text-soft)}
.mit-fleet__chk-form textarea{min-height:5.2rem}
.mit-fleet__insp-allgood{min-height:40px;display:inline-flex;align-items:center}
.mit-fleet__chk-sub{margin:.7rem 0 0;font:700 .74rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--wmst-text-soft)}
.mit-fleet__chk-form textarea{width:100%;border:1px solid var(--wmst-line);border-radius:8px;padding:.6rem .7rem;font:inherit;font-size:.92rem;resize:vertical;box-sizing:border-box}
.mit-fleet__insp em{font-style:normal;color:var(--wmst-text-soft)}
@media (max-width:560px){
  .mit-fleet__chk-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mit-fleet__chk-meta label,.mit-fleet__chk-meta label:nth-child(4),.mit-fleet__chk-meta label:nth-child(5){grid-column:span 1}
  .mit-fleet__chk-row,.mit-fleet__chk-sigs{grid-template-columns:minmax(0,1fr)}
  .mit-fleet__chk-row{gap:0;padding-bottom:.45rem}
  /* the note lines up under its own label instead of under the checkbox */
  .mit-fleet__chk-row .mit-fleet__chk-note{margin:0 .6rem 0 2.2rem}
  .mit-fleet__insp-bar{flex-wrap:wrap}
  .mit-fleet__insp-bar .mit-fleet__tabsearch{max-width:none;flex-basis:100%}
  /* tighter gutters on a phone, applied wherever the gutter now lives */
  .mit-fleet__dialog--chk .mit-fleet__dhead,.mit-fleet__dialog--insp .mit-fleet__dhead,
  .mit-fleet__dialog--wide .mit-fleet__dhead,.mit-fleet__dialog--notes .mit-fleet__dhead,
  .mit-fleet__chk-form,.mit-fleet__insp-form,.mit-fleet__fuel-form{padding-inline:1.05rem}
  .mit-fleet__dialog--notes .mit-fleet__notes-body{margin-inline:1.05rem}
  .mit-fleet__tabs{padding-inline:.25rem}
  .mit-fleet__dialog--chk [data-chk-list-view],.mit-fleet__dialog--insp [data-insp-list-view],
  .mit-fleet__dialog--wide [data-log-view],.mit-fleet__dialog--wide [data-fuel-list-view],
  .mit-fleet__dialog--notes .mit-fleet__note-form{padding:0 1.05rem 1.05rem}
  .mit-fleet__chk-sigs,.mit-fleet__chk-meta{gap:.5rem}
}

/* fleet: per-location tabs (change log + fuel) --------------------------
   A chip row rather than a second underlined tab strip: the strip above it
   already owns that pattern, and eight ranges would not fit one anyway. The
   row scrolls sideways on a phone instead of wrapping into three lines. */
.mit-fleet__loctabs{display:flex;gap:.35rem;margin:-.4rem 0 .9rem;padding:0 .6rem .15rem;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.mit-fleet__loctabs[hidden]{display:none}   /* the attribute has to beat display:flex */
.mit-fleet__loctab{all:unset;cursor:pointer;white-space:nowrap;padding:.34rem .68rem;border:1px solid var(--wmst-line);border-radius:999px;font:600 .78rem/1.35 var(--font-display,sans-serif);color:var(--wmst-text-soft);background:var(--wmst-surface);transition:background-color .14s,color .14s,border-color .14s}
.mit-fleet__loctab:hover{color:var(--wmst-blue-deep);border-color:var(--wmst-blue)}
.mit-fleet__loctab.is-on{background:var(--wmst-blue);border-color:var(--wmst-blue);color:#fff}
.mit-fleet__loctab:focus-visible{outline:2px solid var(--wmst-blue);outline-offset:2px}

/* fleet: fuel used per location ---------------------------------------- */
.mit-fleet__fuel-sum:not(:empty){margin-bottom:1rem}
.mit-fleet__fuel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.mit-fleet__fuel-card{display:flex;flex-direction:column;gap:.1rem;padding:.6rem .75rem;border:1px solid var(--wmst-line);border-radius:10px;background:var(--wmst-surface)}
.mit-fleet__fuel-k{font:700 .68rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--wmst-text-soft)}
.mit-fleet__fuel-card strong{font:700 1.15rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums}
.mit-fleet__fuel-cost{font-size:.8rem;color:var(--wmst-text-soft);font-variant-numeric:tabular-nums}
.mit-fleet__fuel-foot{margin:.6rem 0 0;font-size:.82rem;color:var(--wmst-text-soft)}
.mit-fleet__fuel-table{display:grid;gap:0;margin-top:.35rem;border:1px solid var(--wmst-line);border-radius:10px;padding:0 .2rem}
.mit-fleet__fuel-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,7rem);align-items:baseline;gap:.6rem;padding:.5rem .6rem;font-size:.88rem}
.mit-fleet__fuel-row+.mit-fleet__fuel-row{border-top:1px solid var(--wmst-line)}
.mit-fleet__fuel-row strong{font-variant-numeric:tabular-nums;color:var(--wmst-black)}
.mit-fleet__fuel-row .mit-fleet__logmeta{grid-column:auto;text-align:right}
/* one fill-up: date and range on the left, the numbers pushed right, then
   notes and who logged it underneath. A wrapping flex row rather than a grid
   so a long range name reflows instead of squeezing the gallons figure. */
.mit-fleet__fuel-entry{display:block;padding:.6rem 0;border-bottom:1px solid var(--wmst-line)}
.mit-fleet__fuel-entry:last-child{border-bottom:0}
.mit-fleet__fuel-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .55rem}
.mit-fleet__fuel-when{font-size:.88rem;font-weight:600;color:var(--wmst-black);font-variant-numeric:tabular-nums;white-space:nowrap}
.mit-fleet__fuel-where{font-size:.88rem;color:var(--wmst-text-soft);overflow-wrap:anywhere}
.mit-fleet__fuel-gal{margin-left:auto;font-size:.92rem;color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums;white-space:nowrap}
.mit-fleet__fuel-entry .mit-fleet__fuel-cost{white-space:nowrap}
.mit-fleet__fuel-entry .mit-fleet__act--del{align-self:center;line-height:1}
.mit-fleet__fuel-note{display:block;margin-top:.2rem;font-size:.86rem;color:var(--wmst-text);white-space:pre-wrap;overflow-wrap:anywhere}
.mit-fleet__fuel-entry .mit-fleet__logmeta{display:block;grid-column:auto}
.mit-fleet__fuel-form{display:flex;flex-direction:column;gap:.7rem}
.mit-fleet__fuel-form[hidden]{display:none}
.mit-fleet__fuel-form select{padding:.55rem .65rem;border:1px solid var(--wmst-line);border-radius:8px;font-size:.9rem;color:var(--wmst-text);min-width:0;background:#fff}
.mit-fleet__fuel-form select:focus,.mit-fleet__fuel-form textarea:focus{outline:0;border-color:var(--wmst-blue);box-shadow:0 0 0 3px rgba(27,95,176,.14)}
.mit-fleet__fuel-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--wmst-line);border-radius:8px;padding:.6rem .7rem;font:inherit;font-size:.92rem;resize:vertical}
.mit-fleet__fuel-form .mit-fleet__chk-meta{grid-template-columns:repeat(4,minmax(0,1fr))}
.mit-fleet__fuel-form .mit-fleet__chk-meta label{grid-column:span 1}
.mit-fleet__fuel-hint{margin:-.15rem 0 0;font-size:.8rem;line-height:1.45;text-wrap:pretty;color:var(--wmst-text-soft)}
@media (max-width:560px){
  .mit-fleet__fuel-cards{grid-template-columns:minmax(0,1fr)}
  .mit-fleet__fuel-row{grid-template-columns:minmax(0,1fr) auto;row-gap:.15rem}
  .mit-fleet__fuel-row .mit-fleet__logmeta{grid-column:1/-1;text-align:left}
  /* the range name drops to its own line before the numbers get squeezed */
  .mit-fleet__fuel-where{flex-basis:100%;order:9}
  .mit-fleet__fuel-form .mit-fleet__chk-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mit-fleet__loctabs{padding-inline:.25rem}
}

/* pending / revoked status card */
.mit-gate__card--status{text-align:center}
.mit-gate__card--status .mit-gate__lock{margin:0 auto .2rem;color:var(--wmst-blue)}
.mit-gate__card--status .mit-gate__lede{margin-bottom:.4rem}
.mit-gate__card--status .mit-btn{width:100%;margin-top:.4rem}

/* ---------- Tier 3+ Range QAV/TAV (admin evaluation form + log) ---------- */
.mit-qav .mit-hero__eyebrow{color:var(--wmst-blue);margin-bottom:.5rem}
.mit-qav__head{margin-bottom:.4rem}
.mit-qav__tabs{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:0 0 1.3rem;border-bottom:1px solid var(--wmst-line)}
.mit-qav__tab{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .95rem;margin-bottom:-1px;border-bottom:2.5px solid transparent;font:600 .92rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);text-decoration:none;transition:color .12s,border-color .12s}
.mit-qav__tab:hover{color:var(--wmst-blue)}
.mit-qav__tab.is-active{color:var(--wmst-blue-deep);border-bottom-color:var(--wmst-blue)}
.mit-qav__blank{margin-left:auto;font:600 .82rem/1 var(--font-display,sans-serif);color:var(--wmst-blue);text-decoration:none;padding:.5rem 0}
.mit-qav__blank:hover{text-decoration:underline}
.mit-qav__form{display:flex;flex-direction:column;gap:1rem}
.mit-qav__draft{margin:0;padding:.6rem .9rem;border-radius:8px;background:#FFF6E0;color:#6b5200;font-size:.88rem}
.mit-qav__draft .mit-fleet__linkbtn{margin:0 0 0 .4rem}
.mit-qav__card,.mit-qav__section{background:#fff;border:1px solid var(--wmst-line);border-radius:12px;box-shadow:0 1px 2px rgba(16,42,67,.05);overflow:hidden}
.mit-qav__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem 1rem;padding:1.1rem 1.2rem}
.mit-qav__meta label,.mit-qav__text label,.mit-qav__sigs label{display:flex;flex-direction:column;gap:.3rem;font:600 .78rem/1.2 var(--font-display,sans-serif);color:var(--wmst-text-soft);text-transform:uppercase;letter-spacing:.04em}
.mit-qav__meta input,.mit-qav__text textarea,.mit-qav__sigs input{padding:.6rem .7rem;border:1px solid var(--wmst-line);border-radius:8px;font:400 .95rem/1.4 inherit;font-family:inherit;color:var(--wmst-text);text-transform:none;letter-spacing:0;background:#fff}
.mit-qav__meta input:focus,.mit-qav__text textarea:focus,.mit-qav__sigs input:focus,.mit-qav__item input:focus{outline:2px solid var(--wmst-blue);outline-offset:1px;border-color:var(--wmst-blue)}
.mit-qav__meta label:nth-child(2){grid-column:span 2}
.mit-qav__hint{font:400 .8rem/1.4 inherit;color:var(--wmst-text-soft);text-transform:none;letter-spacing:0;margin:0}
.mit-qav__legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center;padding:.75rem 1rem;border-radius:10px;background:var(--wmst-surface,#F4F6F9);font-size:.85rem;color:var(--wmst-text-soft)}
.mit-qav__legend strong{color:var(--wmst-black)}
.mit-qav__legend span{white-space:nowrap}
.mit-qav__legend b{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;border-radius:6px;background:#fff;border:1px solid var(--wmst-line);color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums;margin-right:.15rem}
.mit-qav__sechead{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1.2rem;background:var(--wmst-surface,#F4F6F9);border-bottom:1px solid var(--wmst-line)}
.mit-qav__sechead h2{margin:0;display:flex;align-items:center;gap:.6rem;font:700 1.05rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep)}
.mit-qav__secnum{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:999px;background:var(--wmst-blue);color:#fff;font-size:.8rem;font-variant-numeric:tabular-nums}
.mit-qav__secavg{font:600 .8rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);display:inline-flex;align-items:center;gap:.5rem}
.mit-qav__secavg output{display:inline-grid;place-items:center;min-width:3.2rem;padding:.35rem .5rem;border-radius:8px;background:#fff;border:1px solid var(--wmst-line);color:var(--wmst-blue-deep);font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}
.mit-qav__items{display:flex;flex-direction:column}
.mit-qav__colhead{display:flex;justify-content:space-between;padding:.5rem 1.2rem;font:600 .7rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;color:var(--wmst-text-soft);border-bottom:1px solid var(--wmst-line)}
.mit-qav__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 1.2rem;border-bottom:1px solid var(--wmst-line);cursor:pointer}
.mit-qav__item:last-child{border-bottom:0}
.mit-qav__item:hover{background:#FAFBFD}
.mit-qav__item span{font-size:.95rem;color:var(--wmst-text)}
.mit-qav__item input{width:4.4rem;flex:0 0 auto;text-align:center;padding:.5rem .3rem;border:1px solid var(--wmst-line);border-radius:8px;font:700 1rem/1 var(--font-display,sans-serif);color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums;background:#fff;-moz-appearance:textfield}
.mit-qav__item input::-webkit-outer-spin-button,.mit-qav__item input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mit-qav__item input:placeholder-shown{color:var(--wmst-text-soft);font-weight:400}
.mit-qav__item input.is-bad{border-color:#B42318;color:#B42318;background:#FDE8E8}
.mit-qav__item:has(.mit-qav__itemerr:not([hidden])){flex-wrap:wrap;row-gap:.3rem;background:#FFF7F7}
.mit-qav__itemerr{flex-basis:100%;text-align:right;font-size:.8rem;font-weight:600;color:#B42318}
.mit-qav__itemerr[hidden]{display:none}
.mit-qav__formula{margin:0;padding:.8rem 1.2rem 0;font-size:.88rem;color:var(--wmst-text-soft)}
.mit-qav__finalbox{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;padding:1rem 1.2rem}
.mit-qav__finalbox>div{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1.1rem;border-radius:10px;background:var(--wmst-surface,#F4F6F9);border:1px solid var(--wmst-line)}
.mit-qav__finalbox span{font:600 .7rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;color:var(--wmst-text-soft)}
.mit-qav__finalbox small{font-size:.8rem;color:var(--wmst-text-soft)}
.mit-qav__finalscore output{font:800 2.4rem/1 var(--font-display,sans-serif);color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums;transition:color .2s}
.mit-qav__finalrating output{font:800 1.25rem/1.2 var(--font-display,sans-serif);color:var(--wmst-black)}
.mit-qav__finalcount output{font:800 1.6rem/1 var(--font-display,sans-serif);color:var(--wmst-black);font-variant-numeric:tabular-nums}
.mit-qav__finalbox output.is-good,.mit-qav__score.is-good{color:#1B7A50}
.mit-qav__finalbox output.is-warn,.mit-qav__score.is-warn{color:#B7791F}
.mit-qav__finalbox output.is-bad,.mit-qav__score.is-bad{color:#B42318}
.mit-qav__finalbox--view{padding:0;margin-bottom:1rem}
.mit-qav__ratings{width:100%;border-collapse:collapse;font-size:.86rem;margin:0 0 .2rem}
.mit-qav__ratings th{text-align:left;padding:.5rem 1.2rem;font:600 .7rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;color:var(--wmst-text-soft);border-top:1px solid var(--wmst-line);border-bottom:1px solid var(--wmst-line)}
.mit-qav__ratings td{padding:.5rem 1.2rem;border-bottom:1px solid var(--wmst-line);color:var(--wmst-text-soft);transition:background-color .15s}
.mit-qav__ratings tr:last-child td{border-bottom:0}
.mit-qav__ratings td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.mit-qav__ratings tr.is-on td{background:#FFF6E0;color:var(--wmst-black);font-weight:600}
.mit-qav__text{display:flex;flex-direction:column;gap:.9rem;padding:1rem 1.2rem}
.mit-qav__text textarea{resize:vertical;min-height:5.5rem}
.mit-qav__fu{margin:0 1.2rem 1.1rem;padding:.8rem 1rem;border:1px solid var(--wmst-line);border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem .6rem}
.mit-qav__fu legend{padding:0 .4rem;font:600 .78rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--wmst-text-soft)}
.mit-qav__fu label{position:relative;cursor:pointer}
.mit-qav__fu input{position:absolute;inset:0;opacity:0;pointer-events:none}
.mit-qav__fu span{display:inline-block;padding:.5rem .8rem;border:1px solid var(--wmst-line);border-radius:999px;font:600 .82rem/1 var(--font-display,sans-serif);color:var(--wmst-text);background:#fff;transition:background-color .12s,color .12s,border-color .12s}
.mit-qav__fu label:hover span{border-color:var(--wmst-blue);color:var(--wmst-blue)}
.mit-qav__fu input:checked+span{background:var(--wmst-blue);border-color:var(--wmst-blue);color:#fff}
.mit-qav__fu input:focus-visible+span{outline:2px solid var(--wmst-blue);outline-offset:2px}
.mit-qav__sigs{display:grid;grid-template-columns:2fr 1fr;gap:.8rem 1rem;padding:1rem 1.2rem .4rem}
.mit-qav__section .mit-qav__hint{padding:0 1.2rem 1rem}
.mit-qav__submit{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;margin-top:.2rem;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--wmst-line);border-radius:12px;box-shadow:0 -6px 24px rgba(16,42,67,.08)}
.mit-qav__submit .mit-btn{width:auto}
.mit-qav__submit .mit-btn[disabled]{opacity:.6;cursor:progress}
.mit-qav__submitscore{font:600 .9rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);display:flex;align-items:baseline;gap:.5rem}
.mit-qav__submitscore output{font-size:1.5rem;font-weight:800;color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums}
.mit-qav__submitscore output.is-good{color:#1B7A50}
.mit-qav__submitscore output.is-warn{color:#B7791F}
.mit-qav__submitscore output.is-bad{color:#B42318}
/* log */
.mit-qav__logbar{display:flex;align-items:center;gap:1rem;margin-bottom:.7rem}
.mit-qav__logbar .mit-fleet__tabsearch{max-width:360px;margin-bottom:0}
.mit-qav__logrow{cursor:pointer}
.mit-qav__logrow:hover td{background:#FAFBFD}
.mit-qav__logrow a{color:var(--wmst-blue);text-decoration:none;font-weight:600}
.mit-qav__score{font:800 1.05rem/1 var(--font-display,sans-serif);font-variant-numeric:tabular-nums;color:var(--wmst-blue-deep)}
.mit-qav__pill{display:inline-block;padding:.28rem .6rem;border-radius:999px;font:600 .74rem/1 var(--font-display,sans-serif);background:var(--wmst-surface,#F4F6F9);color:var(--wmst-text-soft);border:1px solid var(--wmst-line)}
.mit-qav__pill.is-ok{background:#E7F6EE;color:#1B7A50;border-color:#BFE6D1}
.mit-qav__pill.is-bad{background:#FDE8E8;color:#B42318;border-color:#F5C2C0}
.mit-qav__pill.is-warn{background:#FFF6E0;color:#6b5200;border-color:#F5C86B}
/* record view */
.mit-qav--view{max-width:880px}
.mit-qav__viewbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.mit-qav__viewbar .mit-fleet__back{margin-bottom:0}
.mit-qav__viewacts{display:flex;gap:.5rem;flex-wrap:wrap}
.mit-qav__viewacts .mit-btn{padding:.6em 1em;font-size:.85rem}
.mit-qav__del:hover{border-color:#B42318;color:#B42318}
.mit-qav__del.is-armed{background:#B42318;border-color:#B42318;color:#fff}
.mit-qav__flash{margin:0 0 1rem;padding:.7rem 1rem;border-radius:8px;background:#E7F6EE;color:#1B7A50;font-size:.9rem;display:flex;align-items:center;gap:.5rem}
.mit-qav__flash .mit-ic{width:1.1em;height:1.1em}
.mit-qav__printhead{text-align:center;margin:.4rem 0 1.2rem}
.mit-qav__printhead h1{margin:0;font:800 1.7rem/1.15 var(--font-display,sans-serif);color:var(--wmst-black)}
.mit-qav__printhead p{margin:.3rem 0 0;color:var(--wmst-text-soft);font-size:.9rem}
.mit-qav__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem 1rem;margin:0 0 1rem;padding:1rem 1.2rem;background:#fff;border:1px solid var(--wmst-line);border-radius:12px}
.mit-qav__facts dt{font:600 .7rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;color:var(--wmst-text-soft);margin-bottom:.25rem}
.mit-qav__facts dd{margin:0;font-weight:600;color:var(--wmst-black)}
.mit-qav__facts dd small{font-weight:400;color:var(--wmst-text-soft);font-size:.82rem}
.mit-qav__section--view{margin-bottom:1rem}
.mit-qav__section--view .mit-qav__facts{border:0;border-radius:0;margin:0}
.mit-qav__vtable{width:100%;border-collapse:collapse;font-size:.93rem}
.mit-qav__vtable td{padding:.45rem 1.2rem;border-bottom:1px solid var(--wmst-line)}
.mit-qav__vtable tr:last-child td{border-bottom:0}
.mit-qav__vtable td:last-child{text-align:right;width:4rem;font:800 1rem/1 var(--font-display,sans-serif);color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums}
.mit-qav__vtable tr.is-blank td{color:var(--wmst-text-soft)}
.mit-qav__vh3{margin:1rem 1.2rem .3rem;font:700 .82rem/1.2 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--wmst-text-soft)}
.mit-qav__vtext{margin:0 1.2rem .6rem;line-height:1.55;color:var(--wmst-text)}
.mit-qav__section--view .mit-qav__vtext:last-child{margin-bottom:1rem}
@media (max-width:760px){
  .mit-qav__meta{grid-template-columns:1fr 1fr}
  .mit-qav__meta label:nth-child(2){grid-column:span 2}
  .mit-qav__finalbox{grid-template-columns:1fr 1fr}
  .mit-qav__finalbox>div:nth-child(2){grid-column:span 2;order:3}
  .mit-qav__sigs{grid-template-columns:1fr}
  .mit-qav__facts{grid-template-columns:1fr 1fr}
  .mit-qav__legend span{white-space:normal}
  .mit-qav__submit{border-radius:12px 12px 0 0;margin-inline:calc(-1 * var(--gutter,1.25rem))}
  .mit-qav__logbar .mit-fleet__tabsearch{max-width:none}
}
@media (max-width:520px){
  .mit-qav__meta{grid-template-columns:1fr}
  .mit-qav__meta label:nth-child(2){grid-column:auto}
  .mit-qav__finalbox{grid-template-columns:1fr}
  .mit-qav__finalbox>div:nth-child(2){grid-column:auto}
  .mit-qav__submitscore span{display:none}
}
@media print{
  .mit-noprint,.mit-subnav,.site-footer,.mit-foot{display:none!important}
  .mit-qav--view{max-width:none;padding:0}
  .mit-qav__section--view,.mit-qav__facts,.mit-qav__finalbox>div{box-shadow:none;break-inside:avoid}
  .mit-qav__sechead{background:#f2f2f2!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ---------- Tier 1 & 2 Quality Short Visit (shares the QAV layout above) ---------- */
.mit-qav__meta select{padding:.6rem .7rem;border:1px solid var(--wmst-line);border-radius:8px;font:400 .95rem/1.4 inherit;font-family:inherit;color:var(--wmst-text);text-transform:none;letter-spacing:0;background:#fff}
.mit-qav__meta select:focus{outline:2px solid var(--wmst-blue);outline-offset:1px;border-color:var(--wmst-blue)}
.mit-qsv__tier{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem;min-width:0}
.mit-qsv__tier legend{float:left;width:100%;margin-bottom:.3rem;padding:0;font:600 .78rem/1.2 var(--font-display,sans-serif);color:var(--wmst-text-soft);text-transform:uppercase;letter-spacing:.04em}
.mit-qsv__tier label{position:relative;cursor:pointer}
.mit-qsv__tier input{position:absolute;inset:0;opacity:0;pointer-events:none}
.mit-qsv__tier span{display:inline-block;padding:.62rem 1rem;border:1px solid var(--wmst-line);border-radius:8px;font:600 .9rem/1 var(--font-display,sans-serif);color:var(--wmst-text);background:#fff}
.mit-qsv__tier label:hover span{border-color:var(--wmst-blue);color:var(--wmst-blue)}
.mit-qsv__tier input:checked+span{background:var(--wmst-blue);border-color:var(--wmst-blue);color:#fff}
.mit-qsv__tier input:focus-visible+span{outline:2px solid var(--wmst-blue);outline-offset:2px}
.mit-qsv__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.2rem;border-bottom:1px solid var(--wmst-line)}
.mit-qsv__item:last-child{border-bottom:0}
.mit-qsv__label{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.mit-qsv__label strong{font:700 .95rem/1.25 var(--font-display,sans-serif);color:var(--wmst-blue-deep)}
.mit-qsv__label span{font-size:.88rem;line-height:1.4;color:var(--wmst-text-soft)}
.mit-qsv__opts{display:inline-flex;flex:0 0 auto;border:1px solid var(--wmst-line);border-radius:8px;overflow:hidden}
.mit-qsv__opts label{position:relative;cursor:pointer}
.mit-qsv__opts input{position:absolute;inset:0;opacity:0;pointer-events:none}
.mit-qsv__opts span{display:grid;place-items:center;min-width:2.9rem;height:2.5rem;padding:0 .5rem;font:700 .9rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);border-left:1px solid var(--wmst-line);background:#fff;transition:background-color .12s,color .12s}
.mit-qsv__opts label:first-child span{border-left:0}
.mit-qsv__opts label:hover span{background:var(--wmst-blue-soft,#EAF3FB);color:var(--wmst-blue-deep)}
.mit-qsv__opts input:focus-visible+span{outline:2px solid var(--wmst-blue);outline-offset:-2px}
.mit-qsv__opts .is-r2 input:checked+span{background:#1B7A50;color:#fff}
.mit-qsv__opts .is-r1 input:checked+span{background:#B7791F;color:#fff}
.mit-qsv__opts .is-r0 input:checked+span{background:#B42318;color:#fff}
.mit-qsv__opts .is-no input:checked+span{background:#54595F;color:#fff}
.mit-qsv__override{display:flex;align-items:flex-start;gap:.6rem;margin:.9rem 1.2rem 1.1rem;padding:.75rem .9rem;border:1px solid #F5C2C0;border-radius:10px;background:#FDF3F2;color:#7A1A12;font-size:.9rem;line-height:1.45;cursor:pointer}
.mit-qsv__override input{margin:.2rem 0 0;width:1.05rem;height:1.05rem;accent-color:#B42318;flex:0 0 auto}
.mit-qsv__chip{display:inline-grid;place-items:center;min-width:2.3rem;padding:.25rem .4rem;margin-right:.35rem;border-radius:6px;color:#fff;font:700 .85rem/1 var(--font-display,sans-serif)}
.mit-qsv__chip.is-r2{background:#1B7A50}
.mit-qsv__chip.is-r1{background:#B7791F}
.mit-qsv__chip.is-r0{background:#B42318}
.mit-qsv__chip.is-no{background:#8a9099}
.mit-qsv__vtable td{vertical-align:middle}
.mit-qsv__vtable td small{font-size:.84rem;color:var(--wmst-text-soft)}
.mit-qsv__vtable td:last-child{width:auto;white-space:nowrap;font:600 .85rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft)}
@media (max-width:560px){
  .mit-qsv__item{flex-direction:column;align-items:stretch;gap:.5rem}
  .mit-qsv__opts{display:flex}
  .mit-qsv__opts label{flex:1}
  .mit-qsv__opts span{min-width:0}
}
@media print{
  .mit-qsv__chip{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Fuel tracker: wider than the other dialogs so the per-location table and the entry list breathe (client request 2026-09-02). */
.mit-fleet__dialog--fuel{width:min(820px,94vw)}

/* ---------- Instructor Candidate Progress Chart (QAS) ---------- */
.mit-qas__kicker{margin:0 0 .2rem;font:600 .72rem/1 var(--font-display,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--wmst-text-soft)}
.mit-qas__meta{grid-template-columns:repeat(4,minmax(0,1fr))}
.mit-qas__meta label:nth-child(2){grid-column:auto}
.mit-qas__how{margin:0;padding:.8rem 1rem;border:1px solid var(--wmst-line);border-radius:10px;background:#fff;font-size:.9rem;color:var(--wmst-text-soft)}
.mit-qas__how summary{cursor:pointer;font:600 .88rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep)}
.mit-qas__how p{margin:.7rem 0 .5rem;line-height:1.5}
.mit-qas__pacedefs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.mit-qas__pacedefs div{padding:.6rem .7rem;border-radius:8px;background:var(--wmst-surface,#F4F6F9)}
.mit-qas__pacedefs p{margin:.4rem 0 0;font-size:.82rem;line-height:1.45}
.mit-qas__pace-pill{display:inline-block;padding:.28rem .6rem;border-radius:999px;font:600 .74rem/1 var(--font-display,sans-serif);border:1px solid var(--wmst-line);background:var(--wmst-surface,#F4F6F9);color:var(--wmst-text-soft);white-space:nowrap}
.mit-qas__pace-pill.is-ahead{background:#E7F6EE;color:#1B7A50;border-color:#BFE6D1}
.mit-qas__pace-pill.is-on{background:#E8F1FB;color:#004A82;border-color:#BFD9F2}
.mit-qas__pace-pill.is-behind{background:#FDE8E8;color:#B42318;border-color:#F5C2C0}
.mit-qas__pace-pill.is-big{font-size:.95rem;padding:.45rem .9rem}
.mit-qas__bar{position:relative;height:8px;width:140px;border-radius:999px;background:var(--wmst-line);overflow:hidden;margin-bottom:.3rem}
.mit-qas__bar span{position:absolute;inset:0 auto 0 0;background:var(--wmst-blue);border-radius:999px}
.mit-qas__barlabel{font-size:.8rem;color:var(--wmst-text-soft);white-space:nowrap}
.mit-qas__form{display:flex;flex-direction:column;gap:1rem}
.mit-qas__form input:not([type=checkbox]):not([type=radio]),.mit-qas__form select,.mit-qas__form textarea{padding:.5rem .6rem;border:1px solid var(--wmst-line);border-radius:8px;font:400 .92rem/1.35 inherit;font-family:inherit;color:var(--wmst-text);background:#fff;text-transform:none;letter-spacing:0;width:100%;box-sizing:border-box}
.mit-qas__form input:focus,.mit-qas__form select:focus,.mit-qas__form textarea:focus{outline:2px solid var(--wmst-blue);outline-offset:1px;border-color:var(--wmst-blue)}
.mit-qas__form textarea{resize:vertical;min-height:5rem}
.mit-qas__snap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem 1rem;padding:1rem 1.2rem}
.mit-qas__snap label,.mit-qas__signs label,.mit-qas__comments label{display:flex;flex-direction:column;gap:.3rem;font:600 .74rem/1.2 var(--font-display,sans-serif);color:var(--wmst-text-soft);text-transform:uppercase;letter-spacing:.04em}
.mit-qas__snap--3{border-top:1px solid var(--wmst-line)}
.mit-qas__v{display:block;font:500 .95rem/1.4 inherit;color:var(--wmst-text);text-transform:none;letter-spacing:0}
.mit-qas__auto{padding:.5rem .6rem;border-radius:8px;background:var(--wmst-surface,#F4F6F9);font-weight:800;color:var(--wmst-blue-deep);font-variant-numeric:tabular-nums}
.mit-qas__comments{border-top:1px solid var(--wmst-line);display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.mit-qas__cbox.is-mine,.mit-qas__signs div.is-mine{padding:.7rem;border-radius:10px;background:#FFF9E8;border:1px dashed #F5C86B}
.mit-qas__cbox.is-mine label::after{content:"You can edit this";font:500 .72rem/1 inherit;color:#6b5200;text-transform:none;letter-spacing:0}
.mit-qas__paceopts{display:inline-flex;border:1px solid var(--wmst-line);border-radius:8px;overflow:hidden;background:#fff;text-transform:none;letter-spacing:0}
.mit-qas__paceopts label{position:relative;cursor:pointer;flex:0 0 auto;display:block;text-transform:none;letter-spacing:0}
.mit-qas__paceopts input{position:absolute;inset:0;opacity:0;pointer-events:none}
.mit-qas__paceopts span{display:block;padding:.42rem .55rem;font:700 .74rem/1 var(--font-display,sans-serif);color:var(--wmst-text-soft);border-left:1px solid var(--wmst-line);transition:background-color .12s,color .12s;min-width:1.1rem;text-align:center}
.mit-qas__paceopts:not(.is-compact) span{padding:.5rem .8rem;font-size:.8rem}
.mit-qas__paceopts label:first-child span{border-left:0}
.mit-qas__paceopts label:hover span{background:var(--wmst-surface,#F4F6F9)}
.mit-qas__paceopts .is-a input:checked+span{background:#1B7A50;color:#fff}
.mit-qas__paceopts .is-o input:checked+span{background:var(--wmst-blue,#0067B0);color:#fff}
.mit-qas__paceopts .is-b input:checked+span{background:#B42318;color:#fff}
.mit-qas__paceopts .is-clear span{color:#9aa3ad}
.mit-qas__paceopts .is-clear input:checked+span{background:var(--wmst-line);color:var(--wmst-text-soft)}
.mit-qas__scroll{border:0;border-radius:0;background:transparent}
.mit-qas__table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:820px}
.mit-qas__table th{text-align:left;padding:.55rem .7rem;font:600 .68rem/1 var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;color:var(--wmst-text-soft);border-bottom:1px solid var(--wmst-line);background:#fff;white-space:nowrap}
.mit-qas__table td{padding:.4rem .5rem;border-bottom:1px solid var(--wmst-line);vertical-align:middle}
.mit-qas__table tr:last-child td{border-bottom:0}
.mit-qas__table tr.is-done td{background:#F3FAF6}
.mit-qas__table tr.is-done .mit-qas__code{color:#1B7A50}
.mit-qas__table tr.is-on td{background:#FFF9E8}
.mit-qas__code{font:800 .85rem/1 var(--font-display,sans-serif);color:var(--wmst-blue-deep);white-space:nowrap;font-variant-numeric:tabular-nums}
.mit-qas__task{color:var(--wmst-text);min-width:220px}
.mit-qas__when{color:var(--wmst-text-soft);font-size:.82rem;line-height:1.4}
.mit-qas__c-qas{width:4rem}.mit-qas__c-date{width:9.5rem}.mit-qas__c-init{width:5.5rem}.mit-qas__c-pace{width:9rem}.mit-qas__c-sel{width:4rem}.mit-qas__c-owner{width:12rem}
.mit-qas__table input[type=date]{min-width:8.6rem}
.mit-qas__table .mit-qas__init{width:4.6rem;text-align:center;text-transform:uppercase}
.mit-qas__table .mit-qas__notes{min-width:12rem}
.mit-qas__table .mit-qas__v{font-size:.88rem}
.mit-qas__sel{text-align:center}
.mit-qas__sel input{width:1.15rem;height:1.15rem;accent-color:var(--wmst-blue)}
.mit-qas__tick{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:999px;background:#1B7A50;color:#fff}
.mit-qas__tick .mit-ic{width:.9rem;height:.9rem}
.mit-qas__actions th:nth-child(1),.mit-qas__actions th:nth-child(5){min-width:12rem}
.mit-qas__signs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 1.2rem .4rem}
.mit-qas__signs>div{display:grid;grid-template-columns:2fr 1fr;gap:.6rem;align-content:start}
.mit-qas__history{margin-top:1rem;padding:.8rem 1rem;border:1px solid var(--wmst-line);border-radius:10px;background:#fff;font-size:.88rem}
.mit-qas__history summary{cursor:pointer;font:600 .88rem/1.2 var(--font-display,sans-serif);color:var(--wmst-blue-deep)}
.mit-qas__history ul{list-style:none;margin:.6rem 0 0;padding:0}
.mit-qas__history li{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;padding:.4rem 0;border-top:1px solid var(--wmst-line);color:var(--wmst-text-soft)}
.mit-qas__history li span:first-child{color:var(--wmst-text);font-weight:600;font-variant-numeric:tabular-nums}
.mit-qas--ro .mit-qas__table{min-width:720px}
[data-qas-dirty]{color:#B7791F;font-weight:700}
@media (max-width:900px){
  .mit-qas__meta{grid-template-columns:1fr 1fr}
  .mit-qas__snap,.mit-qas__signs,.mit-qas__pacedefs{grid-template-columns:1fr 1fr}
  .mit-qas__comments{grid-template-columns:1fr}
}
@media (max-width:560px){
  .mit-qas__meta,.mit-qas__snap,.mit-qas__signs,.mit-qas__pacedefs{grid-template-columns:1fr}
}
@media print{
  .mit-qas__table{min-width:0;font-size:.78rem}
  .mit-qas__form input:not([type=checkbox]):not([type=radio]),.mit-qas__form select,.mit-qas__form textarea{border-color:#bbb;padding:.2rem .3rem}
  .mit-qas__how{display:none}
  .mit-qas__phase{break-inside:avoid}
}
.mit-qas label .mit-qav__vtext{margin:0;font:400 .95rem/1.5 inherit;color:var(--wmst-text);text-transform:none;letter-spacing:0}