/* Base overrides aggregator
   This file now imports modular partials. Keep it as the single
   stylesheet reference in templates (for now) so load order is
   controlled here. Partial files live next to this file.
*/
@import url("tokens.3f04a9b5f256.css");
@import url("base-utils.3617df90c7ce.css");
@import url("components/buttons.15471107166e.css");
@import url("components/forms.c2b21f7e0f95.css");
@import url("components/alerts.dfee9edd7ce2.css");
@import url("components/cards.12bd041189d9.css");
@import url("layout/header.214185d8a8b4.css");
@import url("theme-overrides.e3f51727cdad.css");

/* Nothing else should be added here — add rules to partial files above. */
/* Make table headers inside panels use a subtle dark header in dark mode
   so the header row remains visually separated without becoming too
   light. This targets thead/thead th to override gradient utilities. */
html.dark .tone-panel thead, html[data-theme="dark"] .tone-panel thead,
html.dark .tone-panel thead th, html[data-theme="dark"] .tone-panel thead th {
   background-color: var(--tr-overlay-white-02);
   background-image: none;
}

/* Ensure role badges (small inline-flex pills) inside panels always show readable text */
.tone-panel .inline-flex.text-xs,
.tone-panel .inline-flex.font-semibold {
   color: var(--tr-text);
}

/* Sticky first-column cells often use gradient utilities and inner text classes
   that can be missed by broad overrides. Force readable text and neutralize
   gradient backgrounds in dark mode so cells remain legible. */
.tone-panel td.sticky, .tone-panel th.sticky, .tone-panel td.sticky * {
   color: var(--tr-text);
}

/* Neutralize gradient/from-to utilities inside panels when in dark mode.
   This prevents 'from-gray-50 to-gray-100' type gradients from producing
   very-light bands that wash out adjacent text. */
/* Neutralize gradient/from-to utilities inside panels when in dark mode,
   but exclude deliberate progress indicators (they use gradients). */
html.dark .tone-panel .bg-gradient-to-r:not([data-progress]):not(.panel-progress), html[data-theme="dark"] .tone-panel .bg-gradient-to-r:not([data-progress]):not(.panel-progress),
html.dark .tone-panel [class*="from-"]:not([data-progress]):not(.panel-progress), html[data-theme="dark"] .tone-panel [class*="from-"]:not([data-progress]):not(.panel-progress),
html.dark .tone-panel [class*="to-"]:not([data-progress]):not(.panel-progress), html[data-theme="dark"] .tone-panel [class*="to-"]:not([data-progress]):not(.panel-progress) {
   background-image: none;
   background-color: var(--tr-panel-bg);
}

/* Wider catch: any small text inside table cells should use theme text color */
.tone-panel td .text-sm, .tone-panel td .text-xs, .tone-panel td div, .tone-panel td span {
   color: var(--tr-text);
}

/* Progress bar: prefer green progress indicator inside panels for better
   semantic matching and visibility. Target the inner progress element which
   is the element with the data-progress attribute in templates. */
.tone-panel [data-progress] {
   background: linear-gradient(to right, var(--tr-green-600), var(--tr-green-700)); /* from-green-600 to-green-700 */
}

/* Role badge background in dark mode: ensure 'Study Owner' and other role
   pills remain visible with adequate contrast. We target the light-tone
   utility class used in templates (bg-purple-100) and provide a dark
   background + light text in dark-theme contexts. */
html.dark .tone-panel .bg-purple-100,
html[data-theme="dark"] .tone-panel .bg-purple-100 {
   background-color: var(--tr-purple-700); /* purple-700 */
   color: var(--tr-text);
   border-color: var(--tr-overlay-white-06);
}

/* Avatar and team-card styles moved to components/cards.css */

/* Semantic component overrides (critical elements)
   Panel progress is defined in `base-utils.css` to avoid duplication. */

/* Tone-panel specific input appearance moved to `components/forms.css`. */

/* Generic form controls consolidated in `components/forms.css`. */

/* Login / registration inputs moved to `components/forms.css`. */

/* Login button/label handled in `components/forms.css` if needed. */

/* Checkbox helpers moved to `components/forms.css`. */


/* Primary button implementation lives in `components/buttons.css`. */

/* Panel helpers and action button variants are now canonical in `base-utils.css` and `components/buttons.css`. */

/* Team member card styles are in `components/cards.css`. Panel toggle lives in `base-utils.css`. */

/* Table helpers are defined in `base-utils.css`. */




/* NOTE: the broad debug blanket rule was removed to restore normal theme-aware
   color behavior. If some elements remain too-light/dark, they should be fixed
   with targeted selectors rather than a global blanket override. */

/* Site title color lock moved to `layout/header.css`. */

/* Header toggle and icon sizing are in `layout/header.css`. */

/* Alert component moved to components/alerts.css */