/* Styles specific to the Margin Adjustment view */

#marginPanel .row { display:flex; gap:8px; flex-wrap:wrap; }
#marginPanel .mt-10 { margin-top: 10px; }
#marginPanel .kv { display:grid; grid-template-columns: 160px 1fr; gap:8px; align-items:center; margin-top:12px; }

/* Sub-tabs (Run / History) — pill style, lighter than action buttons */
#marginPanel .margin-subtabs {
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}
#marginPanel .margin-subtab {
  border: 1px solid var(--line);
  background: transparent;
  color: inherit;
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
#marginPanel .margin-subtab:hover {
  background: #f8fafc;
}
#marginPanel .margin-subtab.is-active {
  background: #f8fafc;
  border-color: var(--accent, #cbd5e1);
  box-shadow: inset 0 0 0 1px var(--accent, #cbd5e1);
}

.block { 
  border:1px solid var(--line); border-radius:12px; 
  padding:12px; margin:12px 0; background:var(--card);
}
.block .head { 
  display:flex; gap:16px; align-items:center; 
  justify-content:space-between; margin-bottom:8px;
}
.block .bad { color: var(--err); }
.block .good { color: var(--ok); }

.table { width:100%; border-collapse: collapse; margin-top:8px; }
.table th, .table td { 
  border:1px solid var(--line); padding:6px 8px; 
  font-size:13px; text-align:left;
}
.table th { background:#f9f7f4; }

/* collapsible currency blocks */
.block { cursor: default; }
.block .head { cursor: pointer; user-select: none; }
.block .chev { display:inline-block; transition: transform .18s ease; margin-right:6px; opacity:.7; }
.block.collapsed .chev { transform: rotate(-90deg); }
.block.collapsed .table { display: none; }
.block .summary { font-weight: 500; }
.table td.num, .table th.num { text-align: right; }
.table td.ellipsis, .table th.ellipsis {
  max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* collapsible blocks */
.block { border:1px solid var(--line); border-radius:12px; margin:10px 0; background:var(--card); }
.block .head { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; }
.block .head .summary { display:flex; align-items:center; gap:8px; }
.block .head .chev { transition: transform .15s ease; opacity:.6; }
.block.collapsed .head .chev { transform: rotate(-90deg); }

.block .table { width:100%; border-collapse: collapse; }
.block .table thead th { text-align:left; font-weight:600; font-size:12px; color:var(--muted); padding:8px 10px; border-bottom:1px solid var(--line); }
.block .table tbody td { padding:8px 10px; border-bottom:1px solid #f1f3f7; font-size:14px; }
.block .table .num { text-align:right; font-variant-numeric: tabular-nums; }
.block .table .ellipsis { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.block.collapsed .table { display:none; }

.bad { color: var(--err); font-weight:600; }
.good { color: var(--ok); font-weight:600; }

.badge { display:inline-flex; align-items:center; padding:2px 8px; border:1px solid var(--line); border-radius:999px; background:#f8f9fb; }

.head-tools { display:flex; align-items:center; gap:8px; }
.btn.x-small { padding:4px 8px; border-radius:8px; font-size:12px; }