/* ============================================================
   MASTER VORTEX — FUTURES interest tab styles (futures-interest.js
   companion, view: #futuresView). Interest capture only — no data
   is shown here. Speaks the platform view language of insider.css:
   --panel ground, --edge borders, direction green is --green.
   Every weight is 400 — the platform unbold rule.
   ============================================================ */

/* When the Futures view is open it owns the workspace: the
   chart grid steps aside. */
body.mv-futures-open .main{display:none}
body.mv-futures-open .tf-group{visibility:hidden}

.futures-view{flex:1; min-height:0; display:flex; flex-direction:column;
  background:var(--panel); margin:10px; border:1px solid var(--edge); border-radius:14px;
  overflow:hidden}
.futures-view[hidden]{display:none}

.fi-head{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap;
  padding:12px 16px; border-bottom:1px solid var(--edge); background:var(--panel-2)}
.fi-title{font-size:15px; font-weight:400; letter-spacing:1.5px; color:var(--ink)}
.fi-badge{background:var(--green); color:#04140a; font-size:9px; font-weight:400;
  letter-spacing:.6px; padding:2px 5px; border-radius:2px; vertical-align:2px}
.fi-sub{font-size:12px; font-weight:400; color:var(--dim); flex:1 1 320px}

.fi-body{flex:1; min-height:0; overflow:auto; padding:16px; max-width:760px}
.fi-note{font-size:13px; font-weight:400; color:#c6d6ea; line-height:1.55; margin:0 0 18px}
.fi-q{font-size:12px; font-weight:400; letter-spacing:1.1px; color:var(--dim); margin:16px 0 8px}

.fi-contracts{display:flex; flex-wrap:wrap; gap:8px}
.fi-contract{display:flex; align-items:center; gap:8px; cursor:pointer;
  border:1px solid var(--edge); border-radius:10px; padding:9px 12px; background:#0a1524}
.fi-contract:hover{border-color:var(--green)}
.fi-contract input{accent-color:var(--green); width:15px; height:15px; margin:0}
.fi-contract-root{font-size:14px; font-weight:400; color:var(--ink); letter-spacing:.4px}
.fi-contract-name{font-size:12px; font-weight:400; color:var(--dim)}

.fi-dom{display:flex; flex-direction:column; gap:8px}
.fi-dom-opt{display:flex; align-items:center; gap:8px; cursor:pointer; font-size:13px;
  font-weight:400; color:#c6d6ea}
.fi-dom-opt input{accent-color:var(--green); width:15px; height:15px; margin:0}

.fi-actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:22px}
.fi-submit{background:var(--green); color:#04140a; border:none; border-radius:10px;
  font-size:13.5px; font-weight:400; letter-spacing:.4px; padding:10px 18px; cursor:pointer}
.fi-submit:hover{filter:brightness(1.08)}
.fi-remove{background:none; border:1px solid var(--edge); border-radius:10px; color:var(--dim);
  font-size:12.5px; font-weight:400; padding:9px 14px; cursor:pointer}
.fi-remove:hover{color:var(--ink)}
.fi-remove[hidden]{display:none}
.fi-status{font-size:12.5px; font-weight:400; color:var(--green)}
.fi-status.fi-status-err{color:var(--red)}
.fi-saved{margin-top:14px; font-size:12.5px; font-weight:400; color:var(--dim)}
.fi-saved[hidden]{display:none}

.fi-foot{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;
  padding:8px 16px; border-top:1px solid var(--edge);
  font-size:11px; font-weight:400; color:var(--dim)}