/* FRA Prop HQ v9.1.0 — Calm pages / progressive disclosure
   Keeps existing data hooks and functionality, but removes the wall-of-cards feel. */
:root{
  --v91-page-max:1280px;
  --v91-line:rgba(255,255,255,.075);
  --v91-line-strong:rgba(255,255,255,.12);
  --v91-muted:#7b8580;
  --v91-text:#eef2ef;
  --v91-accent:#bdf63e;
  --v91-soft:rgba(189,246,62,.075);
}

/* More breathing room, fewer visible containers */
body:not(.signed-out) .app-shell .view{
  max-width:var(--v91-page-max)!important;
}
body:not(.signed-out) .app-shell .section-head{
  margin:0 0 30px!important;
  padding:0!important;
  border:0!important;
}
body:not(.signed-out) .app-shell .section-head h2{
  font-size:clamp(25px,3vw,38px)!important;
  font-weight:620!important;
  letter-spacing:-.052em!important;
  line-height:1.02!important;
}
body:not(.signed-out) .app-shell .section-head p{
  margin-top:9px!important;
  max-width:620px!important;
  color:var(--v91-muted)!important;
  font-size:11px!important;
  line-height:1.65!important;
}

/* Page-level progressive-disclosure tabs */
.fra-v91-tabs{
  display:flex;
  align-items:center;
  gap:22px;
  min-height:43px;
  margin:0 0 34px;
  padding:0;
  border-bottom:1px solid var(--v91-line);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.fra-v91-tabs::-webkit-scrollbar{display:none;}
.fra-v91-tab{
  position:relative;
  flex:0 0 auto;
  min-height:43px;
  padding:0 1px;
  border:0;
  background:transparent;
  color:#6f7974;
  font:inherit;
  font-size:10px;
  font-weight:720;
  cursor:pointer;
  white-space:nowrap;
}
.fra-v91-tab:hover{color:#b8c0bc;}
.fra-v91-tab.active{color:var(--v91-text);}
.fra-v91-tab.active::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  border-radius:999px 999px 0 0;
  background:var(--v91-accent);
}
.fra-v91-section-off{display:none!important;}

/* Flatten primary content instead of stacking cards */
body:not(.signed-out) .view > .panel,
body:not(.signed-out) .view .fra-v91-flat-panel{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:24px 0!important;
}
body:not(.signed-out) .view > .panel + .panel{
  border-top:1px solid var(--v91-line)!important;
}
body:not(.signed-out) .view .panel-head{
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
}
body:not(.signed-out) .view .panel-head h2{
  font-size:16px!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
body:not(.signed-out) .view .panel-head p,
body:not(.signed-out) .view .panel-sub{
  color:var(--v91-muted)!important;
  font-size:10px!important;
}

/* Metrics become a quiet information rail instead of boxes */
body:not(.signed-out) .view .kpi-grid{
  display:grid!important;
  gap:0!important;
  border-top:1px solid var(--v91-line)!important;
  border-bottom:1px solid var(--v91-line)!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body:not(.signed-out) .view .kpi-card{
  min-height:82px!important;
  margin:0!important;
  padding:17px 18px!important;
  border:0!important;
  border-right:1px solid var(--v91-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.signed-out) .view .kpi-card:last-child{border-right:0!important;}
body:not(.signed-out) .view .kpi-card span{
  color:#626c67!important;
  font-size:8px!important;
  letter-spacing:.11em!important;
}
body:not(.signed-out) .view .kpi-card strong{
  margin-top:8px!important;
  font-size:20px!important;
  font-weight:650!important;
  letter-spacing:-.035em!important;
}

/* Dashboard: calm title, then one selected workspace at a time */
#view-dashboard .v801-command-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:26px!important;
  margin:0 0 22px!important;
  padding:8px 0 22px!important;
  border:0!important;
  border-bottom:1px solid var(--v91-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-dashboard .v801-command-hero:after{display:none!important;}
#view-dashboard .v801-hero-copy h2{
  font-size:clamp(30px,4vw,48px)!important;
  font-weight:610!important;
  letter-spacing:-.06em!important;
}
#view-dashboard .v801-hero-copy p{
  max-width:560px!important;
  color:var(--v91-muted)!important;
  font-size:11px!important;
}
#view-dashboard .v801-hero-actions{justify-content:flex-end!important;}
#view-dashboard .dashboard-terminal-strip{
  margin:0 0 24px!important;
  border:0!important;
  border-bottom:1px solid var(--v91-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
#view-dashboard .v801-dashboard-grid{gap:30px!important;}
#view-dashboard .accounts-panel{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
#view-dashboard .v801-dashboard-rail{
  gap:18px!important;
  padding-left:26px!important;
  border-left:1px solid var(--v91-line)!important;
}
#view-dashboard .v801-dashboard-rail > *{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 0 18px!important;
  border-bottom:1px solid var(--v91-line)!important;
}
#view-dashboard #v7DataConfidence{
  max-width:820px!important;
  margin:0!important;
}
#view-dashboard #onboardingChecklist{
  margin:0 0 24px!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid var(--v91-line)!important;
  background:transparent!important;
}

