/* Admin-specific overrides (shared base.css loaded via symlink) */

@layer reset {
  /* Admin page components — make custom elements block-level */
  company-intel-page,
  position-brief-page,
  simulation-story-page,
  talent-management-page,
  create-position-page,
  new-company-page,
  eval-criteria-page {
    display: block;
  }

  /* Horizontal padding for workspace pages inside main */
  #main-content:has(company-intel-page),
  #main-content:has(position-brief-page),
  #main-content:has(simulation-story-page),
  #main-content:has(talent-management-page),
  #main-content:has(create-position-page),
  #main-content:has(new-company-page),
  #main-content:has(eval-criteria-page) {
    padding-inline: clamp(1rem, 4vw, 3rem);
  }
}

@layer base {
  p + p {
    margin-block-start: var(--space-sm);
  }

  li + li {
    margin-block-start: var(--space-xs);
  }
}

@layer theme {
  /* Title accent bars — full-width variant for admin pages */
  .company-title h2,
  .brief-header h2,
  .story-title,
  .dialog-header h2,
  .section-header h3,
  .insight-card .label,
  .evaluation-detail-page .detail-card h2 {
    position: relative;
    width: fit-content;
    padding-block-end: var(--space-sm);
    margin-block-end: var(--space-md);

    &::after {
      content: '';
      position: absolute;
      inset-inline-start: 0;
      inset-block-end: 0;
      inline-size: 100%;
      block-size: 2px;
      border-radius: 2px;
      background: linear-gradient(90deg, var(--accent-primary), var(--accent-warm));
    }
  }
}