/* FRA Prop HQ v8.1.0 — Workspace redesign
   A deliberate visual reset: fewer boxes, wider data, calmer hierarchy.
   Existing ids and runtime hooks are preserved. */

:root{
  --v810-bg:#080a0b;
  --v810-sidebar:#0b0d0e;
  --v810-surface:#0e1112;
  --v810-surface-2:#111516;
  --v810-surface-3:#15191a;
  --v810-line:rgba(255,255,255,.075);
  --v810-line-strong:rgba(255,255,255,.13);
  --v810-text:#f1f4f2;
  --v810-muted:#78827d;
  --v810-muted-2:#58615d;
  --v810-lime:#bdf63e;
  --v810-lime-soft:rgba(189,246,62,.09);
  --v810-danger:#ff6a72;
}

html,body{background:var(--v810-bg)!important;}
body{letter-spacing:0!important;}

/* ---------- APP FRAME ---------- */
.app-shell > .sidebar{
  width:186px!important;
  padding:13px 10px!important;
  background:var(--v810-sidebar)!important;
  border-right:1px solid var(--v810-line)!important;
}
.app-shell > .main-content{
  margin-left:186px!important;
  padding:0 34px 64px!important;
  background:var(--v810-bg)!important;
}
.app-shell.sidebar-collapsed > .sidebar{width:64px!important;}
.app-shell.sidebar-collapsed > .main-content{margin-left:64px!important;}
.app-shell .topbar{
  min-height:58px!important;
  margin:0 -34px 30px!important;
  padding:0 34px!important;
  background:rgba(8,10,11,.94)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid var(--v810-line)!important;
}
.app-shell .topbar h1{font-size:16px!important;font-weight:720!important;letter-spacing:-.03em!important;}
.app-shell .topbar p{display:none!important;}
.app-shell .brand-wrap{min-height:46px!important;padding:0 5px 8px!important;}
.app-shell .app-brand-logo-full{max-width:128px!important;}
.app-shell .v8-nav-label{margin:16px 8px 5px!important;font-size:7px!important;letter-spacing:.17em!important;color:#505854!important;}
.app-shell .nav-item{
  min-height:34px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  font-size:10px!important;
  color:#8d9691!important;
  transition:background .16s ease,color .16s ease!important;
}
.app-shell .nav-item:hover{background:rgba(255,255,255,.035)!important;color:#e7ebe8!important;}
.app-shell .nav-item.active{background:rgba(189,246,62,.085)!important;color:#eef4e4!important;box-shadow:inset 2px 0 0 var(--v810-lime)!important;}
.app-shell .nav-item.active .nav-icon{color:var(--v810-lime)!important;}
.app-shell .view{max-width:1480px!important;margin:0 auto!important;}

/* ---------- GLOBAL SURFACES ---------- */
.app-shell .panel{
  background:var(--v810-surface)!important;
  border:1px solid var(--v810-line)!important;
  box-shadow:none!important;
  border-radius:12px!important;
}
.app-shell .panel-head h2,.app-shell .section-head h2{font-size:14px!important;letter-spacing:-.02em!important;}
.app-shell .panel-head p,.app-shell .section-head p,.app-shell .panel-sub{color:var(--v810-muted)!important;}
.app-shell .button{border-radius:8px!important;min-height:34px!important;font-size:10px!important;font-weight:700!important;}
.app-shell .button.primary{background:var(--v810-lime)!important;color:#10130d!important;border-color:var(--v810-lime)!important;box-shadow:none!important;}
.app-shell .button.secondary,.app-shell .button.ghost{background:#111516!important;border-color:var(--v810-line-strong)!important;color:#dce1de!important;}
.app-shell .button.danger{background:rgba(255,106,114,.08)!important;border-color:rgba(255,106,114,.26)!important;color:#ff858c!important;}

/* ---------- DASHBOARD: visual reset ---------- */
#view-dashboard .v801-command-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:26px!important;
  padding:0 0 22px!important;
  margin:0 0 16px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--v810-line)!important;
  border-radius:0!important;
  overflow:visible!important;
}
#view-dashboard .v801-command-hero:after{display:none!important;}
#view-dashboard .v801-hero-copy h2{font-size:34px!important;line-height:1!important;letter-spacing:-.05em!important;}
#view-dashboard .v801-hero-copy p{font-size:11px!important;color:var(--v810-muted)!important;margin-top:8px!important;}
#view-dashboard .dashboard-eyebrow{font-size:7px!important;letter-spacing:.18em!important;color:#6d7872!important;}
#view-dashboard .v801-hero-actions{gap:7px!important;}

/* Status becomes one thin utility line, not a card. */
#view-dashboard .dashboard-terminal-strip{
  min-height:40px!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--v810-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
#view-dashboard .dashboard-terminal-strip > *{border-right:1px solid var(--v810-line)!important;}

/* KPIs become a calm statistical ribbon. */
#view-dashboard .kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin:0 0 24px!important;
  border:0!important;
  border-top:1px solid var(--v810-line)!important;
  border-bottom:1px solid var(--v810-line)!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
#view-dashboard .kpi-card{
  min-height:104px!important;
  padding:20px 22px 18px 0!important;
  margin-right:22px!important;
  background:transparent!important;
  border:0!important;
  border-right:1px solid var(--v810-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#view-dashboard .kpi-card:last-child{border-right:0!important;margin-right:0!important;}
#view-dashboard .kpi-card > span:first-child{font-size:7px!important;letter-spacing:.16em!important;color:#67706c!important;}
#view-dashboard .kpi-card strong{font-size:27px!important;letter-spacing:-.04em!important;color:#f0f4f1!important;}
#view-dashboard .kpi-sub{font-size:9px!important;color:#707b75!important;margin-top:7px!important;}

#view-dashboard #v7DataConfidence{
  margin:0 0 18px!important;
  padding:9px 0!important;
  min-height:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--v810-line)!important;
  border-radius:0!important;
}

/* Main workspace is no longer a narrow table plus stacked rail. */
#view-dashboard .v801-dashboard-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
#view-dashboard .accounts-panel{
  order:1!important;
  padding:0!important;
  border-radius:12px!important;
  overflow:visible!important;
}
#view-dashboard .accounts-panel .panel-head{
  padding:18px 20px!important;
  margin:0!important;
  border-bottom:1px solid var(--v810-line)!important;
}
#view-dashboard .accounts-panel .panel-head h2{font-size:16px!important;}
#view-dashboard .accounts-panel .table-wrap{border:0!important;border-radius:0 0 12px 12px!important;overflow:auto!important;}
#view-dashboard #accountsTable{width:100%!important;min-width:850px!important;border-collapse:collapse!important;}
#view-dashboard #accountsTable thead{background:#0b0e0f!important;}
#view-dashboard #accountsTable th{
  padding:11px 16px!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  color:#626c67!important;
  border-bottom:1px solid var(--v810-line)!important;
}
#view-dashboard #accountsTable td{
  padding:14px 16px!important;
  font-size:10px!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  background:transparent!important;
}
#view-dashboard #accountsTable tbody tr{transition:background .15s ease!important;}
#view-dashboard #accountsTable tbody tr:hover td{background:rgba(255,255,255,.018)!important;}
#view-dashboard #accountsTable tbody tr:last-child td{border-bottom:0!important;}
/* Keep dashboard operational, but remove low-value columns from the overview. */
#view-dashboard #accountsTable th:nth-child(3),#view-dashboard #accountsTable td:nth-child(3),
#view-dashboard #accountsTable th:nth-child(7),#view-dashboard #accountsTable td:nth-child(7),
#view-dashboard #accountsTable th:nth-child(10),#view-dashboard #accountsTable td:nth-child(10),
#view-dashboard #accountsTable th:nth-child(11),#view-dashboard #accountsTable td:nth-child(11){display:none!important;}

