/*
 * REORG35 · Application-wide Visibility & Card Hierarchy R1
 * Presentation only. No business logic, broker logic, calculations, data or routes.
 * Direction: retain Elevate dark background, strengthen layer separation, contrast,
 * card borders, form readability and semantic state accents without making all text white.
 */

:root{
  --ev35-dark-0:#07090d;
  --ev35-dark-1:#0b1017;
  --ev35-dark-2:#101720;
  --ev35-dark-3:#151e29;
  --ev35-dark-4:#1a2532;
  --ev35-border:#2b394b;
  --ev35-border-strong:#43566d;
  --ev35-text:#f3f6fb;
  --ev35-text-2:#c2ccd7;
  --ev35-muted:#93a3b5;
  --ev35-blue:#4b83ff;
  --ev35-blue-soft:#132b50;
  --ev35-green:#35d06f;
  --ev35-orange:#f1b84b;
  --ev35-red:#ff6573;
  --ev35-cyan:#67c6e3;
  --ev35-light:#ffffff;
  --ev35-light-2:#f7f9fc;
  --ev35-light-3:#eef3f8;
  --ev35-light-border:#cbd7e5;
  --ev35-light-border-strong:#afbed0;
  --ev35-light-text:#172033;
  --ev35-light-muted:#5f7187;
  --ev35-shadow-dark:0 8px 22px rgba(0,0,0,.22);
  --ev35-shadow-light:0 6px 18px rgba(15,23,42,.08);
}

/* --------------------------------------------------------------------------
   1. Authenticated secondary pages: one dark Elevate shell with visible layers
   -------------------------------------------------------------------------- */
.account-setup-page .setup-head,
.admin-page>.wrap>.top,
.user-manual-page>.wrap>.top,
.wealth-manual-page>.shell>.brand{
  background:var(--ev35-dark-2)!important;
  color:var(--ev35-text)!important;
  border-color:var(--ev35-border-strong)!important;
  box-shadow:var(--ev35-shadow-dark)!important;
}
.account-setup-page .setup-head h1,
.admin-page>.wrap>.top h1,
.user-manual-page>.wrap>.top h1,
.wealth-manual-page>.shell>.brand h1{
  color:var(--ev35-text)!important;
}
.account-setup-page .setup-subtitle,
.admin-page .muted,
.user-manual-page .muted,
.wealth-manual-page .muted,
.wealth-manual-page .intro{
  color:var(--ev35-text-2)!important;
}

.account-setup-page .setup-nav-shell{
  background:var(--ev35-dark-1)!important;
  border-color:var(--ev35-border)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.16)!important;
}
.account-setup-page .setup-nav a{
  background:var(--ev35-dark-3)!important;
  color:var(--ev35-text-2)!important;
  border:1px solid var(--ev35-border)!important;
}
.account-setup-page .setup-nav a:hover,
.account-setup-page .setup-nav a:focus-visible{
  color:var(--ev35-text)!important;
  border-color:#5577a0!important;
  background:#172338!important;
}
.account-setup-page .setup-nav a.active{
  color:#fff!important;
  background:#174eaf!important;
  border-color:#6fa1ff!important;
  box-shadow:0 0 0 1px rgba(111,161,255,.16) inset!important;
}

