/* Position layout is independent of the quote, alert and trading services. */
.ui-v4 .position-monitor-list-panel { container: position-list / inline-size; }
.ui-v4 .position-monitor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.ui-v4 .position-monitor-grid[data-columns="1"] { grid-template-columns:minmax(0,1fr); }
.ui-v4 .position-monitor-grid > .position-monitor-empty { grid-column:1 / -1; }
.ui-v4 .position-monitor-grid > article { min-width:0; }
.ui-v4 .position-layout-picker { display:flex; flex-direction:row; align-items:center; gap:8px; flex-shrink:0; color:#4b5a70; font-size:12px; }
.ui-v4 .position-layout-picker select { width:auto; min-height:36px; padding:6px 9px; border:1px solid #ccd5e3; border-radius:7px; background:#fff; color:#263448; }
.ui-v4 .position-monitor-list-panel > .card-title { flex-wrap:wrap; gap:12px; }
.ui-v4 .funding-position-card { container: position-card / inline-size; background:#fff; color:#263448; border:1px solid #dce3ed; border-radius:14px; }
.ui-v4 .funding-position-card.status-stale { opacity:1; }
.ui-v4 .funding-card-heading { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 18px 14px; }
.ui-v4 .funding-card-heading h3 { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 4px; color:#202b3c; font-size:20px; }
.ui-v4 .funding-card-heading small { color:#59677a; font-size:12px; }
.ui-v4 .funding-card-heading em,.ui-v4 .funding-card-tag { font-style:normal; font-size:11px; font-weight:500; padding:3px 6px; border-radius:5px; }
.ui-v4 .funding-card-heading em.short { background:#fbefed; color:#95463b; }
.ui-v4 .funding-card-heading em.long { background:#eaf6ef; color:#14724c; }
.ui-v4 .funding-card-tag { background:#f1f4f8; color:#506078; }
.ui-v4 .funding-card-status { color:#43536b; padding:4px 7px; background:#f3f6fa; border-radius:5px; font-size:12px; font-weight:500; }
.ui-v4 .status-qualifying .funding-card-status { color:#795412; background:#fff4d9; }
.ui-v4 :is(.status-alerted,.status-ready_no_route,.status-stale) .funding-card-status { color:#8b3237; background:#fff0f0; }
.ui-v4 .funding-card-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:4px 18px 18px; }
.ui-v4 .funding-card-metrics > div { display:grid; gap:5px; min-width:0; }
.ui-v4 .funding-card-metrics :is(span,small) { color:#59677a; font-size:12px; }
.ui-v4 .funding-card-metrics strong { color:#202b3c; font-size:24px; line-height:1.25; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ui-v4 .funding-position-card .positive { color:#097450; }
.ui-v4 .funding-position-card .negative { color:#aa343e; }
.ui-v4 .funding-card-settlement { display:flex; gap:6px 18px; flex-wrap:wrap; padding:12px 18px; background:#f5f7fa; color:#59677a; font-size:12px; }
.ui-v4 .funding-card-settlement b { color:#263448; font-weight:500; }
.ui-v4 .funding-card-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 22px; padding:16px 18px; }
.ui-v4 .funding-card-facts > div { display:flex; justify-content:space-between; gap:10px; align-items:baseline; min-width:0; font-size:12px; }
.ui-v4 .funding-card-facts span { color:#59677a; flex-shrink:0; }
.ui-v4 .funding-card-facts b { color:#263448; text-align:right; font-weight:500; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ui-v4 .funding-card-detail { margin:0; border:0; border-radius:0; border-top:1px solid #e1e6ee; background:#fff; }
.ui-v4 .funding-card-detail > summary { display:flex; align-items:center; gap:8px; padding:12px 18px; min-height:44px; background:#fff; color:#263448; font-size:13px; font-weight:500; list-style:none; cursor:pointer; }
.ui-v4 .funding-card-detail > summary::-webkit-details-marker { display:none; }
.ui-v4 .funding-card-detail > summary::before { content:'›'; color:#59677a; font-size:18px; }
.ui-v4 .funding-card-detail[open] > summary::before { transform:rotate(90deg); }
.ui-v4 .funding-card-detail > summary::after { content:none; }
.ui-v4 .funding-card-detail > summary span { margin-left:auto; max-width:55%; text-align:right; color:#59677a; font-size:11px; overflow-wrap:anywhere; }
.ui-v4 .funding-card-detail > summary:hover { background:#f5f7fa; }
.ui-v4 .funding-position-card :is(summary,button,input,select):focus-visible { outline:2px solid #295ab1; outline-offset:-2px; }
.ui-v4 .funding-card-detail-body { padding:0 18px 16px; }
.ui-v4 :is(.funding-card-book,.funding-card-history) { display:grid; gap:10px; margin:0; font-size:12px; }
.ui-v4 :is(.funding-card-book,.funding-card-history) > div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; }
.ui-v4 :is(.funding-card-book,.funding-card-history) dt { color:#59677a; }
.ui-v4 :is(.funding-card-book,.funding-card-history) dd { color:#263448; margin:0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ui-v4 .funding-card-controls { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.ui-v4 .funding-card-controls label { display:flex; flex-direction:row; align-items:center; gap:7px; color:#43536b; font-size:12px; }
.ui-v4 .funding-card-controls input[type="checkbox"] { width:16px; height:16px; min-width:16px; margin:0; }
.ui-v4 .funding-card-editor { margin:10px 0; border:1px solid #e1e6ee; border-radius:7px; background:#fafbfd; }
.ui-v4 .funding-card-editor > summary { padding:10px; background:#f5f7fa; color:#43536b; font-size:12px; }
.ui-v4 .funding-card-editor .position-monitor-rules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px; margin:0; }
.ui-v4 .funding-card-editor :is(input,button) { width:100%; min-width:0; }
.ui-v4 .funding-card-editor button { font-size:12px; white-space:normal; }
.ui-v4 .funding-card-hint { color:#59677a; margin:10px 0; font-size:12px; }
.ui-v4 .funding-card-warning { padding:10px 18px; color:#8b3237; background:#fff3f2; font-size:12px; }
.ui-v4 .position-cards-note { color:#59677a; font-size:11px; margin:12px 0 0; }
@container position-list (max-width:700px) {
  .ui-v4 .position-monitor-grid { grid-template-columns:minmax(0,1fr); }
}
@container position-card (max-width:580px) {
  .ui-v4 .funding-card-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ui-v4 .funding-card-metrics .funding-card-estimate { grid-column:1 / -1; display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 10px; border-top:1px solid #e1e6ee; padding-top:12px; }
  .ui-v4 .funding-card-estimate strong { font-size:20px; }
  .ui-v4 .funding-card-facts { grid-template-columns:minmax(0,1fr); }
}
@container position-card (max-width:340px) {
  .ui-v4 .funding-card-metrics strong { font-size:21px; }
  .ui-v4 .funding-card-editor .position-monitor-rules { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) {
  .ui-v4 .position-monitor-grid { grid-template-columns:minmax(0,1fr); }
}

.ui-v4 .position-card-context { margin:0; padding:0 18px 16px; color:#59677a; font-size:12px; line-height:1.7; }
.ui-v4 .position-card-context b { display:block; margin-bottom:4px; color:#43536b; font-weight:500; }
.ui-v4 .position-card-review .position-ai-summary { margin:0; padding:16px 18px; background:#fafbfd; }
.ui-v4 .position-ai-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:6px 12px; }
.ui-v4 .position-ai-heading h4 { margin:0; color:#263448; font-size:14px; }
.ui-v4 .position-ai-heading time { color:#59677a; font-size:11px; }
.ui-v4 .position-card-review .ai-review-state { margin:8px 0; padding:0; font-size:12px; line-height:1.7; }
.ui-v4 .position-card-review .position-ai-title { margin:10px 0; color:#263448; font-size:15px; font-weight:600; line-height:1.6; }
.ui-v4 .position-ai-takeaways { display:grid; gap:10px; margin:12px 0; }
.ui-v4 .position-ai-takeaways > div { padding-left:10px; border-left:2px solid #b8cbea; }
.ui-v4 .position-ai-takeaways dt { color:#59677a; font-size:11px; }
.ui-v4 .position-ai-takeaways dd { margin:4px 0 0; color:#263448; font-size:13px; line-height:1.7; }
.ui-v4 .position-card-review .position-ai-detail { margin:10px 0 0; border:1px solid #e1e6ee; border-radius:7px; background:#fff; }
.ui-v4 .position-card-review .position-ai-detail > summary { padding:10px 30px 10px 12px; min-height:40px; background:#fff; color:#365c94; font-size:12px; }
.ui-v4 .position-card-review .position-ai-detail > summary:hover { background:#f0f4fa; }
.ui-v4 .position-ai-detail > div { padding:0 12px 12px; }
.ui-v4 .position-ai-snapshot { color:#59677a; font-size:11px; line-height:1.7; }
.ui-v4 .position-card-review .position-ai-conclusion { color:#263448; font-size:13px; line-height:1.8; white-space:pre-line; }