.workspace,
.work-area,
.tool-pane,
.tool-content,
.file-panel,
.panel,
.topbar,
.overview-card,
.home-setup-panel,
.settings-card,
.file-browser,
.file-tree,
.file-preview,
.output,
.logbar,
.chip,
.my-skins-list,
.my-skins-detail,
.my-skin-card,
.my-skin-preview-panel,
.my-skin-preview-image,
.my-skin-section.is-framed,
.my-skin-toolbar-check,
.my-skin-info-grid > div,
.my-skin-file-row,
.my-skin-loc-row,
.status-modal-dialog,
.status-modal-details,
.preview3d-viewer-frame,
.preview3d-texture-frame,
.preview3d-live-panel,
.livery-preview-topbar,
.livery-preview-canvas-wrap,
.livery-preview-status,
.livery-preview-check,
.uv-canvas-wrap,
.uv-sidebar-panel,
.numberplate-template-rail,
.numberplate-studio-preview,
.numberplate-studio-editor,
.inspect-reference-row,
.actor-resource-row {
  background: rgba(0,0,0,0.6);
  border-color: var(--line);
  backdrop-filter: blur(5px);
}

.status-modal-dialog {
  border-color: var(--modal-accent-border);
  background: rgba(0,0,0,0.7);
}

input,
select,
textarea {
  background: #000;
  border-color: var(--line);
}

table,
thead,
tbody,
tr,
td,
th {
  background-color: #000;
}

tr.selected,
tr.selected td {
  background-color: var(--accent-2);
}

.panel::before {
  background: var(--accent-2);
}

.nav-button:not(.nav-label),
.nav-subbutton {
  background: #000;
}

.nav-button.active:not(.nav-label),
.nav-button:hover:not(.nav-label),
.nav-subbutton.active,
.nav-subbutton:hover {
  background: #120305;
  border-color: var(--line);
}

.nav-label,
.nav-label:hover {
  background: transparent;
  border-color: transparent;
}
