/* Final admin override: black/white only and no admin bleed on other pages. */
.v2-shell[data-active-page="sales"] #adminPanel,
.v2-shell[data-active-page="prices"] #adminPanel,
.v2-shell[data-active-page="inventory"] #adminPanel {
  display: none !important;
}

.v2-shell #adminPanel.admin-panel {
  --admin-page: #080b10;
  --admin-card: #111720;
  --admin-line: rgba(255, 255, 255, 0.1);
  --admin-soft-line: rgba(255, 255, 255, 0.065);
  --admin-text: #f7f8fb;
  --admin-muted: #909aaa;
  --admin-accent: #ffffff;
  --admin-accent-soft: rgba(255, 255, 255, 0.075);
  background:
    radial-gradient(circle at 78% 0%, rgba(255, 48, 77, 0.1), transparent 34%),
    #080b10 !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel.admin-panel[data-admin-view="overview"],
.v2-shell #adminPanel.admin-panel[data-admin-view="users"],
.v2-shell #adminPanel.admin-panel[data-admin-view="tabs"],
.v2-shell #adminPanel.admin-panel[data-admin-view="activity"],
.v2-shell #adminPanel.admin-panel[data-admin-view="all"] {
  background:
    radial-gradient(circle at 78% 0%, rgba(255, 48, 77, 0.1), transparent 34%),
    #080b10 !important;
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel .admin-control-bar {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--admin-line) !important;
  box-shadow: none !important;
}

.v2-shell #adminPanel .admin-section-tabs {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.v2-shell #adminPanel .admin-control-bar .panel-kicker,
.v2-shell #adminPanel .panel-kicker,
.v2-shell #adminPanel .admin-users-directory .panel-kicker,
.v2-shell #adminPanel .admin-mono {
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel .admin-control-bar h2,
.v2-shell #adminPanel .panel-title h2,
.v2-shell #adminPanel .admin-users-directory .panel-title h2,
.v2-shell #adminPanel .admin-overview-card strong,
.v2-shell #adminPanel .admin-user-cell strong,
.v2-shell #adminPanel .list-row strong {
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel .admin-control-bar p,
.v2-shell #adminPanel .panel-title > span,
.v2-shell #adminPanel .form-message,
.v2-shell #adminPanel .empty-state,
.v2-shell #adminPanel .admin-overview-card span,
.v2-shell #adminPanel .admin-user-cell span:not(.user-avatar),
.v2-shell #adminPanel .list-row span,
.v2-shell #adminPanel :where(label) {
  color: var(--admin-muted) !important;
}

.v2-shell #adminPanel :where(.panel, .table-panel, .admin-overview-card),
.v2-shell #adminPanel .admin-users-directory,
.v2-shell #adminPanel.admin-panel[data-admin-view="overview"] .admin-overview-card,
.v2-shell #adminPanel.admin-panel[data-admin-view="users"] .admin-users-directory {
  background: var(--admin-card) !important;
  border: 1px solid var(--admin-line) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.28) !important;
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel .admin-overview-card article {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid var(--admin-soft-line) !important;
  box-shadow: none !important;
}

.v2-shell #adminPanel .admin-section-tabs button,
.v2-shell #adminPanel .admin-role-chips button {
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid var(--admin-line) !important;
  box-shadow: none !important;
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel .admin-section-tabs button.active,
.v2-shell #adminPanel .admin-role-chips button.active,
.v2-shell #adminPanel .panel-title button[type="submit"],
.v2-shell #adminPanel .admin-filter-button {
  background: var(--admin-accent) !important;
  border-color: var(--admin-accent) !important;
  color: #080b10 !important;
}

.v2-shell #adminPanel :where(input, select) {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid var(--admin-line) !important;
  box-shadow: none !important;
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel :where(input, select)::placeholder {
  color: rgba(247, 248, 251, 0.45) !important;
}

.v2-shell #adminPanel .admin-users-table,
.v2-shell #adminPanel.admin-panel[data-admin-view="users"] .admin-users-table {
  background: rgba(8, 11, 16, 0.42) !important;
  border: 1px solid var(--admin-line) !important;
  box-shadow: none !important;
}

.v2-shell #adminPanel .admin-users-found,
.v2-shell #adminPanel .admin-users-table-head,
.v2-shell #adminPanel .admin-user-table-row,
.v2-shell #adminPanel .list-row,
.v2-shell #adminPanel.admin-panel[data-admin-view="users"] .admin-users-found,
.v2-shell #adminPanel.admin-panel[data-admin-view="users"] .admin-users-table-head,
.v2-shell #adminPanel.admin-panel[data-admin-view="users"] .admin-user-table-row {
  background: transparent !important;
  border-bottom-color: var(--admin-soft-line) !important;
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel .admin-user-table-row:hover,
.v2-shell #adminPanel .list-row:hover {
  background: rgba(255, 255, 255, 0.035) !important;
}