/* Secondary information is a horizontal information deck below accounts. */
#view-dashboard .v801-dashboard-rail{
  order:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr)!important;
  gap:16px!important;
  min-width:0!important;
}
#view-dashboard .v801-dashboard-rail > .panel{
  min-width:0!important;
  padding:20px!important;
  border-radius:12px!important;
  background:var(--v810-surface)!important;
}
#view-dashboard .v801-dashboard-rail > .panel:nth-child(2){display:none!important;}
#view-dashboard .v801-dashboard-rail .panel-head{margin:0 0 12px!important;}
#view-dashboard .v801-dashboard-rail .panel-head h2{font-size:13px!important;text-transform:none!important;letter-spacing:-.02em!important;}
#view-dashboard .risk-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important;}
#view-dashboard .risk-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:12px 0!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
#view-dashboard .risk-row > span{font-size:9px!important;color:#7e8983!important;}
#view-dashboard .risk-row > strong{font-size:10px!important;max-width:170px!important;color:#eef2ef!important;}
#view-dashboard .zone-quote-card{
  min-width:0!important;
  padding:20px!important;
  border:1px solid var(--v810-line)!important;
  border-radius:12px!important;
  background:var(--v810-surface)!important;
  box-shadow:none!important;
}
#view-dashboard .zone-quote-card blockquote{font-size:15px!important;line-height:1.5!important;margin:14px 0 8px!important;}
#view-dashboard .quote-context{font-size:9px!important;color:#77817c!important;}
#view-dashboard .quote-mode-row{display:none!important;}
#view-dashboard .quote-footer{margin-top:18px!important;border-top:1px solid var(--v810-line)!important;padding-top:12px!important;}

