:root {
    --mp-sender: #1D4ED8;
    --mp-carrier: #7C3AED;
    --mp-sherpa: #F10F78;
    --mp-ryft: #52525B;
    --mp-ops: #0F766E;
}

[data-theme="dark"] {
    --mp-sender: #3B82F6;
    --mp-carrier: #8B5CF6;
    --mp-ryft: #71717A;
    --mp-ops: #14B8A6;
}

.mp-person { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.mp-person + .mp-person { margin-top: 8px; }
.mp-av { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 600; color: #fff; }
.mp-av--s { background: var(--mp-sender); }
.mp-av--c { background: var(--mp-carrier); }
.mp-person__name { display: flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 500; min-width: 0; }
.mp-person__name i[data-lucide] { width: 14px; height: 14px; color: var(--sh-green-text); }
.mp-person__role { font-size: 11px; color: var(--sh-text-tertiary); text-transform: uppercase; letter-spacing: .04em; }
.mp-person__hist { font-size: 11.5px; color: var(--sh-text-secondary); }
.mp-person__hist b { color: var(--sh-text-primary); font-weight: 600; }
.mp-verif { display: inline-flex; gap: 3px; }
.mp-verif span { font-size: 10.5px; padding: 1px 6px; border-radius: 999px; background: var(--sh-green-bg); color: var(--sh-green-chip); border: 1px solid var(--sh-green-border); white-space: nowrap; }
.mp-verif span.is-off { background: var(--sh-amber-bg); color: var(--sh-amber-chip); border-color: var(--sh-amber-border); }
.mp-steps { list-style: none; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 4px 0 12px; padding: 0; }
.mp-steps li { position: relative; display: flex; flex-direction: column; gap: 1px; padding: 18px 4px 0 0; font-size: 11.5px; line-height: 1.25; }
.mp-steps li::before { content: ''; position: absolute; top: 6px; left: 0; right: 0; height: 2px; background: var(--sh-border); }
.mp-steps li.is-done::before { background: var(--sh-green-text); }
.mp-steps li b { font-weight: 600; }
.mp-steps li span { color: var(--sh-text-tertiary); font-size: 10.5px; }
.mp-steps__dot { position: absolute; top: 0; left: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--sh-bg-elevated); border: 2px solid var(--sh-border-strong); z-index: 1; display: grid; place-items: center; }
.mp-steps li.is-done .mp-steps__dot { background: var(--sh-green-text); border-color: var(--sh-green-text); color: #fff; }
.mp-steps li.is-done .mp-steps__dot i[data-lucide] { width: 9px; height: 9px; }
.mp-steps li.is-next .mp-steps__dot { border-color: var(--sh-blue-text); box-shadow: 0 0 0 3px var(--sh-blue-bg); }
.mp-steps li.is-next b { color: var(--sh-blue-text); }
.mp-route { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; padding: 10px 12px; border: 1px solid var(--sh-border); border-radius: var(--sh-radius-lg); background: var(--sh-bg-surface); }
.mp-route__end { display: flex; flex-direction: column; min-width: 0; font-size: 12px; }
.mp-route__end b { font-size: 13.5px; }
.mp-route__end span { color: var(--sh-text-tertiary); }
.mp-route__end--b { text-align: right; }
.mp-route__mid { display: flex; flex-direction: column; align-items: center; font-size: 11px; color: var(--sh-text-tertiary); min-width: 110px; }
.mp-route__line { display: flex; align-items: center; width: 100%; gap: 4px; }
.mp-route__line::before, .mp-route__line::after { content: ''; flex: 1; height: 2px; background: repeating-linear-gradient(90deg, var(--sh-border-strong) 0 5px, transparent 5px 9px); }
.mp-route__line i[data-lucide] { width: 15px; height: 15px; color: var(--sh-text-secondary); }
.mp-pin { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; font-size: 10px; font-weight: 700; color: #fff; background: var(--sh-text-primary); margin-right: 4px; vertical-align: 1px; }
.mp-split { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mp-split__card { border-radius: 10px; padding: 8px 10px; min-width: 0; }
.mp-split__card small { display: block; font-size: 11px; }
.mp-split__card b { display: block; font-size: 20px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.mp-split__card span { font-size: 11px; opacity: .85; }
.mp-split__card--carrier { background: var(--sh-purple-bg); color: var(--sh-purple-text); }
.mp-split__card--sherpa { background: var(--sh-accent); color: #fff; }
.mp-split__pays { display: block; margin: 10px 0 4px; font-size: 12px; color: var(--sh-text-secondary); }
.mp-flow { display: block; width: 100%; height: auto; }
.mp-flow__source { fill: var(--sh-text-secondary); }
.mp-flow__band { fill: var(--sh-accent); opacity: .3; }
.mp-flow__band--carrier { fill: var(--sh-purple-text); opacity: .22; }
.mp-flow__node--carrier { fill: var(--sh-purple-text); }
.mp-flow__node--comm, .mp-flow__node--fixed { fill: var(--sh-accent); }
.mp-flow__node--ins { fill: var(--sh-blue-text); }
.mp-flow__label { font-size: 12px; font-weight: 600; fill: var(--sh-accent-text); }
.mp-flow__label tspan { font-weight: 700; }
.mp-flow__label--carrier { fill: var(--sh-purple-text); }
.mp-flow__label--ins { fill: var(--sh-blue-text); }
.mp-legend { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 6px; font-size: 11.5px; color: var(--sh-text-secondary); }
.mp-legend span { display: inline-flex; align-items: center; gap: 5px; }
.mp-legend i.sw { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }
.mp-ops { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mp-op { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 6px; font-size: 11.5px; border: 1px solid var(--sh-border); background: var(--sh-bg-surface); color: var(--sh-text-secondary); cursor: pointer; }
.mp-op b { color: var(--sh-text-primary); font-weight: 600; }
.mp-op i[data-lucide] { width: 12px; height: 12px; }
.mp-op--ok i[data-lucide] { color: var(--sh-green-text); }
.mp-op--wait i[data-lucide] { color: var(--sh-amber-text); }
.mp-op--bad { border-color: var(--sh-red-border); background: var(--sh-red-bg); }
.mp-op--bad i[data-lucide] { color: var(--sh-red-text); }
.mp-op--todo { border-style: dashed; }
.mp-window { display: flex; flex-direction: column; gap: 5px; padding: 9px 11px; border-radius: var(--sh-radius-md); border: 1px solid var(--sh-border); background: var(--sh-bg-surface); font-size: 12px; }
.mp-window__bar { position: relative; height: 8px; border-radius: 4px; background: linear-gradient(90deg, var(--sh-green-border) 0 var(--full), var(--sh-amber-border) var(--full) 100%); }
.mp-window__now { position: absolute; top: -4px; width: 2px; height: 16px; background: var(--sh-text-primary); left: var(--now); }
.mp-window__labels { display: flex; justify-content: space-between; font-size: 10.5px; color: var(--sh-text-tertiary); }
.mp-links { display: flex; flex-wrap: wrap; gap: 6px; }
.mp-link { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border: 1px solid var(--sh-border); border-radius: var(--sh-radius-md); background: var(--sh-bg-surface); font-size: 12px; color: var(--sh-blue-text); cursor: pointer; }
.mp-link i[data-lucide] { width: 13px; height: 13px; }
.mp-link small { color: var(--sh-text-tertiary); }
.mp-link.is-off { color: var(--sh-text-tertiary); cursor: default; border-style: dashed; }
.mp-link:not(.is-off):hover { border-color: var(--sh-border-strong); }
.mp-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.mp-ev__who { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; color: #fff; }
.mp-ev__who i[data-lucide] { width: 13px; height: 13px; }
.mp-who--sender { background: var(--mp-sender); }
.mp-who--carrier { background: var(--mp-carrier); }
.mp-who--sherpa { background: var(--mp-sherpa); }
.mp-who--ryft { background: var(--mp-ryft); }
.mp-who--ops { background: var(--mp-ops); }
.mp-health { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--sh-border); border-radius: var(--sh-radius-md); overflow: hidden; }
.mp-hrow { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 8px; padding: 8px 10px; border-top: 1px solid var(--sh-border); font-size: 12px; }
.mp-hrow:first-child { border-top: 0; }
.mp-hrow__name { font-weight: 600; font-size: 12.5px; white-space: nowrap; }
.mp-hrow__meta { color: var(--sh-text-tertiary); font-size: 11px; text-align: right; align-self: center; }
.mp-hrow__band { grid-column: 1 / -1; }
.mp-hrow__flags { grid-column: 1 / -1; display: flex; gap: 4px; flex-wrap: wrap; }
.mp-flag { font-size: 10.5px; font-weight: 600; padding: 1px 7px; border-radius: 999px; background: var(--sh-gray-bg); color: var(--sh-text-secondary); border: 1px solid var(--sh-border); }
.mp-flag--warn { background: var(--sh-amber-bg); color: var(--sh-amber-chip); border-color: var(--sh-amber-border); }
.mp-flag--bad { background: var(--sh-red-bg); color: var(--sh-red-chip); border-color: var(--sh-red-border); }
.mp-flag--ok { background: var(--sh-green-bg); color: var(--sh-green-chip); border-color: var(--sh-green-border); }
.mp-hist { display: flex; align-items: flex-end; gap: 2px; height: 30px; }
.mp-hist i { flex: 1; background: var(--sh-border-strong); border-radius: 2px 2px 0 0; min-height: 2px; }
.mp-hist i.is-edge { background: var(--sh-amber-text); }
.mp-hist i.is-med { background: var(--sh-accent); }
.mp-hist i:hover { opacity: .75; }
.mp-hist__axis { display: flex; justify-content: space-between; font-size: 10.5px; color: var(--sh-text-tertiary); margin-top: 2px; font-variant-numeric: tabular-nums; }
.mp-hist__axis b { color: var(--sh-accent-text); font-weight: 600; }
.mp-htable { width: 100%; border-collapse: collapse; font-size: 12px; }
.mp-htable th { text-align: left; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--sh-text-tertiary); padding: 6px 7px; border-bottom: 1px solid var(--sh-border); white-space: nowrap; }
.mp-htable td { padding: 6px 7px; border-bottom: 1px solid var(--sh-border); vertical-align: middle; white-space: nowrap; }
.mp-htable td.num, .mp-htable th.num { text-align: right; font-variant-numeric: tabular-nums; }
.mp-htable tr.is-range td { background: var(--sh-bg-sunken); font-weight: 600; cursor: pointer; }
.mp-htable tr.is-range.is-on td { background: var(--sh-accent-subtle); box-shadow: inset 0 1px 0 var(--sh-accent-border); }
.mp-htable tr.is-range.is-on td:first-child { box-shadow: inset 3px 0 0 var(--sh-accent); }
.mp-htable tr.is-size td:first-child { padding-left: 22px; }
.mp-band { position: relative; height: 10px; width: 84px; border-radius: 5px; background: var(--sh-bg-sunken); border: 1px solid var(--sh-border); }
.mp-band--wide { width: 100%; }
.mp-band__med { position: absolute; top: -3px; width: 3px; height: 14px; border-radius: 1px; background: var(--sh-accent); margin-left: -1.5px; }
.mp-band__iqr { position: absolute; top: 1px; bottom: 1px; border-radius: 3px; background: var(--sh-accent-border); opacity: .7; }
.mp-sparkh { display: inline-flex; align-items: flex-end; gap: 1px; height: 18px; width: 56px; vertical-align: middle; }
.mp-sparkh i { flex: 1; background: var(--sh-border-strong); border-radius: 1px; min-height: 1px; }
.mp-sparkh i.is-edge { background: var(--sh-amber-text); }
.mp-cand { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 8px; align-items: start; padding: 8px 0; border-top: 1px solid var(--sh-border); font-size: 12.5px; }
.mp-cand:first-child { border-top: 0; }
.mp-cand input { margin-top: 3px; accent-color: var(--sh-accent); }
.mp-cand__name { display: flex; align-items: center; gap: 5px; font-weight: 500; }
.mp-cand__name i[data-lucide] { width: 13px; height: 13px; color: var(--sh-green-text); }
.mp-cand__via { font-size: 11.5px; color: var(--sh-text-secondary); }
.mp-cand__stats { display: flex; gap: 8px; font-size: 11px; color: var(--sh-text-tertiary); margin-top: 2px; flex-wrap: wrap; }
.mp-cand__stats b { color: var(--sh-text-primary); font-weight: 600; }
.mp-cand__km { font-size: 12px; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.mp-cand__km small { display: block; font-weight: 400; color: var(--sh-text-tertiary); font-size: 10.5px; }
.mp-cand.is-out { opacity: .45; }
.mp-cand.is-new { background: var(--sh-green-bg); }
.mp-sent { display: flex; gap: 8px; align-items: flex-start; padding: 9px 11px; border-radius: var(--sh-radius-md); background: var(--sh-green-bg); border: 1px solid var(--sh-green-border); color: var(--sh-green-chip); font-size: 12.5px; }
.mp-sent i[data-lucide] { width: 15px; height: 15px; margin-top: 2px; }
.mp-radius { display: flex; flex-direction: column; gap: 4px; padding: 9px 11px; border: 1px solid var(--sh-border); border-radius: var(--sh-radius-md); background: var(--sh-bg-sunken); font-size: 12px; }
.mp-radius input { accent-color: var(--sh-accent); width: 100%; }
.mp-sla { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 999px; font-variant-numeric: tabular-nums; }
.mp-sla i[data-lucide] { width: 13px; height: 13px; }
.mp-sla--ok { background: var(--sh-green-bg); color: var(--sh-green-chip); }
.mp-sla--warn { background: var(--sh-amber-bg); color: var(--sh-amber-chip); }
.mp-sla--bad { background: var(--sh-red-bg); color: var(--sh-red-chip); }
.mp-slabar { height: 4px; border-radius: 2px; background: var(--sh-bg-sunken); overflow: hidden; margin-top: 4px; }
.mp-slabar i { display: block; height: 100%; }
.mp-evid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mp-evid__item { display: flex; flex-direction: column; gap: 5px; padding: 9px 11px; border: 1px solid var(--sh-border); border-radius: var(--sh-radius-lg); background: var(--sh-bg-surface); font-size: 12px; }
.mp-evid__item--wide { grid-column: 1 / -1; }
.mp-evid__h { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; }
.mp-evid__h i[data-lucide] { width: 14px; height: 14px; }
.mp-evid__h .is-ok { color: var(--sh-green-text); }
.mp-evid__h .is-warn { color: var(--sh-amber-text); }
.mp-evid__h .sh-badge { margin-left: auto; }
.mp-map { width: 100%; height: 120px; border-radius: 6px; display: block; background: var(--sh-bg-sunken); }
.mp-photos { display: flex; gap: 6px; }
.mp-photo { width: 72px; height: 56px; border-radius: 6px; border: 1px solid var(--sh-border); display: grid; place-items: center; color: var(--sh-text-tertiary); position: relative; overflow: hidden; }
.mp-photo small { position: absolute; bottom: 2px; left: 4px; font-size: 9.5px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.mp-quote { font-size: 12px; padding: 5px 8px; border-left: 3px solid var(--sh-border-strong); background: var(--sh-bg-sunken); border-radius: 0 6px 6px 0; }
.mp-quote--s { border-left-color: var(--mp-sender); }
.mp-quote--c { border-left-color: var(--mp-carrier); }
.mp-quote small { display: block; font-size: 10.5px; color: var(--sh-text-tertiary); }
.mp-quote mark { background: var(--sh-amber-bg); color: inherit; padding: 0 2px; border-radius: 2px; }
.mp-suggest { display: flex; flex-direction: column; gap: 8px; padding: 11px 12px; border-radius: var(--sh-radius-lg); border: 1px solid var(--sh-accent-border); background: var(--sh-accent-subtle); }
.mp-suggest__h { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; }
.mp-suggest__h i[data-lucide] { width: 15px; height: 15px; color: var(--sh-accent); }
.mp-suggest__why { font-size: 12px; color: var(--sh-text-secondary); margin: 0; }
.mp-split3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.mp-split3 > div { display: flex; flex-direction: column; padding: 6px 8px; border-radius: 6px; background: var(--sh-bg-surface); font-size: 11.5px; color: var(--sh-text-secondary); }
.mp-split3 b { font-size: 14px; color: var(--sh-text-primary); font-variant-numeric: tabular-nums; }
.mp-acts { display: flex; gap: 6px; flex-wrap: wrap; }
.mp-slaq { display: flex; flex-direction: column; gap: 10px; }
.mp-slaq__group { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sh-text-tertiary); display: flex; align-items: center; gap: 6px; }
.mp-slaq__row { display: grid; grid-template-columns: 56px minmax(0, 1fr) 90px 120px auto; gap: 10px; align-items: center; padding: 9px 12px; border: 1px solid var(--sh-border); border-radius: var(--sh-radius-md); background: var(--sh-bg-surface); font-size: 12.5px; cursor: pointer; }
.mp-slaq__row:hover { border-color: var(--sh-border-strong); }
.mp-slaq__row small { display: block; font-size: 11.5px; color: var(--sh-text-tertiary); }
.mp-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mp-q { display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; border: 1px solid var(--sh-border); border-radius: var(--sh-radius-lg); background: var(--sh-bg-surface); min-width: 0; }
.mp-q--wide { grid-column: 1 / -1; }
.mp-q__h { display: flex; align-items: center; gap: 8px; }
.mp-q__h h3 { margin: 0; font-size: 14px; font-weight: 600; }
.mp-q__h .mp-ans { margin-left: auto; }
.mp-ans { font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 999px; white-space: nowrap; }
.mp-ans--ok { background: var(--sh-green-bg); color: var(--sh-green-chip); border: 1px solid var(--sh-green-border); }
.mp-ans--warn { background: var(--sh-amber-bg); color: var(--sh-amber-chip); border: 1px solid var(--sh-amber-border); }
.mp-ans--bad { background: var(--sh-red-bg); color: var(--sh-red-chip); border: 1px solid var(--sh-red-border); }
.mp-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mp-kpi { display: flex; flex-direction: column; padding: 7px 9px; border-radius: 6px; background: var(--sh-bg-sunken); font-size: 11.5px; color: var(--sh-text-secondary); }
.mp-kpi b { font-size: 18px; color: var(--sh-text-primary); font-variant-numeric: tabular-nums; line-height: 1.25; }
.mp-kpi small { font-size: 11px; }
.mp-up { color: var(--sh-green-text); }
.mp-down { color: var(--sh-red-text); }
.mp-chart { width: 100%; display: block; overflow: visible; }
.mp-chart text { font-family: 'Geist', sans-serif; font-size: 10px; fill: var(--sh-text-tertiary); }
.mp-chart .grid { stroke: var(--sh-border); stroke-width: 1; }
.mp-chart [data-tip]:hover { opacity: .8; }
.mp-heat { width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 11px; }
.mp-heat th { font-weight: 600; color: var(--sh-text-tertiary); text-align: left; padding: 2px 4px; white-space: nowrap; }
.mp-heat th.c { text-align: center; }
.mp-heat td { text-align: center; padding: 5px 2px; border-radius: 3px; font-variant-numeric: tabular-nums; font-weight: 600; cursor: default; }
.mp-heat td.is-na { background: transparent; color: var(--sh-text-disabled); font-weight: 400; }
.mp-funnel { display: flex; flex-direction: column; gap: 5px; }
.mp-fstep { display: grid; grid-template-columns: 150px minmax(0, 1fr) 170px; gap: 10px; align-items: center; font-size: 12px; }
.mp-fstep__bar { height: 22px; border-radius: 4px; background: var(--sh-accent); color: #fff; font-size: 11px; font-weight: 600; display: flex; align-items: center; padding: 0 7px; font-variant-numeric: tabular-nums; min-width: 34px; }
.mp-fstep__bar.is-end { background: var(--sh-green-text); }
.mp-fstep__drop { font-size: 11px; color: var(--sh-text-secondary); display: flex; flex-direction: column; gap: 1px; }
.mp-fstep__drop b { color: var(--sh-red-text); font-weight: 600; }
.mp-split3 b { font-size: 13px; white-space: nowrap; }
.mp-ev__who--tech { width: 20px; height: 20px; margin: 3px; background: var(--sh-border-strong); color: var(--sh-bg-surface); }
.mp-ev__who--tech i[data-lucide] { width: 11px; height: 11px; }
.mp-rail { display: flex; flex-direction: column; }
.mp-rl { display: grid; grid-template-columns: 52px 40px minmax(0, 1fr) auto; column-gap: 10px; align-items: start; }
.mp-rl__time { padding-top: 9px; font-size: 12px; color: var(--sh-text-secondary); text-align: right; line-height: 1.2; font-variant-numeric: tabular-nums; }
.mp-rl__time b { display: block; font-size: 10.5px; font-weight: 500; color: var(--sh-text-tertiary); }
.mp-rl__node { position: relative; align-self: stretch; display: flex; justify-content: center; padding: 6px 0; }
.mp-rl__node::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: var(--sh-border); }
.mp-rail--tone .mp-rl__node::before { background: color-mix(in srgb, var(--tone) 60%, var(--sh-border)); width: 3px; margin-left: -1.5px; }
.mp-rail > .mp-rl:first-child .mp-rl__node::before { top: 20px; }
.mp-rail > .mp-rl:last-child .mp-rl__node::before { bottom: auto; height: 20px; }
.mp-rl__icon { position: relative; z-index: 1; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: #fff; box-shadow: 0 0 0 4px var(--sh-bg-surface); }
.mp-rl__icon i[data-lucide] { width: 15px; height: 15px; }
.mp-rl.is-error .mp-rl__icon { box-shadow: 0 0 0 3px var(--sh-bg-surface), 0 0 0 5px var(--sh-red-text); }
.mp-rl.is-warning .mp-rl__icon { box-shadow: 0 0 0 3px var(--sh-bg-surface), 0 0 0 5px var(--sh-amber-text); }
.mp-rl__body { display: flex; flex-direction: column; padding: 7px 0 12px; min-width: 0; }
.mp-rl__title { font-size: 13.5px; font-weight: 500; }
.mp-rl.is-error .mp-rl__title, .mp-rl.is-error .mp-rl__title .sh-elink { color: var(--sh-red-text); }
.mp-rl.is-warning .mp-rl__title, .mp-rl.is-warning .mp-rl__title .sh-elink { color: var(--sh-amber-text); }
.mp-rl__detail { font-size: 12px; color: var(--sh-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-rl__amt { padding-top: 7px; text-align: right; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mp-rl__amt small { display: block; font-size: 11px; font-weight: 500; }
.mp-rl__amt small.is-ok { color: var(--sh-green-text); }
.mp-rl__amt small.is-error { color: var(--sh-red-text); }
.mp-rl__amt small.is-warning { color: var(--sh-amber-text); }
.mp-rl--tech .mp-rl__node { padding: 8px 0; }
.mp-rl__dot { position: relative; z-index: 1; width: 10px; height: 10px; margin-top: 2px; border-radius: 50%; background: var(--sh-border-strong); box-shadow: 0 0 0 3px var(--sh-bg-surface); }
.mp-rl--tech.is-error .mp-rl__dot { background: var(--sh-red-text); }
.mp-rl--tech .mp-rl__time { padding-top: 6px; font-size: 11px; color: var(--sh-text-tertiary); }
.mp-rl--tech .mp-rl__body { padding: 4px 0 8px; }
.mp-rl--tech .mp-rl__title { font-size: 12px; color: var(--sh-text-tertiary); }
.mp-rl--tech .mp-rl__detail { font-family: var(--sh-font-mono); font-size: 11px; color: var(--sh-text-tertiary); }
.mp-rl--tech.is-error .mp-rl__title, .mp-rl--tech.is-error .mp-rl__detail { color: var(--sh-red-text); }
.mp-rl--phase .mp-rl__node { padding: 0; min-height: 26px; }
.mp-rl__phase { display: flex; align-items: center; gap: 8px; padding: 4px 0 2px; margin-left: -37px; font-size: 11px; color: var(--sh-text-tertiary); }
.mp-rl__pill { position: relative; z-index: 1; font-size: 10.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; padding: 2px 8px; border-radius: 999px; background: var(--sh-bg-surface); border: 1px solid color-mix(in srgb, var(--tone) 70%, var(--sh-border)); color: var(--sh-text-secondary); }
.mp-rl__phasekey { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 11.5px; color: var(--sh-text-secondary); }
.mp-rl__phasekey span { display: inline-flex; align-items: center; gap: 5px; }
.mp-rl__phasekey i { width: 14px; height: 3px; border-radius: 2px; }

.sh-peek--panel { width: 470px; }
.mp-steps li.is-warn::before { background: var(--sh-amber-text); }
.mp-steps li.is-warn .mp-steps__dot { background: var(--sh-amber-text); border-color: var(--sh-amber-text); color: #fff; }
.mp-person__name .sh-elink { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-op { font-family: inherit; }
.mp-link { font-family: inherit; }
.mp-tl-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.mp-tl-legend { display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--sh-text-secondary); }
.mp-tl-legend > span { display: inline-flex; align-items: center; gap: 5px; }
.mp-tl-legend .mp-ev__who { width: 18px; height: 18px; }
.mp-tl-legend .mp-ev__who i[data-lucide] { width: 10px; height: 10px; }
.mp-who--tech { background: var(--sh-border-strong); }

@media (max-width: 600px) {
    .sh-peek--panel { width: calc(100vw - 1.5rem); }
    .mp-two, .mp-board, .mp-evid, .mp-kpis { grid-template-columns: minmax(0, 1fr); }
    .mp-fstep { grid-template-columns: minmax(0, 1fr); }
    .mp-rl { grid-template-columns: 44px 34px minmax(0, 1fr); }
    .mp-rl__amt { grid-column: 3; text-align: left; padding-top: 0; }
}
.mp-tl-label { display: block; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--sh-text-tertiary); }
.mp-htable td.is-warn { color: var(--sh-amber-text); font-weight: 600; }
.mp-htable td.is-bad { color: var(--sh-red-text); font-weight: 600; }
.mp-htable tr.is-range .ct-link { font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }
.mp-htable tr.is-range .ct-link .sh-icon { width: 12px; height: 12px; }
.mp-flag--info { background: var(--sh-blue-bg); color: var(--sh-blue-text); border-color: var(--sh-blue-border, var(--sh-border)); }
.pb-dist__head .mp-health-toggle { margin-left: auto; }
.mp-board-wrap { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
.mp-fstep__drop span { display: block; }