/* Color-only successor of the verified production Backstage 1.1.3 styles.
 * Palette: BlackCat-Backstage-Color-Recipe.css, supplied 2026-10-04.
 * No layout, typography, border width/radius, shadow geometry or behavior rules.
 * Business status/provider badges and data-status transition colors are excluded.
 */
body.backstage-color-r1 {
  --bcr-page: #ffffff;
  --bcr-surface-subtle: #fafbfc;
  --bcr-image-surface: #f5f7fa;
  --bcr-disabled-surface: #f7f9fb;
  --bcr-disabled-text: #909aaa;
  --bcr-strong: #24282f;
  --bcr-text: #263143;
  --bcr-label: #637087;
  --bcr-muted-submission: #748092;
  --bcr-muted-site: #758093;
  --bcr-faint: #929aaa;
  --bcr-nav: #687382;
  --bcr-line-shell: #e2e6ec;
  --bcr-line-panel: #e3e7ed;
  --bcr-line-input: #dce2e9;
  --bcr-accent: #176be3;
  --bcr-primary-hover-site: #105ac4;
  --bcr-primary-hover-submission: #105bc8;
  --bcr-secondary-site: #60728b;
  --bcr-secondary-submission: #586b86;
  --bcr-secondary-hover-site: #f2f6fd;
  --bcr-secondary-hover-submission: #f1f5fb;
  --bcr-secondary-hover-line-site: #8fb4ea;
  --bcr-secondary-hover-line-submission: #9cb9e2;
  --bcr-focus: #95bdf8;
  --bcr-table-hover: #f8fbff;
  --bcr-active-count: #e9f1ff;
  --bcr-step-surface: #edf4ff;
  --bcr-step-text: #2871d2;
  --bcr-step-line: #b9d0f2;
  --bcr-saved-feedback: #506b5b;
  --bcr-success-text: #2c6a3d;
  --bcr-success-surface: #edf8eb;
  --bcr-success-line: #a8cda8;
  --bcr-warning-text: #9e8054;
  --bcr-warning-surface: #fffdf8;
  --bcr-warning-line: #e5ceaa;
  --bcr-error-site: #a04434;
  --bcr-error-text: #9b382d;
  --bcr-error-surface: #fff1ee;
  --bcr-error-line: #e6b0aa;
  --bcr-danger-text: #a04d44;
  --bcr-danger-line: #e3c6c2;
  --bcr-danger-hover-surface: #fff5f3;
  --bcr-danger-hover-line: #cd9188;
  --paper: var(--bcr-page);
  --ink: var(--bcr-strong);
  --line: var(--bcr-line-shell);
  background-color: var(--bcr-page);
  color: var(--bcr-strong);
}

/* Existing centered header/navigation. Existing !important colors need a
 * strictly scoped override; retain complete selected borders and geometry. */
body.backstage-color-r1 .admin-header {
  background-color: var(--bcr-page);
  border-bottom-color: var(--bcr-line-shell);
}
body.backstage-color-r1 .admin-dock-brand .dock-brand-title { color: var(--bcr-strong); }
body.backstage-color-r1 .admin-dock-brand .dock-brand-subtitle { color: var(--bcr-accent); }
body.backstage-color-r1 .admin-nav a {
  color: var(--bcr-nav) !important;
  background-color: var(--bcr-page);
  border-color: var(--bcr-line-input);
}
body.backstage-color-r1 .admin-nav a:is(.is-active, :hover) {
  color: var(--bcr-accent) !important;
  background-color: transparent;
  border-color: var(--bcr-accent);
}
body.backstage-color-r1 .admin-nav .admin-nav-logout {
  background-color: var(--bcr-page);
  border-color: var(--bcr-line-input);
  color: var(--bcr-secondary-submission);
}
body.backstage-color-r1 .admin-nav .admin-nav-logout:hover {
  background-color: var(--bcr-secondary-hover-submission);
  border-color: var(--bcr-secondary-hover-line-submission);
  color: var(--bcr-accent);
}
body.backstage-color-r1 :focus-visible { outline-color: var(--bcr-focus); }

