/* The named layer gives central important rules priority over unlayered
 * legacy styles, without a specificity arms race. Exceptions live here too. */
@layer coachreels-ui {
/* CoachReels shared UI contract. See docs/ui-style-guide.md.
 * Owns typography, menu text, and standard form-control presentation.
 * Component styles own layout; do not add local pixel-sized text overrides.
 */
:root {
  --cr-font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --cr-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --cr-text-body: 1rem;
  --cr-text-small: .875rem;
  --cr-text-heading-small: 1.125rem;
  --cr-text-heading: 1.5rem;
  --cr-text-title: 2rem;
  --cr-text-metric: 2.5rem;
  --cr-line-body: 1.5;
  --cr-control-height: 2.75rem;
  --cr-control-radius: .625rem;
  --cr-control-padding: .625rem .75rem;
  --cr-control-border: rgba(148, 163, 184, .4);
  --cr-control-background: #0b1727;
  --cr-control-text: #eaf1ff;
  --cr-focus-color: #7dd3fc;
  --cr-menu-weight: 650;
}
html { font-size: var(--cr-base-size, 14px) !important; }

/* Important typography is intentional: the common contract must win over
 * legacy page selectors, inline presentation, and dynamically loaded panels.
 * Layout, visibility, disabled state and action colours remain component-owned.
 */
body {
  font-family: var(--cr-font-family) !important;
  font-size: var(--cr-text-body) !important;
  line-height: var(--cr-line-body);
}
body.page-competition-admin {
  font-size: var(--cr-text-body);
  line-height: var(--cr-line-body);
}
body :is(button, input, select, textarea, option, optgroup) {
  font-family: var(--cr-font-family) !important;
  font-size: var(--cr-control-font, var(--cr-text-body)) !important;
  line-height: 1.4 !important;
}
body :is(.btn, .btnOAuth, [role="menuitem"], .user-menu-pop a,
  .seq-item-menu-pop a, .seq-item-menu-action,
  .index-primary-nav-link, .index-side-nav-link strong,
  .watch-game-manage-menu-item, .admin-tab, .admin-nav-tab,
  .admin-v2-filter-tabs a, .admin-v2-command-results strong, .admin-v2-rail-link strong, .admin-v2-rail-subnav a) {
  font-family: var(--cr-font-family) !important;
  font-size: var(--cr-menu-font, var(--cr-text-body)) !important;
  font-weight: var(--cr-menu-weight) !important;
  line-height: 1.4;
}
body :is(.page-form, form, .pw-dialog, .modal, .admin-modal) label {
  font-family: var(--cr-font-family) !important;
  font-size: var(--cr-text-body) !important;
  line-height: var(--cr-line-body);
}
body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]), select, textarea) {
  box-sizing: border-box;
  min-height: var(--cr-control-height) !important;
  border: 1px solid var(--cr-control-border) !important;
  border-radius: var(--cr-control-radius) !important;
  background-color: var(--cr-control-background) !important;
  color: var(--cr-control-text) !important;
  padding: var(--cr-control-padding) !important;
  max-width: 100%;
  width: 100%;
  display: block;
}
body :is(button, input, select, textarea, a, summary):focus-visible {
  outline: 2px solid var(--cr-focus-color) !important;
  outline-offset: 3px !important;
}
body :is(input, select, textarea):disabled { opacity: .55; cursor: not-allowed; }
body :is(input, textarea)::placeholder { color: #9eb0c5; opacity: 1; }
body :is(.btn, .btnOAuth, .admin-modal-btn, .pw-dialog button, .pw-toolbar button) {
  min-height: var(--cr-control-height) !important;
  border-radius: var(--cr-control-radius) !important;
  padding: var(--cr-control-padding) !important;
}

/* Supporting copy is a deliberate hierarchy, never tiny menu text. */
.page-competition-admin :is(small, .muted, .help, .inline-note),
.pw-dialog small { font-size: var(--cr-text-small); line-height: var(--cr-line-body); }
.page-competition-admin :is(h1, h2, h3, h4) { line-height: 1.25; }
/* EXCEPTION UI-04: monospace preserves alignment in diagnostic output. */
.page-competition-admin :is(pre, code, kbd) { font-family: var(--cr-font-mono); }

/* EXCEPTION UI-01: the circular logo navigation positions labels in fixed
 * wedges. 12px labels fit those wedges; the expanded tooltip uses body text.
 * Changing wedge geometry belongs to navigation, not form-control sizing.
 */
.coachreels-global-nav { --cr-menu-font: .75rem; --cr-control-font: .75rem; }
.coachreels-nav-fan__label { font-family: var(--cr-font-family) !important; font-size: var(--cr-menu-font) !important; }
.coachreels-nav-fan__tooltip { font-family: var(--cr-font-family) !important; font-size: var(--cr-text-small) !important; }

/* EXCEPTION UI-02: Editor transport and timeline controls share a single row
 * beside the video. Keep them 14px/32px high; full dialogs use standard controls.
 * This does not change video, canvas, exported captions, or scoreboard graphics.
 */
body[data-coachreels-nav-active="video_editor"] {
  --cr-text-body: 1rem;
  --cr-text-small: calc(var(--cr-text-body) * .875);
  --cr-control-height: calc(var(--cr-text-body) * 2.75);
  --cr-control-radius: calc(var(--cr-text-body) * .625);
  --cr-control-padding: calc(var(--cr-text-body) * .625) calc(var(--cr-text-body) * .75);
}
body[data-coachreels-nav-active="video_editor"] :is(.topbar, .playbackbar) {
  --cr-control-font: var(--cr-text-small);
  --cr-menu-font: var(--cr-text-small);
  --cr-control-height: calc(var(--cr-text-body) * 2);
  --cr-control-padding: calc(var(--cr-text-body) * .25) calc(var(--cr-text-body) * .5);
}

/* EXCEPTION UI-03: icon-only controls retain their component dimensions.
 * Checkbox/radio/range/colour inputs are excluded from text-field geometry;
 * their labels and keyboard focus still use this shared contract.
 */

/* EXCEPTION UI-05: a composite search field owns the visible border and focus
 * ring. Its nested input stays borderless so the control has one outline.
 */
body :is(.admin-v2-command-input-wrap, .admin-search-bar) input {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  min-width: 0;
}
body :is(.admin-v2-command-input-wrap, .admin-search-bar):focus-within {
  outline: 2px solid var(--cr-focus-color);
  outline-offset: 3px;
}
body :is(.admin-v2-command-input-wrap, .admin-search-bar) input:focus-visible {
  outline: none !important;
}

/* UI-07: search fields reserve a separate, fixed-size icon column. The shared
 * padding contract must never cover the icon with typed or placeholder text. */
.index-global-search {
  --cr-control-padding:.65rem .85rem .65rem 2.75rem !important;
}
body .index-global-search-icon {
  display:grid !important;
  place-items:center !important;
  width:18px !important;
  height:18px !important;
  left:13px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}
body .index-global-search-icon svg { display:block !important;width:18px !important;height:18px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.8 !important;stroke-linecap:round !important; }

/* A smaller body scale with clear headings, shared by the account, dashboard,
 * administration and editor dialogs. Authored video/scoreboard text is excluded. */
body :is(.coachreels-home, .team-review-workspace, .account-drawer, .pw-dialog, .admin-modal) {
  font-size:var(--cr-text-body) !important;
  line-height:var(--cr-line-body) !important;
}
body :is(.coachreels-home, .account-drawer, .pw-dialog) h2 {
  font-size:var(--cr-text-heading) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
}
body :is(.coachreels-home, .account-drawer, .pw-dialog) h3 {
  font-size:var(--cr-text-heading-small) !important;
  line-height:1.35 !important;
  font-weight:650 !important;
}
body :is(.team-review-workspace, .account-settings-section, .pw-dialog) p {
  font-size:var(--cr-text-body) !important;
  line-height:var(--cr-line-body) !important;
}
body :is(.team-review-workspace, .account-drawer) small,
body :is(.team-review-chart-note, .team-review-chart-readout, .team-review-actual-key, .cr-display-hint, .cr-display-status) {
  font-size:var(--cr-text-small) !important;
  line-height:1.5 !important;
}
body .index-section-heading { text-align:left !important;gap:5px !important; }
body .index-section-heading strong { font-size:var(--cr-text-heading) !important;line-height:1.2 !important;font-weight:700 !important;letter-spacing:-.025em !important; }
body .index-section-heading small { font-size:var(--cr-text-small) !important;line-height:1.4 !important;color:#a6bfcb !important;font-weight:400 !important; }
body .team-review-summary strong { font-size:2.1rem !important;letter-spacing:-.03em !important; }
body .team-review-average-value > b { font-size:2.35rem !important; }
body .team-review-player-identity strong { font-size:var(--cr-text-heading-small) !important; }
body .team-review-player-stats dd { font-size:1.6rem !important; }
body .team-review-actual-plot h4 { font-size:var(--cr-text-heading-small) !important; }
body .team-review-actual-chart { height:clamp(240px,26vw,320px) !important;max-height:320px !important; }
body .team-review-trend { padding:20px !important;box-shadow:none !important; }
body .team-review-panel-head { margin-bottom:16px !important; }
body .team-review-summary article { padding:16px !important; }
body .home-person-card > strong { font-size:var(--cr-text-body) !important;line-height:1.35 !important;font-weight:650 !important; }
body .home-person-card > small { font-size:var(--cr-text-small) !important;line-height:1.4 !important; }
body .cr-avatar-fallback { display:grid !important;place-items:center !important;width:100% !important;height:100% !important;font-size:1.35rem !important;font-weight:650 !important;color:#b5f7e8 !important; }
body :is(.home-focus-avatar,.home-familiar-avatar,.team-review-player-mark,.account-profile-avatar,.index-account-avatar) img[hidden] { display:none !important; }

/* UI-08: the navigation trigger is an ordinary sibling of the brand. Keeping
 * it in flow prevents a hidden or wrapped logo from leaving a floating button. */
body .coachreels-global-nav { display:inline-flex !important;align-items:center !important;gap:8px !important;min-width:0 !important;max-width:100% !important; }
body .coachreels-global-nav > .coachreels-home-brand { flex:1 1 auto !important;min-width:0 !important; }
body .coachreels-global-nav__toggle {
  position:static !important;
  flex:0 0 32px !important;
  width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;
  padding:0 !important;
  box-shadow:none !important;
}
body .index-topbar > .coachreels-global-nav { grid-column:1 !important;grid-row:1 !important;width:220px !important;max-width:100% !important; }
body .index-topbar .coachreels-home-brand__image { border-radius:0 !important; }

/* Legacy dashboard captions used 7–10px independently of the account scale.
 * Keep supporting text readable, and reserve the smaller scale for eyebrows. */
body.page-index :is(.coachreels-home, .account-drawer, .create-hub-panel, .reel-sidebar, .watch-game-browser) small,
body.page-index :is(.home-latest-footage-copy > span, .watch-team-division-context, .watch-game-counts > span,
  .watch-game-file-action, .watch-access-filter-heading, .watch-access-filter-heading > span,
  .account-schema-notice, .account-schema-notice > span, .account-role-chips > span, .account-optional) {
  font-size:var(--cr-text-small) !important;line-height:1.45 !important;
}
body.page-index :is(.home-eyebrow, .account-drawer-eyebrow, .create-hub-eyebrow,
  .index-scope-indicator > span, .home-featured-titlebar > span, .home-latest-footage-thumb > span,
  .account-section-head > div > span, .home-team-review-wheel-label, .home-team-review-wheel-count) {
  font-size:.785714rem !important;line-height:1.35 !important;
}
body.page-index .home-team-review-wheel-count { min-width:1.6em !important;height:auto !important;padding:1px 4px !important; }
body.page-index .home-team-review-wheel-center small { font-size:.785714rem !important; }
body.page-index :is(.watch-game-detail-section h3, .watch-access-filter-heading strong) {
  font-size:var(--cr-text-small) !important;line-height:1.4 !important;letter-spacing:.025em !important;
}
body.page-index :is(.create-hub-panel, .home-focus-drawer__surface) h2 { font-size:var(--cr-text-heading) !important;line-height:1.25 !important; }
body.page-index :is(.create-hub-panel, .home-focus-drawer__surface) p { font-size:var(--cr-text-body) !important;line-height:1.5 !important; }
body.page-competition-admin h2 { font-size:var(--cr-text-heading) !important;line-height:1.25 !important; }
body.page-competition-admin h3 { font-size:var(--cr-text-heading-small) !important;line-height:1.35 !important; }
body.page-competition-admin .admin-v2-optional { margin-inline-start:.35em !important; }
body.page-competition-admin button[data-platform-open] {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  min-height:var(--cr-control-height) !important;padding:.625rem 1rem !important;
  border:1px solid #3a6b86 !important;border-radius:var(--cr-control-radius) !important;
  background:#14364b !important;color:#e4f6ff !important;font-weight:650 !important;cursor:pointer !important;
}
body.page-competition-admin button[data-platform-open]:hover { background:#1c4861 !important; }
body.page-index [data-home-familiar-player-tag] strong { font-size:var(--cr-text-body) !important;font-weight:650 !important; }
body.page-index :is(.action-comments-label, .action-share-label, .action-heart > span,
  .watch-video-designation > span, .watch-timeline-legend > span, .watch-game-content-summary > span,
  .watch-game-content-summary > strong) { font-size:var(--cr-text-small) !important;line-height:1.4 !important; }
body.page-index .watch-timeline-legend { flex-wrap:wrap !important;row-gap:5px !important; }
body.page-index .watch-timeline-ticks { font-size:.785714rem !important; }
body.page-index .watch-timeline-ticks > span:first-child { transform:none !important; }
body.page-index .watch-timeline-ticks > span:last-child { transform:translateX(-100%) !important; }
body[data-coachreels-nav-active="video_editor"] :is(label, .hint, .moment-field-label, .player-avatar-preview-panel small) {
  font-size:var(--cr-text-small) !important;line-height:1.45 !important;
}
body[data-coachreels-nav-active="video_editor"] :is(.video-editor-tour-panel h2, .video-editor-tour-panel h3) {
  font-size:var(--cr-text-heading) !important;line-height:1.25 !important;
}
body[data-coachreels-nav-active="video_editor"] .app-title { font-size:var(--cr-text-heading) !important;line-height:1.2 !important; }
body[data-coachreels-nav-active="video_editor"] .tool-accordion-title { font-size:var(--cr-text-body) !important;line-height:1.3 !important; }
body[data-coachreels-nav-active="video_editor"] :is(.tool-accordion-sub, .video-editor-tour-panel small, .video-editor-tour-step-meta) { font-size:var(--cr-text-small) !important;line-height:1.45 !important; }
body[data-coachreels-nav-active="video_editor"] :is(.tool-accordion-kicker, .tool-accordion-group-label) { font-size:.785714rem !important;line-height:1.4 !important; }
body[data-coachreels-nav-active="video_editor"] .tool-accordion-summary { gap:10px !important; }
body.page-administration-hub h1 { font-size:var(--cr-text-title) !important;line-height:1.2 !important; }
body.page-administration-hub h2 { font-size:var(--cr-text-heading) !important;line-height:1.3 !important; }
body.page-administration-hub :is(p, a) { font-size:var(--cr-text-body) !important;line-height:1.5 !important; }
body.page-index :is(.account-section-heading > div > span, .team-review-chart-eyebrow) { font-size:.785714rem !important; }
body.mi-page h2 { font-size:var(--cr-text-heading) !important;line-height:1.25 !important; }
body.mi-page h3 { font-size:var(--cr-text-heading-small) !important;line-height:1.35 !important; }
body.mi-page .mi-search input { border:0 !important;background:transparent !important;min-width:0 !important; }
body.mi-page .mi-search:focus-within { outline:2px solid var(--cr-focus-color) !important;outline-offset:2px !important; }
body.mi-page .mi-search input:focus-visible { outline:0 !important; }
body.mi-page .mi-pill { flex:0 0 auto !important;white-space:nowrap !important;overflow-wrap:normal !important; }
body.mi-page .mi-model-card { flex-wrap:wrap !important;align-items:flex-start !important; }
body.mi-page .mi-model-card > div { flex:1 1 180px !important; }
body.page-index .queue-upload-panel h2 { font-size:var(--cr-text-heading) !important;line-height:1.25 !important; }
body.page-index :is(.queue-upload-wizard-steps strong, .account-settings-section-head > div > span) { font-size:var(--cr-text-small) !important;line-height:1.4 !important; }
body.page-index .home-playback-switch { min-width:max-content !important; }
body.page-index .home-playback-switch button { white-space:nowrap !important;min-width:max-content !important; }
body.page-index .home-view-controls { flex-wrap:wrap !important; }
html[data-cr-text-size="large"] body.page-index .home-context-bar { grid-template-columns:1fr !important; }
html[data-cr-text-size="large"] body.page-index .home-view-controls { width:100% !important; }
/* Tag Moments has its own video overlay. Reserve the scoreboard row and place
 * its wheel below the actual header height, including wrapped action buttons. */
body.editor-mode-tag-viewer .watch-tag-card-head {
  margin-top:70px !important;border-radius:12px !important;background:rgba(2,6,23,.85) !important;
  grid-template-columns:minmax(160px,.7fr) minmax(160px,1fr) minmax(420px,1.6fr) !important;
  padding:10px 12px !important;
}
body.editor-mode-tag-viewer .watch-tag-card-head::before { display:none !important; }
body.editor-mode-tag-viewer :is(.watch-tag-wheel-shell.is-wheel-top-left, .watch-tag-wheel-shell.is-wheel-top-right) {
  top:var(--cr-tag-menu-top,180px) !important;
}
@media (max-width:1100px) {
  body.editor-mode-tag-viewer .watch-tag-card-head { grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
  body.editor-mode-tag-viewer .watch-tag-card-actions { grid-column:1 / -1 !important; }
}

/* Each header control occupies its own grid track. The old search minimum
 * exceeded the space remaining beside the organisation and account controls. */
@media (min-width:721px) {
  body.page-index.page-index--home .index-topbar { grid-template-columns:220px minmax(0,1fr) auto !important; }
  body.page-index .index-search-stack { width:100% !important;max-width:100% !important;min-width:0 !important; }
  body.page-index .index-global-search { width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important; }
  body.page-index .index-account { min-width:0 !important; }
  body.page-index .index-topbar .coachreels-home-brand { width:180px !important; }
  body.page-index .index-topbar .coachreels-home-brand__image { width:100% !important;max-width:none !important; }
}
@media (min-width:1151px) {
  body.page-index.page-index--watch .index-topbar {
    grid-template-columns:210px minmax(160px,1fr) minmax(180px,230px) auto !important;gap:12px !important;
  }
  body.page-index.page-index--watch .watch-history-controls { grid-template-columns:repeat(3,32px) !important; }
  body.page-index.page-index--watch .watch-topbar-navigation { gap:8px !important; }
  body.page-index.page-index--watch .watch-breadcrumbs { padding-inline:8px !important; }
}
@media (min-width:721px) and (max-width:1280px) {
  body.page-index .index-account-copy { display:none !important; }
  body.page-index .user-menu-trigger { width:42px !important;min-width:42px !important;height:42px !important;padding:5px !important;justify-content:center !important; }
  body.page-index .index-scope-indicator { max-width:180px !important; }
  body.page-index .index-scope-indicator strong { white-space:normal !important;overflow-wrap:anywhere !important; }
}
@media (min-width:721px) and (max-width:980px) {
  body.page-index.page-index--home .index-topbar { grid-template-columns:minmax(0,1fr) auto !important; }
  body.page-index.page-index--home .index-search-stack { grid-column:1 / -1 !important;grid-row:2 !important; }
  body.page-index.is-team-review-view .index-section-heading { grid-column:1 / -1 !important;grid-row:2 !important;justify-self:start !important; }
}

@media (min-width:721px) {
  body.page-index { --index-rail-width:var(--cr-nav-width,224px) !important; }
  body.page-index.page-index--home .coachreels-home {
    width:auto !important;max-width:none !important;min-width:0 !important;
    margin:24px 24px 32px calc(var(--index-rail-width) + 24px) !important;
  }
  body.page-index .index-side-nav { box-sizing:border-box !important;padding:18px 12px !important;align-items:stretch !important; }
  body.page-index .index-side-nav-link {
    box-sizing:border-box !important;
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:10px !important;
    width:100% !important;max-width:100% !important;min-height:46px !important;height:auto !important;
    padding:9px 10px !important;
    color:#bdccd8 !important;
    text-align:left !important;
  }
  body.page-index .index-side-nav-link strong {
    position:static !important;min-width:0 !important;max-width:100% !important;padding:0 !important;
    white-space:normal !important;overflow-wrap:anywhere !important;
    font-size:min(1rem, calc((var(--cr-nav-width,224px) - 90px) / 7)) !important;
    line-height:1.35 !important;letter-spacing:0 !important;
    transform:none !important;opacity:1 !important;
  }
  body.page-index .index-side-nav-link .index-side-nav-icon { width:28px !important;height:28px !important;border-radius:7px !important; }
  body.page-index .index-side-nav-link .index-side-nav-icon img { opacity:.85 !important;filter:saturate(.8) !important; }
  body.page-index .index-side-nav-link.is-active { color:#a7f3d0 !important; }
  body.page-index .index-side-nav::after { display:none !important; }
  body .cr-navigation-resizer {
    position:absolute !important;inset:0 -5px 0 auto !important;width:10px !important;
    cursor:col-resize !important;touch-action:none !important;z-index:2 !important;
  }
  body .cr-navigation-resizer::after {
    content:"" !important;position:absolute !important;left:4px !important;top:24px !important;bottom:24px !important;width:2px !important;
    border-radius:2px !important;background:rgba(94,234,212,.14) !important;transition:background .15s !important;
  }
  body .cr-navigation-resizer:is(:hover,:focus-visible)::after,
  body.is-cr-nav-resizing .cr-navigation-resizer::after { background:#5eead4 !important; }
  body .cr-navigation-resizer:focus-visible { outline:2px solid var(--cr-focus-color) !important;outline-offset:1px !important; }
  body.is-cr-nav-resizing { cursor:col-resize !important;user-select:none !important; }
}
@media (max-width:720px) {
  body .cr-navigation-resizer { display:none !important; }
  body.page-competition-admin .admin-v2-breadcrumbs { flex-wrap:wrap !important;min-width:0 !important;overflow-wrap:anywhere !important; }
  body.page-competition-admin .admin-v2-picker-result { grid-template-columns:minmax(0,1fr) !important;min-width:0 !important;gap:8px !important; }
  body.page-competition-admin .admin-v2-picker-result-badges { width:auto !important;min-width:0 !important;max-width:100% !important;justify-content:flex-start !important;flex-wrap:wrap !important; }
  body.page-index .reel-media-loader { inset:66px 16px auto !important; }
  body.page-index :is(.index-mobile-nav strong, .mobile-explore-scope-trigger > span, .reel-kind-badge) { font-size:.785714rem !important; }
  body.page-index :is(.reel-subtitle, .reel-meta) { font-size:var(--cr-text-small) !important;line-height:1.45 !important; }
  /* Keep phone forms from triggering browser auto-zoom at the compact size. */
  body :is(input,select,textarea) { --cr-control-font:max(16px,1rem) !important; }
}

body .cr-display-settings { margin:0 20px 20px !important;padding:20px !important;border:1px solid #294452 !important;border-radius:12px !important;background:#0a1b2a !important; }
body .cr-display-settings form { display:grid !important;gap:10px !important;min-width:0 !important; }
body .cr-display-settings label { display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin:6px 0 0 !important; }
body .cr-display-settings output { color:#a7f3d0 !important;font-weight:600 !important;font-variant-numeric:tabular-nums !important; }
body .cr-display-settings input[type="range"] { width:100% !important;min-height:32px !important;accent-color:#38d9bd !important; }
body .cr-display-actions { display:flex !important;flex-wrap:wrap !important;gap:8px !important; }
body .cr-display-actions button { padding:9px 13px !important;min-height:40px !important;max-width:100% !important;white-space:normal !important; }
body .cr-display-status { min-height:1.5em !important;margin:0 !important;color:#a7f3d0 !important; }

}

/* UI-06: Header notification icons use a square target to fit beside the menu.
   Text and badges inherit the central type tokens; no separate font scale. */
.coachreels-inbox-trigger { position:relative; display:inline-flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; padding:10px; box-sizing:border-box; color:inherit; text-decoration:none; }
.coachreels-inbox-trigger svg { width:24px; height:24px; }
.coachreels-inbox-trigger[hidden], [data-live-inbox-count][hidden] { display:none !important; }
[data-live-added="1"] > summary .seq-folder-name { color:var(--accent,#5bd9fa); }
.coachreels-live-announcement { position:fixed; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }

/* Upload recovery uses the standard body/control sizes; no text-size exception. */
@layer coachreels-ui {
  #uploadResumePanel { font-family:var(--cr-font-family);font-size:var(--cr-text-body);line-height:var(--cr-line-body); }
  .upload-resume-row { padding:1rem 0;border-bottom:1px solid var(--cr-control-border);overflow-wrap:anywhere; }
  .upload-resume-file { padding:.75rem;border:1px solid var(--cr-control-border);border-radius:var(--cr-control-radius);margin:.75rem 0; }
  .upload-resume-file p { margin:.5rem 0 0; }
  .upload-resume-progress { display:block;width:100%;margin:.5rem 0; }
  .upload-resume-actions { display:flex;flex-wrap:wrap;gap:.5rem; }
  #uploadResumePanel button { min-height:var(--cr-control-height);max-width:100%;white-space:normal; }
  #uploadResumePanel [role="status"] { overflow-wrap:anywhere; }
}