/*
 * Owner/Figma advertiser visual foundation.
 *
 * These screens must render from the Owner artboard tokens, not from the
 * legacy light-theme mint background or the global table surface variables.
 * Keep this file limited to shared advertiser-page surface ownership; each
 * page stylesheet still owns its component dimensions and responsive layout.
 */

body:is(
  .owner-advertiser-dashboard-page,
  .owner-advertiser-campaign-list-page,
  .owner-advertiser-campaign-create-page,
  .owner-advertiser-campaign-detail-page,
  .owner-advertiser-creative-list-page,
  .owner-advertiser-creative-create-page,
  .owner-advertiser-creative-detail-page,
  .owner-advertiser-analytics-page,
  .owner-advertiser-overall-analytics-page,
  .owner-advertiser-budget-page
) {
  --owner-advertiser-artboard: #ffffff;
  --owner-advertiser-surface: #fafcfa;
  --owner-advertiser-surface-muted: #f4f8f5;
  --owner-advertiser-border: #dde7e0;
  --owner-advertiser-brand: #287a46;
  --owner-advertiser-text: #111111;
  --owner-advertiser-text-secondary: #666666;
  --owner-advertiser-text-muted: #777777;
  background: var(--owner-advertiser-artboard);
}

body:is(
  .owner-advertiser-dashboard-page,
  .owner-advertiser-campaign-list-page,
  .owner-advertiser-campaign-create-page,
  .owner-advertiser-campaign-detail-page,
  .owner-advertiser-creative-list-page,
  .owner-advertiser-creative-create-page,
  .owner-advertiser-creative-detail-page,
  .owner-advertiser-analytics-page,
  .owner-advertiser-overall-analytics-page,
  .owner-advertiser-budget-page
) :is(.site-main, .public-page, .public-page > .stack) {
  background: var(--owner-advertiser-artboard);
}

/*
 * theme.css applies a global light-theme table background and row hover.
 * Owner/Figma tables are intentionally transparent so their containing
 * #FAFCFA surface remains visually continuous through header/body/empty rows.
 */
body:is(
  .owner-advertiser-campaign-list-page,
  .owner-advertiser-campaign-detail-page,
  .owner-advertiser-creative-list-page,
  .owner-advertiser-analytics-page
) :is(table, thead, tbody, tr, th, td) {
  background: transparent;
}

body:is(
  .owner-advertiser-campaign-list-page,
  .owner-advertiser-campaign-detail-page,
  .owner-advertiser-creative-list-page,
  .owner-advertiser-analytics-page
) tr:hover td {
  background: transparent;
}

/* Owner form controls keep project typography instead of legacy field fonts. */
body:is(
  .owner-advertiser-campaign-create-page,
  .owner-advertiser-creative-create-page,
  .owner-advertiser-analytics-page
) :is(input, select, textarea, button) {
  font-family: inherit;
}