/* ---------- ACCOUNT MENU ---------- */
#view-dashboard .account-actions-menu,
#view-dashboard .account-menu,
#view-dashboard [class*="account-menu"]{
  box-shadow:0 18px 50px rgba(0,0,0,.38)!important;
  border:1px solid var(--v810-line-strong)!important;
  background:#121617!important;
  border-radius:10px!important;
}

/* ---------- COPIER: workspace, not form wall ---------- */
#view-copier .section-head.copier-head{
  padding-bottom:20px!important;
  margin-bottom:16px!important;
  border-bottom:1px solid var(--v810-line)!important;
}
#view-copier .section-head.copier-head h2{font-size:24px!important;letter-spacing:-.045em!important;}
#view-copier .copier-safety-banner{
  padding:12px 14px!important;
  margin-bottom:14px!important;
  border-radius:8px!important;
  background:rgba(189,246,62,.045)!important;
  border:1px solid rgba(189,246,62,.12)!important;
}
#view-copier .copier-kpis{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-bottom:18px!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--v810-line)!important;
  border-bottom:1px solid var(--v810-line)!important;
  border-radius:0!important;
}
#view-copier .copier-kpis .kpi-card{
  padding:17px 18px 17px 0!important;
  margin-right:18px!important;
  background:transparent!important;
  border:0!important;
  border-right:1px solid var(--v810-line)!important;
  border-radius:0!important;
}
#view-copier .copier-kpis .kpi-card:last-child{border-right:0!important;}
#view-copier .copier-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
#view-copier .copier-panel{padding:20px!important;border-radius:12px!important;}
#view-copier .copier-panel .panel-head{margin-bottom:16px!important;}
#view-copier .copier-panel .panel-head h2{font-size:14px!important;}
#view-copier .copier-form-grid{gap:12px!important;}
#view-copier .copier-field input,#view-copier .copier-field select,
#view-copier .copier-test-grid input,#view-copier .copier-test-grid select{
  min-height:38px!important;
  border-radius:8px!important;
  background:#0b0e0f!important;
  border-color:var(--v810-line-strong)!important;
}
#view-copier .copier-control-stack{gap:8px!important;}
#view-copier .copier-arm-button{min-height:44px!important;font-size:11px!important;}
#view-copier .copier-kill-button{min-height:40px!important;}
#view-copier .copier-panel:has(#copierFollowerRows){
  margin-top:14px!important;
  padding:0!important;
  overflow:hidden!important;
}
#view-copier .copier-panel:has(#copierFollowerRows) .panel-head{padding:18px 20px 14px!important;margin:0!important;border-bottom:1px solid var(--v810-line)!important;}
#view-copier .copier-table th{font-size:7px!important;letter-spacing:.12em!important;color:#68716d!important;padding:11px 14px!important;}
#view-copier .copier-table td{padding:13px 14px!important;border-bottom:1px solid rgba(255,255,255,.045)!important;}
#view-copier .copier-config-note{margin:14px 18px 18px!important;padding:10px 12px!important;border-radius:8px!important;}
#view-copier .copier-advanced-grid{margin-top:14px!important;}
#view-copier .copier-log{background:#0a0d0e!important;border-radius:9px!important;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1180px){
  .app-shell > .sidebar{width:170px!important;}
  .app-shell > .main-content{margin-left:170px!important;padding-left:24px!important;padding-right:24px!important;}
  .app-shell .topbar{margin-left:-24px!important;margin-right:-24px!important;padding-left:24px!important;padding-right:24px!important;}
  #view-dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #view-dashboard .kpi-card:nth-child(2){border-right:0!important;}
  #view-dashboard .v801-dashboard-rail{grid-template-columns:1fr!important;}
  #view-copier .copier-grid{grid-template-columns:1fr!important;}
}
@media (max-width:760px){
  .app-shell > .main-content{padding-left:14px!important;padding-right:14px!important;}
  .app-shell .topbar{margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important;}
  #view-dashboard .v801-command-hero{align-items:flex-start!important;flex-direction:column!important;}
  #view-dashboard .v801-hero-copy h2{font-size:27px!important;}
  #view-dashboard .kpi-grid{grid-template-columns:1fr 1fr!important;}
  #view-dashboard .kpi-card{padding-right:12px!important;margin-right:12px!important;}
  #view-dashboard .risk-list{grid-template-columns:1fr!important;}
  #view-copier .copier-kpis{grid-template-columns:1fr!important;}
  #view-copier .copier-kpis .kpi-card{border-right:0!important;border-bottom:1px solid var(--v810-line)!important;margin-right:0!important;}
}