#reversal-control-page { min-width:0; letter-spacing:0; background:var(--bg); padding:20px 24px; }
#reversal-control-page article { padding:0 0 20px; border-bottom:1px solid var(--line); }
#reversal-control-page header,.reversal-actions,.reversal-status,.reversal-metrics { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
#reversal-control-page header { justify-content:space-between; }
#reversal-control-page h2 { font-size:17px; font-weight:650; overflow-wrap:anywhere; }
#reversal-control-page h3 { font-size:14px; margin:0; font-weight:650; }
.reversal-host { font-size:12px; color:var(--muted); margin:5px 0 0; }
.reversal-status { margin:20px 0 16px; color:var(--muted); font-size:12px; gap:18px; }
.reversal-status strong { color:var(--text); display:inline-flex; align-items:center; gap:7px; }
.reversal-status strong::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--muted); flex:none; }
.reversal-status strong[data-phase=RUNNING]::before,.reversal-status strong[data-phase=WAITING_MARKET]::before,.reversal-status strong[data-phase=WAITING_OPEN]::before { background:var(--green); }
.reversal-status strong[data-phase=PAUSED]::before,.reversal-status strong[data-phase=ERROR]::before,.reversal-status strong[data-phase=BACKOFF]::before { background:var(--gold); }
.reversal-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.reversal-metrics > div { min-width:0; display:grid; gap:8px; }
.reversal-metrics span { color:var(--muted); font-size:12px; }
.reversal-metrics b { color:var(--text); font-size:24px; font-variant-numeric:tabular-nums; font-weight:550; line-height:1.3; }
.reversal-metrics small { font-size:12px; color:var(--muted); font-weight:400; }
.reversal-metrics .reversal-time { font-size:13px; overflow-wrap:anywhere; align-self:center; }
.reversal-metrics .reversal-warning { color:var(--gold); }
.reversal-section-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:26px 0 16px; }
.reversal-section-heading > span { color:var(--muted); font-size:11px; }
.reversal-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; padding:0 0 16px; max-width:820px; }
.reversal-fields > label { display:grid; gap:8px; font-size:12px; margin:0; }
.reversal-fields input[type=number] { width:100%; box-sizing:border-box; height:40px; padding:8px 12px; font-size:15px; font-variant-numeric:tabular-nums; background:var(--panel-soft); border:1px solid var(--line-strong); border-radius:4px; }
.reversal-fields fieldset { border:0; padding:0; min-width:0; }
.reversal-fields legend { font-size:12px; color:var(--muted); margin-bottom:10px; }
.reversal-fields fieldset label { display:inline-flex; align-items:center; margin:0 18px 0 0; gap:6px; font-size:13px; color:var(--text); }
.reversal-fields input[type=checkbox] { width:16px; height:16px; accent-color:var(--cyan); }
.reversal-selection { padding-bottom:24px; }
#reversal-control-page button { min-height:34px; padding:7px 14px; max-width:100%; border-radius:4px; font-size:12px; font-weight:600; box-shadow:none; }
#reversal-control-page button.reversal-secondary { background:transparent; color:var(--text); border:1px solid var(--line-strong); }
#reversal-control-page button.reversal-danger { background:transparent; color:var(--red); border:1px solid color-mix(in srgb,var(--red) 45%,transparent); }
#reversal-control-page button.reversal-danger:hover { background:color-mix(in srgb,var(--red) 10%,transparent); }
#reversal-control-page button:disabled { opacity:.4; cursor:not-allowed; }
#reversal-control-page details { margin:18px 0; border-top:1px solid var(--line); padding-top:14px; }
#reversal-control-page summary { color:var(--muted); cursor:pointer; font-size:12px; margin-bottom:16px; }
#reversal-control-page [data-cost] { color:var(--gold); font-size:12px; margin:0; font-variant-numeric:tabular-nums; }
.reversal-table { overflow:auto; max-width:100%; }
.reversal-table table { width:100%; text-align:left; border-collapse:collapse; font-size:12px; }
.reversal-table th,.reversal-table td { padding:11px 12px; white-space:nowrap; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
.reversal-table th { background:var(--panel-soft); color:var(--muted); font-size:11px; font-weight:500; }
.reversal-table .reversal-side-up { color:var(--green); }
.reversal-table .reversal-side-down { color:var(--red); }
.reversal-empty { text-align:center; color:var(--muted); padding:30px 12px!important; }
#reversal-control-page [data-error],#reversal-control-page [data-command] { overflow-wrap:anywhere; font-size:12px; margin:14px 0 0; }
#reversal-control-page [data-error]:empty,#reversal-control-page [data-command]:empty { display:none; }
@media(max-width:600px) {
  #reversal-control-page { padding:16px 12px; }
  #reversal-control-page header { align-items:flex-start; gap:16px; }
  .reversal-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; }
  .reversal-fields { gap:18px 12px; }
  .reversal-fields fieldset label { margin-right:10px; }
  .reversal-status { gap:10px 16px; }
  #reversal-control-page button { padding:7px 10px; }
}
@media(max-width:380px) { .reversal-fields:not(.reversal-selection) { grid-template-columns:1fr; } }