/* FRA Prop HQ v9.3.0 — unified application frame + group-first copier */
:root{
  --v930-outer:#d9dddb;
  --v930-shell:#e9ecea;
  --v930-sheet:#f7f8f7;
  --v930-white:#ffffff;
  --v930-line:#d2d8d4;
  --v930-line-soft:#e3e7e4;
  --v930-text:#202824;
  --v930-muted:#758079;
  --v930-green:#79b76a;
  --v930-green-soft:#edf5ea;
  --v930-warn:#f7efe6;
  --v930-warn-line:#e5c9ab;
  --v930-danger:#b85f62;
  --v930-console:#151719;
  --v930-console-2:#1b1e21;
  --v930-console-3:#202428;
  --v930-console-line:#30353a;
  --v930-console-text:#e9edeb;
  --v930-console-muted:#929b96;
  --v930-console-green:#36d28a;
  --v930-console-red:#ef6e76;
  --v930-console-purple:#8d76ff;
}

/* One actual app window. The animated candle canvas now lives OUTSIDE this shell,
   rather than visually running behind every block of content. */
html body:not(.signed-out).terminal-trial #appShell.app-shell{
  width:min(1600px,calc(100% - 28px))!important;
  max-width:1600px!important;
  min-height:calc(100vh - 28px)!important;
  margin:14px auto!important;
  background:var(--v930-shell)!important;
  border:1px solid rgba(174,184,178,.72)!important;
  border-radius:24px!important;
  box-shadow:0 22px 70px rgba(48,60,54,.12)!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:3!important;
}

html body:not(.signed-out).terminal-trial #appShell > .sidebar{display:none!important;}
html body:not(.signed-out).terminal-trial #appShell > .main-content{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 28px)!important;
  margin:0!important;
  padding:0 28px 40px!important;
  background:var(--v930-shell)!important;
  overflow:visible!important;
}
html body:not(.signed-out).terminal-trial #appShell.sidebar-collapsed > .main-content{margin-left:0!important;}

html body:not(.signed-out).terminal-trial #appShell .topbar{
  min-height:68px!important;
  width:auto!important;
  margin:0 -28px!important;
  padding:0 28px!important;
  background:rgba(255,255,255,.97)!important;
  border:0!important;
  border-bottom:1px solid var(--v930-line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* Global alerts are attached to the work area, not isolated black slabs. */
html body:not(.signed-out).terminal-trial #appShell .macro-risk-strip,
html body:not(.signed-out).terminal-trial #appShell .guardrail-global-banner,
html body:not(.signed-out).terminal-trial #appShell .demo-banner{
  width:min(1480px,100%)!important;
  margin:18px auto 0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html body:not(.signed-out).terminal-trial #appShell .guardrail-global-banner{
  background:#f4ece8!important;
  color:#5f4943!important;
  border:1px solid #dec8bd!important;
}
html body:not(.signed-out).terminal-trial #appShell .guardrail-global-banner strong,
html body:not(.signed-out).terminal-trial #appShell .guardrail-global-banner span{color:#5f4943!important;}
html body:not(.signed-out).terminal-trial #appShell .macro-risk-strip{
  background:#f7f1e8!important;
  color:#635745!important;
  border:1px solid #e2d5c1!important;
}
html body:not(.signed-out).terminal-trial #appShell .macro-risk-strip strong,
html body:not(.signed-out).terminal-trial #appShell .macro-risk-strip span{color:#635745!important;}

/* One solid sheet per page. Strong specificity intentionally beats the legacy terminal CSS. */
html body:not(.signed-out).terminal-trial #appShell > .main-content > .view.active{
  display:block!important;
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  min-width:0!important;
  margin:20px auto 0!important;
  padding:28px 30px 36px!important;
  background:var(--v930-sheet)!important;
  background-image:none!important;
  border:1px solid var(--v930-line)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body:not(.signed-out).terminal-trial #appShell > .main-content > .view:not(.active){display:none!important;}

html body:not(.signed-out).terminal-trial #appShell .view.active .section-head,
html body:not(.signed-out).terminal-trial #appShell #view-dashboard .v801-command-hero{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--v930-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0 0 22px!important;
  padding:0 0 22px!important;
}
html body:not(.signed-out).terminal-trial #appShell #view-dashboard .v801-command-hero{display:flex!important;justify-content:space-between!important;gap:24px!important;align-items:flex-end!important;}
html body:not(.signed-out).terminal-trial #appShell #view-dashboard .v801-hero-copy h2{color:var(--v930-text)!important;}

