/* Mobile shell — Preferences / API keys / Notifications / Support
   (see mshell/account.js). Also gives the desktop-only modals these
   pages reuse (ak-scrim, hs-scrim, tfx-pf-scrim) a phone bottom-sheet
   look — their stock styles live inside a min-width:980px block. */
@media (max-width: 979px) {
  html.web-shell .mwu { gap: 14px; }
  html.web-shell .mwu-card { padding: 16px 16px 4px; }
  html.web-shell .mwu-chead {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding-bottom: 6px; color: var(--mws-ink-3);
  }
  html.web-shell .mwu-row {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    min-height: 52px; padding: 10px 0; border-top: 1px solid var(--mws-line-2); min-width: 0;
  }
  html.web-shell .mwu-chead + .mwu-row { border-top: 0; }
  html.web-shell .mwu-row.col { flex-direction: column; align-items: stretch; gap: 10px; }
  html.web-shell .mwu-row.off .mwu-rl { opacity: 0.55; }
  html.web-shell .mwu-row[hidden] { display: none; }
  html.web-shell .mwu-rl { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
  html.web-shell .mwu-rl b { font-size: 14px; font-weight: 700; color: var(--mws-ink); }
  html.web-shell .mwu-rl span { font-size: 11.5px; line-height: 1.4; color: var(--mws-ink-3); }
  html.web-shell .mwu-rc { flex-shrink: 0; display: flex; align-items: center; gap: 8px; max-width: 58%; }
  html.web-shell .mwu-val {
    font-family: var(--mws-mono); font-size: 13px; font-weight: 600; color: var(--mws-ink);
    text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  html.web-shell .mwu-fine { font-size: 11.5px; line-height: 1.5; color: var(--mws-ink-3); padding: 0 0 12px; }
  html.web-shell .mwu-fine.left, html.web-shell .mws-note.mwu-left { text-align: left; }
  html.web-shell .mws-note.mwu-left b { color: var(--mws-ink-2); }
  html.web-shell .mwu-pad { padding: 0 0 12px; }
  html.web-shell .mwu-btnrow { display: flex; gap: 10px; flex-wrap: wrap; padding: 0 0 12px; }
  html.web-shell .mwu-btnrow .mws-btn { flex: 1 1 0; height: 42px; font-size: 13px; min-width: 0; }
  html.web-shell .mwu-pillsm { height: 38px !important; padding: 0 16px; font-size: 12.5px; flex-shrink: 0; }

  /* EN / РУ segment (Profile board) */
  html.web-shell .mwu-seg {
    display: inline-flex; padding: 3px; gap: 2px; border-radius: 999px;
    border: 1px solid var(--mws-line); background: var(--mws-bg);
  }
  html.web-shell .mwu-seg button {
    min-width: 44px; height: 34px; border-radius: 999px; border: 0; background: transparent;
    font-family: var(--mws-mono); font-size: 11.5px; font-weight: 600; color: var(--mws-ink-3); cursor: pointer;
  }
  html.web-shell .mwu-seg button.on { background: rgba(240, 185, 11, 0.14); color: var(--mws-gold); }

  /* row button (tour, support channels) */
  html.web-shell .mwu-rowbtn {
    display: flex; align-items: center; gap: 12px; width: 100%; min-height: 60px;
    padding: 10px 0; background: none; border: 0; border-top: 1px solid var(--mws-line-2);
    color: inherit; text-align: left; text-decoration: none; cursor: pointer; font: inherit;
  }
  html.web-shell .mws-card > .mwu-rowbtn:first-child { border-top: 0; padding-top: 0; margin-top: -4px; }
  html.web-shell .mwu-chead + .mwu-rowbtn { border-top: 0; }
  html.web-shell .mwu-rowbtn .chev { color: var(--mws-ink-3); font-size: 20px; }
  html.web-shell .mwu-rowbtn.off { opacity: 0.5; cursor: default; }
  html.web-shell .mwu-eta {
    flex-shrink: 0; font-family: var(--mws-mono); font-size: 10px; letter-spacing: 0.08em; color: var(--mws-ink-3);
  }

  /* ---------------- harvested preference controls (board language) */
  html.web-shell .mwu .pf-tgl {
    width: 36px; height: 20px; border-radius: 999px; flex-shrink: 0; position: relative; cursor: pointer;
    background: var(--mws-well); border: 1px solid var(--mws-line); box-sizing: border-box;
    transition: background .15s, border-color .15s;
  }
  html.web-shell .mwu .pf-tgl::after {
    content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%;
    background: var(--mws-ink-3); transition: transform .15s, background .15s;
  }
  html.web-shell .mwu .pf-tgl.on { background: rgba(32, 199, 117, 0.25); border-color: rgba(32, 199, 117, 0.45); }
  html.web-shell .mwu .pf-tgl.on::after { transform: translateX(16px); background: var(--mws-up); }
  /* tap-target: the switch sits in a 40px hit area */
  html.web-shell .mwu .pf-tgl, html.web-shell .mwu .mws-switch { margin: 10px 0; }
  html.web-shell .mwu .pf-seg, html.web-shell .mwu .mwu-themes {
    display: inline-flex; gap: 6px; flex-wrap: wrap;
  }
  html.web-shell .mwu .pf-seg span,
  html.web-shell .mwu .mwu-themes .pf-theme-opt {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 36px; padding: 0 14px; border-radius: 999px; cursor: pointer;
    border: 1px solid var(--mws-line); color: var(--mws-ink-3);
    font-family: var(--mws-mono); font-size: 11.5px;
  }
  html.web-shell .mwu .pf-seg span.on,
  html.web-shell .mwu .mwu-themes .pf-theme-opt.on {
    background: rgba(240, 185, 11, 0.14); border-color: rgba(240, 185, 11, 0.35); color: var(--mws-gold); font-weight: 600;
  }
  html.web-shell .mwu .mwu-themes .pf-theme-opt { flex: 1 1 0; }
  html.web-shell .mwu .mwu-themes .sw {
    width: 12px; height: 12px; border-radius: 4px; border: 1px solid var(--mws-line); background: var(--mws-bg);
  }
  html.web-shell .mwu .mwu-themes .sw.light { background: var(--mws-ink); }
  html.web-shell .mwu .mwu-themes .sw.auto { background: linear-gradient(135deg, var(--mws-ink) 50%, var(--mws-bg) 50%); }
  html.web-shell .mwu .mwu-themes .sw .g { display: none; }
  html.web-shell .mwu .pf-selp {
    position: relative; display: inline-flex; align-items: center; gap: 6px;
    min-height: 36px; max-width: 100%; box-sizing: border-box; padding: 0 12px; border-radius: 999px;
    border: 1px solid var(--mws-line); background: var(--mws-bg); cursor: pointer;
    font-family: var(--mws-mono); font-size: 11.5px; color: var(--mws-ink);
  }
  html.web-shell .mwu .pf-selp.locked { cursor: default; color: var(--mws-ink-2); }
  html.web-shell .mwu .pf-selp-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.web-shell .mwu .pf-selp .chev { display: inline-flex; color: var(--mws-ink-3); }
  html.web-shell .mwu .pf-menu {
    display: none; position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 140px;
    background: var(--mws-well); border: 1px solid var(--mws-line); border-radius: 12px; padding: 4px;
    box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.7);
  }
  html.web-shell .mwu .pf-selp.open .pf-menu { display: block; }
  html.web-shell .mwu .pf-menu .opt { padding: 10px 12px; border-radius: 8px; color: var(--mws-ink-2); }
  html.web-shell .mwu .pf-menu .opt.on { color: var(--mws-gold); background: rgba(240, 185, 11, 0.1); }
  html.web-shell .mwu .dn-input {
    width: 130px; border: 0; background: transparent; outline: none;
    font-family: var(--mws-mono); font-size: 12px; color: var(--mws-ink);
  }
  html.web-shell .mwu .pf-btn-outline {
    display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 16px;
    border-radius: 999px; background: transparent; border: 1px solid var(--mws-line-strong); color: var(--mws-ink);
    font-family: var(--font); font-size: 12.5px; font-weight: 800; cursor: pointer; white-space: nowrap;
  }
  html.web-shell .mwu .pf-btn-outline.dn,
  html.web-shell .mwu-danger .pf-btn-outline { color: var(--mws-down); border-color: rgba(234, 57, 67, 0.4); }
  html.web-shell .mwu-danger .mws-lbl { color: var(--mws-down); }
  html.web-shell .mwu-about img { width: 100%; border-radius: 12px; border: 1px solid var(--mws-line); display: block; }

  /* ---------------------------------------------------------- api keys */
  html.web-shell .mwu-herorow { display: flex; align-items: center; gap: 12px; min-width: 0; }
  html.web-shell .mwu-hero.warn { border-color: rgba(240, 185, 11, 0.3); }
  html.web-shell .mwu-mask {
    font-family: var(--mws-mono); font-size: 12px; color: var(--mws-ink-2);
    display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  html.web-shell .mwu-form { display: flex; flex-direction: column; gap: 12px; }
  html.web-shell .mwu-field { display: flex; flex-direction: column; gap: 6px; }
  html.web-shell .mwu-in {
    height: 46px; box-sizing: border-box; width: 100%; padding: 0 14px; border-radius: 12px;
    background: var(--mws-bg); border: 1px solid var(--mws-line); color: var(--mws-ink);
    font-family: var(--mws-mono); font-size: 13px; outline: none;
  }
  html.web-shell .mwu-in:focus { border-color: rgba(240, 185, 11, 0.5); }
  html.web-shell .mwu-in::placeholder { color: var(--mws-ink-3); }
  html.web-shell .mwu-form .mwu-fine { padding: 0; }
  html.web-shell .mwu-setup { gap: 10px; }
  html.web-shell .mwu-setup .mwu-fine { padding: 0; }
  html.web-shell .mwu-setup .mws-lbl { margin-top: 4px; }
  html.web-shell .mwu-plist { display: flex; flex-direction: column; gap: 6px; }
  html.web-shell .mwu-pitem {
    display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: var(--mws-ink-2);
    padding: 9px 12px; border-radius: 10px; background: var(--mws-well); border: 1px solid var(--mws-line);
  }
  html.web-shell .mwu-pitem .d { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; background: var(--mws-up); }
  html.web-shell .mwu-pitem.down .d { background: var(--mws-down); }
  html.web-shell .mwu-ip {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 8px 8px 8px 14px; border-radius: 12px; background: var(--mws-bg); border: 1px solid rgba(240, 185, 11, 0.3);
  }
  html.web-shell .mwu-ipv { font-family: var(--mws-mono); font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
  html.web-shell .mwu-setup a.mws-btn { text-decoration: none; margin-top: 4px; }
  html.web-shell .mwu-chk {
    display: flex; gap: 10px; align-items: flex-start; padding: 10px 0; border-top: 1px solid var(--mws-line-2);
    color: var(--mws-up);
  }
  html.web-shell .mwu-chead + .mwu-chk { border-top: 0; }
  html.web-shell .mwu-chk svg { flex-shrink: 0; margin-top: 3px; }

  /* ----------------------------------------------------- notifications */
  html.web-shell .mwu-uidrow { display: flex; gap: 8px; }
  html.web-shell .mwu-uid { flex: 1 1 auto; max-width: none !important; text-align: left !important; height: 40px; }
  html.web-shell .mwu-uid::placeholder { color: var(--mws-ink-3); font-weight: 500; }
  html.web-shell .mwu-soon { display: inline-flex; align-items: center; gap: 8px; }
  html.web-shell .mwu-chips .mws-chip { min-height: 36px; }
  html.web-shell .mwu-recent { padding-bottom: 4px; }
  html.web-shell .mwu-alert {
    display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--mws-line-2);
  }
  html.web-shell .mwu-recent > .mwu-alert:first-child { border-top: 0; }
  html.web-shell .mwu-alert .d { width: 7px; height: 7px; border-radius: 50%; background: var(--mws-up); flex-shrink: 0; }
  html.web-shell .mwu-alert .d.dn { background: var(--mws-down); }
  html.web-shell .mwu-bubble {
    display: flex; gap: 10px; align-items: flex-start; padding: 12px; border-radius: 14px;
    background: var(--mws-well); border: 1px solid var(--mws-line);
  }
  html.web-shell .mwu-bubble .av {
    width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; display: inline-flex;
    align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: #1a1206;
    background: linear-gradient(135deg, #fcd535, #f0b90b);
  }
  html.web-shell .mwu-bubble .mwu-rl span { color: var(--mws-ink-2); font-size: 12.5px; }
  html.web-shell .mwu-bubble .mwu-rl span b { font-size: inherit; }
  html.web-shell .mwu-bubble .t { font-family: var(--mws-mono); font-size: 10px; color: var(--mws-ink-3); }

  /* ----------------------------------------------------------- support */
  html.web-shell .mwu-online {
    display: inline-flex; align-items: center; gap: 7px; font-family: var(--mws-mono);
    font-size: 10px; letter-spacing: 0.1em; color: var(--mws-up);
  }
  html.web-shell .mwu-online .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mws-up); box-shadow: 0 0 0 3px rgba(32, 199, 117, 0.15); }
  html.web-shell .mwu-tickets { padding-bottom: 8px; }
  html.web-shell .mwu-skel { height: 52px; border-radius: 10px; background: var(--mws-well); margin: 6px 0; opacity: .6; }
  html.web-shell .mwu-tickets .empty { font-size: 12.5px; line-height: 1.5; color: var(--mws-ink-3); padding: 4px 0 8px; }
  html.web-shell .mwu-tickets .hs-trow {
    display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 10px 0;
    border-top: 1px solid var(--mws-line-2); cursor: pointer; min-width: 0;
  }
  html.web-shell .mwu-tickets .hs-trow:first-child { border-top: 0; }
  html.web-shell .mwu-tickets .hs-tid { font-family: var(--mws-mono); font-size: 10.5px; color: var(--mws-gold); flex-shrink: 0; }
  html.web-shell .mwu-tickets .hs-tl { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
  html.web-shell .mwu-tickets .hs-tl b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.web-shell .mwu-tickets .hs-tl span { font-size: 11px; color: var(--mws-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.web-shell .hs-badge {
    font-family: var(--mws-mono); font-size: 9.5px; font-weight: 700; padding: 2px 7px; border-radius: 6px;
    letter-spacing: 0.04em; white-space: nowrap; flex-shrink: 0;
    color: var(--mws-gold); background: rgba(240, 185, 11, 0.12);
  }
  html.web-shell .hs-badge.wait { color: var(--mws-up); background: rgba(32, 199, 117, 0.12); }
  html.web-shell .hs-badge.closed { color: var(--mws-ink-3); background: var(--mws-well); }
  html.web-shell .mwu-faq { border-top: 1px solid var(--mws-line-2); }
  html.web-shell .mwu-chead + .mwu-faq { border-top: 0; }
  html.web-shell .mwu-faqq {
    display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%;
    min-height: 50px; padding: 10px 0; background: none; border: 0; color: var(--mws-ink);
    font: inherit; font-size: 13.5px; font-weight: 700; text-align: left; cursor: pointer;
  }
  html.web-shell .mwu-faqq .chev { color: var(--mws-ink-3); font-size: 18px; transition: transform .15s; }
  html.web-shell .mwu-faq.open .chev { transform: rotate(90deg); }
  html.web-shell .mwu-faqa { font-size: 12.5px; line-height: 1.55; color: var(--mws-ink-2); padding: 0 0 12px; }
  html.web-shell .mwu-faqa[hidden] { display: none; }

  /* --------------------------------- reused desktop modals → sheets */
  html.web-shell .ak-scrim, html.web-shell .hs-scrim, html.web-shell .tfx-pf-scrim {
    position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-end; justify-content: center;
    background: rgba(5, 6, 8, 0.72); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  }
  html.web-shell .tfx-pf-scrim { opacity: 0; transition: opacity .2s; }
  html.web-shell .tfx-pf-scrim.open { opacity: 1; }
  html.web-shell .ak-scrim .ak-modal, html.web-shell .hs-scrim .hs-modal, html.web-shell .tfx-pf-scrim .pf-cf {
    width: 100%; max-height: 88vh; overflow-y: auto; box-sizing: border-box;
    background: var(--mws-card); border: 1px solid var(--mws-line); border-bottom: 0;
    border-radius: 22px 22px 0 0; padding: 20px 16px calc(18px + env(safe-area-inset-bottom, 0));
    display: flex; flex-direction: column; gap: 10px; color: var(--mws-ink);
  }
  html.web-shell .ak-modal h3, html.web-shell .hs-modal h3, html.web-shell .pf-cf h3 {
    margin: 0; font-size: 17px; font-weight: 800;
  }
  html.web-shell .ak-modal p, html.web-shell .hs-modal .sub, html.web-shell .pf-cf p {
    margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--mws-ink-2);
  }
  html.web-shell .ak-modal p a { color: var(--mws-gold); }
  html.web-shell .ak-ic, html.web-shell .pf-cf-ic {
    width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
    background: rgba(240, 185, 11, 0.12); color: var(--mws-gold);
  }
  html.web-shell .ak-modal.danger .ak-ic, html.web-shell .pf-cf:not(.warn) .pf-cf-ic {
    background: rgba(234, 57, 67, 0.12); color: var(--mws-down);
  }
  html.web-shell .ak-field, html.web-shell .pf-cf-confirm { display: flex; flex-direction: column; gap: 6px; }
  html.web-shell .ak-field label, html.web-shell .hs-modal > label, html.web-shell .pf-cf-confirm label {
    font-family: var(--mws-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mws-ink-3);
  }
  html.web-shell .pf-cf-confirm code { color: var(--mws-down); }
  html.web-shell .ak-field input, html.web-shell .hs-modal input, html.web-shell .hs-modal select,
  html.web-shell .hs-modal textarea, html.web-shell .pf-cf-confirm input, html.web-shell .hs-reply-ta {
    width: 100%; box-sizing: border-box; min-height: 46px; padding: 11px 14px; border-radius: 12px;
    background: var(--mws-bg); border: 1px solid var(--mws-line); color: var(--mws-ink);
    font: inherit; font-size: 14px; outline: none;
  }
  html.web-shell .ak-field input { font-family: var(--mws-mono); font-size: 13px; }
  html.web-shell .hs-modal textarea, html.web-shell .hs-reply-ta { min-height: 110px; resize: vertical; }
  html.web-shell .hs-err { display: none; font-size: 12px; color: var(--mws-down); }
  html.web-shell .hs-err.show { display: block; }
  html.web-shell .ak-actions, html.web-shell .hs-acts, html.web-shell .pf-cf-actions, html.web-shell .hs-reply-acts {
    display: flex; gap: 10px; margin-top: 6px;
  }
  html.web-shell .ak-actions button, html.web-shell .hs-acts button, html.web-shell .pf-cf-actions button,
  html.web-shell .hs-reply-acts button {
    flex: 1 1 0; min-width: 0; height: 48px; border-radius: 999px; padding: 0 12px; cursor: pointer;
    font-family: var(--font); font-size: 13.5px; font-weight: 800; white-space: nowrap;
    background: transparent; color: var(--mws-ink); border: 1px solid var(--mws-line-strong);
  }
  html.web-shell .ak-actions .go, html.web-shell .hs-acts .send, html.web-shell .pf-cf-actions .go.warn,
  html.web-shell .hs-reply-acts .hs-reply-send:not(.close) {
    background: linear-gradient(180deg, #fcd535 0%, #f0b90b 100%); color: #1a1206; border: 0;
  }
  html.web-shell .ak-actions .go.danger, html.web-shell .hs-acts .send.danger,
  html.web-shell .pf-cf-actions .go:not(.warn), html.web-shell .hs-reply-acts .hs-reply-del {
    background: transparent; color: var(--mws-down); border: 1px solid rgba(234, 57, 67, 0.45);
  }
  html.web-shell .hs-acts .send.done { background: var(--mws-up); color: #06140c; }
  html.web-shell .ak-actions button:disabled, html.web-shell .hs-acts button:disabled,
  html.web-shell .pf-cf-actions button:disabled, html.web-shell .hs-reply-acts button:disabled { opacity: 0.45; }
  /* ticket thread */
  html.web-shell .hs-thread { display: flex; flex-direction: column; gap: 12px; }
  html.web-shell .hs-thead { display: flex; align-items: flex-start; gap: 10px; }
  html.web-shell .hs-thead > div:first-child { flex: 1 1 auto; min-width: 0; }
  html.web-shell .hs-thead .sub { font-family: var(--mws-mono); font-size: 11px; color: var(--mws-ink-3); margin-top: 3px; }
  html.web-shell .hs-xclose {
    width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: var(--mws-well);
    border: 1px solid var(--mws-line); color: var(--mws-ink-2); cursor: pointer;
  }
  html.web-shell .hs-msgs { display: flex; flex-direction: column; gap: 8px; }
  html.web-shell .hs-msg { padding: 10px 12px; border-radius: 14px; background: var(--mws-well); border: 1px solid var(--mws-line); }
  html.web-shell .hs-msg.admin { border-color: rgba(240, 185, 11, 0.3); }
  html.web-shell .hs-msg-meta { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--mws-ink-3); margin-bottom: 4px; }
  html.web-shell .hs-msg-meta b { color: var(--mws-ink); }
  html.web-shell .hs-msg.admin .hs-msg-meta b { color: var(--mws-gold); }
  html.web-shell .hs-msg-body { font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
  html.web-shell .hs-closed-note { font-size: 12px; line-height: 1.5; color: var(--mws-ink-3); }
  html.web-shell .hs-reply { display: flex; flex-direction: column; gap: 8px; }
}

/* Push notifications row (2026-09-25) */
@media (max-width: 979px) {
  html.web-shell .mwu-wprow { display: flex; align-items: center; gap: 12px; width: 100%; }
  html.web-shell .mwu-wprow .mwu-rl { flex: 1 1 auto; min-width: 0; }
  html.web-shell .mwu-wptest { margin-top: 10px; align-self: flex-start; }
  html.web-shell .mwu-wptest[hidden] { display: none; }
}

/* API keys — live Binance permission check (2026-10-03) */
@media (max-width: 979px) {
  html.web-shell .mwu-setup .mwu-chead { display: flex; align-items: center; justify-content: space-between; padding: 0; }
  html.web-shell .mwu-psum {
    padding: 10px 12px; border-radius: 12px; font-size: 12.5px; line-height: 1.5; color: var(--mws-ink-2);
  }
  html.web-shell .mwu-psum.ok { background: rgba(32, 199, 117, 0.1); }
  html.web-shell .mwu-psum.ok b { color: var(--mws-up); }
  html.web-shell .mwu-psum.bad { background: rgba(234, 57, 67, 0.09); border: 1px solid rgba(234, 57, 67, 0.28); }
  html.web-shell .mwu-psum.bad > b { color: var(--mws-down); }
  html.web-shell .mwu-psum ul { margin: 6px 0 0 18px; padding: 0; }
  html.web-shell .mwu-psum li b { color: var(--mws-ink); }
  html.web-shell .mwu-plegend {
    display: flex; justify-content: space-between; margin-top: 6px;
    font-family: var(--mws-mono); font-size: 9.5px; letter-spacing: .08em; color: var(--mws-ink-3);
  }
  html.web-shell .mwu-prow {
    display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--mws-line-2);
  }
  html.web-shell .mwu-prow.bad { background: rgba(234, 57, 67, 0.06); margin: 0 -10px; padding: 9px 10px; border-radius: 10px; }
  html.web-shell .mwu-prow .mwu-rl { flex: 1; min-width: 0; }
  html.web-shell .mwu-prow .mws-badge { flex-shrink: 0; }
  html.web-shell .mwu-box {
    width: 20px; height: 20px; border-radius: 5px; flex-shrink: 0;
    border: 1.5px solid var(--mws-line-strong); color: var(--mws-ink-3);
    display: inline-flex; align-items: center; justify-content: center;
  }
  html.web-shell .mwu-box.on { background: var(--mws-gold); border-color: var(--mws-gold); color: #111318; }
  html.web-shell .mwu-box.ip { border-color: rgba(240, 185, 11, 0.5); color: var(--mws-gold); }
  html.web-shell .mwu-steps { margin: 0; padding-left: 20px; font-size: 12.5px; line-height: 1.6; color: var(--mws-ink-2); }
  html.web-shell .mwu-steps li + li { margin-top: 4px; }
  html.web-shell .mwu-steps b { color: var(--mws-ink); }
  html.web-shell .mwu-chk.bad { color: var(--mws-down); }
  html.web-shell .mwu-prow .mws-badge.mwu-fix { background: var(--mws-down); color: #fff; }
  html.web-shell .mwu-chk.wait { color: var(--mws-ink-3); }
  html.web-shell .mwu-chk .mwu-cic { width: 13px; flex-shrink: 0; margin-top: 3px; display: inline-flex; }
}