/* Framework text and neutral surfaces; no business status selectors. */
body.backstage-color-r1 :is(.admin-shell, .store-shell, .site-workspace-shell) { color: var(--bcr-text); }
body.backstage-color-r1 :is(.eyebrow, .store-eyebrow, .record-vault > summary .eyebrow) { color: var(--bcr-label); }
body.backstage-color-r1 :is(.admin-muted, .section-subtitle, .events-card span, .events-card small,
  .file-card-deleted, .file-column-heading small, .file-column-heading span,
  .time-filter-label, .selected-order-count, .record-section-help,
  .record-summary-identity > small, .record-vault > summary em,
  .app-release-help, .app-release-section-heading > span, .app-release-empty,
  .template-download-metrics span, .template-library-metrics span,
  .template-file-input small, .template-note-input small,
  .analytics-note, .analytics-empty, .analytics-simple-list span,
  .analytics-ranking-row small, .analytics-card-heading > span,
  .changelog-version-body time) { color: var(--bcr-muted-submission); }
body.backstage-color-r1 :is(.store-muted, .store-key, .store-footer,
  .store-home-card p, .site-workspace-caption) { color: var(--bcr-muted-site); }
body.backstage-color-r1 :is(.store-field label, .template-upload-form label,
  .template-edit-form label, .app-release-field-grid label,
  .app-release-wide-field, .app-release-control-form label,
  .record-summary-facts dt, .app-release-artifact dt) { color: var(--bcr-label); }
body.backstage-color-r1 :is(.store-breadcrumb, .store-breadcrumb a, .store-shortcuts a,
  .table-link, .back, .record-open-cue, .changelog-version summary em,
  .changelog-version summary i) { color: var(--bcr-secondary-site); }
body.backstage-color-r1 :is(.store-home-card h2, .app-release-section-heading h2,
  .app-release-card-heading h3, .template-managed-group-heading h2) { color: var(--bcr-strong); }
body.backstage-color-r1 :is(.store-card, .store-list-item, .store-image-card,
  .site-workspace, .template-library-item, .template-edit-current,
  .changelog-version, .changelog-version[open], .app-release-card,
  .record-summary-card:not(.is-expired):not(.is-revoked),
  .audit-table, .app-release-audit) { border-color: var(--bcr-line-panel); }
body.backstage-color-r1 :is(.store-home-card.is-muted, .site-workspace-summary,
  .site-workspace-savebar, .site-workspace-upload, .file-column:not(.audio-file-column),
  .template-library-item.is-disabled, .changelog-markdown,
  .changelog-version .changelog-markdown, .app-release-artifact > div,
  .app-release-empty) { background-color: var(--bcr-surface-subtle); }
body.backstage-color-r1 :is(.record-vault:not(.expired-license-vault), .record-overview-section,
  .app-release-section, .template-upload-card, .template-managed-group, .template-edit-card) {
  background-image: linear-gradient(135deg, var(--bcr-surface-subtle), var(--bcr-page));
  border-color: var(--bcr-line-panel);
}
body.backstage-color-r1 :is(.store-image-card img, .site-workspace-image,
  .detail-render-item img, .image-lightbox-dialog img, .order-preview-link,
  .order-preview-placeholder) { background-color: var(--bcr-image-surface); }
body.backstage-color-r1 :is(.store-history th, .audit-labels, .app-release-audit-row.is-heading) {
  background-color: var(--bcr-surface-subtle);
  color: var(--bcr-label);
}
body.backstage-color-r1 :is(.store-history td, .store-history th, .audit-row,
  .app-release-audit-row, .record-vault[open] > summary, .changelog-version-body,
  .changelog-hotfix, .template-managed-group-heading) { border-color: var(--bcr-line-panel); }
body.backstage-color-r1 :is(.audit-row, .app-release-audit-row,
  .changelog-markdown, .changelog-entry ul, .changelog-version-body ul,
  .record-summary-card, .app-release-artifact dd) { color: var(--bcr-text); }

/* Explicit existing input families, not an unscoped input/table/button reset. */
body.backstage-color-r1 :is(.login-card input, .filters input, .filters select,
  .store-field input, .store-field select, .store-field textarea,
  .template-upload-form input, .template-upload-form select, .template-upload-form textarea,
  .template-edit-form input, .template-edit-form textarea,
  .app-release-field-grid input, .app-release-wide-field textarea,
  .app-release-control-form input) {
  border-color: var(--bcr-line-input);
  color: var(--bcr-text);
}
body.backstage-color-r1 :is(.store-field :disabled, .store-button:disabled,
  .app-release-field-grid input[readonly], .batch-delete-button:disabled) {
  background-color: var(--bcr-disabled-surface);
  color: var(--bcr-disabled-text);
  border-color: var(--bcr-line-input);
}