.account-setup-page .setup-card,
.admin-page>.wrap>.card,
.user-manual-page>.wrap>.card,
.wealth-manual-page>.shell>.card{
  background:var(--ev35-dark-1)!important;
  color:var(--ev35-text-2)!important;
  border:1px solid var(--ev35-border)!important;
  box-shadow:var(--ev35-shadow-dark)!important;
}
.account-setup-page .setup-card>h2,
.account-setup-page .setup-card>h3,
.admin-page .card>h2,
.admin-page .card>h3,
.user-manual-page .card h2,
.user-manual-page .card h3,
.wealth-manual-page .card h2,
.wealth-manual-page .card h3{
  color:var(--ev35-text)!important;
}
.account-setup-page .setup-card .lead,
.account-setup-page .setup-card .muted,
.account-setup-page .setup-field small,
.account-setup-page .hint,
.user-manual-page .card p,
.user-manual-page .card li,
.wealth-manual-page .card p,
.wealth-manual-page .card li{
  color:var(--ev35-text-2)!important;
}
.account-setup-page .setup-subcard,
.account-setup-page .appetite-box,
.account-setup-page .allocation-total,
.account-setup-page .cache-grid>div,
.admin-page .user-admin-block{
  background:var(--ev35-dark-2)!important;
  border-color:var(--ev35-border)!important;
  box-shadow:none!important;
}
.account-setup-page .setup-subcard>h3,
.account-setup-page .appetite-box>h3,
.admin-page .user-admin-block h3{
  color:#dce5ef!important;
}
.account-setup-page .appetite-row{
  border-color:var(--ev35-border)!important;
}
.account-setup-page .setup-field label,
.account-setup-page label,
.admin-page label{
  color:#cbd5e1!important;
}
.account-setup-page input,
.account-setup-page select,
.account-setup-page textarea,
.admin-page input,
.admin-page select,
.admin-page textarea{
  background:#0a111b!important;
  color:#f8fafc!important;
  border:1px solid #405169!important;
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset!important;
}
.account-setup-page input::placeholder,
.account-setup-page textarea::placeholder,
.admin-page input::placeholder,
.admin-page textarea::placeholder{
  color:#73869b!important;
}
.account-setup-page input:focus,
.account-setup-page select:focus,
.account-setup-page textarea:focus,
.admin-page input:focus,
.admin-page select:focus,
.admin-page textarea:focus{
  border-color:#6fa1ff!important;
  box-shadow:0 0 0 3px rgba(75,131,255,.16)!important;
}
.account-setup-page input:disabled,
.account-setup-page select:disabled,
.admin-page input:disabled,
.admin-page select:disabled{
  background:#0c1118!important;
  color:#8794a3!important;
  border-color:#273444!important;
}
.account-setup-page .setup-help{
  border-color:var(--ev35-border)!important;
}
.account-setup-page .setup-help summary{
  color:#8db8ff!important;
}
.account-setup-page .setup-help>div,
.account-setup-page .setup-help>p{
  color:var(--ev35-text-2)!important;
}
.account-setup-page .setup-savebar{
  background:rgba(7,9,13,.97)!important;
  border-color:var(--ev35-border)!important;
  box-shadow:0 -8px 20px rgba(0,0,0,.18)!important;
}

/* Setup status / feedback keeps semantic meaning without coloring every value. */
.account-setup-page .statuspill,
.admin-page .user-count{
  background:var(--ev35-dark-3)!important;
  border-color:var(--ev35-border-strong)!important;
  color:var(--ev35-text-2)!important;
}
.account-setup-page .access-note{
  background:#211b0b!important;
  border-color:#80682a!important;
  color:#f7d86a!important;
}
.account-setup-page .msg,
.admin-page .msg{
  background:var(--ev35-dark-3)!important;
  border:1px solid var(--ev35-border)!important;
  color:var(--ev35-text-2)!important;
}

/* User Management hierarchy: user identity first, actions second. */
.admin-page .user-admin-card{
  background:var(--ev35-dark-1)!important;
  border-color:var(--ev35-border-strong)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.15)!important;
}
.admin-page .user-admin-card.owner-card{
  border-color:#8a6b20!important;
  box-shadow:0 0 0 1px rgba(241,184,75,.08) inset,0 5px 15px rgba(0,0,0,.15)!important;
}
.admin-page .user-admin-head,
.admin-page .user-admin-actions{
  border-color:var(--ev35-border)!important;
}
.admin-page .user-identity strong,
.admin-page .user-readonly>strong{
  color:var(--ev35-text)!important;
}
.admin-page .user-identity span,
.admin-page .user-readonly>span,
.admin-page .user-readonly small,
.admin-page .user-stack-form small{
  color:var(--ev35-muted)!important;
}
.admin-page .user-alert{
  border:1px solid var(--ev35-border)!important;
  background:var(--ev35-dark-3)!important;
}

