/*
 * Braden's Values — neutral black UI for every navigation tab.
 * Home is intentionally excluded so its existing reference dashboard stays unchanged.
 */

body:not([data-theme="light"]) .app > .page:not(#page-home) {
  --sw-bg: #050506;
  --sw-panel: #08080a;
  --sw-panel-raised: #0d0d10;
  --sw-panel-soft: #131317;
  --sw-line: rgba(255, 255, 255, 0.085);
  --sw-line-strong: rgba(190, 153, 255, 0.24);
  --tabs-panel: #08080a;
  --tabs-raised: #0d0d10;
  --tabs-line: rgba(255, 255, 255, 0.085);
  --tabs-line-soft: rgba(255, 255, 255, 0.055);
  --panel: #08080a;
  --panel2: #0d0d10;
  --panel3: #131317;
  --surface: #09090b;
  --surface-raised: #0f0f13;
  --surface-soft: #060607;
}

/* Main cards and large tab surfaces */
body:not([data-theme="light"]) .app > .page:not(#page-home) :is(
  .card,
  .tool-card,
  .trade-main,
  .trade-side,
  .verdict-card,
  .trade-explain-card,
  .fair-adds-card,
  .inventory-trade-tray,
  .engine-panel,
  .engine-hero,
  .feedback-form,
  .feedback-status-card,
  .feedback-side,
  .image-audit-card,
  .clean-note,
  .history-card,
  .goal-card,
  .goal-add-card,
  .heat-board,
  .heat-stat,
  .insight-panel,
  .scan-feature,
  .leaderboard-hero,
  .leaderboard-podium-card,
  .tracker-overview-bar,
  .tracker-entry-card,
  .tracker-full-panel,
  .tracker-history-card,
  .tracker-inventory-card
) {
  background: linear-gradient(180deg, #0b0b0e 0%, #08080a 100%) !important;
  background-image: linear-gradient(180deg, #0b0b0e 0%, #08080a 100%) !important;
  border-color: rgba(255, 255, 255, 0.085) !important;
}

/* Raised content inside cards */
body:not([data-theme="light"]) .app > .page:not(#page-home) :is(
  .mini-stat,
  .stat-card,
  .heat-row,
  .insight-row,
  .target-row,
  .offer-card-v5,
  .goal-summary > div,
  .engine-score-card,
  .engine-tags span,
  .engine-quick-actions button,
  .leaderboard-me,
  .leaderboard-tabs,
  .tracker-status-pill,
  .tracker-view-tabs,
  .tracker-side,
  .tracker-inventory-toggle,
  .tracker-inventory-row,
  .tracker-history-entry,
  .tracker-preview > div,
  .tracker-history-chip,
  .tracker-item-select,
  .tracker-qty,
  .tracker-meta-field,
  .side-totals .mini-stat,
  .advanced-verdict > div,
  .factor-score-list > *,
  .trade-reason-list > *,
  .fair-add-list > *
) {
  background: #0d0d10 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

/* Form controls and regular buttons */
body:not([data-theme="light"]) .app > .page:not(#page-home) :is(
  .btn:not(.primary):not(.danger),
  .field,
  .big-input,
  select,
  textarea,
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="password"]
) {
  background: #0e0e12 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.085) !important;
}

body:not([data-theme="light"]) .app > .page:not(#page-home) :is(
  .btn:not(.primary):not(.danger),
  .engine-quick-actions button,
  .heat-tabs button,
  .leaderboard-tabs button,
  .tracker-view-tabs button
):hover {
  background: #15151a !important;
  border-color: rgba(174, 126, 255, 0.28) !important;
}

/* Segmented tab controls */
body:not([data-theme="light"]) .app > .page:not(#page-home) :is(
  .planner-tabs,
  .heat-tabs,
  .leaderboard-tabs,
  .tracker-view-tabs
) {
  background: #08080a !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.085) !important;
}

body:not([data-theme="light"]) .app > .page:not(#page-home) :is(
  .planner-tabs,
  .heat-tabs,
  .leaderboard-tabs,
  .tracker-view-tabs
) button {
  background: transparent !important;
}

body:not([data-theme="light"]) .app > .page:not(#page-home) :is(
  .planner-tabs,
  .heat-tabs,
  .leaderboard-tabs,
  .tracker-view-tabs
) button.active {
  background: rgba(141, 87, 246, 0.14) !important;
  border-color: rgba(174, 126, 255, 0.25) !important;
}

/* Trade calculator */
body:not([data-theme="light"]) #page-trade .trade-side {
  background: linear-gradient(180deg, #0b0b0e, #08080a) !important;
}

body:not([data-theme="light"]) #page-trade :is(.slot, .slot.filled, .slot.empty) {
  background: #070709 !important;
  background-image: none !important;
}

body:not([data-theme="light"]) #page-trade :is(.slot-open, .inventory-mode-btn) {
  background: #0d0d10 !important;
}