html body:not(.signed-out).terminal-trial #appShell .fra-v91-tabs{
  margin:0 0 24px!important;
  border-color:var(--v930-line)!important;
}
html body:not(.signed-out).terminal-trial #appShell #dashboardTerminalStrip,
html body:not(.signed-out).terminal-trial #appShell #view-dashboard .kpi-grid{
  background:#edf0ee!important;
  border:1px solid var(--v930-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html body:not(.signed-out).terminal-trial #appShell #dashboardTerminalStrip .dashboard-terminal-cell,
html body:not(.signed-out).terminal-trial #appShell #view-dashboard .kpi-card{
  background:transparent!important;
  border-color:var(--v930-line)!important;
}

/* Normal page sections belong to the sheet. */
html body:not(.signed-out).terminal-trial #appShell .view.active > .panel,
html body:not(.signed-out).terminal-trial #appShell .view.active .fra-v91-flat-panel{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body:not(.signed-out).terminal-trial #appShell .view.active .table-wrap{
  background:#fff!important;
  border:1px solid var(--v930-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html body:not(.signed-out).terminal-trial #appShell .view.active .data-table tbody td{background:#fff!important;}
html body:not(.signed-out).terminal-trial #appShell .view.active .data-table tbody tr:nth-child(even) td{background:#f7f9f8!important;}
html body:not(.signed-out).terminal-trial #appShell .view.active .data-table thead th{background:#edf1ef!important;color:#5d6962!important;}

/* Copier — one cohesive execution console inspired by the user's reference workflow. */
html body:not(.signed-out).terminal-trial #appShell > .main-content > #view-copier.view.active{
  padding:0!important;
  background:var(--v930-console)!important;
  border-color:#2c3034!important;
  color:var(--v930-console-text)!important;
  overflow:hidden!important;
}
.copydesk-page-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px 22px;border-bottom:1px solid var(--v930-console-line);background:#181b1e;
}
.copydesk-page-head h2{margin:4px 0 3px!important;color:#fff!important;font-size:20px!important;letter-spacing:-.025em!important;}
.copydesk-page-head p{margin:0;color:var(--v930-console-muted);font-size:10px;}
.copydesk-page-head .section-kicker{color:#8c9691!important;}
.copydesk-page-actions{display:flex;align-items:center;gap:8px;}
#view-copier .copier-worker-strip{background:#202428!important;border:1px solid var(--v930-console-line)!important;color:#b8c0bc!important;}
#view-copier .button.secondary{background:#22262a!important;border-color:#353a3f!important;color:#d4d9d6!important;}
.copydesk-console{background:var(--v930-console);}
.copydesk-group-summary{
  display:grid;grid-template-columns:1.05fr .75fr 1.45fr .8fr .7fr 1fr .9fr .9fr auto;
  min-width:1180px;border-bottom:1px solid var(--v930-console-line);background:#17191c;
}
.copydesk-summary-cell{min-width:0;padding:14px 14px;border-right:1px solid #292e32;}
.copydesk-summary-cell>span{display:block;color:#777f7b;font-size:7px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}
.copydesk-summary-cell strong{display:block;margin-top:6px;color:#e7ebe9;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.copydesk-summary-cell small{display:block;margin-top:4px;color:#707975;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.copydesk-summary-cell strong.positive{color:var(--v930-console-green)!important;}
.copydesk-summary-cell strong.negative{color:var(--v930-console-red)!important;}
.copydesk-status{color:var(--v930-console-green)!important;}
.copydesk-summary-actions{display:flex;align-items:center;gap:6px;padding:12px;white-space:nowrap;}
#view-copier .copier-mode-chip{border:1px solid #373d42!important;background:#202428!important;color:#aeb6b2!important;padding:6px 8px!important;border-radius:5px!important;}
.copydesk-action{height:30px;padding:0 9px;border:1px solid #373d42;border-radius:5px;background:#23272b;color:#b8c0bc;font-size:8px;font-weight:800;cursor:pointer;}
.copydesk-action.primary{background:#2d6250;border-color:#39735f;color:#dffff2;}
.copydesk-action.danger{background:#613039;border-color:#7d3b46;color:#ffdce0;}
.copydesk-action:disabled{opacity:.42;cursor:not-allowed;}
.copydesk-tabs{display:flex;gap:3px;padding:0 14px;border-bottom:1px solid var(--v930-console-line);background:#1a1d20;}
.copydesk-tabs button{height:38px;padding:0 11px;border:0;border-bottom:2px solid transparent;background:transparent;color:#858e89;font-size:9px;font-weight:800;cursor:pointer;}
.copydesk-tabs button.active{color:#a996ff;border-bottom-color:#856fff;}
.copydesk-tab-panel{display:none;}
.copydesk-tab-panel.active{display:block;}
.copydesk-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px;background:#1c1f22;border-bottom:1px solid #292e32;color:#707976;font-size:7px;font-weight:850;letter-spacing:.11em;}
.copydesk-table-toolbar>div{display:flex;gap:12px;}
.copydesk-text-button{padding:0;border:0;background:none;color:#9a87ff;font-size:8px;font-weight:750;cursor:pointer;}
.copydesk-table-wrap{overflow:auto;background:#151719;}
.copydesk-table{width:100%;min-width:1180px;border-collapse:collapse;table-layout:auto;}
.copydesk-table th{padding:8px 12px;background:#202327;border-bottom:1px solid #2f3438;color:#7d8581;font-size:7px;font-weight:850;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;}
.copydesk-table th.num,.copydesk-table td.num{text-align:right;}
.copydesk-table td{padding:8px 12px;border-bottom:1px solid #252a2e;color:#cfd5d2;font-size:8.5px;vertical-align:middle;white-space:nowrap;background:#17191c!important;}
.copydesk-table tbody tr:hover td{background:#1c1f22!important;}
.copydesk-table tbody tr:last-child td{border-bottom:0;}
.copydesk-table select,.copydesk-table input{height:27px;border:1px solid #343a3f;border-radius:5px;background:#202428;color:#d3d8d5;font-size:8px;outline:0;}
.copydesk-table select{min-width:88px;padding:0 22px 0 7px;}
.copydesk-table input{width:70px;padding:0 7px;}
.copydesk-table .loss-input{width:86px;}
.copydesk-account-cell strong{display:flex!important;align-items:center;gap:7px;color:#e1e6e3!important;font-size:8.5px!important;font-weight:700!important;}
.copydesk-account-cell small{color:#69716d!important;font-size:7.5px!important;margin-top:3px;}
.copydesk-route-dot{width:6px;height:6px;border-radius:50%;background:#5b6260;box-shadow:none;flex:0 0 6px;}
.copydesk-route-dot.online{background:#39d28b;box-shadow:0 0 0 3px rgba(57,210,139,.08);}
#view-copier .copier-prop-tag{border-color:#365f50!important;background:#1a2a25!important;color:#7fe7b9!important;border-radius:4px!important;}
.copydesk-money{color:#d9dedb!important;}
#view-copier .positive{color:var(--v930-console-green)!important;}
#view-copier .negative{color:var(--v930-console-red)!important;}
.copydesk-route{display:inline-flex;align-items:center;gap:5px;color:#737c78;font-size:7.5px;font-weight:850;}
.copydesk-route.online{color:#57dda0;}.copydesk-route.offline{color:#dd6e76;}
.copydesk-table-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-top:1px solid #292e32;background:#1a1d20;color:#747d78;font-size:8px;}
.copydesk-save{min-height:30px;padding:0 12px;border:1px solid #6f5fe1;border-radius:5px;background:#7e69f3;color:white;font-size:8px;font-weight:850;cursor:pointer;}
.copydesk-orders-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #292e32;}
.copydesk-orders-head span,.copydesk-testbench>div>span{display:block;color:#747c78;font-size:7px;font-weight:850;letter-spacing:.1em;}
.copydesk-orders-head strong,.copydesk-testbench>div>strong{display:block;margin-top:4px;color:#e3e7e5;font-size:11px;}
#view-copier .copier-log{max-height:360px;background:#151719!important;border:0!important;border-radius:0!important;}
#view-copier .copier-log-row{padding:9px 14px;border-color:#272c30!important;}
#view-copier .copier-log-message{color:#bfc6c2!important;}
.copydesk-testbench{display:grid;grid-template-columns:minmax(240px,1fr) 110px 90px 150px auto;gap:10px;align-items:end;padding:16px 14px;border-top:1px solid #292e32;background:#181b1e;}
.copydesk-testbench small{display:block;margin-top:4px;color:#707974;font-size:8px;}
.copydesk-testbench label{display:grid;gap:5px;color:#747d79;font-size:7px;font-weight:800;text-transform:uppercase;}
.copydesk-testbench select,.copydesk-testbench input{height:31px;border:1px solid #343a3f;border-radius:5px;background:#202428;color:#e1e5e3;padding:0 8px;}
.copydesk-settings-grid{display:grid;grid-template-columns:minmax(320px,1.5fr) 170px minmax(300px,1fr) 220px;gap:12px;padding:18px 14px;}
#view-copier .copier-field>span,.copydesk-mode-block>span{color:#777f7b!important;font-size:7px!important;}
#view-copier .copier-field select,#view-copier .copier-field input{background:#202428!important;border-color:#343a3f!important;color:#e1e5e3!important;}
#view-copier .copier-mode-switch{margin:5px 0 0!important;}
#view-copier .copier-mode-switch button{background:#202428!important;border-color:#343a3f!important;color:#8b9490!important;border-radius:5px!important;}
#view-copier .copier-mode-switch button.active{background:#273f36!important;border-color:#35614f!important;color:#9ae8bf!important;}
#view-copier .copier-safety-banner{margin:0 14px 14px!important;background:#1b2020!important;border:1px solid #31383a!important;border-radius:7px!important;color:#c6ccc9!important;}
#view-copier .copier-safety-banner strong{color:#dce1de!important;}
#view-copier .copier-safety-banner p{color:#7f8883!important;}
.copydesk-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid #292e32;background:#1a1d20;}
#view-copier .copier-save-state{margin:0!important;color:#7e8782!important;}
#view-copier .copier-save-state.good{color:#57d89d!important;}#view-copier .copier-save-state.bad{color:#e8737a!important;}

@media(max-width:1100px){
  html body:not(.signed-out).terminal-trial #appShell.app-shell{width:calc(100% - 16px)!important;margin:8px auto!important;border-radius:18px!important;}
  html body:not(.signed-out).terminal-trial #appShell > .main-content{padding-left:18px!important;padding-right:18px!important;}
  html body:not(.signed-out).terminal-trial #appShell .topbar{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important;}
  html body:not(.signed-out).terminal-trial #appShell > .main-content > .view.active{padding:22px!important;border-radius:14px!important;}
  html body:not(.signed-out).terminal-trial #appShell > .main-content > #view-copier.view.active{padding:0!important;}
  .copydesk-group-summary{display:flex;overflow-x:auto;}
  .copydesk-summary-cell{min-width:140px;}.copydesk-leader-cell{min-width:220px;}.copydesk-summary-actions{min-width:max-content;}
  .copydesk-settings-grid{grid-template-columns:1fr 1fr;}
  .copydesk-testbench{grid-template-columns:1fr 1fr;}.copydesk-testbench>div{grid-column:1/-1;}.copydesk-testbench .copydesk-save{grid-column:1/-1;}
}
@media(max-width:720px){
  html body:not(.signed-out).terminal-trial #appShell.app-shell{width:100%!important;margin:0!important;min-height:100vh!important;border:0!important;border-radius:0!important;}
  html body:not(.signed-out).terminal-trial #appShell > .main-content{padding:0 10px 28px!important;}
  html body:not(.signed-out).terminal-trial #appShell .topbar{margin:0 -10px!important;padding:0 10px!important;}
  html body:not(.signed-out).terminal-trial #appShell > .main-content > .view.active{margin-top:10px!important;padding:18px 12px!important;border-radius:12px!important;}
  html body:not(.signed-out).terminal-trial #appShell > .main-content > #view-copier.view.active{padding:0!important;}
  .copydesk-page-head{align-items:flex-start;flex-direction:column;}.copydesk-page-actions{width:100%;justify-content:space-between;}
  .copydesk-settings-grid{grid-template-columns:1fr;}.copydesk-testbench{grid-template-columns:1fr;}.copydesk-testbench>div,.copydesk-testbench .copydesk-save{grid-column:auto;}
}