/* MW AIRLIFT Button Standard v1 (btn1134, CEO 5 Oct 2026) — ONE palette for Mission Control, the Pilot Portal, the signing,
   setup and field pages. Every clickable ACTION is a visible coloured button (never plain text). Tokens below are the single
   source; see 12_Website\Design_System\MW_AIRLIFT_Button_Standard.pdf. Contrast (text on fill, WCAG 2.x): Primary 16.46 ·
   Secondary 14.01 · Success 6.54 · Caution 7.27 · Destructive 6.57 · Disabled 6.10 — all ≥ 4.5:1 (AA). */
:root{
  --mbtn-navy:#0B1D45; --mbtn-navy-hover:#15306B; --mbtn-on-dark:#FFFFFF;
  --mbtn-tint:#E8EDF6; --mbtn-tint-hover:#D5DEEE;
  --mbtn-green:#1A6B3C; --mbtn-green-hover:#145530;
  --mbtn-gold:#C4A882; --mbtn-gold-hover:#D7BE96;
  --mbtn-red:#B42318; --mbtn-red-hover:#912018;
  --mbtn-off-bg:#E5E7EB; --mbtn-off-fg:#4B5563; --mbtn-off-line:#D1D5DB;
  --mbtn-cream:#FAF6EF; --mbtn-focus:#1F4FB8;
  --mbtn-info-bg:#E8EDF6; --mbtn-info-fg:#0B1D45; --mbtn-info-line:#1F4FB8;   /* INFO message: navy on tint 14.01:1, blue border/icon 6.23:1 */
  --mbtn-radius:8px; --mbtn-h:40px; --mbtn-h-touch:44px; --mbtn-pad:0 14px;
}
/* toggles/filters (segmented choices) keep their legacy selected look; they are tagged mbtn-toggle and are not actions */
/* base — applied to every action (class "mbtn" + exactly one variant). Doubled class = beats legacy .btn.* rules. */
.mbtn.mbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--mbtn-h) !important;
  padding:var(--mbtn-pad) !important;border-radius:var(--mbtn-radius) !important;border:1.5px solid transparent !important;
  font-family:inherit;font-weight:600 !important;font-size:14px;line-height:1.2;text-decoration:none !important;white-space:normal;text-align:center;cursor:pointer;
  box-shadow:none;transition:none !important;vertical-align:middle;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.mbtn.mbtn:focus{outline:none}
.mbtn.mbtn:focus-visible{outline:3px solid var(--mbtn-focus) !important;outline-offset:2px !important;box-shadow:0 0 0 2px #FFFFFF !important}
.mbtn.mbtn-primary.mbtn-primary{background:var(--mbtn-navy) !important;color:var(--mbtn-on-dark) !important;border-color:var(--mbtn-navy) !important}
.mbtn.mbtn-primary.mbtn-primary:hover{background:var(--mbtn-navy-hover) !important;border-color:var(--mbtn-navy-hover) !important}
.mbtn.mbtn-secondary.mbtn-secondary{background:var(--mbtn-tint) !important;color:var(--mbtn-navy) !important;border-color:var(--mbtn-navy) !important}
.mbtn.mbtn-secondary.mbtn-secondary:hover{background:var(--mbtn-tint-hover) !important}
.mbtn.mbtn-success.mbtn-success{background:var(--mbtn-green) !important;color:var(--mbtn-on-dark) !important;border-color:var(--mbtn-green) !important}
.mbtn.mbtn-success.mbtn-success:hover{background:var(--mbtn-green-hover) !important;border-color:var(--mbtn-green-hover) !important}
.mbtn.mbtn-caution.mbtn-caution{background:var(--mbtn-gold) !important;color:var(--mbtn-navy) !important;border-color:var(--mbtn-gold) !important}
.mbtn.mbtn-caution.mbtn-caution:hover{background:var(--mbtn-gold-hover) !important;border-color:var(--mbtn-gold-hover) !important}
.mbtn.mbtn-destructive.mbtn-destructive{background:var(--mbtn-red) !important;color:var(--mbtn-on-dark) !important;border-color:var(--mbtn-red) !important}
.mbtn.mbtn-destructive.mbtn-destructive:hover{background:var(--mbtn-red-hover) !important;border-color:var(--mbtn-red-hover) !important}
/* every text node inside a button inherits the variant colour (legacy inner <b>/<span> colours are overridden) */
.mbtn.mbtn *:not(.badge):not(.dot):not([class*="badge"]){color:inherit !important}
/* never un-hide: a hidden action stays hidden (the base rule sets display) */
.mbtn.mbtn[hidden]{display:none !important}
/* disabled — grey, not-allowed cursor; the tooltip (title) says why */
.mbtn.mbtn:disabled,.mbtn.mbtn[aria-disabled="true"],.mbtn.mbtn.mbtn-disabled{background:var(--mbtn-off-bg) !important;color:var(--mbtn-off-fg) !important;
  border-color:var(--mbtn-off-line) !important;cursor:not-allowed !important;opacity:1 !important;box-shadow:none !important}
/* icon-only actions (×, ⋯) keep a square ≥ 40 / 44 px target */
.mbtn.mbtn.mbtn-icon{min-width:var(--mbtn-h) !important;padding:0 10px !important}
/* compact rows: legacy .sm buttons keep the standard height (no tiny targets) */
.mbtn.mbtn.sm{font-size:13px}
/* touch: ≥ 44 px target on phones */
@media (max-width:600px),(pointer:coarse){
  .mbtn.mbtn.mbtn,.mbtn.mbtn.mbtn-icon{min-height:var(--mbtn-h-touch) !important;min-width:var(--mbtn-h-touch) !important}
}
/* INFO messages (CEO 5 Oct 2026): red is for errors only. A neutral notice painted by errui1131's MWA_MSG as kind "info" (e.g. "Preview only —
   nothing is sent or created") is a blue-bordered navy-on-tint box with an ⓘ icon. errui's red error and green success boxes are unchanged. */
.mwa-msg.mwa-info:not(:empty){display:block;position:relative;box-sizing:border-box;width:100%;margin:6px 0 8px 0;padding:10px 12px 10px 36px;border-radius:8px;
  font-weight:600;font-size:14px;line-height:1.4;text-align:left;overflow-wrap:anywhere;
  color:var(--mbtn-info-fg) !important;background:var(--mbtn-info-bg) !important;border:2px solid var(--mbtn-info-line) !important}
.mwa-msg.mwa-info:not(:empty)::before{content:"\24D8";content:"\24D8" / "";position:absolute;left:12px;top:9px;font-size:16px;line-height:1.4;color:var(--mbtn-info-line)}
.mwa-msg.mwa-info :is(span,b,strong,div,p,em,i,small):not(.mbtn):not(.mbtn *){color:inherit !important}