/* Tables: only the table itself gets a subtle boundary */
body:not(.signed-out) .view .table-wrap{
  border:1px solid var(--v91-line)!important;
  border-radius:10px!important;
  background:rgba(11,15,14,.45)!important;
  overflow:auto!important;
}
body:not(.signed-out) .view .data-table{
  background:transparent!important;
}
body:not(.signed-out) .view .data-table th{
  background:#0b0f0e!important;
  color:#5e6863!important;
  font-size:8px!important;
  letter-spacing:.1em!important;
}
body:not(.signed-out) .view .data-table td{
  border-color:rgba(255,255,255,.045)!important;
}

/* Copier: four small workspaces instead of the entire control room at once */
#view-copier .copier-head{
  margin-bottom:0!important;
}
#view-copier .copier-head h2{
  font-size:clamp(28px,3.5vw,42px)!important;
  font-weight:610!important;
}
#view-copier .copier-safety-banner{
  margin:0 0 26px!important;
  padding:11px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(189,246,62,.13)!important;
  border-radius:0!important;
  background:transparent!important;
}
#view-copier .copier-kpis{
  margin-bottom:30px!important;
}
#view-copier .copier-grid{
  gap:34px!important;
}
#view-copier .copier-panel{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
}
#view-copier .copier-panel:has(#copierFollowerRows){
  margin:0!important;
  padding:0!important;
}
#view-copier .copier-panel:has(#copierFollowerRows) .panel-head{
  padding:0 0 18px!important;
  border:0!important;
}
#view-copier .copier-advanced-grid{margin-top:0!important;}
#view-copier .copier-log{
  border:1px solid var(--v91-line)!important;
  background:#090d0c!important;
}

/* Connections: hide infrastructure detail until requested */
#view-connections .provider-review-panel,
#view-connections .partner-program-banner,
#view-connections .partner-core-grid,
#view-connections .single-connection-legacy{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#view-connections .multi-prop-shell{gap:28px!important;}
#view-connections .multi-prop-shell > .panel{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

/* News and Guardrails should read like editorial workspaces, not dashboards */
#view-news .squawk-hero,
#view-news .news-bias-card,
#view-guardrails .guardrail-hero,
#view-guardrails .v7-rule-command{
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#view-news .squawk-hero,
#view-guardrails .guardrail-hero{
  padding-left:0!important;
  padding-right:0!important;
}
#view-news .squawk-grid,
#view-guardrails .guardrail-layout{gap:30px!important;}

/* Secondary buttons recede. Important actions remain lime. */
body:not(.signed-out) .view .button.secondary,
body:not(.signed-out) .view .button.ghost{
  background:transparent!important;
  border-color:transparent!important;
  color:#8d9792!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
body:not(.signed-out) .view .button.secondary:hover,
body:not(.signed-out) .view .button.ghost:hover{
  color:#d5dbd8!important;
  background:rgba(255,255,255,.035)!important;
}

/* Less motion: one soft page transition, no child-by-child cascade */
@media (prefers-reduced-motion:no-preference){
  body:not(.signed-out) .view.fra-view-enter{
    animation:v91PageIn .32s cubic-bezier(.22,1,.36,1) both!important;
  }
  body:not(.signed-out) .view.fra-view-enter > *{animation:none!important;}
  .fra-v91-switching{animation:v91PaneIn .26s cubic-bezier(.22,1,.36,1) both;}
  @keyframes v91PageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
  @keyframes v91PaneIn{from{opacity:.18;transform:translateY(6px)}to{opacity:1;transform:none}}
}

@media(max-width:900px){
  body:not(.signed-out) .app-shell .view{max-width:100%!important;}
  .fra-v91-tabs{margin-bottom:24px;gap:18px;}
  #view-dashboard .v801-command-hero{align-items:flex-start!important;flex-direction:column!important;}
  #view-dashboard .v801-hero-actions{justify-content:flex-start!important;}
  #view-dashboard .v801-dashboard-rail{padding-left:0!important;border-left:0!important;border-top:1px solid var(--v91-line)!important;padding-top:22px!important;}
  #view-copier .copier-grid{grid-template-columns:1fr!important;gap:24px!important;}
}

@media(max-width:620px){
  body:not(.signed-out) .app-shell > .main-content{padding-left:18px!important;padding-right:18px!important;}
  body:not(.signed-out) .app-shell .topbar{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important;}
  body:not(.signed-out) .app-shell .section-head h2{font-size:29px!important;}
  #view-dashboard .v801-hero-copy h2{font-size:34px!important;}
  body:not(.signed-out) .view .kpi-card{padding:14px 10px!important;}
  body:not(.signed-out) .view .kpi-card strong{font-size:17px!important;}
  #view-copier .copier-kpis{grid-template-columns:1fr 1fr!important;}
}