.v2-shell #adminPanel .admin-login-pill,
.v2-shell #adminPanel .admin-user-table-row .role-pill,
.v2-shell #adminPanel .admin-user-table-row .rent-status-pill,
.v2-shell #adminPanel .rent-status-pill,
.v2-shell #adminPanel .admin-role-chips span,
.v2-shell #adminPanel .admin-user-table-row .role-pill.admin,
.v2-shell #adminPanel .admin-user-table-row .role-pill.dealer,
.v2-shell #adminPanel .admin-user-table-row .rent-status-pill.is-paid,
.v2-shell #adminPanel .admin-user-table-row .rent-status-pill.is-unpaid,
.v2-shell #adminPanel .admin-rent-row.is-paid .rent-status-pill,
.v2-shell #adminPanel .admin-rent-row.is-unpaid .rent-status-pill {
  background: var(--admin-accent-soft) !important;
  border: 1px solid var(--admin-line) !important;
  color: var(--admin-text) !important;
}

.v2-shell #adminPanel button.danger,
.v2-shell #adminPanel .admin-user-table-row button.danger {
  background: rgba(255, 48, 77, 0.14) !important;
  border-color: rgba(255, 48, 77, 0.32) !important;
  color: #ff8b99 !important;
}

.v2-shell[data-active-page="sales"] #salesPage,
.v2-shell[data-active-page="prices"] #pricesPage {
  display: block;
}

.v2-shell #adminPanel [data-admin-section-panel][hidden],
.v2-shell #adminPanel :where(.admin-user-form, .admin-tab-form)[hidden],
.v2-shell #adminPanel :where(.admin-overview-card, .admin-users-card, .admin-rent-card, .admin-tabs-card, .admin-notifications-card, .admin-history-card)[hidden],
.v2-shell [hidden],
.v2-shell .profile-peek-button[hidden],
.v2-shell .tab-profile-card[hidden] {
  display: none !important;
}

/* Admin button polish only: keep the previous layout intact. */
.v2-shell #adminPanel .admin-section-tabs,
.v2-shell #adminPanel .admin-role-chips {
  gap: 7px !important;
}

.v2-shell #adminPanel .admin-section-tabs button,
.v2-shell #adminPanel .admin-role-chips button,
.v2-shell #adminPanel .panel-title button[type="submit"],
.v2-shell #adminPanel .admin-filter-button,
.v2-shell #adminPanel button.danger,
.v2-shell #adminPanel .admin-user-table-row button.danger {
  appearance: none !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  background: #171d26 !important;
  border: 1px solid rgba(255, 255, 255, 0.105) !important;
  color: rgba(247, 248, 251, 0.9) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  transition:
    background 140ms ease,
    border-color 140ms ease,
    color 140ms ease,
    transform 140ms ease,
    box-shadow 140ms ease !important;
}

.v2-shell #adminPanel .admin-section-tabs button,
.v2-shell #adminPanel .admin-role-chips button {
  padding: 0 14px !important;
}

.v2-shell #adminPanel .panel-title button[type="submit"],
.v2-shell #adminPanel .admin-filter-button {
  padding: 0 16px !important;
  background: #1b222d !important;
  border-color: rgba(255, 48, 77, 0.32) !important;
  color: #ffffff !important;
}

.v2-shell #adminPanel .admin-section-tabs button:hover,
.v2-shell #adminPanel .admin-role-chips button:hover,
.v2-shell #adminPanel .panel-title button[type="submit"]:hover,
.v2-shell #adminPanel .admin-filter-button:hover {
  background: #202835 !important;
  border-color: rgba(255, 48, 77, 0.46) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 10px 22px rgba(0, 0, 0, 0.22) !important;
}

.v2-shell #adminPanel .admin-section-tabs button.active,
.v2-shell #adminPanel .admin-role-chips button.active {
  background: rgba(255, 48, 77, 0.16) !important;
  border-color: rgba(255, 48, 77, 0.68) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 8px 20px rgba(255, 48, 77, 0.12) !important;
}

.v2-shell #adminPanel .admin-role-chips span {
  margin-left: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  opacity: 0.7 !important;
}

.v2-shell #adminPanel .panel-title button[type="submit"]:active,
.v2-shell #adminPanel .admin-filter-button:active,
.v2-shell #adminPanel .admin-section-tabs button:active,
.v2-shell #adminPanel .admin-role-chips button:active {
  transform: translateY(0) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.v2-shell #adminPanel button.danger,
.v2-shell #adminPanel .admin-user-table-row button.danger {
  background: rgba(255, 48, 77, 0.08) !important;
  border-color: rgba(255, 48, 77, 0.24) !important;
  color: #ff95a2 !important;
}

.v2-shell #adminPanel button.danger:hover,
.v2-shell #adminPanel .admin-user-table-row button.danger:hover {
  background: rgba(255, 48, 77, 0.16) !important;
  border-color: rgba(255, 48, 77, 0.44) !important;
  color: #ffffff !important;
}