.mnl-close { --mnl-close-gap:14px; }
.mnl-close__toolbar,.mnl-close__actions,.mnl-close__filters,.mnl-close__summary,.mnl-close__split-summary { display:flex; gap:10px; flex-wrap:wrap; align-items:end; }
.mnl-close__toolbar { justify-content:space-between; margin-bottom:16px; }
.mnl-close__toolbar label,.mnl-close__filters label,.mnl-close__field { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:12px; font-weight:700; }
.mnl-close input,.mnl-close select,.mnl-close textarea { border:1px solid #cbd5e1; border-radius:10px; background:#fff; color:var(--text); padding:9px 10px; font:inherit; }
.mnl-close textarea { min-height:72px; resize:vertical; }
.mnl-close button { border:1px solid #cbd5e1; border-radius:10px; background:#fff; color:#1e3a8a; padding:9px 12px; font-weight:800; cursor:pointer; }
.mnl-close button.mnl-close__primary { border-color:#2563eb; background:#2563eb; color:#fff; }
.mnl-close button:disabled { cursor:not-allowed; opacity:.5; }
.mnl-close__badge { display:inline-flex; align-items:center; gap:5px; border:1px solid #cbd5e1; border-radius:999px; background:#f8fafc; color:#475569; padding:4px 9px; font-size:11px; font-weight:850; letter-spacing:.02em; }
.mnl-close__badge.is-green { border-color:#86efac; background:#f0fdf4; color:#166534; }
.mnl-close__badge.is-review { border-color:#fde68a; background:#fffbeb; color:#92400e; }
.mnl-close__badge.is-red { border-color:#fecaca; background:#fef2f2; color:#991b1b; }
.mnl-close__badge.is-replay { border-color:#c4b5fd; background:#f5f3ff; color:#5b21b6; }
.mnl-close__notice { border:1px solid #c4b5fd; border-radius:14px; background:#f5f3ff; color:#4c1d95; padding:14px; margin-bottom:14px; }
.mnl-close__notice.is-error { border-color:#fecaca; background:#fef2f2; color:#991b1b; }
.mnl-close__notice.is-warning { border-color:#fde68a; background:#fffbeb; color:#92400e; }
.mnl-close__notice strong { display:block; margin-bottom:4px; }
.mnl-close__summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(135px,1fr)); margin-bottom:16px; }
.mnl-close__metric { border:1px solid var(--line); border-radius:14px; background:#fff; padding:12px; min-width:0; }
.mnl-close__metric span { display:block; color:var(--muted); font-size:11px; font-weight:700; margin-bottom:5px; }
.mnl-close__metric strong { display:block; font-size:15px; overflow-wrap:anywhere; }
.mnl-close__table-wrap { overflow:auto; max-width:100%; border:1px solid var(--line); border-radius:14px; }
.mnl-close__table { width:100%; min-width:760px; border-collapse:collapse; background:#fff; font-size:13px; }
.mnl-close__table th,.mnl-close__table td { border-bottom:1px solid var(--line); padding:10px 11px; text-align:left; vertical-align:top; }
.mnl-close__table th { position:sticky; top:0; z-index:1; background:#f8fafc; color:#475569; font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
.mnl-close__table tbody tr:last-child td { border-bottom:0; }
.mnl-close__table tbody tr[role="button"] { cursor:pointer; }
.mnl-close__table tbody tr[role="button"]:hover { background:#f8fafc; }
.mnl-close__steps { display:flex; gap:7px; overflow:auto; padding-bottom:8px; margin:14px 0; }
.mnl-close__step { white-space:nowrap; }
.mnl-close__step.is-active { background:#eff6ff; border-color:#93c5fd; color:#1d4ed8; }
.mnl-close__panel { margin-bottom:18px; }
.mnl-close__panel h2,.mnl-close__panel h3 { margin-top:0; }
.mnl-close__state { border:1px dashed #cbd5e1; border-radius:14px; padding:22px; text-align:center; color:var(--muted); background:#f8fafc; }
.mnl-close__detail-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.mnl-close__definition { display:grid; grid-template-columns:minmax(130px,.55fr) minmax(0,1fr); gap:7px 12px; margin:0; }
.mnl-close__definition dt { color:var(--muted); font-size:12px; font-weight:700; }
.mnl-close__definition dd { margin:0; overflow-wrap:anywhere; }
.mnl-close__raw { border-left:4px solid #64748b; }
.mnl-close__approved { border-left:4px solid #2563eb; }
.mnl-close__hash { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; word-break:break-all; }
.mnl-close__split-row { display:grid; grid-template-columns:1.2fr 1fr 1fr .8fr auto; gap:8px; align-items:end; margin-bottom:8px; }
.mnl-close__split-summary { justify-content:flex-end; border-top:1px solid var(--line); padding-top:12px; margin-top:12px; }
.mnl-close__split-summary > div { min-width:115px; }
.mnl-close__muted { color:var(--muted); font-size:12px; }
.mnl-close__rule { border:1px solid var(--line); border-radius:12px; padding:12px; margin-bottom:10px; }
.mnl-close__rule:last-child { margin-bottom:0; }
.mnl-close__divider { border:0; border-top:1px solid var(--line); margin:16px 0; }
@media (min-width:900px) { .mnl-close__detail-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
@media (max-width:680px) { .mnl-close__split-row { grid-template-columns:1fr 1fr; } .mnl-close__split-row button { grid-column:1/-1; } .mnl-close__definition { grid-template-columns:1fr; } }