.mpla-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px 10px}
.mpla-hd>div{min-width:0}
.mpla-hd b{display:block;font:700 16px/22px var(--xsf);color:#0B1E3F}
.mpla-hd small{display:block;font:400 12px/16px var(--xsf);color:var(--tx3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mpla-st{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/16px var(--xsf);white-space:nowrap}
.mpla-st::before{content:'';width:7px;height:7px;flex:none;background:currentColor}
.mpla-st.ok{color:#15803D}
.mpla-st.warn{color:#B45309}
.mpla-st.acc{color:#1C417F}
.mpla-st.str{color:#0B1E3F}

.mpla-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--hl);border-top:1px solid var(--hl);border-bottom:1px solid var(--hl)}
.mpla-fig{min-width:0;padding:10px 12px;background:#fff}
.mpla-fig .k{font:400 11.5px/16px var(--xsf);color:var(--tx3)}
.mpla-fig .v{margin-top:3px;font:600 15px/21px var(--xhf);color:#0B1E3F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.mpla-bar{height:5px;margin:6px 0 3px;background:#EEF1F6}
.mpla-bar>span{display:block;width:68%;height:100%;background:#2D64BF}
.mpla-pc{display:flex;justify-content:space-between;gap:6px;font:400 11px/15px var(--xsf);color:var(--tx3)}
.mpla-pc b{color:var(--tx)}

.mpla-tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;background:#F4F6FA}
.mpla-stg{min-width:0;display:flex;flex-direction:column;gap:6px}
.mpla-ch{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fff;border:1px solid var(--hl);border-top:2px solid #2D64BF}
.mpla-ch .ix{font:700 11px/16px Consolas,'Cascadia Mono',monospace;color:#2D64BF}
.mpla-ch b{min-width:0;font:700 11.5px/16px var(--xsf);color:#0B1E3F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpla-ch .n{margin-left:auto;font:400 10.5px/16px var(--xsf);color:var(--tx3);white-space:nowrap}
.mpla-node{display:flex;flex-direction:column;gap:2px;padding:7px 8px;background:#fff;border:1px solid var(--hl);min-width:0}
.mpla-node .t{font:600 11.5px/16px var(--xsf);color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpla-node .t.mono{font-family:Consolas,'Cascadia Mono',monospace;color:#1C417F}
.mpla-node .d{font:400 11px/15px var(--xsf);color:var(--tx3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpla-node .d b{font-weight:600;color:var(--tx2)}

@media (max-width:1200px) and (min-width:561px){
  .mpla-tree{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .mpla-figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mpla-tree{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mpla-hm{display:none}
}