/* FRA Prop HQ v9.2.7 — Grounded workspace pass
   One calm page surface per view. Content lives inside the page instead of
   appearing as detached cards floating above the animated background. */

:root{
  --v927-page:#f5f7f6;
  --v927-page-strong:#ffffff;
  --v927-page-soft:#eef2f0;
  --v927-line:#d4dcd7;
  --v927-line-soft:#e2e7e4;
  --v927-text:#25302a;
  --v927-muted:#748079;
  --v927-chart:#383e42;
}

/* Main app canvas: candles remain visible only around the page sheet. */
body:not(.signed-out) .app-shell > .main-content{
  padding-top:22px!important;
  padding-bottom:48px!important;
}

body:not(.signed-out) .app-shell .view{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding:30px 34px 40px!important;
  background:rgba(245,247,246,.965)!important;
  border:1px solid rgba(205,214,209,.98)!important;
  border-radius:24px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset!important;
  overflow:hidden!important;
}

/* Keep hidden views hidden regardless of the page-sheet rule above. */
body:not(.signed-out) .app-shell .view:not(.active){display:none!important;}

/* Header area belongs to the page rather than hovering above it. */
body:not(.signed-out) .app-shell .section-head,
body:not(.signed-out) #view-dashboard .v801-command-hero,
body:not(.signed-out) #view-copier .copier-head{
  margin:0 0 24px!important;
  padding:0 0 22px!important;
  border:0!important;
  border-bottom:1px solid var(--v927-line)!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Page tabs sit directly on the grounded surface. */
body:not(.signed-out) .fra-v91-tabs{
  margin:0 0 28px!important;
  border-bottom:1px solid var(--v927-line)!important;
}

/* Generic sections are rows within the page, not separate floating cards. */
body:not(.signed-out) .view > .panel,
body:not(.signed-out) .view .fra-v91-flat-panel,
body:not(.signed-out) #view-dashboard .accounts-panel,
body:not(.signed-out) #view-copier .copier-panel{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body:not(.signed-out) .view > .panel + .panel{
  border-top:1px solid var(--v927-line-soft)!important;
}

/* Dashboard status rails become embedded grey rows. */
body:not(.signed-out) #dashboardTerminalStrip,
body:not(.signed-out) #view-dashboard .kpi-grid,
body:not(.signed-out) .view .kpi-grid{
  background:var(--v927-page-soft)!important;
  border:1px solid var(--v927-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body:not(.signed-out) #dashboardTerminalStrip .dashboard-terminal-cell,
body:not(.signed-out) .view .kpi-card{
  background:transparent!important;
  border-color:var(--v927-line)!important;
}

/* Tables: visually connected to the page, solid enough for readability. */
body:not(.signed-out) .panel:has(> .table-wrap),
body:not(.signed-out) .accounts-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body:not(.signed-out) .table-wrap,
body:not(.signed-out) #view-dashboard .accounts-panel .table-wrap,
body:not(.signed-out) #view-accounts .table-wrap{
  background:var(--v927-page-strong)!important;
  border:1px solid var(--v927-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:auto!important;
}

body:not(.signed-out) .data-table{
  background:var(--v927-page-strong)!important;
}

body:not(.signed-out) .data-table thead,
body:not(.signed-out) .data-table thead tr,
body:not(.signed-out) .data-table thead th{
  background:#edf1ef!important;
  color:#5f6b64!important;
  border-color:var(--v927-line)!important;
}

body:not(.signed-out) .data-table tbody tr,
body:not(.signed-out) .data-table tbody td{
  background:#ffffff!important;
  color:#344039!important;
  border-color:#e4e9e6!important;
}
body:not(.signed-out) .data-table tbody tr:nth-child(even) td{background:#f8faf9!important;}
body:not(.signed-out) .data-table tbody tr:hover td{background:#f0f5f2!important;}

/* Charts: one confident dark-grey plotting surface, nested in the page. */
body:not(.signed-out) .chart-container,
body:not(.signed-out) .chart-container.tall,
body:not(.signed-out) .nt-chart-wrap,
body:not(.signed-out) .v760-history-wrap,
body:not(.signed-out) #view-strategies .lab-chart-workspace,
body:not(.signed-out) #view-strategies .lab-chart-stage,
body:not(.signed-out) #view-strategies .lab-chart-wrap,
body:not(.signed-out) #view-strategies .lab-chart-topbar{
  background:var(--v927-chart)!important;
  background-image:none!important;
}

body:not(.signed-out) .chart-container,
body:not(.signed-out) .chart-container.tall,
body:not(.signed-out) .nt-chart-wrap,
body:not(.signed-out) .v760-history-wrap{
  border:1px solid #30363a!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

/* Rail/support elements should feel attached, not like floating cards. */
body:not(.signed-out) #view-dashboard .v801-dashboard-rail{
  border-left:1px solid var(--v927-line)!important;
}
body:not(.signed-out) #view-dashboard .v801-dashboard-rail > *{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--v927-line-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Onboarding becomes a shallow inset band inside the same page sheet. */
body:not(.signed-out) #view-dashboard .v74-start-card,
body:not(.signed-out) #onboardingChecklist{
  background:#eef4ef!important;
  border:1px solid #d8e2da!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

/* Give grouped page sections a little breathing room without new cards. */
body:not(.signed-out) .view .panel-head{margin-bottom:16px!important;}
body:not(.signed-out) .view .panel-head h2{color:var(--v927-text)!important;}
body:not(.signed-out) .view .panel-head p,
body:not(.signed-out) .view .panel-sub{color:var(--v927-muted)!important;}

@media(max-width:900px){
  body:not(.signed-out) .app-shell > .main-content{padding-top:12px!important;}
  body:not(.signed-out) .app-shell .view{
    padding:22px 18px 30px!important;
    border-radius:18px!important;
  }
}

@media(max-width:620px){
  body:not(.signed-out) .app-shell .view{
    padding:18px 12px 26px!important;
    border-radius:14px!important;
  }
}