/* Manuals: navigation and tables should read as clearly separated content layers. */
.user-manual-page .toc,
.wealth-manual-page .toc{
  background:var(--ev35-dark-2)!important;
  border:1px solid var(--ev35-border)!important;
  border-radius:10px!important;
  padding:9px!important;
}
.user-manual-page .toc a,
.wealth-manual-page .toc a{
  color:#a8c8ff!important;
}
.user-manual-page .note,
.wealth-manual-page .note{
  background:#111b29!important;
  border-color:#334c69!important;
  color:#c7d7e8!important;
}
.wealth-manual-page .table th,
.wealth-manual-page .table td{
  border-color:#2a384a!important;
}
.wealth-manual-page .table th{
  background:#101923!important;
  color:#a9c9e8!important;
}
.wealth-manual-page .table td{
  color:#c3ceda!important;
}

/* --------------------------------------------------------------------------
   2. Trading / Market dark workspace: strengthen primary vs nested cards
   -------------------------------------------------------------------------- */
.broker-execution-main .broker-section-shell,
.broker-execution-main .portfolio-analyzer-card,
.broker-execution-main .wizard-card,
.broker-execution-main .broker-parity-section,
.broker-execution-main .broker-parity-card,
.broker-execution-main .broker-order-panel,
.broker-execution-main .order-console-panel,
.market-common-main .decision-cockpit,
.market-common-main .card,
.market-common-main .oi-details-card,
.market-common-main .moving-average-card,
.market-common-main .market-news-shell{
  background:var(--ev35-dark-1)!important;
  border:1px solid var(--ev35-border-strong)!important;
  box-shadow:var(--ev35-shadow-dark)!important;
}
.broker-execution-main .broker-section-shell,
.broker-execution-main .broker-parity-section{
  border-radius:14px!important;
}
.broker-execution-main .card,
.broker-execution-main .hedge-reduce-panel,
.broker-execution-main .hedge-standalone-panel,
.broker-execution-main .wizard-section,
.broker-execution-main .impact-contract,
.broker-execution-main .portfolio-table-wrap,
.market-common-main .card-body,
.market-common-main .oi-chart-panel,
.market-common-main .market-news-panel{
  background:var(--ev35-dark-2)!important;
  border-color:var(--ev35-border)!important;
}
.broker-execution-main .broker-section-head,
.broker-execution-main .card-header,
.broker-execution-main .wizard-header,
.broker-execution-main .broker-order-panel-head,
.broker-execution-main .order-console-head,
.market-common-main .card-header,
.market-common-main .decision-cockpit-section-header,
.market-common-main .moving-average-header{
  border-color:var(--ev35-border)!important;
}

/* Nested metric tiles get a subtle surface distinction instead of floating text. */
.broker-execution-main .broker-capital-metric,
.broker-execution-main .portfolio-summary-metric,
.broker-execution-main .wizard-metric,
.broker-execution-main .impact-cell,
.market-common-main .otp-inline-metric{
  background:var(--ev35-dark-3)!important;
  border:1px solid var(--ev35-border)!important;
  border-radius:9px!important;
}
.broker-execution-main .broker-capital-metric,
.broker-execution-main .portfolio-summary-metric,
.broker-execution-main .wizard-metric{
  padding:10px!important;
}

.broker-execution-main h1,
.broker-execution-main h2,
.broker-execution-main h3,
.broker-execution-main .strategy-card-heading,
.market-common-main h1,
.market-common-main h2,
.market-common-main h3{
  color:var(--ev35-text)!important;
}
.broker-execution-main label,
.broker-execution-main .impact-cell span,
.broker-execution-main .broker-capital-metric span,
.broker-execution-main .portfolio-summary-metric span,
.market-common-main .ticker-label{
  color:#aebdcc!important;
}
.broker-execution-main .impact-cell strong,
.broker-execution-main .broker-capital-metric strong,
.broker-execution-main .portfolio-summary-metric strong,
.broker-execution-main .wizard-metric strong{
  color:#f8fafc!important;
}

