/* ==========================================================================
   FEATURE: SEAT
   ========================================================================== */

.seat-dashboard-shell {
  --seat-line: #d8dee8;
  --seat-line-strong: #c5ceda;
  --seat-ink: var(--glass-text-on-light);
  --seat-muted: var(--glass-text-muted-light);
  --seat-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.82) 0%, rgba(241, 245, 249, 0.74) 100%);
  --seat-accent: #17766e;
  --seat-accent-soft: rgba(23, 118, 110, 0.14);
  --seat-vacant: #b7791f;
  --seat-vacant-soft: rgba(217, 119, 6, 0.14);
  padding: 18px 0 36px;
}

.seat-title {
  color: var(--glass-text-on-dark);
  text-shadow: 0 2px 18px rgba(2, 6, 23, 0.32);
}

.seat-lead,
.seat-focus-summary {
  color: rgba(226, 232, 240, 0.88);
}

.seat-search-field,
.seat-toggle-chip,
.seat-clear-btn,
.seat-action-btn {
  border: 1px solid var(--glass-border-strong);
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(var(--glass-blur-control));
  -webkit-backdrop-filter: blur(var(--glass-blur-control));
  box-shadow: var(--glass-shadow-soft);
  color: var(--glass-text-on-light);
}

.seat-stats-compact,
.seat-network-toggle,
.seat-stat-card,
.seat-network-card,
.seat-admin-card,
.seat-cluster {
  border: 1px solid var(--glass-border);
  background: var(--glass-bg-medium);
  backdrop-filter: blur(var(--glass-blur-card));
  -webkit-backdrop-filter: blur(var(--glass-blur-card));
  box-shadow: var(--glass-shadow-soft);
}

.seat-dashboard-viewport {
  overflow: auto;
  border: 1px solid var(--glass-border);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(var(--glass-blur-panel));
  -webkit-backdrop-filter: blur(var(--glass-blur-panel));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), var(--glass-shadow-float);
}

.seat-dashboard-viewport .seat-room-map {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.92) 0%, rgba(241, 245, 249, 0.88) 100%);
}

html[data-theme="solid"] .seat-dashboard-shell {
  --seat-line: #d7dde7;
  --seat-line-strong: #c7cfdb;
  --seat-ink: var(--text-primary);
  --seat-muted: var(--text-secondary);
  --seat-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  --seat-accent-soft: rgba(79, 70, 229, 0.10);
}

html[data-theme="solid"] .seat-title,
html[data-theme="solid"] .seat-lead,
html[data-theme="solid"] .seat-focus-summary {
  color: var(--text-primary);
  text-shadow: none;
}

html[data-theme="solid"] .seat-search-field,
html[data-theme="solid"] .seat-toggle-chip,
html[data-theme="solid"] .seat-clear-btn,
html[data-theme="solid"] .seat-action-btn,
html[data-theme="solid"] .seat-stats-compact,
html[data-theme="solid"] .seat-network-toggle,
html[data-theme="solid"] .seat-stat-card,
html[data-theme="solid"] .seat-network-card,
html[data-theme="solid"] .seat-admin-card,
html[data-theme="solid"] .seat-cluster {
  border-color: var(--color-border);
  background: var(--color-bg-card);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: var(--shadow-sm);
  color: var(--text-primary);
}

html[data-theme="solid"] .seat-dashboard-viewport,
html[data-theme="solid"] .seat-admin-viewport {
  border-color: var(--color-border);
  background: var(--color-bg-muted);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: var(--shadow-sm);
}

html[data-theme="solid"] .seat-admin-toolbar .seat-search-field,
html[data-theme="solid"] .seat-admin-toolbar .seat-toggle-chip,
html[data-theme="solid"] .seat-admin-toolbar .seat-clear-btn,
html[data-theme="solid"] .seat-admin-toolbar .seat-action-btn,
html[data-theme="solid"] .seat-admin-toolbar .ui-button,
html[data-theme="solid"] .seat-admin-toolbar-bottom .ui-button {
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-sm);
}

html[data-theme="solid"] .seat-admin-toolbar .seat-search-field,
html[data-theme="solid"] .seat-admin-toolbar .seat-toggle-chip,
html[data-theme="solid"] .seat-admin-toolbar .seat-clear-btn,
html[data-theme="solid"] .seat-admin-toolbar .ui-button--secondary {
  background: #ffffff;
}

html[data-theme="solid"] .seat-admin-toolbar .seat-search-field:hover,
html[data-theme="solid"] .seat-admin-toolbar .seat-toggle-chip:hover,
html[data-theme="solid"] .seat-admin-toolbar .seat-clear-btn:hover:not(:disabled),
html[data-theme="solid"] .seat-admin-toolbar .ui-button--secondary:hover,
html[data-theme="solid"] .seat-admin-toolbar-bottom .ui-button:hover {
  border-color: #c6d0dc;
  box-shadow: var(--shadow-md);
}

html[data-theme="solid"] .seat-admin-icon-btn {
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-border-strong);
  background: #ffffff;
  color: var(--text-secondary);
  box-shadow: var(--shadow-sm);
}

html[data-theme="solid"] .seat-admin-icon-btn:hover,
html[data-theme="solid"] .seat-admin-icon-btn:focus-visible {
  border-color: #bcc7d6;
  background: var(--color-bg-muted);
  color: var(--text-primary);
  box-shadow: var(--shadow-md);
}

html[data-theme="solid"] .seat-admin-icon-btn:disabled {
  border-color: var(--color-border);
  background: #f7f9fc;
  color: var(--text-tertiary);
  box-shadow: none;
}

html[data-theme="solid"] .seat-admin-info {
  width: 22px;
  height: 22px;
  border: 1px solid var(--color-border-strong);
  background: #ffffff;
  color: var(--text-secondary);
  box-shadow: var(--shadow-sm);
}

html[data-theme="solid"] .seat-admin-info:hover,
html[data-theme="solid"] .seat-admin-info:focus-visible {
  border-color: #bcc7d6;
  background: var(--color-bg-muted);
  color: var(--text-primary);
}

html[data-theme="solid"] .seat-admin-toolbar .seat-action-btn-primary,
html[data-theme="solid"] .seat-admin-toolbar-bottom .ui-button--primary {
  border-color: transparent;
  box-shadow:
    0 10px 24px rgba(79, 70, 229, 0.18),
    0 2px 6px rgba(79, 70, 229, 0.16);
}