/* MX Matrix / AWB suite, part A (Batch, Settings, Import, Database). Tokens measured from the MX Tools board. */
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap");

/* ---------- tokens: LIGHT (default), DARK by device or [data-theme=dark] ---------- */
:root{
  --bg:#eff5f7; --side1:#fff; --side2:#fff; --panel:#fff; --panel2:#e7f0f3; --field:#f4f8fa;
  --line:#c1d0d8; --line2:#d3dfe5; --ink:#112a36; --ink2:#435e6d; --dim:#536f7e; --h1:#0b1f29;
  --green:#087544; --teal:#087544; --btn:#087544; --btn-ink:#fff; --amber:#8a5300; --amber-bg:rgba(251,239,217,.8);
  --tint:rgba(216,244,229,.6); --tint-solid:#d8f4e5; --glow:rgba(8,117,68,.18); --glow2:rgba(8,117,68,.07); --hair:rgba(8,117,68,.07);
  --focus-bg:rgba(255,255,255,.81); --shadow:0 10px 30px -18px rgba(17,42,54,.33); --inset:inset 0 1px 2px rgba(17,42,54,.08);
  --bad:#c8321f; --ok-bg:#e6f6ee; --rad1:rgba(214,239,227,1); --rad2:rgba(214,230,239,.7);
  --sl1:#087544; --sl2:#1f5fbf; --sl-a:.34; --bar:linear-gradient(90deg,#087544,#0a8a62 60%,#087544);
  --tb-on:#087544; --tb-on-ink:#fff; color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#030814; --side1:#050d19; --side2:#03070f; --panel:#08111e; --panel2:#050c18; --field:#030912;
  --line:#24394f; --line2:#172638; --ink:#f3f7f9; --ink2:#a6b5c0; --dim:#7d92a1; --h1:#fff;
  --green:#44f48d; --teal:#45ebdd; --btn:#44f48d; --btn-ink:#030608; --amber:#ffb224; --amber-bg:rgba(42,29,5,.8);
  --tint:rgba(8,43,27,.6); --tint-solid:#082b1b; --glow:rgba(68,244,141,.54); --glow2:rgba(68,244,141,.2); --hair:rgba(68,244,141,.15);
  --focus-bg:rgba(8,17,30,.81); --shadow:0 0 24px -8px rgba(68,244,141,.25); --inset:inset 0 2px 8px rgba(0,0,0,.5);
  --bad:#ff5d4a; --ok-bg:rgba(8,43,27,.55); --rad1:rgba(14,58,42,.33); --rad2:rgba(11,42,58,.25);
  --sl1:#44f48d; --sl2:#43d5ff; --sl-a:.9; --bar:linear-gradient(90deg,#44f48d,#45ebdd 60%,#44f48d);
  --tb-on:#44f48d; --tb-on-ink:#030608; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#030814; --side1:#050d19; --side2:#03070f; --panel:#08111e; --panel2:#050c18; --field:#030912;
  --line:#24394f; --line2:#172638; --ink:#f3f7f9; --ink2:#a6b5c0; --dim:#7d92a1; --h1:#fff;
  --green:#44f48d; --teal:#45ebdd; --btn:#44f48d; --btn-ink:#030608; --amber:#ffb224; --amber-bg:rgba(42,29,5,.8);
  --tint:rgba(8,43,27,.6); --tint-solid:#082b1b; --glow:rgba(68,244,141,.54); --glow2:rgba(68,244,141,.2); --hair:rgba(68,244,141,.15);
  --focus-bg:rgba(8,17,30,.81); --shadow:0 0 24px -8px rgba(68,244,141,.25); --inset:inset 0 2px 8px rgba(0,0,0,.5);
  --bad:#ff5d4a; --ok-bg:rgba(8,43,27,.55); --rad1:rgba(14,58,42,.33); --rad2:rgba(11,42,58,.25);
  --sl1:#44f48d; --sl2:#43d5ff; --sl-a:.9; --bar:linear-gradient(90deg,#44f48d,#45ebdd 60%,#44f48d);
  --tb-on:#44f48d; --tb-on-ink:#030608; color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.45 "Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 78% 18%,var(--rad1) 0,transparent 32%),radial-gradient(circle at 30% 70%,var(--rad2) 0,transparent 34%)}
body::after{content:"";position:fixed;left:0;right:0;top:0;height:2px;background:var(--bar);box-shadow:0 0 12px var(--glow);z-index:60}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- shell ---------- */
.app{position:relative;z-index:1;display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}
.sb{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,var(--side1),var(--side2));border-right:1px solid var(--line2);
  padding:28px 18px 18px;display:flex;flex-direction:column;z-index:30}