/* Operational fields: stronger border/focus so editable vs read-only is obvious. */
.broker-execution-main input:not([type="checkbox"]):not([type="radio"]),
.broker-execution-main select,
.broker-execution-main textarea,
.market-common-main input:not([type="checkbox"]):not([type="radio"]),
.market-common-main select,
.market-common-main textarea{
  background:#0a111b!important;
  color:#f8fafc!important;
  border-color:#405169!important;
}
.broker-execution-main input:focus-visible,
.broker-execution-main select:focus-visible,
.broker-execution-main textarea:focus-visible,
.market-common-main input:focus-visible,
.market-common-main select:focus-visible,
.market-common-main textarea:focus-visible{
  border-color:#6fa1ff!important;
  box-shadow:0 0 0 3px rgba(75,131,255,.16)!important;
}
.broker-execution-main input[readonly],
.broker-execution-main input:disabled,
.broker-execution-main select:disabled{
  background:#0d141d!important;
  color:#9babbd!important;
  border-color:#2b3949!important;
}

/* Tables stay dark, but headers and row separation are more visible. */
.broker-execution-main table,
.market-common-main table{
  border-color:var(--ev35-border)!important;
}
.broker-execution-main thead th,
.market-common-main thead th{
  background:#121b26!important;
  color:#b9cbe0!important;
  border-color:#334257!important;
}
.broker-execution-main tbody td,
.market-common-main tbody td{
  border-color:#273444!important;
}
.broker-execution-main tbody tr:hover td,
.market-common-main tbody tr:hover td{
  background:#111a25!important;
}

/* Semantic states: restrained accents only where meaning exists. */
.broker-execution-main .impact-contract.improves,
.broker-execution-main .impact-contract[data-state="improves"]{
  border-color:rgba(53,208,111,.55)!important;
}
.broker-execution-main .impact-contract.worsens,
.broker-execution-main .impact-contract[data-state="worsens"]{
  border-color:rgba(241,184,75,.62)!important;
}
.broker-execution-main .section-order-status,
.broker-execution-main .impact-order-summary{
  border:1px solid var(--ev35-border)!important;
}
.broker-execution-main .impact-order-summary{
  background:#10223b!important;
  color:#dce9f8!important;
}
.broker-execution-main .impact-order-summary strong{
  color:#8db8ff!important;
}

/* --------------------------------------------------------------------------
   3. Wealth area: retain light analytical cards, strengthen borders/hierarchy
   -------------------------------------------------------------------------- */
#wealth-management-area{
  color:var(--ev35-light-text)!important;
}
#wealth-management-area .wealth-source-panel,
#wealth-management-area .wealth-summary-card,
#wealth-management-area .wealth-analyzer-card,
#wealth-management-area .wealth-source-distribution-card,
#wealth-management-area .wealth-esip-shell,
#wealth-management-area .wealth-esip-panel,
#wealth-management-area .wb-r5-builder-card,
#wealth-management-area .wb-r5-timeline-card,
#wealth-management-area .wb-r5-allocation-card,
#wealth-management-area .wb-r5-expense-card,
#wealth-management-area .wb-r4-step-card,
#wealth-management-area .wb-r2-detail-card,
#wealth-management-area .wo-pitch-card,
#wealth-management-area .wo-learning-shell,
#wealth-management-area .wo-topic-panel{
  background:var(--ev35-light)!important;
  border:1px solid var(--ev35-light-border)!important;
  box-shadow:var(--ev35-shadow-light)!important;
}
#wealth-management-area .wealth-source-status,
#wealth-management-area .wealth-asset-row,
#wealth-management-area .wealth-source-disclosure,
#wealth-management-area .wealth-source-allocation-card,
#wealth-management-area .wb-r2-rules-card,
#wealth-management-area .wb-rule-grid>*,
#wealth-management-area .wealth-esip-math-grid>*,
#wealth-management-area .wealth-esip-rule-grid>*{
  background:var(--ev35-light-2)!important;
  border-color:var(--ev35-light-border)!important;
}
#wealth-management-area h1,
#wealth-management-area h2,
#wealth-management-area h3,
#wealth-management-area strong{
  color:var(--ev35-light-text)!important;
}
#wealth-management-area p,
#wealth-management-area small,
#wealth-management-area .muted,
#wealth-management-area .wealth-source-head p{
  color:var(--ev35-light-muted)!important;
}
#wealth-management-area input:not([type="checkbox"]):not([type="radio"]),
#wealth-management-area select,
#wealth-management-area textarea{
  background:#fff!important;
  color:#172033!important;
  border:1px solid var(--ev35-light-border-strong)!important;
}
#wealth-management-area input:focus-visible,
#wealth-management-area select:focus-visible,
#wealth-management-area textarea:focus-visible{
  border-color:#4b83ff!important;
  box-shadow:0 0 0 3px rgba(75,131,255,.14)!important;
}
#wealth-management-area .wealth-collector-source-tab{
  border-color:var(--ev35-light-border)!important;
  background:#f7f9fc!important;
  color:#34455b!important;
}
#wealth-management-area .wealth-collector-source-tab.active{
  background:#eaf2ff!important;
  border-color:#4b83ff!important;
  color:#174b9f!important;
  box-shadow:0 0 0 1px rgba(75,131,255,.10) inset!important;
}
#wealth-management-area .wealth-function-tab{
  border-color:#334257!important;
}
#wealth-management-area .wealth-function-tab.active{
  border-color:#68a0ff!important;
  box-shadow:0 0 0 1px rgba(104,160,255,.14) inset!important;
}