body:not([data-theme="light"]) #page-trade .verdict-top {
  background: linear-gradient(180deg, #0e0e12, #09090b) !important;
}

/* Compare and item art stages */
body:not([data-theme="light"]) #page-compare :is(.compare-drop, .compare-select, .card-pad) {
  background: #0b0b0e !important;
  background-image: none !important;
}

body:not([data-theme="light"]) #page-compare :is(#compareImageA, #compareImageB) {
  background: radial-gradient(circle at 50% 50%, rgba(141, 87, 246, 0.08), #060607 70%) !important;
}

body:not([data-theme="light"]) #page-compare .bar-track,
body:not([data-theme="light"]) #page-engine .engine-bar {
  background: #050506 !important;
}

/* Trending and market overview */
body:not([data-theme="light"]) #page-heat .heat-note {
  background: #0b0b0e !important;
  background-image: none !important;
}

body:not([data-theme="light"]) #page-heat .heat-row:hover,
body:not([data-theme="light"]) #page-insights .insight-row:hover {
  background: #131317 !important;
}

body:not([data-theme="light"]) #page-insights .tier-bar-track {
  background: #050506 !important;
}

/* Wishlist and trade details */
body:not([data-theme="light"]) #page-goals :is(.goal-summary, .goal-grid) {
  background: transparent !important;
}

body:not([data-theme="light"]) #page-goals .goal-image,
body:not([data-theme="light"]) #page-engine .engine-core-visual {
  background: radial-gradient(circle at 50% 50%, rgba(141, 87, 246, 0.08), #060607 72%) !important;
}

body:not([data-theme="light"]) #page-engine .engine-core {
  background: linear-gradient(145deg, #17111f, #09090b) !important;
}

body:not([data-theme="light"]) #page-engine .engine-score-card {
  background: rgba(8, 8, 10, 0.88) !important;
}

/* Inventory */
body:not([data-theme="light"]) #page-inventory :is(.table-wrap, table) {
  background: #08080a !important;
}

body:not([data-theme="light"]) #page-inventory th {
  background: #0d0d10 !important;
}

body:not([data-theme="light"]) #page-inventory td {
  background: #09090b !important;
}

/* Trade tracker */
body:not([data-theme="light"]) #page-tracker .tracker-preview {
  background: rgba(255, 255, 255, 0.06) !important;
}

body:not([data-theme="light"]) #page-tracker :is(
  .tracker-item-art,
  .tracker-inventory-row > span,
  .tracker-history-chip span
) {
  background: #111115 !important;
}

body:not([data-theme="light"]) #page-tracker :is(.tracker-item-row, .tracker-history-entry):hover {
  background: #111115 !important;
}

/* Leaderboard, saved trades, and feedback */
body:not([data-theme="light"]) #page-leaderboard .leaderboard-row.current {
  background: rgba(141, 87, 246, 0.075) !important;
}

body:not([data-theme="light"]) #page-history .history-side,
body:not([data-theme="light"]) #page-feedback .feedback-status-card {
  background: #0d0d10 !important;
  background-image: none !important;
}

/* Popups opened from the tab pages */
body:not([data-theme="light"]) :is(
  .modal-box,
  .picker-item,
  .settings-section,
  .toggle-row,
  .detail-card,
  .detail-stat,
  .mobile-more-sheet
) {
  background: #09090c !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.085) !important;
}

body:not([data-theme="light"]) .modal :is(
  .field,
  .big-input,
  select,
  textarea,
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="password"],
  .btn:not(.primary):not(.danger)
) {
  background: #0e0e12 !important;
  background-image: none !important;
}

@media (max-width: 760px) {
  body:not([data-theme="light"]) .app > .page:not(#page-home) :is(
    .card,
    .tool-card,
    .trade-main,
    .trade-side,
    .engine-panel,
    .tracker-entry-card,
    .tracker-full-panel
  ) {
    background: #09090c !important;
  }
}

/* v2.30.34.3.8.44: reliable owner dashboard opening and compact trade workspace */
#adminModal.open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
#page-trade {
  padding-top: 10px !important;
}
@media (max-width: 900px) {
  #page-trade { padding-top: 6px !important; }
}