/* ALLENATORE */

.manager { display: flex; flex-direction: column; gap: var(--s-4); flex: 1; padding-bottom: 5.5rem; }
.mgr__stage { display: flex; flex-direction: column; gap: var(--s-4); }
.mhead { font-size: var(--t-lg); letter-spacing: var(--track-display); line-height: 1; }
.mcard { display: grid; gap: var(--s-3); padding: var(--s-4); }
.dim-sm { color: var(--chalk-3); }

/* ---------- ingresso e creazione ---------- */

.mgr__intro, .mgr__create { display: grid; gap: var(--s-3); padding: var(--s-5); }
.mgr__lead { font-size: var(--t-lg); line-height: 1.25; max-width: 32ch; }
.mgr__feats { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.mgr__feats li { position: relative; padding-left: 1.2rem; color: var(--chalk-2); font-size: var(--t-sm); line-height: 1.35; }
.mgr__feats li::before { content: ''; position: absolute; left: 0; top: 0.45em; width: 7px; height: 7px; border-radius: 2px; background: var(--lime); }
.mgr__topline { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); }
.mgr__back { background: none; border: 0; color: var(--chalk-3); cursor: pointer; padding: 6px 0; }
.mgr__form { display: grid; gap: var(--s-3); }
.mgr__natsearch { margin-bottom: var(--s-2); }

.mstyles { display: grid; gap: var(--s-2); grid-template-columns: 1fr; }
@media (min-width: 560px) { .mstyles { grid-template-columns: 1fr 1fr; } }
.mstyle { gap: 6px; }
.mstyle.is-on { border-color: var(--lime); background: var(--ink-700); }
.mstyle__bars { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; margin-top: 4px; }
.mstyle__bar { display: grid; grid-template-columns: 5.2rem 1fr; align-items: center; gap: 6px; }
.mstyle__bar .label { font-size: 0.58rem; color: var(--chalk-4); }
.mstyle__track { height: 4px; border-radius: 4px; background: rgba(237, 232, 218, 0.08); overflow: hidden; }
.mstyle__track i { display: block; height: 100%; background: var(--lime); border-radius: 4px; }

.mleagues { display: grid; gap: var(--s-2); grid-template-columns: 1fr; }
@media (min-width: 560px) { .mleagues { grid-template-columns: 1fr 1fr; } }

.mclubs { display: grid; gap: 6px; }
.mclubpick {
  display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: var(--s-3);
  width: 100%; padding: 10px 12px; border: 1px solid var(--line-strong); border-radius: var(--r-md);
  background: var(--ink-800); color: var(--text); text-align: left; cursor: pointer; font-family: var(--font-ui);
  transition: transform var(--d-fast) var(--e-spring), border-color var(--d-fast) linear;
}
.mclubpick:hover { transform: translateY(-2px); border-color: var(--lime); }
.mclubpick__stars { color: var(--amber); font-size: 0.8rem; letter-spacing: 1px; white-space: nowrap; }
.mclubpick__str { font-size: 1.35rem; color: var(--chalk-2); min-width: 2ch; text-align: right; }