/* SITE primary/secondary/danger colors, keeping original button geometry. */
body.backstage-color-r1 :is(.store-tabs a, .store-button,
  #store-crop-dialog .store-button, .hidden-track-admin-links a,
  .app-release-links a, .app-release-secondary, .template-library-actions .secondary,
  .template-library-actions .template-edit, .changelog-sections a) {
  background-color: var(--bcr-page);
  border-color: var(--bcr-line-input);
  color: var(--bcr-secondary-site);
}
body.backstage-color-r1 :is(.store-tabs a, .store-button,
  #store-crop-dialog .store-button, .hidden-track-admin-links a,
  .app-release-links a, .app-release-secondary, .template-library-actions .secondary,
  .template-library-actions .template-edit, .changelog-sections a):not(:disabled):hover {
  background-color: var(--bcr-secondary-hover-site);
  border-color: var(--bcr-secondary-hover-line-site);
}
body.backstage-color-r1 :is(.admin-shell .primary:not(.danger), .login-card .primary,
  .filters > button, .status-form > button, .store-button.primary,
  #store-crop-dialog .store-button.primary, .app-release-primary) {
  background-color: var(--bcr-accent);
  border-color: var(--bcr-accent);
  color: #ffffff;
}
body.backstage-color-r1 :is(.admin-shell .primary:not(.danger), .login-card .primary,
  .filters > button, .status-form > button, .app-release-primary):not(:disabled):hover {
  background-color: var(--bcr-primary-hover-submission);
  border-color: var(--bcr-primary-hover-submission);
}
body.backstage-color-r1 :is(.store-button.primary,
  #store-crop-dialog .store-button.primary):not(:disabled):hover {
  background-color: var(--bcr-primary-hover-site);
  border-color: var(--bcr-primary-hover-site);
}
body.backstage-color-r1 .store-tabs a.active {
  color: var(--bcr-accent);
  background-color: transparent;
  border-color: var(--bcr-accent);
}
body.backstage-color-r1 :is(.danger, .delete-order-button, .batch-delete-button,
  .store-button.danger, .app-release-danger, .template-library-actions .template-delete):not(:disabled) {
  background-color: var(--bcr-page);
  color: var(--bcr-danger-text);
  border-color: var(--bcr-danger-line);
}
body.backstage-color-r1 :is(.danger, .delete-order-button, .batch-delete-button,
  .store-button.danger, .app-release-danger, .template-library-actions .template-delete):not(:disabled):hover {
  background-color: var(--bcr-danger-hover-surface);
  border-color: var(--bcr-danger-hover-line);
}

/* Submission selection is distinct from the immutable business status hues. */
/* This status container inherited the original ink; pin that inheritance
 * while retaining the original child-specific semantic colors. */
