#detail .mr-panel { display: grid; gap: 12px; min-width: 0; }
#detail .mr-panel > *, #detail .mr-heading > * { margin: 0; }
#detail .mr-heading { display: grid; gap: 6px; }
#detail .mr-heading h3 { font-size: 16px; line-height: 1.6; }
#detail .mr-heading p, #detail .mr-panel .field-hint { font-size: 13px; line-height: 1.7; color: var(--secondary); }
#detail .mr-branches { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 8px 0 12px; border-bottom: 1px solid var(--line); font-size: 13px; overflow-wrap: anywhere; }
#detail .mr-panel .gate-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
#detail .mr-panel form { display: grid; gap: 12px; min-width: 0; }
#detail .mr-panel form .field { margin: 0; }
#detail .mr-panel form label { display: block; margin: 0 0 6px; font-size: 13px; }
#detail .mr-panel textarea { min-height: 104px; }
#detail .mr-panel details > summary { cursor: pointer; padding: 6px 0; font-size: 13px; }
#detail .mr-panel details[open] > form { margin-top: 10px; }
#detail .mr-panel + .stage-notice, #detail .stage-notice + .mr-panel { margin-top: 20px; }
#detail .mr-panel .error { margin: 0; }
@media (max-width:650px) {
  #detail .mr-panel { gap: 10px; }
  #detail .mr-panel .gate-actions > * { flex: 1 1 140px; white-space: normal; }
  #detail .mr-next-steps .gate-actions > .button { flex: 1 1 100%; min-width: 0; min-height: 44px; justify-content: center; text-align: center; }
}

#detail .mr-controls { border-top: 1px solid var(--line); padding-top: 6px; }
#detail .mr-controls form > label { display: flex; align-items: center; gap: 8px; margin: 0; }
#detail .mr-controls input[type="checkbox"] { width: 16px; height: 16px; margin: 0; flex: none; }

#detail .mr-panel > .gate-actions:empty { display: none; }