.mclub { display: flex; align-items: center; gap: var(--s-3); min-width: 0; }
.mclub__txt { display: grid; min-width: 0; }
.mclub__name { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mclub__sub { color: var(--chalk-3); font-size: 0.62rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- pezzi piccoli ---------- */

.mchip {
  display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: var(--r-pill);
  border: 1px solid var(--line-strong); color: var(--chalk-2); font-size: 0.72rem; font-weight: 600; line-height: 1.3; white-space: nowrap;
}
.mchip--lime { border-color: rgba(201, 242, 75, 0.45); color: var(--lime); }
.mchip--sky { border-color: rgba(88, 199, 240, 0.45); color: var(--sky); }
.mchip--amber, .mchip--warn { border-color: rgba(255, 176, 32, 0.45); color: var(--amber); }
.mchip--flare, .mchip--bad { border-color: rgba(255, 90, 60, 0.5); color: var(--flare); }
.mchip--dim { color: var(--chalk-3); }

.mmeter { display: grid; gap: 4px; min-width: 0; }
.mmeter__head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.mmeter__v { font-weight: 700; }
.mmeter__d { margin-left: 6px; font-size: 0.72rem; }
.mmeter__d.is-up { color: var(--lime); }
.mmeter__d.is-down { color: var(--flare); }
.mmeter__track { height: 6px; border-radius: 6px; background: rgba(237, 232, 218, 0.08); overflow: hidden; }
.mmeter__fill { display: block; height: 100%; border-radius: 6px; transition: width 500ms var(--e-spring); }
.mmeter__fill--lime { background: var(--lime); }
.mmeter__fill--amber { background: var(--amber); }
.mmeter__fill--flare { background: var(--flare); }
.mmeter__fill--sky { background: var(--sky); }

.movr {
  position: relative; display: inline-grid; place-items: center; min-width: 2.3rem; height: 2.3rem; padding: 0 4px;
  border-radius: 9px; font-size: 1.15rem; line-height: 1; border: 1px solid var(--line-strong); color: var(--chalk);
}
.movr--gold { background: linear-gradient(160deg, rgba(255, 176, 32, 0.28), rgba(255, 176, 32, 0.08)); border-color: rgba(255, 176, 32, 0.6); color: #FFD27A; }
.movr--lime { background: rgba(201, 242, 75, 0.12); border-color: rgba(201, 242, 75, 0.5); color: var(--lime); }
.movr--sky { background: rgba(88, 199, 240, 0.1); border-color: rgba(88, 199, 240, 0.45); color: var(--sky); }
.movr--chalk { color: var(--chalk); }
.movr--dim { color: var(--chalk-3); }
.movr__d { position: absolute; right: -5px; top: -6px; font-size: 0.55rem; font-style: normal; }
.movr__d.is-up { color: var(--lime); }
.movr__d.is-down { color: var(--flare); }

.mrole {
  display: inline-grid; place-items: center; min-width: 2.2rem; padding: 3px 4px; border-radius: 6px;
  font-size: 0.6rem; color: var(--ink-950); font-weight: 700; letter-spacing: 0.06em;
}
.mrole--POR { background: var(--amber); }
.mrole--DC, .mrole--TZ { background: var(--lime); }
.mrole--MED, .mrole--CC, .mrole--TRQ { background: var(--sky); }
.mrole--ALA, .mrole--PUN { background: var(--flare); }

.mfit { display: inline-block; width: 2.4rem; height: 5px; border-radius: 5px; background: rgba(237, 232, 218, 0.1); overflow: hidden; }
.mfit__i { display: block; height: 100%; background: var(--lime); }
.mfit__i.is-mid { background: var(--amber); }
.mfit__i.is-low { background: var(--flare); }

.mmor { font-size: 0.7rem; line-height: 1; }
.mmor--high { color: var(--lime); }
.mmor--ok { color: var(--sky); }
.mmor--low { color: var(--amber); }
.mmor--bad { color: var(--flare); }
.mstatus { display: inline-flex; gap: 4px; }
.mstatus:empty { display: none; }

.mprow {
  display: grid; grid-template-columns: auto 1fr auto auto auto auto; align-items: center; gap: 10px;
  width: 100%; padding: 8px 4px; border: 0; border-bottom: 1px solid var(--line); background: none; color: var(--text);
  text-align: left; font-family: var(--font-ui); cursor: default;
}
button.mprow { cursor: pointer; }
button.mprow:hover { background: rgba(237, 232, 218, 0.03); }
.mprow:last-child { border-bottom: 0; }
.mprow.is-off { opacity: 0.45; }
.mprow.is-sel { background: rgba(201, 242, 75, 0.07); }
.mprow__main { display: grid; min-width: 0; }
.mprow__name { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mprow__sub { font-size: 0.6rem; color: var(--chalk-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mpicker { display: grid; max-height: 60vh; overflow-y: auto; }
.mpicker__right { display: grid; justify-items: end; gap: 3px; }
.mpicker__right .label { font-size: 0.58rem; color: var(--chalk-3); }

.mform { display: inline-flex; gap: 3px; }
.mform__i {
  display: inline-grid; place-items: center; width: 1.15rem; height: 1.15rem; border-radius: 4px; font-style: normal;
  font-size: 0.6rem; font-weight: 700; color: var(--ink-950); background: var(--chalk-3);
}
.mform__i--W { background: var(--lime); }
.mform__i--D { background: var(--chalk-3); }
.mform__i--L { background: var(--flare); }
strong.mform__i--W, strong.mform__i--D, strong.mform__i--L { width: auto; padding: 0 6px; }

.mspark { width: 100%; height: 48px; }
.mspark__line { fill: none; stroke: var(--lime); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.mspark__dot { fill: var(--lime); }

.mattrs { display: grid; gap: 6px; }
.mattr { display: grid; grid-template-columns: 7.2rem 1fr 2rem; align-items: center; gap: 8px; }
.mattr__k { font-size: 0.62rem; color: var(--chalk-3); }
.mattr__track { height: 6px; border-radius: 6px; background: rgba(237, 232, 218, 0.08); overflow: hidden; }
.mattr__fill { display: block; height: 100%; background: var(--sky); border-radius: 6px; }
.mattr__fill.is-hi { background: var(--lime); }
.mattr__fill.is-lo { background: var(--flare); }
.mattr__v { text-align: right; font-weight: 700; }

/* ---------- barra in basso ---------- */

.mtabs {
  position: fixed; left: 50%; bottom: max(10px, env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 40;
  display: grid; grid-template-columns: repeat(6, 1fr); width: min(560px, calc(100% - 16px));
  padding: 6px; border-radius: 16px; border: 1px solid var(--line-strong);
  background: rgba(8, 13, 24, 0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.45);
}
.mtabs__b { display: grid; justify-items: center; gap: 2px; padding: 6px 2px; border: 0; border-radius: 10px; background: none; color: var(--chalk-3); cursor: pointer; font-family: var(--font-ui); }
.mtabs__b.is-on { background: rgba(201, 242, 75, 0.1); color: var(--lime); }
.mtabs__i { font-size: 1rem; line-height: 1; }
.mtabs__l { font-size: 0.52rem; letter-spacing: 0.08em; }

/* ---------- fascia di stato ---------- */

.mstrip {
  position: sticky; top: 6px; z-index: 30; display: grid; grid-template-columns: 1fr auto; gap: 10px 14px; padding: 10px 12px;
  background: rgba(11, 18, 32, 0.95); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.mstrip__club { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mstrip__txt { display: grid; min-width: 0; }
.mstrip__name { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mstrip__txt .label { font-size: 0.58rem; color: var(--chalk-3); }
.mstrip__nums { display: flex; gap: 12px; }
.mstrip__n { display: grid; justify-items: center; }
.mstrip__n strong { font-size: 1.35rem; line-height: 1; }
.mstrip__n .label { font-size: 0.5rem; color: var(--chalk-4); }
.mstrip__meters { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mstrip__meters .label { font-size: 0.56rem; }
.mstrip__alert { grid-column: 1 / -1; margin: 0; padding: 7px 10px; border-radius: 8px; background: rgba(255, 90, 60, 0.12); color: var(--flare); font-weight: 600; font-size: var(--t-sm); }

/* ---------- prossima partita ---------- */

.mfixture { display: grid; gap: var(--s-3); padding: var(--s-4); }
.mfixture__head { display: flex; justify-content: space-between; align-items: center; }
.mfixture__vs { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
.mfixture__side { display: grid; justify-items: center; gap: 5px; text-align: center; min-width: 0; }
.mfixture__name { font-weight: 700; line-height: 1.1; }
.mfixture__side .label { font-size: 0.6rem; color: var(--chalk-3); }
.mfixture__x { font-size: 1.5rem; color: var(--chalk-4); }
.mfixture__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.mfixture__out { margin: 0; font-size: var(--t-sm); }
.mfixture__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mfixture__actions .btn--go { grid-column: 1 / -1; }
.btn.is-blocked { opacity: 0.55; }

/* ---------- decisioni ---------- */

.mdecisions { display: grid; gap: var(--s-3); }
.mevent { display: grid; gap: 8px; padding: var(--s-4); border-left: 3px solid var(--lime); }
.mevent--board, .mevent--finance { border-left-color: var(--amber); }
.mevent--press, .mevent--market, .mevent--staff, .mevent--national { border-left-color: var(--sky); }
.mevent--medical, .mevent--fans, .mevent--rival { border-left-color: var(--flare); }
.mevent__head { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.mevent__t { font-size: 1.15rem; font-weight: 700; line-height: 1.25; margin: 2px 0 0; }
.mevent__d { margin: 0; color: var(--chalk-2); line-height: 1.45; }
.mevent__opts, .mmoment__opts { display: grid; gap: 8px; }
.mevent__opt {
  display: grid; gap: 2px; width: 100%; padding: 11px 14px; border: 1px solid var(--line-strong); border-radius: var(--r-md);
  background: var(--ink-800); color: var(--text); text-align: left; cursor: pointer; font-family: var(--font-ui); font-size: var(--t-md);
  transition: transform var(--d-fast) var(--e-spring), border-color var(--d-fast) linear, background var(--d-fast) linear;
}
.mevent__opt:hover:not(:disabled) { transform: translateY(-2px); border-color: var(--lime); background: var(--ink-700); }
.mevent__opt.is-off, .mevent__opt:disabled { opacity: 0.4; cursor: not-allowed; }
.mevent__l { font-weight: 600; line-height: 1.3; }
.mevent__risk { font-size: 0.58rem; color: var(--amber); }
.mevent__risk.is-safe { color: var(--lime); }
.mevent__risk.is-risky { color: var(--flare); }
.mevent__out { display: grid; gap: 8px; padding: 10px 12px; border-radius: var(--r-md); background: rgba(237, 232, 218, 0.04); }
.mevent__out p { margin: 0; line-height: 1.45; }
.mevent__out.is-good { background: rgba(201, 242, 75, 0.07); }
.mevent__out.is-bad { background: rgba(255, 90, 60, 0.08); }
.mevent__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mpmini { display: inline-flex; align-items: center; gap: 6px; padding: 3px 4px 3px 3px; border: 1px solid var(--line); border-radius: 10px; background: none; color: var(--text); cursor: pointer; font-family: var(--font-ui); max-width: 100%; }
.mpmini__n { font-weight: 600; font-size: var(--t-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mpmini .movr { min-width: 1.9rem; height: 1.9rem; font-size: 0.95rem; }

/* ---------- classifica e risultati ---------- */

.mtable { display: grid; gap: 2px; padding: var(--s-4); }
.mtable__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; gap: 8px; }
.mtable__more { padding: 6px 12px; min-height: 0; font-size: var(--t-xs); }
.mtable__nav { display: flex; align-items: center; gap: 6px; }
.mtable__nav .btn { min-height: 0; padding: 4px 12px; }
.mtable__gap { text-align: center; color: var(--chalk-4); font-size: 0.7rem; line-height: 1; }
.mtrow {
  display: grid; grid-template-columns: 1.6rem 1.6rem 16px 1fr 1.6rem 2.2rem 2rem; align-items: center; gap: 6px;
  padding: 6px 6px; border-radius: 6px; border-left: 3px solid transparent; font-size: var(--t-sm);
}
.mtrow--cols { font-size: 0.56rem; color: var(--chalk-4); padding-bottom: 2px; }
.mtrow.is-me { background: rgba(201, 242, 75, 0.1); font-weight: 700; }
.mtrow.z-ucl { border-left-color: var(--sky); }
.mtrow.z-uel { border-left-color: var(--amber); }
.mtrow.z-uecl { border-left-color: #62d39b; }
.mtrow.z-up { border-left-color: var(--lime); }
.mtrow.z-playoff { border-left-color: rgba(201, 242, 75, 0.45); }
.mtrow.z-down { border-left-color: var(--flare); }
.mtrow.z-relPlayoff { border-left-color: rgba(255, 90, 60, 0.5); }
.mtrow__pos { color: var(--chalk-3); text-align: right; }
.mtrow__mv { font-size: 0.56rem; }
.mtrow__mv.is-up { color: var(--lime); }
.mtrow__mv.is-down { color: var(--flare); }
.mtrow__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mtrow__n { text-align: right; color: var(--chalk-2); }
.mtrow__pts { text-align: right; }
.mlegend { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; }
.mlegend__i { padding-left: 8px; border-left: 3px solid; font-size: 0.66rem; color: var(--chalk-3); }
.mlegend__i.z-ucl { border-color: var(--sky); }
.mlegend__i.z-uel { border-color: var(--amber); }
.mlegend__i.z-uecl { border-color: #62d39b; }
.mlegend__i.z-up { border-color: var(--lime); }
.mlegend__i.z-playoff { border-color: rgba(201, 242, 75, 0.45); }
.mlegend__i.z-down { border-color: var(--flare); }
.mlegend__i.z-relPlayoff { border-color: rgba(255, 90, 60, 0.5); }
.mlegend__note { margin: 6px 0 0; font-size: var(--t-xs); }

.mresults { display: grid; gap: 2px; }
.mres { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; padding: 5px 4px; font-size: var(--t-sm); border-radius: 6px; }
.mres.is-me { background: rgba(201, 242, 75, 0.08); font-weight: 700; }
.mres__h { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mres__a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mres__s { min-width: 2.6rem; text-align: center; }
.minbox__i { margin: 0; font-size: var(--t-sm); line-height: 1.4; }

/* ---------- rosa e scheda ---------- */

.msquad { display: grid; padding: var(--s-4); }
.msquad .mhead { margin-bottom: 4px; }
.mpsheet { display: grid; gap: var(--s-3); max-height: 70vh; overflow-y: auto; padding-right: 2px; }
.mpsheet__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.mpsheet__who { display: grid; gap: 2px; min-width: 0; }
.mpsheet__who .label { font-size: 0.62rem; color: var(--chalk-3); }
.mpsheet__head .movr { min-width: 3rem; height: 3rem; font-size: 1.6rem; }
.mpsheet__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.mpsheet__vitals { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
.mpsheet__pot { margin: 0; color: var(--amber); font-size: var(--t-sm); }
.mpsheet__spark { display: grid; gap: 2px; }
.mpsheet__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.mstat { display: grid; justify-items: center; gap: 2px; padding: 8px 4px; border-radius: 8px; background: rgba(237, 232, 218, 0.04); text-align: center; }
.mstat strong { font-size: 1.3rem; line-height: 1; }
.mstat .label { font-size: 0.52rem; color: var(--chalk-3); }

/* ---------- tattica ---------- */

.mtactics { display: grid; gap: 8px; padding: var(--s-4); }
.mtactics > .label { margin-top: 6px; color: var(--chalk-3); font-size: 0.6rem; }
.mtactics__out { margin: var(--s-3) 0 2px; color: var(--chalk-3); }
.mseg { display: flex; flex-wrap: wrap; gap: 6px; }
.mseg__b { padding: 7px 11px; border: 1px solid var(--line-strong); border-radius: var(--r-pill); background: transparent; color: var(--chalk-2); cursor: pointer; font-family: var(--font-ui); font-weight: 600; font-size: 0.8rem; }
.mseg__b.is-on { border-color: var(--lime); background: rgba(201, 242, 75, 0.12); color: var(--lime); }
.mseg--tight .mseg__b { padding: 6px 10px; }
.mtoggle { display: flex; align-items: center; gap: 10px; margin-top: 6px; font-size: var(--t-sm); cursor: pointer; }
.mtoggle input { width: 18px; height: 18px; accent-color: var(--lime); }
.mselect { width: 100%; padding: 10px 12px; border-radius: var(--r-md); border: 1px solid var(--line-strong); background: var(--ink-800); color: var(--text); font-family: var(--font-ui); font-size: var(--t-md); }

.mpitch-wrap { display: flex; justify-content: center; }
.mpitch {
  position: relative; width: min(100%, 24rem); aspect-ratio: 100 / 140; border-radius: 14px; border: 1px solid var(--line);
  background: radial-gradient(ellipse at 50% 30%, rgba(201, 242, 75, 0.06), transparent 60%), linear-gradient(180deg, #0c1a14, #09130f);
  overflow: hidden;
}
.mpitch__lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.mspot {
  position: absolute; transform: translate(-50%, -50%); display: grid; justify-items: center; gap: 1px; width: 4.4rem; padding: 4px 2px 5px;
  border: 1px solid transparent; border-radius: 10px; background: rgba(5, 8, 15, 0.55); color: var(--text); cursor: pointer; font-family: var(--font-ui);
  transition: transform var(--d-fast) var(--e-spring), border-color var(--d-fast) linear;
}
.mspot:hover { transform: translate(-50%, -54%); border-color: var(--lime); }
.mspot.is-sel { border-color: var(--lime); }
.mspot__ovr { font-size: 1.05rem; line-height: 1; color: var(--chalk); }
.mspot__ovr.is-off { color: var(--amber); }
.mspot__n { max-width: 100%; font-size: 0.62rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mspot__r { font-size: 0.48rem; color: var(--chalk-4); }
.mspot__fit { position: absolute; left: 8px; bottom: 2px; height: 2px; border-radius: 2px; background: var(--lime); max-width: calc(100% - 16px); }
.mspot__fit.is-mid { background: var(--amber); }
.mspot__fit.is-low { background: var(--flare); }
.mspot--POR .mspot__ovr { color: var(--amber); }

/* ---------- calendario e carriera ---------- */

.mfix { display: grid; grid-template-columns: 1.6rem 3.4rem 1.4rem 16px 1fr auto; align-items: center; gap: 8px; padding: 7px 4px; border-bottom: 1px solid var(--line); font-size: var(--t-sm); }
.mfix.is-next { background: rgba(201, 242, 75, 0.08); border-radius: 6px; }
.mfix__md, .mfix__date, .mfix__ha { font-size: 0.6rem; color: var(--chalk-3); }
.mfix__ha.is-home { color: var(--lime); }
.mfix__opp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mfix__res { min-width: 2.4rem; text-align: center; border-radius: 5px; padding: 2px 4px; }
.mcoach { display: grid; gap: var(--s-3); padding: var(--s-5); }
.mtrophy { margin: 0; }
.mhist { display: grid; grid-template-columns: 3.4rem 1fr; gap: 2px 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.mhist > :nth-child(3), .mhist > :nth-child(4) { grid-column: 2; font-size: var(--t-sm); }
.mhist.is-met > :nth-child(4) { color: var(--lime); }
.mhist.is-miss > :nth-child(4) { color: var(--flare); }

/* ---------- resoconti ---------- */

.mreport__head { display: grid; justify-items: center; gap: 4px; padding: var(--s-5) var(--s-4); text-align: center; }
.mreport__head.is-win { box-shadow: inset 0 3px 0 var(--lime); }
.mreport__head.is-loss { box-shadow: inset 0 3px 0 var(--flare); }
.mreport__head.is-draw { box-shadow: inset 0 3px 0 var(--chalk-3); }
.mreport__head p { margin: 0; max-width: 40ch; }
.mreport__teams { color: var(--chalk-2); }
.mreport__good { margin: 0; color: var(--lime); font-weight: 600; }
.mevo { font-weight: 700; min-width: 2.2rem; text-align: right; }
.mevo.is-up { color: var(--lime); }
.mevo.is-down { color: var(--flare); }

/* ---------- partita dal vivo ---------- */

.mlive { display: grid; gap: var(--s-3); }
.mlive__board { position: sticky; top: 6px; z-index: 20; display: grid; gap: 8px; padding: 12px; background: rgba(11, 18, 32, 0.96); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.mlive__board.is-goal-me { animation: mgoal 900ms ease-out; }
.mlive__board.is-goal-them { animation: mgoalbad 900ms ease-out; }
@keyframes mgoal { 0% { box-shadow: 0 0 0 0 var(--lime-glow); } 30% { box-shadow: 0 0 0 10px var(--lime-glow); } 100% { box-shadow: 0 0 0 0 transparent; } }
@keyframes mgoalbad { 0% { box-shadow: 0 0 0 0 var(--flare-glow); } 30% { box-shadow: 0 0 0 10px var(--flare-glow); } 100% { box-shadow: 0 0 0 0 transparent; } }
.mlive__top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
.mlive__team { display: grid; justify-items: center; gap: 4px; text-align: center; min-width: 0; }
.mlive__tname { font-size: var(--t-sm); line-height: 1.1; }
.mlive__team.is-me .mlive__tname { color: var(--lime); }
.mlive__score { display: grid; justify-items: center; }
.mlive__goals { font-size: 2.6rem; line-height: 1; }
.mlive__clock { color: var(--amber); font-size: 0.8rem; }
.mlive__poss { height: 5px; border-radius: 5px; background: rgba(88, 199, 240, 0.35); overflow: hidden; }
.mlive__possH { display: block; height: 100%; background: var(--lime); transition: width 400ms linear; }
.mlive__stats { display: grid; gap: 2px; }
.mlive__stat { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; font-size: var(--t-xs); align-items: center; }
.mlive__stat > :first-child { text-align: right; }
.mlive__stat .label { font-size: 0.52rem; color: var(--chalk-4); text-align: center; }
.mlive__scorers { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.68rem; color: var(--chalk-2); }
.mlive__sc { display: grid; gap: 1px; }
.mlive__sc--home { text-align: right; }
.mlive__controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
.mlive__controls .btn { min-height: 0; padding: 8px 12px; font-size: var(--t-sm); }
.mlive__feed { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.mlive__ev { display: grid; grid-template-columns: 2.6rem 1.4rem 1fr; gap: 6px; align-items: start; padding: 7px 8px; border-radius: 8px; font-size: var(--t-sm); line-height: 1.35; }
.mlive__ev.is-me { background: rgba(201, 242, 75, 0.04); }
.mlive__ev--goal, .mlive__ev--penGoal { background: rgba(201, 242, 75, 0.12); font-weight: 700; }
.mlive__ev--goal.is-them, .mlive__ev--penGoal.is-them { background: rgba(255, 90, 60, 0.12); }
.mlive__ev--red, .mlive__ev--secondYellow { background: rgba(255, 90, 60, 0.08); }
.mlive__ev--halftime, .mlive__ev--fulltime, .mlive__ev--kickoff { color: var(--amber); font-weight: 700; }
.mlive__ev--decision, .mlive__ev--tactic { color: var(--sky); }
.mlive__min { color: var(--chalk-3); text-align: right; }
.mlive__ico { text-align: center; }
.mlive__xi { display: grid; gap: 6px; padding: 10px; }
.mlive__xihead { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.mlive__xihead .label { font-size: 0.56rem; color: var(--chalk-3); }
.mlive__xilist { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.mlive__pl {
  position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 6px; padding: 6px 6px 8px;
  border: 1px solid var(--line); border-radius: 8px; background: var(--ink-800); color: var(--text); cursor: pointer; font-family: var(--font-ui); text-align: left;
}
.mlive__pl.is-tired { border-color: rgba(255, 90, 60, 0.5); }
.mlive__pln { font-size: 0.72rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mlive__plr { font-size: 0.72rem; color: var(--chalk-2); }
.mlive__fitbar { position: absolute; left: 6px; right: 6px; bottom: 3px; height: 2px; border-radius: 2px; background: rgba(237, 232, 218, 0.08); }
.mlive__fit { display: block; height: 100%; border-radius: 2px; background: var(--lime); }
.mlive__fit.is-mid { background: var(--amber); }
.mlive__fit.is-low { background: var(--flare); }
.mlive__pl .mrole { min-width: 1.8rem; font-size: 0.5rem; }

.mmoment { display: grid; gap: var(--s-3); }
.mmoment__d { margin: 0; font-size: var(--t-md); line-height: 1.45; }
.mmoment__advice { margin: 0; min-height: 1.2em; font-style: italic; }
.mtoast {
  position: fixed; left: 50%; bottom: 96px; transform: translateX(-50%); z-index: 60; width: min(480px, calc(100% - 24px));
  padding: 12px 14px; border-radius: 12px; background: var(--ink-700); border: 1px solid var(--line-strong); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  animation: mtoast 3.2s ease forwards; font-weight: 600;
}
.mtoast--good { border-color: rgba(201, 242, 75, 0.6); color: var(--lime); }
.mtoast--bad { border-color: rgba(255, 90, 60, 0.6); color: var(--flare); }
@keyframes mtoast { 0% { opacity: 0; transform: translate(-50%, 10px); } 8% { opacity: 1; transform: translate(-50%, 0); } 85% { opacity: 1; } 100% { opacity: 0; } }

.mfinal { display: grid; gap: var(--s-3); justify-items: center; max-height: 70vh; overflow-y: auto; }
.mfinal__score.is-win { color: var(--lime); }
.mfinal__score.is-loss { color: var(--flare); }
.mfinal__stats { display: grid; gap: 3px; width: 100%; }
.mfinal__ratings { display: grid; gap: 2px; width: 100%; }
.mfinal__r { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; padding: 4px 2px; font-size: var(--t-sm); border-bottom: 1px solid var(--line); }
.mfinal__r strong.is-hi { color: var(--lime); }
.mfinal__r strong.is-lo { color: var(--flare); }

@media (max-width: 380px) {
  .mstrip__nums { gap: 8px; }
  .mstrip__n strong { font-size: 1.1rem; }
  .mprow { grid-template-columns: auto 1fr auto auto; }
  .mprow .mfit, .mprow .mmor { display: none; }
  .mlive__xilist { grid-template-columns: 1fr; }
}

/* ---------- mercato ---------- */

.mtabs { grid-template-columns: repeat(7, 1fr); }
.mmarket__money { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.mmarket__row { grid-template-columns: auto 1fr auto auto; }
.mmarket__price { display: grid; justify-items: end; gap: 2px; }
.mmarket__price strong { font-size: var(--t-sm); }
.mmarket__price .label { font-size: 0.55rem; }
.mood--keen { color: var(--lime); }
.mood--maybe { color: var(--amber); }
.mood--no { color: var(--flare); }
.mmarket__offers { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mmarket__offers .btn { min-height: 0; padding: 10px 8px; font-size: var(--t-sm); }
.mmarket__out { margin: 0; min-height: 1.2em; font-weight: 600; }
.mmarket__out.is-good { color: var(--lime); }
.mmarket__out.is-bad { color: var(--flare); }
.moffer { display: grid; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.moffer:last-child { border-bottom: 0; }
.moffer__txt { display: grid; gap: 2px; }
.moffer__txt .label { font-size: 0.58rem; color: var(--chalk-3); }
.moffer__acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.moffer__acts .btn { min-height: 0; padding: 8px; }
.mchip--btn { cursor: pointer; background: none; font-family: var(--font-ui); }
.mpsheet__deal { display: grid; gap: 6px; }
.mpsheet__deal .btn { min-height: 0; padding: 9px 12px; font-size: var(--t-sm); }

/* ---------- coppe ---------- */

.mfixture--cup { box-shadow: inset 0 3px 0 var(--amber); }
.mcup { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }

/* ---------------- trattative ---------------- */
.mmarket__pot { color: var(--amber); }
.mood--talk { color: var(--sky); }
.mood--talk.is-signed { color: var(--lime); }
.mood--talk.is-collapsed { color: var(--flare); }
.mtalk__row { grid-template-columns: auto 1fr auto auto; }
.moffer__acts--3 { grid-template-columns: repeat(3, 1fr); }
.moffer__acts--3 .btn { font-size: 0.78rem; padding: 8px 4px; }
.mtalk__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0; padding: 0; list-style: none; counter-reset: step; }
.mtalk__step { position: relative; padding: 7px 6px 7px 26px; border: 1px solid var(--line); border-radius: 8px; font-size: 0.74rem; font-weight: 600; color: var(--chalk-3); counter-increment: step; }
.mtalk__step::before { content: counter(step); position: absolute; left: 7px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; border-radius: 50%; background: rgba(237, 232, 218, 0.1); font-size: 0.6rem; line-height: 14px; text-align: center; }
.mtalk__step.is-now { border-color: var(--sky); color: var(--sky); }
.mtalk__step.is-done { border-color: rgba(201, 242, 75, 0.45); color: var(--lime); }
.mtalk__step.is-done::before { content: '✓'; background: rgba(201, 242, 75, 0.2); }
.mtalk__step.is-failed { border-color: rgba(255, 90, 60, 0.5); color: var(--flare); }
.mtalk__step.is-failed::before { content: '✕'; background: rgba(255, 90, 60, 0.2); }
.mtalk__log { display: grid; gap: 6px; padding: 10px; border-radius: 10px; background: rgba(237, 232, 218, 0.04); }
.mtalk__msg { display: grid; gap: 1px; margin: 0; font-size: var(--t-sm); line-height: 1.35; }
.mtalk__msg .label { font-size: 0.55rem; color: var(--chalk-3); }
.mtalk__msg--you { padding-left: 14px; color: var(--chalk-2); }
.mtalk__msg--rival span:last-child { color: var(--amber); }
.mtalk__msg--medical span:last-child { color: var(--sky); }
.mtalk__msg--deal span:last-child { font-weight: 700; }
.mtalk__panel { display: grid; gap: 10px; }
.mtalk__info { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; font-size: var(--t-sm); }
.mtalk__pat { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
.mtalk__pat .label { font-size: 0.55rem; color: var(--chalk-3); }
.mtalk__dots { display: inline-flex; gap: 3px; }
.mtalk__dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(237, 232, 218, 0.14); }
.mtalk__dots i.is-on { background: var(--lime); }
.mtalk__stepper { display: grid; grid-template-columns: 1fr auto minmax(5.5rem, auto) auto; align-items: center; gap: 8px; }
.mtalk__stepper .label { font-size: 0.6rem; color: var(--chalk-3); }
.mtalk__stepper .btn { min-height: 0; width: 2.4rem; height: 2.4rem; padding: 0; font-size: 1.2rem; }
.mtalk__stepper strong { font-size: 1.25rem; text-align: center; }
.mtalk__seglabel { flex-basis: 100%; font-size: 0.58rem; color: var(--chalk-3); }
.mtalk__note { margin: 0; font-size: 0.8rem; }
.mtalk__wide { grid-column: 1 / -1; }
.mtalk__end { display: grid; gap: 4px; padding: 12px; border-radius: 10px; border: 1px solid var(--line); }
.mtalk__end strong { font-size: 1.2rem; }
.mtalk__end.is-good { border-color: rgba(201, 242, 75, 0.45); background: rgba(201, 242, 75, 0.06); }
.mtalk__end.is-good strong { color: var(--lime); }
.mtalk__end.is-bad { border-color: rgba(255, 90, 60, 0.45); background: rgba(255, 90, 60, 0.06); }
.mtalk__end.is-bad strong { color: var(--flare); }
.mmarket__pot { display: flex; align-items: center; gap: 2px; }
.mmarket__mark { font-size: 0.7rem; }
.mmarket__mark.is-talent { color: var(--lime); }
.mmarket__mark.is-growing { color: var(--sky); }
.mmarket__mark.is-peak { color: var(--amber); }
.mmarket__mark.is-declining { color: var(--flare); }

/* ------------------------------------------------------------------ */
/* nomi e cifre in evidenza                                            */
/* ------------------------------------------------------------------ */
.mhl { color: var(--chalk); font-weight: 800; }
.mhl--fee, .mhl--toBudget { color: var(--lime); }
.mhl--to, .mhl--club { color: var(--sky); }
.mnews { padding: 4px 0; border-bottom: 1px dashed var(--line); }
.mnews:last-child { border-bottom: 0; }
.minbox__i--market { padding: 6px 8px; border-radius: 8px; background: rgba(201, 242, 75, 0.06); }
.minbox__i.is-bad { color: var(--flare); }

/* ------------------------------------------------------------------ */
/* tabellino                                                            */
/* ------------------------------------------------------------------ */
.mtl__teams { display: flex; justify-content: space-between; color: var(--chalk-3); margin-bottom: 4px; }
.mtl__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.mtl__i { display: grid; grid-template-columns: 2.8rem 1.4rem 1fr auto; align-items: center; gap: 6px; padding: 5px 6px; border-radius: 6px; font-size: var(--t-sm); }
.mtl__i--a { background: rgba(88, 199, 240, 0.05); }
.mtl__i--h { background: rgba(201, 242, 75, 0.05); }
.mtl__min { color: var(--chalk-3); font-size: 0.72rem; }
.mtl__ic { text-align: center; }
.mtl__what { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mtl__x { font-size: 0.78rem; }
.mtl__score { font-weight: 800; color: var(--lime); }
.mtl--red .mhl, .mtl--secondYellow .mhl, .mtl--injury .mhl { color: var(--flare); }
.mtl--goal .mhl, .mtl--penGoal .mhl { color: var(--lime); }
.mtl__sep { text-align: center; padding: 4px 0; color: var(--chalk-3); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 3px 0; }
.mtl__list--mini .mtl__i { padding: 3px 4px; font-size: 0.78rem; grid-template-columns: 2.5rem 1.2rem 1fr auto; }

/* risultati con marcatori */
.mres2 { padding: 2px 0; border-bottom: 1px solid var(--line); }
.mres2:last-child { border-bottom: 0; }
.mres2.is-me { background: rgba(201, 242, 75, 0.08); border-radius: 6px; }
.mres .is-win { color: var(--chalk); font-weight: 800; }
.mres__sc { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 4px 5px; font-size: 0.68rem; color: var(--chalk-3); line-height: 1.35; }
.mres__col--h { text-align: right; }

/* ------------------------------------------------------------------ */
/* liste e offerte                                                     */
/* ------------------------------------------------------------------ */
.mpsheet__lists { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mpsheet__lists .btn.is-on { border-color: var(--amber); color: var(--amber); }
.moffers { display: grid; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.moffers:last-child { border-bottom: 0; }
.moffers__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.moffers__head .label { color: var(--chalk-3); margin-left: auto; }
.moffer__line { margin: 0; font-size: var(--t-sm); }
.moffer__ask { display: grid; grid-template-columns: 2.6rem 1fr 2.6rem; gap: 6px; }
.moffer__acts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.mdeal__line { margin: 0; font-size: 1rem; line-height: 1.4; }
.mdeal__split { margin: 0; padding: 8px 10px; border-radius: 8px; background: rgba(201, 242, 75, 0.08); font-size: var(--t-sm); }
.mtalk__want { margin: 0; font-size: var(--t-sm); }
.mtalk__meets { margin: 0; font-size: var(--t-sm); font-weight: 700; }
.mtalk__meets.is-ok { color: var(--lime); }
.mtalk__meets.is-short { color: var(--amber); }

/* ------------------------------------------------------------------ */
/* simulazione fino a una data                                         */
/* ------------------------------------------------------------------ */
.mfix.is-future { cursor: pointer; }
.mfix.is-future:hover { background: rgba(255, 255, 255, 0.04); }
.msimpick__list { display: grid; gap: 4px; max-height: 55vh; overflow-y: auto; margin-top: 8px; }
.msimpick__i { display: grid; grid-template-columns: 1.8rem 3.6rem 1fr; gap: 8px; align-items: center; text-align: left; padding: 9px 8px; border-radius: 8px; border: 1px solid var(--line); background: var(--ink-800); color: var(--chalk); cursor: pointer; font: inherit; font-size: var(--t-sm); }
.msimpick__i:hover { border-color: var(--lime); }
.msim__head { display: grid; gap: 8px; }
.msim__bar { height: 6px; }
.msim__bar i { transition: width 0.35s ease; }
.msim__controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.msim__end { display: grid; gap: 8px; border-color: var(--lime); }
.msim__end.is-bad { border-color: var(--flare); }
.msim__grid { display: grid; gap: var(--s-3); }
@media (min-width: 900px) { .msim__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }
.msim__feed { display: grid; gap: 8px; }
.msim__blk { display: grid; gap: 4px; padding: 8px; border-radius: 8px; border: 1px solid var(--line); }
.msim__blk.is-new { border-color: rgba(201, 242, 75, 0.5); animation: msimIn 0.35s ease; }
.msim__lbl { color: var(--chalk-3); }
.msim__res { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; font-size: var(--t-sm); padding: 4px 6px; border-radius: 6px; }
.msim__res .mres__h { text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msim__res .mres__a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msim__res.is-W { background: rgba(201, 242, 75, 0.12); }
.msim__res.is-L { background: rgba(255, 90, 60, 0.12); }
.msim__res.is-D { background: rgba(255, 176, 32, 0.1); }
.msim__dec { color: var(--amber); }
.mtrow.flash-up { animation: flashUp 0.9s ease; }
.mtrow.flash-down { animation: flashDown 0.9s ease; }
@keyframes flashUp { from { background: rgba(201, 242, 75, 0.25); } to { background: transparent; } }
@keyframes flashDown { from { background: rgba(255, 90, 60, 0.22); } to { background: transparent; } }
@keyframes msimIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .msim__blk.is-new, .mtrow.flash-up, .mtrow.flash-down { animation: none; } }
.mfixture__actions .mfixture__sim { grid-column: 1 / -1; }
.msim__auto { display: grid; gap: 2px; padding: 6px 8px; border-radius: 8px; border-left: 3px solid var(--amber); background: rgba(255, 176, 32, 0.06); }
.msim__auto.is-good { border-left-color: var(--lime); }
.msim__auto.is-bad { border-left-color: var(--flare); }
.msim__auto .label { color: var(--chalk-3); }
.msim__side { display: grid; gap: var(--s-3); align-content: start; }
.mtl__team { display: inline-block; min-width: 2.2em; margin-right: 6px; padding: 0 3px; border-radius: 4px; font-size: 0.56rem; text-align: center; vertical-align: 1px; }
.mtl__team--h { background: rgba(201, 242, 75, 0.14); color: var(--lime); }
.mtl__team--a { background: rgba(88, 199, 240, 0.14); color: var(--sky); }
.mres__who { white-space: nowrap; }
.moffer__ask .btn { min-width: 0; min-height: 0; padding: 8px 0; } .moffer__ask { grid-template-columns: 2.8rem minmax(0, 1fr) 2.8rem; }

/* ------------------------------------------------------------------ */
/* i colori delle competizioni: si capisce a colpo d'occhio che partita è */
/* ------------------------------------------------------------------ */
.comp { position: relative; border-color: color-mix(in srgb, var(--comp) 55%, transparent); }
.comp--ucl { --comp: #9FB7FF; }
.comp--uel { --comp: #FF9A3C; }
.comp--uecl { --comp: #5FE3A1; }
.comp--cup { --comp: var(--sky); }
.comp::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, color-mix(in srgb, var(--comp) 16%, transparent), transparent 62%); }
.mlive.comp { border-radius: 14px; padding: 6px; background: linear-gradient(180deg, color-mix(in srgb, var(--comp) 14%, transparent), transparent 40%); }
.mlive.comp::before { display: none; }
.mlive.comp .mlive__board { border-color: color-mix(in srgb, var(--comp) 55%, transparent); }
.mlive.comp .mlive__goals { color: var(--comp); }
.mfixture.comp .mfixture__x { color: var(--comp); }
.mtrophies .tbadges { display: flex; flex-wrap: wrap; gap: var(--s-3); justify-content: center; }
.mseason__board { margin: 0; padding: 8px 10px; border-radius: 8px; font-weight: 700; }
.mseason__board.is-good { background: rgba(201, 242, 75, 0.1); color: var(--lime); }
.mseason__board.is-bad { background: rgba(255, 90, 60, 0.1); color: var(--flare); }
.mseason__sub { display: block; margin: 10px 0 4px; color: var(--chalk-3); }
.mcall { min-height: 0; padding: 6px 10px; font-size: 0.72rem; white-space: nowrap; }
.mcall.is-in { border-color: rgba(201, 242, 75, 0.45); color: var(--lime); }
.mcall.is-off { opacity: 0.4; pointer-events: none; }
.mfixture--cup.comp { box-shadow: inset 0 3px 0 var(--comp); }
.mprow--call { grid-template-columns: auto minmax(0, 1fr) auto auto auto; gap: 8px; }
.mprow--call .mstatus .mchip { padding: 2px 6px; font-size: 0.62rem; }
.mfix--cup { grid-template-columns: 1.6rem 3.4rem 1.4rem 16px 1fr auto; row-gap: 2px; }
.mfix--cup .mfix__comp { grid-column: 2 / -1; color: var(--comp); font-size: 0.58rem; }
.mfix--cup.comp::before { display: none; }
.mfix--cup { border-left: 2px solid var(--comp); padding-left: 6px; }