.workspace-shell {
  max-width: 1360px;
  margin: 0 auto;
  padding: var(--fx-space-6);
  position: relative;
  z-index: 1;
}

body[data-brand-surface='workspace'] .workspace-panel,
body[data-brand-surface='workspace'] .metric-card,
body[data-brand-surface='workspace'] .table-panel,
body[data-brand-surface='workspace'] .glass-card,
body[data-brand-surface='workspace'] .glass-card-light,
body[data-brand-surface='workspace'] .brand-panel,
body[data-brand-surface='workspace'] .license-box,
body[data-brand-surface='workspace'] .stat-card,
body[data-brand-surface='workspace'] .notification-card,
body[data-brand-surface='workspace'] .value-card,
body[data-brand-surface='workspace'] #companyFilterContainer,
body[data-brand-surface='workspace'] #licenseArea,
body[data-brand-surface='workspace'] #noLicense,
body[data-brand-surface='workspace'] #subscriptionDetails,
body[data-brand-surface='workspace'] #analyticsDashboard {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(232, 240, 248, 0.94));
  border: 1px solid var(--fx-border);
  border-radius: var(--fx-radius-lg);
  box-shadow: 0 16px 40px rgba(16, 31, 54, 0.1);
  backdrop-filter: blur(16px);
}

html[data-theme='dark'] body[data-brand-surface='workspace'] .workspace-panel,
html[data-theme='dark'] body[data-brand-surface='workspace'] .metric-card,
html[data-theme='dark'] body[data-brand-surface='workspace'] .table-panel,
html[data-theme='dark'] body[data-brand-surface='workspace'] .glass-card,
html[data-theme='dark'] body[data-brand-surface='workspace'] .glass-card-light,
html[data-theme='dark'] body[data-brand-surface='workspace'] .brand-panel,
html[data-theme='dark'] body[data-brand-surface='workspace'] .license-box,
html[data-theme='dark'] body[data-brand-surface='workspace'] .stat-card,
html[data-theme='dark'] body[data-brand-surface='workspace'] .notification-card,
html[data-theme='dark'] body[data-brand-surface='workspace'] .value-card,
html[data-theme='dark'] body[data-brand-surface='workspace'] #companyFilterContainer,
html[data-theme='dark'] body[data-brand-surface='workspace'] #licenseArea,
html[data-theme='dark'] body[data-brand-surface='workspace'] #noLicense,
html[data-theme='dark'] body[data-brand-surface='workspace'] #subscriptionDetails,
html[data-theme='dark'] body[data-brand-surface='workspace'] #analyticsDashboard {
  background: linear-gradient(180deg, rgba(18, 41, 51, 0.94), rgba(14, 31, 38, 0.92));
  border-color: rgba(74, 116, 132, 0.48);
  box-shadow: 0 16px 40px rgba(5, 14, 18, 0.22);
}

.metric-card {
  padding: var(--fx-space-6);
}

.metric-label {
  color: var(--fx-text-muted);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.metric-value,
.numeric-value,
.value,
.license-key,
.workspace-meta-pill span,
.notification-time,
.notification-type,
#unreadCount,
#totalCount {
  font-family: var(--fx-font-mono);
  font-variant-numeric: tabular-nums;
}

body[data-brand-surface='workspace'] [data-surface-tone='operational'] {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(237, 243, 250, 0.96));
  border: 1px solid rgba(182, 196, 216, 0.75);
  border-radius: var(--fx-radius-lg);
  box-shadow: 0 18px 40px rgba(16, 31, 54, 0.1);
}

html[data-theme='dark'] body[data-brand-surface='workspace'] [data-surface-tone='operational'] {
  background: linear-gradient(180deg, rgba(22, 52, 66, 0.96), rgba(15, 34, 43, 0.96));
  border-color: rgba(52, 97, 113, 0.74);
  box-shadow: 0 18px 40px rgba(5, 14, 18, 0.24);
}

body[data-brand-surface='workspace'] [data-luminous-hover] {
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease;
}

body[data-brand-surface='workspace'] [data-luminous-hover]:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--fx-accent) 40%, var(--fx-border) 60%);
  box-shadow: 0 12px 28px rgba(16, 31, 54, 0.12);
}

body[data-brand-surface='workspace'] [data-luminous-hover]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--fx-accent) 42%, transparent 58%);
  outline-offset: 2px;
}

body[data-brand-surface='workspace'] .shell-button,
body[data-brand-surface='workspace'] .btn,
body[data-brand-surface='workspace'] .btn-neon,
body[data-brand-surface='workspace'] .btn-neon-outline,
body[data-brand-surface='workspace'] .filter-btn,
body[data-brand-surface='workspace'] .pagination button,
body[data-brand-surface='workspace'] .notification-btn {
  border-color: color-mix(in srgb, var(--fx-border) 78%, white 22%);
  background: rgba(248, 251, 255, 0.88);
  color: var(--fx-text);
}

html[data-theme='dark'] body[data-brand-surface='workspace'] .shell-button,
html[data-theme='dark'] body[data-brand-surface='workspace'] .btn,
html[data-theme='dark'] body[data-brand-surface='workspace'] .btn-neon,
html[data-theme='dark'] body[data-brand-surface='workspace'] .btn-neon-outline,
html[data-theme='dark'] body[data-brand-surface='workspace'] .filter-btn,
html[data-theme='dark'] body[data-brand-surface='workspace'] .pagination button,
html[data-theme='dark'] body[data-brand-surface='workspace'] .notification-btn {
  background: rgba(18, 41, 51, 0.9);
  border-color: rgba(74, 116, 132, 0.48);
  color: var(--fx-text);
}

body[data-brand-surface='workspace'] .shell-button-primary,
body[data-brand-surface='workspace'] .btn-neon,
body[data-brand-surface='workspace'] .filter-btn.active {
  background: linear-gradient(135deg, var(--fx-accent) 0%, var(--fx-accent-strong) 100%);
  color: var(--contrast-ink);
  border-color: transparent;
  box-shadow: 0 14px 24px rgba(41, 98, 217, 0.18);
}

body[data-brand-surface='workspace'] .btn-neon-outline,
body[data-brand-surface='workspace'] .pagination button:hover:not(:disabled),
body[data-brand-surface='workspace'] .filter-btn:hover {
  background: color-mix(in srgb, var(--fx-accent) 10%, transparent 90%);
  border-color: color-mix(in srgb, var(--fx-accent) 46%, var(--fx-border) 54%);
  color: var(--fx-text);
}

body[data-brand-surface='workspace'] .notification-card.unread {
  border-left: 3px solid var(--fx-accent);
}

body[data-brand-surface='workspace'] .table-dark {
  background: rgba(248, 251, 255, 0.92);
  color: var(--fx-text);
}

html[data-theme='dark'] body[data-brand-surface='workspace'] .table-dark {
  background: rgba(18, 41, 51, 0.92);
}

body[data-brand-surface='workspace'] .table-dark thead {
  background: color-mix(in srgb, var(--fx-accent) 10%, transparent 90%);
}

body[data-brand-surface='workspace'] .table-dark th,
body[data-brand-surface='workspace'] .table-dark td {
  border-bottom-color: color-mix(in srgb, var(--fx-border) 90%, transparent 10%);
}

body[data-brand-surface='workspace'] .table-dark tbody tr:hover {
  background: color-mix(in srgb, var(--fx-accent) 6%, transparent 94%);
}

.financial-table {
  width: 100%;
  border-collapse: collapse;
}

.financial-table th,
.financial-table td {
  padding: 14px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--fx-border) 92%, transparent 8%);
}

.financial-table th {
  color: var(--fx-text-muted);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}