/* Shared card geometry for the public and trading workspaces. Individual
   controls and status accents keep their own colors. */
:root {
  --workspace-card-bg: #101d30;
  --workspace-card-border: #26384d;
  --workspace-card-radius: 10px;
  --workspace-card-gap: 20px;
}
.dashboard-ui .container,
.account-dashboard-page .dashboard-shell { max-width: 1280px; }
.dashboard-ui .card,
.dashboard-ui .equity-card,
.account-dashboard-page .account-plan-disclosure,
.admin-shell :is(.stat, .panel, .card),
.paper-trading-page :is(.card, .panel),
.login-page .login-card,
.change-password-page > .card,
.landing-page :is(.strategy-card, .broker-tile, .price-card, .toolkit-card) {
  background: var(--workspace-card-bg);
  border: 1px solid var(--workspace-card-border);
  border-radius: var(--workspace-card-radius);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.dashboard-ui .container > .card,
.dashboard-ui .container > .grid,
.dashboard-ui .container > .grid-2 { margin-bottom: var(--workspace-card-gap); }
.account-dashboard-page .dashboard-shell { margin-top: 36px; }
.account-dashboard-page .account-plan-disclosure { margin-bottom: var(--workspace-card-gap); }
.account-dashboard-page .account-plan-disclosure > .account-plan-surface { padding: 22px; border: 0; border-top: 1px solid var(--workspace-card-border); border-radius: 0; background: transparent; box-shadow: none; }
.admin-shell .admin-wrap { width: min(1240px, calc(100% - 32px)); }
.admin-shell .panel { margin-bottom: var(--workspace-card-gap); }
.paper-trading-page main { max-width: 1280px; }
.landing-page :is(.strategy-grid, .broker-grid, .pricing-grid, .toolkit-grid) { gap: var(--workspace-card-gap); }
.landing-page .strategy-card:nth-child(n) { background: var(--workspace-card-bg); }
@media (max-width: 640px) {
  :root { --workspace-card-gap: 14px; }
  .dashboard-ui .container { padding: 12px; }
  .account-dashboard-page .dashboard-shell { margin-top: 26px; }
  .account-dashboard-page .account-plan-disclosure > .account-plan-surface { padding: 18px; }
  .admin-shell .admin-wrap { width: calc(100% - 24px); }
  .paper-trading-page main { padding: 12px; }
}