/* Funds — inherits the terminal's tokens so the page belongs to the product rather than sitting beside it. */
.nt-funds-view { padding: 28px 24px 64px; max-width: 1180px; margin: 0 auto; }

.nt-funds-head { margin-bottom: 22px; }
.nt-funds-head h1 { font: 600 26px/1.2 var(--nt-sans); color: var(--nt-text); margin: 0 0 6px; letter-spacing: -0.01em; }
.nt-funds-head p { margin: 0; color: var(--nt-muted); font: 400 14px/1.5 var(--nt-sans); max-width: 62ch; }

.nt-fund-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.nt-fund-card {
  background: var(--nt-panel); border: 1px solid var(--nt-line); border-radius: 14px;
  padding: 16px 16px 14px; cursor: pointer; transition: border-color .15s ease, transform .15s ease;
}
.nt-fund-card:hover, .nt-fund-card:focus-visible { border-color: var(--nt-blue); transform: translateY(-1px); outline: none; }
.nt-fund-card header { display: flex; align-items: baseline; gap: 8px; margin-bottom: 2px; }
.nt-fund-card header strong { font: 600 16px/1.3 var(--nt-sans); color: var(--nt-text); }
.nt-fund-ticker { font: 600 11px/1 var(--nt-mono); color: var(--nt-muted); letter-spacing: .06em; text-transform: uppercase; }
.nt-fund-manager { margin: 0 0 12px; font: 400 12px/1.4 var(--nt-sans); color: var(--nt-faint); }

.nt-fund-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; margin: 0; }
.nt-fund-stats dt { font: 500 10px/1 var(--nt-sans); color: var(--nt-faint); letter-spacing: .07em; text-transform: uppercase; margin-bottom: 3px; }
.nt-fund-stats dd { margin: 0; font: 600 13px/1.2 var(--nt-mono); color: var(--nt-text); font-variant-numeric: tabular-nums; }

.nt-funds-back { background: none; border: 0; color: var(--nt-muted); font: 500 13px/1 var(--nt-sans); cursor: pointer; padding: 4px 0 16px; }
.nt-funds-back:hover { color: var(--nt-text); }

.nt-fund-panel { background: var(--nt-panel); border: 1px solid var(--nt-line); border-radius: 14px; padding: 18px; margin-bottom: 14px; }
.nt-fund-panel h3 { margin: 0 0 12px; font: 600 13px/1 var(--nt-sans); color: var(--nt-text); letter-spacing: .02em; }
.nt-fund-panel p { margin: 0 0 8px; font: 400 13px/1.55 var(--nt-sans); color: var(--nt-text); }
.nt-fund-panel p.dim { color: var(--nt-muted); }

.nt-fund-note { color: var(--nt-muted) !important; font-size: 12px !important; max-width: 64ch; margin-top: 10px !important; }
.nt-fund-warn { color: var(--nt-amber) !important; font-size: 12px !important; }

.nt-fund-table { width: 100%; border-collapse: collapse; }
.nt-fund-table td { padding: 7px 0; border-bottom: 1px solid var(--nt-line); font: 400 13px/1 var(--nt-sans); color: var(--nt-text); }
.nt-fund-table td.mono { font-family: var(--nt-mono); color: var(--nt-muted); text-align: right; font-size: 12px; }
.nt-fund-table tr:last-child td { border-bottom: 0; }

.nt-fund-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.nt-fund-field { display: block; margin-bottom: 12px; }
.nt-fund-field span { display: block; font: 500 10px/1 var(--nt-sans); color: var(--nt-faint); letter-spacing: .07em; text-transform: uppercase; margin-bottom: 6px; }
.nt-fund-field input {
  width: 100%; max-width: 260px; padding: 10px 12px; border-radius: 9px;
  background: var(--nt-panel-2); border: 1px solid var(--nt-line); color: var(--nt-text);
  font: 600 15px/1 var(--nt-mono); font-variant-numeric: tabular-nums;
}
.nt-fund-field input:focus-visible { outline: 2px solid var(--nt-blue); outline-offset: 1px; }

.nt-fund-btn {
  padding: 10px 16px; border-radius: 9px; border: 1px solid var(--nt-line);
  background: var(--nt-panel-2); color: var(--nt-text); font: 600 13px/1 var(--nt-sans); cursor: pointer;
}
.nt-fund-btn:hover { border-color: var(--nt-blue); }
.nt-fund-btn-primary { background: var(--nt-green); border-color: var(--nt-green); color: #04140b; }
.nt-fund-btn-primary:hover { filter: brightness(1.08); }

.nt-funds-empty { text-align: center; padding: 72px 20px; }
.nt-funds-empty h2 { margin: 0 0 10px; font: 600 19px/1.3 var(--nt-sans); color: var(--nt-text); }
.nt-funds-empty p { margin: 0 auto; max-width: 52ch; color: var(--nt-muted); font: 400 13px/1.6 var(--nt-sans); }

@media (max-width: 640px) { .nt-funds-view { padding: 20px 14px 48px; } .nt-fund-stats { grid-template-columns: 1fr 1fr; } }