/* --------------------------------------------------------------------------
   4. Modal / popup hierarchy: backdrop, modal, content, actions are distinct
   -------------------------------------------------------------------------- */
.wizard-modal-backdrop,
.elevate-modal{
  background:rgba(2,6,12,.72)!important;
  backdrop-filter:blur(2px);
}
.wizard-modal-card,
.elevate-modal-panel{
  border:1px solid #52657d!important;
  box-shadow:0 22px 60px rgba(0,0,0,.50)!important;
}
.wizard-modal-head,
.elevate-modal-head{
  border-bottom:1px solid #d3dce6!important;
}
.wizard-modal-actions{
  border-top:1px solid #d3dce6!important;
}

/* --------------------------------------------------------------------------
   5. Buttons / actions: primary, secondary and destructive remain distinct
   -------------------------------------------------------------------------- */
.dashboard-page .btn-ghost,
.account-setup-page .btn2,
.admin-page .btn2{
  background:var(--ev35-dark-3)!important;
  border-color:var(--ev35-border-strong)!important;
  color:var(--ev35-text)!important;
}
.dashboard-page .btn-ghost:hover,
.account-setup-page .btn2:hover,
.admin-page .btn2:hover{
  background:var(--ev35-dark-4)!important;
  border-color:#62768e!important;
}
.dashboard-page .btn-primary,
.dashboard-page .btn-start,
.account-setup-page .btn:not(.btn2):not(.danger),
.admin-page .btn:not(.btn2):not(.danger){
  box-shadow:0 3px 10px rgba(20,87,217,.20)!important;
}
.dashboard-page .btn-stop,
.account-setup-page .danger,
.admin-page .danger{
  background:#922233!important;
  border:1px solid #cf4d5e!important;
}

/* --------------------------------------------------------------------------
   6. Responsive density: keep hierarchy while reducing visual weight
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  .account-setup-page .setup-card,
  .admin-page>.wrap>.card,
  .user-manual-page>.wrap>.card,
  .wealth-manual-page>.shell>.card,
  .broker-execution-main .broker-section-shell,
  .broker-execution-main .portfolio-analyzer-card,
  .broker-execution-main .wizard-card,
  .market-common-main .decision-cockpit{
    box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
  }
  .broker-execution-main .broker-capital-metric,
  .broker-execution-main .portfolio-summary-metric,
  .broker-execution-main .wizard-metric{
    padding:9px!important;
  }
  #wealth-management-area .wealth-source-panel,
  #wealth-management-area .wealth-summary-card,
  #wealth-management-area .wealth-analyzer-card,
  #wealth-management-area .wb-r5-builder-card{
    box-shadow:0 3px 10px rgba(15,23,42,.06)!important;
  }
}

/* Reduced-motion users should never receive cosmetic motion from this layer. */
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}