/* SIGNAL_VISUAL_REFINEMENT_v2.1: restrained financial-information surface. */
:root {
  --refined-bg: #040b16;
  --refined-surface: #081525;
  --refined-surface-raised: #0b1b2d;
  --refined-line: rgba(142, 174, 211, .2);
  --refined-text: #f3f6fb;
  --refined-muted: #9eafc3;
  --refined-cyan: #18d8e9;
}

.global-header {
  border-color: var(--refined-line);
  background: rgba(4, 11, 22, .97);
  box-shadow: 0 3px 14px rgba(0, 0, 0, .2);
}
.global-brand { gap: 10px; font-size: 20px; letter-spacing: -.055em; }
.global-brand img { filter: none; }
.global-nav-item { color: var(--refined-muted); font-size: 14px; font-weight: 650; }
.global-nav-item > span { color: inherit; font-size: 16px; }
.global-nav-item:hover, .global-nav-item:focus-visible, .global-nav-item.active { color: var(--refined-text); }
.global-nav-item.active::after { height: 2px; background: var(--refined-cyan); box-shadow: none; }
.global-header-action { color: var(--refined-text); font-size: 14px; font-weight: 650; }
.global-header-action > span { font-size: 20px; }
.global-header-action:hover, .global-header-action:focus-visible { background: rgba(24, 216, 233, .08); color: var(--refined-cyan); }
.global-header-action i { background: #e5484d; box-shadow: 0 0 0 2px var(--refined-bg); }

/* Cards use quiet borders; signal colours remain reserved for actual signal states. */
.content-section, .dashboard-area, .account-panel, .account-management-card,
.empty-state, .home-market-signal, .home-ai-briefing, .home-shortcuts,
.search-results, .search-state {
  border-color: var(--refined-line) !important;
  box-shadow: none !important;
}
.home-market-signal, .home-ai-briefing { background: linear-gradient(135deg, #071321, #06101c) !important; }
.home-shortcuts { background: #071321; }
.home-shortcut { color: var(--refined-text); }
.home-shortcut span { color: var(--refined-muted); text-shadow: none; }
.home-shortcut:nth-child(2) span, .home-shortcut:nth-child(3) span { color: #a88ad5; }
.home-shortcut:hover, .home-shortcut:focus-visible { background: rgba(24, 216, 233, .07) !important; }

.search-form { border-color: rgba(142, 174, 211, .34); box-shadow: none; }
.search-form:focus-within { border-color: var(--refined-cyan); box-shadow: 0 0 0 3px rgba(24, 216, 233, .12); }
.search-form button { background: var(--refined-cyan); box-shadow: none; color: #03222a; }
.search-results { background: var(--refined-surface) !important; }
.search-results-title { color: var(--refined-text); }
.search-result-simple { min-height: 84px; padding: 16px 18px; }
.search-result-simple .search-result-main { gap: 5px; }
.search-result-simple strong { font-size: 16px; }
.search-result-simple small { color: var(--refined-muted); }
.search-result-simple .search-result-meta { color: #7f93aa; font-size: 12px; }
.search-result-chevron { color: #b5c3d4; font-size: 28px; font-weight: 300; line-height: 1; }
.search-result:hover, .search-result:focus-visible { background: rgba(24, 216, 233, .06) !important; outline: 2px solid var(--refined-cyan); outline-offset: -2px; }
.search-state { display:grid; gap:8px; padding:22px; color:var(--refined-text); }
.search-state p { margin:0; color:var(--refined-muted); line-height:1.55; }
.search-state button { justify-self:start; min-height:38px; border:1px solid var(--refined-line); border-radius:8px; background:transparent; color:var(--refined-text); padding:0 13px; }
.search-state button:hover, .search-state button:focus-visible { border-color:var(--refined-cyan); color:var(--refined-cyan); }
.home-landing.search-results-active .home-shortcuts,
.home-landing.search-results-active .home-market-signal,
.home-landing.search-results-active .home-ai-briefing { display:none; }

@media (max-width: 900px) {
  .global-header { box-shadow: 0 2px 10px rgba(0, 0, 0, .18); }
  .global-brand { font-size:18px; }
  .global-brand img { width:41px; height:45px; }
  .mobile-bottom-nav { border-color:var(--refined-line); background:#071321; box-shadow:0 -3px 12px rgba(0,0,0,.2); }
  .mobile-nav-item { color:var(--refined-muted); }
  .mobile-nav-item.active { background:rgba(24,216,233,.07); color:var(--refined-cyan); text-shadow:none; }
  .mobile-nav-item.active::before { background:var(--refined-cyan); box-shadow:none; }
  .search-result-simple { min-height:78px; padding:14px; }
}