/**
 * Workspace module theming — same typography/hero pattern as Applicant Decision Hub,
 * with per-page accent colors (Atlas · Shortlist · Resources).
 */
@import url("../theme.css");

/* --- Accent palettes --- */
.decision-accent {
  --module-accent: #4f46e5;
  --module-accent-hover: #4338ca;
  --module-accent-soft: #eef2ff;
  --module-accent-border: #c7d2fe;
  --module-accent-ink: #312e81;
}

.atlas-accent {
  --module-accent: #0d9488;
  --module-accent-hover: #0f766e;
  --module-accent-soft: #ccfbf1;
  --module-accent-border: #99f6e4;
  --module-accent-ink: #134e4a;
  --atlas-accent: var(--module-accent);
}

.shortlist-accent {
  --module-accent: #c2410c;
  --module-accent-hover: #9a3412;
  --module-accent-soft: #ffedd5;
  --module-accent-border: #fdba74;
  --module-accent-ink: #7c2d12;
  --atlas-accent: var(--module-accent);
}

/* --- Page atmosphere (matches Decision Hub clarity + soft tint) --- */
.atlas-accent {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(13, 148, 136, 0.08), transparent),
    radial-gradient(ellipse 55% 40% at 100% 0%, rgba(15, 118, 110, 0.05), transparent);
}

.shortlist-accent {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(194, 65, 12, 0.08), transparent),
    radial-gradient(ellipse 55% 40% at 0% 0%, rgba(217, 119, 6, 0.05), transparent);
}

.decision-accent {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(79, 70, 229, 0.08), transparent),
    radial-gradient(ellipse 55% 40% at 100% 0%, rgba(67, 56, 202, 0.05), transparent);
}

/* --- Hero band (Decision Hub / intl-resources pattern) --- */
.atlas-accent .hero-inner,
.shortlist-accent .hero-inner {
  max-width: 1100px;
  margin: 0 auto;
}

.atlas-accent .hero,
.atlas-accent .workspace-hero,
.shortlist-accent .hero,
.shortlist-accent .workspace-hero,
.decision-accent .hero {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 2.5rem 1.25rem 1.75rem;
  border-bottom: 1px solid var(--border);
  background: var(--bg-elevated);
}

.atlas-accent .hero h1,
.shortlist-accent .hero h1,
.decision-accent .hero h1,
.atlas-accent .workspace-hero h1,
.shortlist-accent .workspace-hero h1 {
  margin: 0 0 0.65rem;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 400;
  line-height: 1.12;
  color: var(--text);
}

.atlas-accent .hero h1 em,
.shortlist-accent .hero h1 em,
.decision-accent .hero h1 em,
.atlas-accent .workspace-hero h1 em,
.shortlist-accent .workspace-hero h1 em {
  color: var(--module-accent);
  font-style: italic;
}

.atlas-accent .eyebrow,
.shortlist-accent .eyebrow {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--module-accent);
}

.atlas-accent .lead,
.atlas-accent .lead.short,
.shortlist-accent .lead,
.shortlist-accent .lead.short {
  max-width: 62ch;
  font-size: 1.02rem;
  color: var(--text-secondary);
  line-height: 1.55;
}

.atlas-accent .hero-stats,
.shortlist-accent .hero-stats,
.decision-accent .hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}

.atlas-accent .hero-stats .stat-pill,
.shortlist-accent .hero-stats .stat-pill,
.decision-accent .hero-stats .stat-pill,
.atlas-accent .stat-pill,
.shortlist-accent .stat-pill {
  padding: 0.65rem 1.1rem;
  background: var(--bg-subtle);
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: 0.875rem;
  color: var(--text-muted);
  font-family: inherit;
  cursor: pointer;
}

.atlas-accent .hero-stats .stat-pill strong,
.shortlist-accent .hero-stats .stat-pill strong,
.decision-accent .hero-stats .stat-pill strong {
  color: var(--text);
  font-weight: 600;
}

.atlas-accent .hero-stats .stat-pill:hover,
.atlas-accent .hero-stats .stat-pill.active,
.shortlist-accent .hero-stats .stat-pill:hover,
.shortlist-accent .hero-stats .stat-pill.active {
  background: var(--module-accent-soft);
  border-color: var(--module-accent-border);
  color: var(--module-accent-ink);
}

/* --- App shell nav --- */
.atlas-accent .app-shell a:hover,
.shortlist-accent .app-shell a:hover,
.decision-accent .app-shell a:hover {
  border-color: var(--module-accent);
}

.atlas-accent .app-shell a.active,
.shortlist-accent .app-shell a.active,
.decision-accent .app-shell a.active {
  background: var(--module-accent);
  border-color: var(--module-accent);
  color: #fff;
}

/* --- Filter chips (Decision tab-bar pattern) --- */
.atlas-accent .chips .chip,
.shortlist-accent .chips .chip {
  font: inherit;
  font-weight: 600;
  font-size: 0.8rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--bg-subtle);
  color: var(--text);
  cursor: pointer;
}

.atlas-accent .chips .chip:hover,
.shortlist-accent .chips .chip:hover {
  border-color: var(--module-accent-border);
  color: var(--module-accent-ink);
}

.atlas-accent .chips .chip.active,
.shortlist-accent .chips .chip.active {
  background: var(--module-accent);
  border-color: var(--module-accent);
  color: #fff;
}

.atlas-accent .filter-label,
.shortlist-accent .filter-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-right: 0.35rem;
}

/* --- Panels & toolbar --- */
.atlas-accent .toolbar.panel,
.atlas-accent .panel,
.shortlist-accent .panel,
.shortlist-accent .shortlist-workspace .panel {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow);
}

.atlas-accent .workspace-panel > summary,
.shortlist-accent .workspace-panel > summary {
  font-weight: 700;
  color: var(--module-accent-ink);
}

.atlas-accent .workspace-panel > summary:hover,
.shortlist-accent .workspace-panel > summary:hover {
  color: var(--module-accent);
}

/* --- Atlas-specific tokens wired to module accent --- */
.atlas-accent .school-badge,
.atlas-accent .card-score-line:not(.muted) {
  background: var(--module-accent-soft);
  color: var(--module-accent-ink);
  border-color: var(--module-accent-border);
}

.atlas-accent .score-bar {
  background: var(--module-accent);
}

.atlas-accent .decision-scores .score-composite {
  color: var(--module-accent);
}

.atlas-accent .rank-tab.active {
  background: var(--module-accent);
  border-color: var(--module-accent);
  color: #fff;
}

.shortlist-accent .secondary-action {
  background: var(--module-accent-soft);
  border: 1px solid var(--module-accent-border);
  color: var(--module-accent-ink);
}

.shortlist-accent .secondary-action:hover {
  background: var(--module-accent-border);
}

.atlas-accent .primary-action,
.shortlist-accent .primary-action {
  background: var(--module-accent);
  border-color: var(--module-accent);
  color: #fff;
}

.atlas-accent .primary-action:hover,
.shortlist-accent .primary-action:hover {
  background: var(--module-accent-hover);
  border-color: var(--module-accent-hover);
}

.shortlist-accent .compare-matrix thead th {
  background: var(--module-accent-soft);
  color: var(--module-accent-ink);
}

.shortlist-accent .compare-pick-card:has(input:checked) {
  border-color: var(--module-accent);
  background: var(--module-accent-soft);
}

.shortlist-accent .shortlist-row h3 a {
  color: var(--module-accent-hover);
}

.shortlist-accent .shortlist-row h3 a:hover {
  color: var(--module-accent);
}