/* LYA v37 — Voucher content stays within white cards; Overview colors are configurable in Admin. */
.admin-main .voucher-admin-panel,
.admin-main .voucher-admin-panel .panel-heading,
.admin-main .voucher-admin-panel .voucher-list,
.admin-main .voucher-admin-panel .voucher-editor-card,
.admin-main .voucher-admin-panel .voucher-empty,
.admin-main .voucher-admin-panel .voucher-claims-readout,
.admin-main .voucher-admin-panel label,
.admin-main .voucher-admin-panel small,
.admin-main .voucher-admin-panel strong {
  background: #ffffff !important;
  color: #8f0000 !important;
}
.admin-main .voucher-admin-panel { overflow: hidden !important; isolation: isolate; }
.admin-main .voucher-admin-panel .panel-heading { position: relative; z-index: 1; margin: 0 !important; padding: clamp(18px, 3vw, 28px) !important; border-bottom: 1px solid #8f000033 !important; }
.admin-main .voucher-admin-panel .voucher-list { display: grid !important; gap: 18px !important; padding: clamp(18px, 3vw, 28px) !important; }
.admin-main .voucher-admin-panel .voucher-editor-card,
.admin-main .voucher-admin-panel .voucher-empty { box-sizing: border-box; width: 100%; border: 1px solid #8f00004a !important; box-shadow: none !important; }
.admin-main .voucher-admin-panel input,
.admin-main .voucher-admin-panel select,
.admin-main .voucher-admin-panel textarea { box-sizing: border-box !important; width: 100% !important; color: #8f0000 !important; background: #ffffff !important; border-color: #8f000066 !important; }
.admin-main .voucher-admin-panel .voucher-claims-readout { min-width: 0 !important; padding: 10px 12px !important; border: 1px solid #8f000040 !important; }

/* Overview appearance is saved with Admin state and previews its chosen palette immediately. */
.admin-main .overview-page,
.admin-main .overview-grid { color: var(--overview-font, #8f0000) !important; }
.admin-main .overview-grid .overview-hero,
.admin-main .overview-grid .metric-card,
.admin-main .overview-grid .activity-card,
.admin-main .overview-grid .access-card,
.admin-main .overview-appearance-card { color: var(--overview-font, #8f0000) !important; background: var(--overview-background, #ffffff) !important; border-color: color-mix(in srgb, var(--overview-font, #8f0000) 35%, transparent) !important; box-shadow: none !important; }
.admin-main .overview-grid .overview-hero *,
.admin-main .overview-grid .metric-card *,
.admin-main .overview-grid .activity-card *,
.admin-main .overview-grid .access-card *,
.admin-main .overview-appearance-card * { color: inherit !important; }
.admin-main .overview-appearance-card { margin-top: 20px; padding: clamp(18px, 3vw, 28px) !important; border: 1px solid color-mix(in srgb, var(--overview-font, #8f0000) 35%, transparent) !important; }
.overview-appearance-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.overview-appearance-controls label { display: grid; gap: 8px; min-width: 0; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.overview-appearance-controls input[type="color"] { box-sizing: border-box; width: 100%; height: 50px; padding: 5px; cursor: pointer; background: #ffffff; border: 1px solid currentColor; border-radius: 8px; }
.overview-appearance-controls code { width: fit-content; max-width: 100%; padding: 4px 7px; overflow: hidden; font: 700 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; border: 1px solid currentColor; border-radius: 4px; }
@media (max-width: 680px) { .overview-appearance-controls { grid-template-columns: 1fr; } .admin-main .voucher-admin-panel .panel-heading, .admin-main .voucher-admin-panel .voucher-list { padding: 18px !important; } }