/* styles.css — Compatibility Shim
   Plan 006 (Milestone 19): All extracted rules have been moved to modular files under
   frontend/src/styles/. This file now contains only the two true cross-cutting exceptions
   that are shared by every page and cannot be logically owned by any single module.

   Exception policy (Milestone 17):
   A "true exception" is a rule that meets ALL of:
     (a) applies globally across all pages/views with no feature-specific owner,
     (b) cannot be logically claimed by a single feature module without risk of
         load-order or cascade regression,
     (c) has no natural home in variables.css, layout.css, or any component module.

   Removal condition: Both exceptions below can be moved to variables.css once
   variables.css is confirmed to load before all component modules in every
   deployment context (currently guaranteed by index.html link order).
   When that confirmation is made: remove this file and its <link> from index.html.
*/

/* ── Exception 1 ────────────────────────────────────────────────────────────
   Owner: global
   Why: Universal box-model reset — no single module should own this.
   Target module: variables.css
   Removal condition: Confirm variables.css loads first in all deploy contexts,
   then move * block there and delete this file.
   ───────────────────────────────────────────────────────────────────────── */
* {
    box-sizing: border-box;
}

/* ── Exception 2 ────────────────────────────────────────────────────────────
   Owner: global
   Why: Page-shell background, max-width, and padding apply to every view.
       font-family was already moved to variables.css (Plan 006 M1).
   Target module: variables.css
   Removal condition: Same as Exception 1.
   ───────────────────────────────────────────────────────────────────────── */
body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background-color: var(--bg-page);
}

/* ── Relocation index (all rules moved out of this file) ────────────────────
   variables.css  — :root custom properties, body font-family, responsive font
  forms.css      — form-group, label, input/select/textarea, focus-visible,
              password-input-wrap input, checkbox/radio items, sliders,
              metric-label-row, typeahead, section-title, form-row,
              checkbox-group, radio-group
   auth.css       — .auth-view, .login-shell, .login-card, .password-input-wrap
   layout.css     — .container, .dashboard-layout, .left-column, .right-column,
                    .profile-tabs-shell, .profile-tab, .spa-col,
                    .spa-nav-head, .nav-feed-list,
                    header (all variants), .header-title-group, .header-actions,
                    .profile-dropdown, .profile-dropdown-menu, .profile-person-icon,
                    .inspector-tabs
   components/buttons.css
                  — button (base/hover/focus-visible), .back-btn, .profile-menu-trigger,
                    .settings-layer-trigger, .profile-dropdown-item,
                    .draft-banner-btn, .password-toggle-btn, .auth-submit-btn,
                    .stage-rubric-info-btn, .feed-toolbar-btn, .disabled-admin-btn,
                    .feed-menu-item, .feed-item-btn, .session-editor-actions button,
                    .session-editor-secondary, .inspector-tab, .inspector-edit-profile-btn,
                    .inspector-delete-profile-btn, .inspector-unlink-profile-btn,
                    .add-session-btn, .delete-student-btn, .add-session-cta,
                    .edit-btn, .generate-ai-insights-btn, #generateAnalysisBtn,
                    .secondary-btn, .delete-btn
   components/accordions.css
                  — .session-accordion, .session-metric-group (all variants)
   components/overlays.css
                  — .settings-layer, .modal-overlay, .modal, .modal-slide-right,
                    .add-session-modal, .stage-rubric-modal, body lock rules
   components/surfaces.css
                  — .analysis-section-card, .section, .stage-panel, .inspector-panel,
                    .stage-coming-soon, .stage-callout, .stage-metrics-block,
                    .profile-data-card, .student-item, .student-card, .student-info-grid,
                    .learning-profile-grid, .score-block,
                    .students-table-header (+ sort-btn variants),
                    #studentsList, .admin-roles-*
     components/staff-profile.css
                                    — .sfp-* staff profile view surface/layout components
   components/workflow.css
                  — .feed-toolbar, .feed-menu, .feed-group, .activity-* (all),
                    .session-editor-shell, .session-editor-head, .session-editor-form,
                    .session-editor-row, .session-view-actions, .stage-draft-indicator,
                    .session-records-header-row,
                    .draft-banner, .draft-toast
   components/sessions.css
                  — .session-record, .session-header-toggle, .session-date,
                    .session-topic-taught, .session-pillars, .pillar-badge,
                    .session-actions, .session-card-body, .btn-icon,
                    .session-metrics-grid, .session-metric-card, .metric-value-badge,
                    .metric-progress, .metric-status-*, .session-accent-*,
                    .session-callout, .session-metric-row, .session-metric-label,
                    .session-metric-value, .session-metric-comment
   components/intelligence.css
                  — .analysis-result, .diagnostic-item, .risk-badge, .severity-*,
                    .ai-insights-*, .loading-indicator, .spinner, @keyframes spin
   utilities.css  — .muted, .no-sessions, .draft-banner-text, .draft-banner-actions,
                    .info-icon, #message
   responsive.css — all @media breakpoint overrides
   ─────────────────────────────────────────────────────────────────────────── */