body.backstage-color-r1 .order-current-status { color: #17241f; }
body.backstage-color-r1 .order-row:hover td { background-color: var(--bcr-table-hover); }
body.backstage-color-r1 :is(.order-select, .batch-select-all input) { accent-color: var(--bcr-accent); }
body.backstage-color-r1 .status-filter-card.is-active {
  background-color: transparent;
  color: var(--bcr-accent);
  border-color: var(--bcr-accent);
}
body.backstage-color-r1 .status-filter-card.is-active strong {
  background-color: var(--bcr-active-count);
  color: var(--bcr-accent);
}
body.backstage-color-r1 .status-transition-buttons > button.is-current:not([data-status]) {
  background-color: var(--bcr-step-surface);
  color: var(--bcr-step-text);
  border-color: var(--bcr-step-line);
}
body.backstage-color-r1 .audio-missing-notice {
  background-color: var(--bcr-warning-surface);
  color: var(--bcr-warning-text);
  border-color: var(--bcr-warning-line);
}
body.backstage-color-r1 :is(.time-filter-link, .copy-button) {
  background-color: var(--bcr-page);
  border-color: var(--bcr-line-input);
  color: var(--bcr-secondary-submission);
}
body.backstage-color-r1 :is(.time-filter-link, .copy-button):hover {
  background-color: var(--bcr-secondary-hover-submission);
  border-color: var(--bcr-secondary-hover-line-submission);
}
body.backstage-color-r1 .time-filter-link.is-active {
  background-color: var(--bcr-step-surface);
  border-color: var(--bcr-step-line);
  color: var(--bcr-accent);
}
body.backstage-color-r1 .time-filter-link.is-active small { color: var(--bcr-accent); }
body.backstage-color-r1 :is(.table-wrap th, .order-day-divider td) {
  background-color: var(--bcr-surface-subtle);
  color: var(--bcr-label);
  border-color: var(--bcr-line-panel);
}
body.backstage-color-r1 :is(.order-day-divider td small, .table-wrap td small,
  .time-filter-link small, .hidden-tracks-metrics span, .hidden-tracks-issue small) {
  color: var(--bcr-muted-submission);
}
body.backstage-color-r1 :is(.hidden-tracks-issue label, .license-duration legend, .license-tools legend) {
  color: var(--bcr-label);
}
body.backstage-color-r1 :is(.hidden-tracks-issue input, .hidden-tracks-issue select) {
  border-color: var(--bcr-line-input);
  color: var(--bcr-text);
}

/* Feedback remains semantically green, amber and red, never uniformly blue. */
body.backstage-color-r1 :is(.admin-notice, .store-notice, .app-release-flash.is-notice,
  .admin-feedback-card:not(.is-error)) {
  background-color: var(--bcr-success-surface);
  color: var(--bcr-success-text);
  border-color: var(--bcr-success-line);
}
body.backstage-color-r1 .site-workspace-savebar .store-notice { color: var(--bcr-saved-feedback); }
body.backstage-color-r1 :is(.admin-error, .error, .admin-feedback-card.is-error,
  .app-release-flash.is-error) {
  background-color: var(--bcr-error-surface);
  color: var(--bcr-error-text);
  border-color: var(--bcr-error-line);
}
body.backstage-color-r1 .store-warning {
  background-color: var(--bcr-warning-surface);
  color: var(--bcr-warning-text);
  border-color: var(--bcr-warning-line);
}
body.backstage-color-r1 :is(.site-workspace-savebar .store-warning,
  .site-workspace-status[data-error=true]) { color: var(--bcr-error-site); }

/* Remaining real navigation pages: template usage, analytics and changelog. */
body.backstage-color-r1 :is(.template-download-summary a, .analytics-range a) {
  background-color: var(--bcr-page);
  border-color: var(--bcr-line-input);
  color: var(--bcr-secondary-submission);
}
body.backstage-color-r1 :is(.template-download-summary a, .analytics-range a):hover {
  background-color: var(--bcr-secondary-hover-submission);
  border-color: var(--bcr-secondary-hover-line-submission);
}
body.backstage-color-r1 .analytics-range a.is-active {
  background-color: var(--bcr-step-surface);
  border-color: var(--bcr-step-line);
  color: var(--bcr-accent);
}
body.backstage-color-r1 :is(.template-download-summary span, .analytics-metrics span,
  .analytics-metrics small, .analytics-bar-row, .changelog-series-note,
  .changelog-audio-update-heading time) { color: var(--bcr-muted-submission); }
body.backstage-color-r1 :is(.analytics-card, .changelog-section,
  .changelog-history-group, .changelog-audio-update, .analytics-ranking-row,
  .analytics-simple-list > div) { border-color: var(--bcr-line-panel); }
body.backstage-color-r1 :is(.changelog-audio-update-summary,
  .changelog-audio-update ul, .changelog-audio-update h5) { color: var(--bcr-text); }
body.backstage-color-r1 .changelog-audio-update-heading h4 { color: var(--bcr-strong); }
body.backstage-color-r1 .changelog-audio-update-heading i { color: var(--bcr-label); }
body.backstage-color-r1 :is(.changelog-history-group, .analytics-bar-track) {
  background-color: var(--bcr-surface-subtle);
}
body.backstage-color-r1 .analytics-bar-track i {
  background-image: linear-gradient(90deg, var(--bcr-accent), var(--bcr-step-line));
}
body.backstage-color-r1 .analytics-ranking-row > i { background-color: var(--bcr-accent); }