.sb .logo{display:block;margin:0 0 0 4px}
.sb .logo img{width:196px;height:auto;display:block}
.sb .tag{font:700 12px/14px "JetBrains Mono",monospace;letter-spacing:-.03em;text-transform:uppercase;color:var(--green);margin:4px 0 0 0;white-space:nowrap}
.sb h6{margin:14px 0 4px 8px;font:700 12px/16px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}
.sb nav a{display:flex;align-items:center;gap:14px;height:44px;padding:0 14px 0 17px;border:1px solid transparent;border-radius:10px;
  font:600 15px/1 "Barlow",sans-serif;color:var(--ink2);text-decoration:none;margin:4px 0}
.sb nav a:hover{color:var(--ink);background:var(--glow2)}
.sb nav a svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sb nav a.cur{color:var(--ink);border:2px solid var(--green);padding-left:15px;background:linear-gradient(90deg,var(--tint-solid),transparent 90%);
  box-shadow:0 0 22px -6px var(--glow),0 0 0 1px var(--glow2)}
.sb nav a.cur svg{stroke:var(--green)}
.sb nav a .cu{margin-left:auto;font:700 12px/12px "JetBrains Mono",monospace;letter-spacing:.1em;color:var(--green)}
.sb .who{margin-top:auto;padding-top:18px;border-top:1px solid var(--line2);display:flex;align-items:center;gap:12px}
.sb .av{width:40px;height:40px;border-radius:50%;border:2px solid var(--green);background:var(--tint-solid);color:var(--green);
  display:grid;place-items:center;font:700 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;flex:none}
.sb .who b{display:block;font:600 15px/20px "Barlow",sans-serif;color:var(--ink)}
.sb .who small{display:block;font:500 12px/16px "JetBrains Mono",monospace;letter-spacing:.06em;color:var(--dim);text-transform:uppercase}
.sb .pw{margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:transparent;display:grid;place-items:center;color:var(--ink2)}
.sb .pw svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}

.main{position:relative;min-width:0;padding:0 56px 56px;overflow:hidden}
.band{position:absolute;left:0;right:0;top:0;height:460px;pointer-events:none;overflow:hidden;z-index:0}
.band i{position:absolute;height:1px;display:block;opacity:var(--sl-a)}
.main>*:not(.band){position:relative;z-index:1}
.top{display:flex;align-items:flex-start;gap:16px;padding-top:26px;height:92px}
.top .crumb{font:700 12px/16px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);white-space:nowrap;margin-top:12px}
.top .menu{display:none}
.top .mlogo{display:none}
.tabs{margin-left:auto;display:flex;gap:6px;align-items:center}
.tabs a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;
  font:600 13.5px/1 "Barlow",sans-serif;color:var(--ink2);text-decoration:none;white-space:nowrap;background:transparent}
