/**
 * Color Selection workflow statuses — Vision Color Selections tab
 *
 * Tokens: --st-sel-status-{slug}-header and --st-sel-status-{slug}-accent in tokens.css
 * App layout: public/vision/css/selection-tracker.css (.sdn-sel-section--{slug})
 *
 * Slugs: revision-required, not-started, in-progress, awaiting-signoff,
 *        ready-for-review, completed, spec
 */

.sdn-sel-section--revision-required .sdn-sel-sec-header {
	background: var(--st-sel-status-revision-required-header);
}

.sdn-sel-section--not-started .sdn-sel-sec-header {
	background: var(--st-sel-status-not-started-header);
}

.sdn-sel-section--in-progress .sdn-sel-sec-header {
	background: var(--st-sel-status-in-progress-header);
}

.sdn-sel-section--awaiting-signoff .sdn-sel-sec-header {
	background: var(--st-sel-status-awaiting-signoff-header);
}

.sdn-sel-section--ready-for-review .sdn-sel-sec-header {
	background: var(--st-sel-status-ready-for-review-header);
}

.sdn-sel-section--completed .sdn-sel-sec-header {
	background: var(--st-sel-status-completed-header);
}

.sdn-sel-section--spec .sdn-sel-sec-header {
	background: var(--st-sel-status-spec-header);
}

.sdn-sel-sec-header .sdn-sel-sec-eyebrow,
.sdn-sel-sec-header .sdn-sel-sec-hint {
	color: rgba(255, 255, 255, 0.82);
}

.sdn-sel-nav-chip--revision-required .sdn-sel-nav-chip-dot {
	background: var(--st-sel-status-revision-required-accent);
}

.sdn-sel-nav-chip--not-started .sdn-sel-nav-chip-dot {
	background: var(--st-sel-status-not-started-accent);
}

.sdn-sel-nav-chip--in-progress .sdn-sel-nav-chip-dot {
	background: var(--st-sel-status-in-progress-accent);
}

.sdn-sel-nav-chip--awaiting-signoff .sdn-sel-nav-chip-dot {
	background: var(--st-sel-status-awaiting-signoff-accent);
}

.sdn-sel-nav-chip--ready-for-review .sdn-sel-nav-chip-dot {
	background: var(--st-sel-status-ready-for-review-accent);
}

.sdn-sel-nav-chip--completed .sdn-sel-nav-chip-dot {
	background: var(--st-sel-status-completed-accent);
}

.sdn-sel-nav-chip--spec .sdn-sel-nav-chip-dot {
	background: var(--st-sel-status-spec-accent);
}

.sdn-sel-card--revision-required {
	box-shadow: inset 0 -2px 0 0 var(--st-sel-status-revision-required-accent);
}

.sdn-sel-card--not-started {
	box-shadow: inset 0 -2px 0 0 var(--st-sel-status-not-started-accent);
}

.sdn-sel-card--in-progress {
	box-shadow: inset 0 -2px 0 0 var(--st-sel-status-in-progress-accent);
}

.sdn-sel-card--awaiting-signoff {
	box-shadow: inset 0 -2px 0 0 var(--st-sel-status-awaiting-signoff-accent);
}

.sdn-sel-card--ready-for-review {
	box-shadow: inset 0 -2px 0 0 var(--st-sel-status-ready-for-review-accent);
}

.sdn-sel-card--completed {
	box-shadow: inset 0 -2px 0 0 var(--st-sel-status-completed-accent);
}

.sdn-sel-card--spec {
	box-shadow: inset 0 -2px 0 0 var(--st-sel-status-spec-accent);
}

.sdn-sel-card--revision-required:hover {
	box-shadow: 0 6px 14px rgba(0, 31, 63, 0.12), inset 0 -2px 0 0 var(--st-sel-status-revision-required-accent);
}

.sdn-sel-card--not-started:hover {
	box-shadow: 0 6px 14px rgba(0, 31, 63, 0.12), inset 0 -2px 0 0 var(--st-sel-status-not-started-accent);
}

.sdn-sel-card--in-progress:hover {
	box-shadow: 0 6px 14px rgba(0, 31, 63, 0.12), inset 0 -2px 0 0 var(--st-sel-status-in-progress-accent);
}

.sdn-sel-card--awaiting-signoff:hover {
	box-shadow: 0 6px 14px rgba(0, 31, 63, 0.12), inset 0 -2px 0 0 var(--st-sel-status-awaiting-signoff-accent);
}

.sdn-sel-card--ready-for-review:hover {
	box-shadow: 0 6px 14px rgba(0, 31, 63, 0.12), inset 0 -2px 0 0 var(--st-sel-status-ready-for-review-accent);
}

.sdn-sel-card--completed:hover {
	box-shadow: 0 6px 14px rgba(0, 31, 63, 0.12), inset 0 -2px 0 0 var(--st-sel-status-completed-accent);
}

.sdn-sel-card--spec:hover {
	box-shadow: 0 6px 14px rgba(0, 31, 63, 0.12), inset 0 -2px 0 0 var(--st-sel-status-spec-accent);
}

.sdn-sel-modal-chip--status-revision-required {
	background: var(--st-sel-status-revision-required-header);
	border-color: var(--st-sel-status-revision-required-accent);
}

.sdn-sel-modal-chip--status-ready-for-review {
	background: var(--st-sel-status-ready-for-review-header);
	border-color: var(--st-sel-status-ready-for-review-accent);
}