.tabs a:hover{color:var(--ink);border-color:var(--green)}
.tabs a[aria-current=page]{background:var(--tb-on);border-color:var(--tb-on);color:var(--tb-on-ink);box-shadow:0 0 18px -4px var(--glow)}
.look{display:flex;gap:24px;align-items:center;margin-left:18px;margin-top:9px}
.look button{width:22px;height:22px;border-radius:50%;border:2px solid var(--dim);padding:0;position:relative;background:var(--b,#fff)}
.look button::after{content:"";position:absolute;inset:-12px}
.look button[data-m=auto]{background:linear-gradient(135deg,#f3f7f9 50%,#030814 50%)}
.look button[data-m=light]{background:#f3f7f9}
.look button[data-m=dark]{background:#030814}
.look button[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 12px var(--glow),0 0 0 3px var(--glow2)}

.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start;padding-top:20px}
.eyebrow{font:700 13px/16px "Barlow Condensed",sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--teal)}
.eyebrow b{color:var(--green);margin:0 8px;font-weight:700}
h1.big{margin:22px 0 0;font:800 136px/.86 "Barlow Condensed",sans-serif;letter-spacing:-.005em;text-transform:uppercase;color:var(--h1);max-width:640px}
h1.big.wide{max-width:860px}
.lede{margin:12px 0 0;max-width:560px;font:400 17px/26px "Barlow",sans-serif;color:var(--ink2)}
.hero-card{align-self:start;margin-top:84px}
.sp{height:28px}

/* ---------- panels & parts ---------- */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow),0 0 0 1px var(--hair);overflow:hidden}
.panel.hot{border-color:var(--green);background:var(--focus-bg);box-shadow:0 0 30px -10px var(--glow),0 0 0 4px var(--glow2)}
.ph{display:flex;align-items:center;gap:12px;padding:0 20px;min-height:54px;border-bottom:1px solid var(--line2);background:linear-gradient(90deg,var(--tint),transparent 70%)}
.ph .n{width:30px;height:24px;border:1px solid var(--green);border-radius:7px;display:grid;place-items:center;font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--green)}
.ph h2{margin:0;font:800 24px/24px "Barlow Condensed",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--h1)}
.ph .r{margin-left:auto}
.pill{display:inline-flex;align-items:center;height:25px;padding:0 10px;border:1px solid var(--line);border-radius:6px;font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);white-space:nowrap}
.pill.g{border-color:var(--green);color:var(--green);background:var(--tint)}
.pill.a{border-color:var(--amber);color:var(--amber)}
.lab{font:700 12px/16px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.lab .a{color:var(--amber);float:right;font-size:12px;letter-spacing:.08em}
.lab .t{color:var(--teal);float:right;font-size:12px;letter-spacing:.08em}
.lab .h{color:var(--green);letter-spacing:.06em;font-weight:500;text-transform:none;margin-left:10px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:10px;background:transparent;
  font:700 14px/1.1 "Barlow",sans-serif;color:var(--ink2);text-decoration:none;white-space:nowrap}
.btn:hover{color:var(--ink);border-color:var(--green)}
.btn.pri{background:var(--btn);border-color:var(--btn);color:var(--btn-ink);box-shadow:0 0 18px -6px var(--glow),0 0 0 3px var(--glow2)}
.btn.pri:hover{filter:brightness(1.06);color:var(--btn-ink)}
.btn.ol{border-color:var(--green);color:var(--ink)}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.chk{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1px solid var(--line);border-radius:6px;background:transparent;display:inline-grid;place-items:center;margin:0;cursor:pointer;flex:none;position:relative}
.chk::before{content:"";position:absolute;inset:-11px}
.chk:checked{background:var(--btn);border-color:var(--btn);box-shadow:0 0 12px -2px var(--glow)}
.chk:checked::after{content:"";width:10px;height:5px;border-left:2.5px solid var(--btn-ink);border-bottom:2.5px solid var(--btn-ink);transform:rotate(-45deg) translate(1px,-1px)}
.chk:disabled{opacity:.5;cursor:not-allowed}
.fld{display:block;width:100%;min-height:44px;padding:9px 13px;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--inset);
  font:400 14px/24px "JetBrains Mono",monospace}
textarea.fld{resize:vertical;min-height:110px}
.fld::placeholder{color:var(--dim)}
.fld.warn{border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,178,36,.18)}
.fld:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px var(--glow2)}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--line);border-radius:10px;background:var(--field);box-shadow:var(--inset);padding:3px;gap:3px}
.seg button{min-height:44px;border:0;border-radius:8px;background:transparent;font:700 13px/1 "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--ink2)}
.seg button[aria-pressed=true]{background:var(--btn);color:var(--btn-ink)}

/* ---------- tables ---------- */
.tw{overflow-x:auto}
table.tbl{width:100%;border-collapse:collapse}
.tbl th{height:36px;padding:0 12px;background:var(--panel2);border-bottom:1px solid var(--line);text-align:left;font:700 12px/14px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.tbl td{height:47px;padding:0 12px;border-bottom:1px solid var(--line2);font:500 14px/18px "JetBrains Mono",monospace;color:var(--ink)}
.tbl .r{text-align:right}
.tbl td.awb{font-weight:700;font-size:14.5px}
.tbl td.pr{font:500 13px/18px "Barlow",sans-serif;color:var(--dim)}
.tbl tr.bad td{background:var(--amber-bg)}
.tbl tr.bad td:first-child{box-shadow:inset 3px 0 0 var(--amber)}
.tbl tr.bad td.awb,.tbl tr.bad td.pr{color:var(--amber)}
.tbl tr.bad td.pr{font-weight:600}
.tbl tr.off td{color:var(--dim)}
.tbl tr.sel td{background:var(--tint)}
.tbl tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--green)}
.tbl tbody tr{cursor:default}

.foot{display:flex;align-items:center;gap:8px;padding:18px 18px;border-top:1px solid var(--line2);flex-wrap:wrap}
.foot .gr{flex:1;min-width:200px}
.foot b{display:block;font:600 14px/18px "Barlow",sans-serif}
.foot small{display:block;font:500 12px/16px "JetBrains Mono",monospace;color:var(--dim)}
.note{margin:28px 0 0;color:var(--ink2);font-size:13px;line-height:18px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;background:var(--panel);border:1px solid var(--green);border-radius:12px;padding:12px 18px;
  font:600 14px/20px "Barlow",sans-serif;box-shadow:0 0 30px -10px var(--glow);max-width:min(560px,92vw)}
.preview-chip{display:inline-flex;gap:8px;align-items:center;height:25px;padding:0 10px;border:1px solid var(--amber);border-radius:6px;color:var(--amber);font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}

#printRoot{display:none}
@media print{
  body>*:not(#printRoot){display:none!important}
  body::before,body::after{display:none!important}
  #printRoot{display:block!important}
  #printRoot .mawb-sheet{margin:0;page-break-after:always;break-after:page;box-shadow:none}
  #printRoot .mawb-sheet:last-child{page-break-after:auto;break-after:auto}
  @page{size:letter portrait;margin:0}
}

/* ---------- phone ---------- */
@media (max-width:900px){
  .app{display:block}
  .sb{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-102%);transition:transform .2s;box-shadow:0 0 40px rgba(0,0,0,.5)}
  body.nav-open .sb{transform:none}
  body.nav-open::after{background:var(--bar)}
  .scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:25;display:none}
  body.nav-open .scrim{display:block}
  .main{padding:0 16px 40px}
  .top{flex-wrap:wrap;gap:10px 8px;padding-top:12px;height:auto;align-items:center;justify-content:space-between}
  .look{margin-top:0}
  .top .crumb{display:none}
  .top .menu{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent}
  .top .menu svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .top .mlogo{display:block;margin:0 auto}
  .top .mlogo img{height:46px;width:auto;display:block}
  .look{gap:18px;margin:0}
  .tabs{order:5;flex:0 0 100%;margin:6px -16px 0;padding:0 16px;overflow-x:auto;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{height:44px;padding:0 18px;font-size:15px;flex:none}
  .hero{display:block;padding-top:6px}
  .eyebrow{font-size:12px;letter-spacing:.2em;margin-top:6px}
  h1.big{font-size:60px;line-height:.9;margin-top:12px;max-width:none}
  .lede{font-size:15px;line-height:22px;margin-top:10px}
  .hero-card{margin-top:18px}
  .sp{height:20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}