/* Junior page theme — light defaults + cohesive dark mode (all breakpoints) */

body.assistant-layer-page,
body.assistant-confidence-page {
    --junior-bg: #ffffff;
    --junior-bg-deep: #ffffff;
    --junior-surface: #ffffff;
    --junior-surface-2: #f5f5f5;
    --junior-ink: #111111;
    --junior-ink-soft: #6b7280;
    --junior-muted: #6b7280;
    --junior-border: rgba(0, 0, 0, 0.08);
    /* Monochrome chat — no brand orange on the assistant surface */
    --junior-orange: #111111;
    --junior-orange-soft: rgba(0, 0, 0, 0.06);
    --junior-glass: #ffffff;
    --junior-glass-border: rgba(0, 0, 0, 0.08);
    --junior-bubble-user: #f0f0f0;
    --junior-bubble-assistant: #ffffff;
    --junior-input: #ffffff;
    --asst-canvas: #ffffff;
    --asst-accent: #111111;
    --asst-ink: var(--junior-ink);
    --asst-ink-soft: var(--junior-ink-soft);
    --asst-surface: var(--junior-surface);
    --asst-surface-2: var(--junior-surface-2);
    --asst-border: var(--junior-border);
    --today-bg-page: #ffffff;
    --today-bg-muted: #ffffff;
    --today-bg-surface: #ffffff;
    --today-text: var(--junior-ink);
    --today-border: var(--junior-border);
    --today-icon-muted: var(--junior-muted);
}

html.assistant-theme-dark-pending body.assistant-layer-page,
html.assistant-theme-dark-pending body.assistant-confidence-page,
html.confidence-theme-dark-pending body.assistant-layer-page,
html.confidence-theme-dark-pending body.assistant-confidence-page,
body.assistant-layer-page[data-today-theme="dark"],
body.assistant-confidence-page[data-today-theme="dark"] {
    --junior-bg: #0c0e12;
    --junior-bg-deep: #0c0e12;
    --junior-surface: #161a22;
    --junior-surface-2: #1c222d;
    --junior-ink: #eef1f5;
    --junior-ink-soft: #a8b4c4;
    --junior-muted: #8b97a8;
    --junior-border: rgba(255, 255, 255, 0.1);
    --junior-orange: #f68b1e;
    --junior-orange-soft: rgba(246, 139, 30, 0.22);
    --junior-glass: rgba(255, 255, 255, 0.06);
    --junior-glass-border: rgba(255, 255, 255, 0.12);
    --junior-bubble-user: #e06a10;
    --junior-bubble-assistant: #1c222d;
    --junior-input: #1c222d;
    --asst-canvas: #0c0e12;
    --today-bg-page: #0c0e12;
    color-scheme: dark;
}

html.assistant-theme-dark-pending body.assistant-layer-page,
html.assistant-theme-dark-pending body.assistant-confidence-page,
html.confidence-theme-dark-pending body.assistant-layer-page,
html.confidence-theme-dark-pending body.assistant-confidence-page,
body.assistant-layer-page[data-today-theme="dark"],
body.assistant-confidence-page[data-today-theme="dark"] {
    background: var(--junior-bg) !important;
    color: var(--junior-ink);
}

/* Shell surfaces */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant,
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant,
html.assistant-theme-dark-pending body.assistant-confidence-page .um-assistant,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__main,
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant__main,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__main,
html.assistant-theme-dark-pending body.assistant-confidence-page .um-assistant__main,
body.assistant-layer-page[data-today-theme="dark"] main.assistant-content-shell,
html.assistant-theme-dark-pending body.assistant-layer-page main.assistant-content-shell {
    background: var(--junior-bg) !important;
    color: var(--junior-ink);
}

/* Sidebar */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__sidebar,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__sidebar {
    background: var(--junior-surface);
    border-right-color: var(--junior-border);
    color: var(--junior-ink);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__brand,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__brand-sub,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__history-label,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__brand,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__brand-sub,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__history-label {
    color: var(--junior-ink-soft);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__new-chat,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__new-chat {
    background: var(--junior-surface-2);
    border-color: var(--junior-border);
    color: var(--junior-ink);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__history-item,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__history-item {
    color: var(--junior-ink-soft);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__history-item.is-active,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__history-item:hover,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__history-item.is-active,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__history-item:hover {
    background: var(--junior-orange-soft);
    color: var(--junior-ink);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__sidebar-foot-link,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__sidebar-foot-link {
    color: var(--junior-ink-soft);
}

/* Header bars — brand orange in both themes */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__desktop-bar,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mobile-bar,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__desktop-bar,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mobile-bar,
body.assistant-layer-page .um-assistant__desktop-bar,
body.assistant-confidence-page .um-assistant__desktop-bar {
    background: #f68b1e !important;
    border-bottom: none !important;
    color: #fff !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__desktop-agent-name,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mobile-agent,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__desktop-agent-name,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mobile-agent {
    color: #fff;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__desktop-site-brand .um-assistant__site-brand-uni,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__desktop-site-brand .um-assistant__site-brand-uni,
body.assistant-layer-page .um-assistant__desktop-site-brand .um-assistant__site-brand-uni {
    color: #fff !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__desktop-site-brand .um-assistant__site-brand-africa,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__desktop-site-brand .um-assistant__site-brand-africa,
body.assistant-layer-page .um-assistant__desktop-site-brand .um-assistant__site-brand-africa,
body.assistant-confidence-page .um-assistant__desktop-site-brand .um-assistant__site-brand-africa,
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant__desktop-site-brand .um-assistant__site-brand-africa {
    color: #0a2540 !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__desktop-actions a,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__float-btn,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__desktop-actions a,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__float-btn,
body.assistant-layer-page .um-assistant__desktop-actions .um-assistant__theme-toggle,
body.assistant-layer-page .um-assistant__desktop-actions .junior-account-modal__account-btn {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.35);
}

body.assistant-layer-page .um-assistant__sidebar-toggle,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__sidebar-toggle,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__sidebar-toggle {
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__theme-toggle,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__theme-toggle {
    color: var(--junior-ink-soft);
    background: var(--junior-glass);
    border-color: var(--junior-glass-border);
}

body.assistant-layer-page .um-assistant__sidebar-foot-theme,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__sidebar-foot-theme,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__sidebar-foot-theme,
body.assistant-confidence-page .um-assistant__sidebar-foot-theme {
    color: #64748b !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__sidebar-foot-theme,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__sidebar-foot-theme {
    color: #a8b4c4 !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__theme-toggle:hover,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__theme-toggle:hover {
    color: var(--junior-ink);
    border-color: rgba(246, 139, 30, 0.45);
}

/* Idle wordmark + copy */
body.assistant-layer-page[data-today-theme="dark"] .junior-os__logo-africa,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__logo-africa {
    color: #c5ced8;
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__campus-quiet,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__campus-quiet {
    color: var(--junior-muted);
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__slogan--tone-1,
body.assistant-layer-page[data-today-theme="dark"] .junior-os__slogan--tone-2,
body.assistant-layer-page[data-today-theme="dark"] .junior-os__slogan--tone-4,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__slogan--tone-1,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__slogan--tone-2,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__slogan--tone-4 {
    color: #c5ced8;
}

/* Soft prompts + companion name */
body.assistant-layer-page[data-today-theme="dark"] .junior-os__name-hero,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__name-hero {
    color: var(--junior-ink);
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__ask-prefix,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__ask-prefix {
    color: var(--junior-orange, #f68b1e);
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__ask-line,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__ask-line {
    color: #c5ced8;
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__soft-prompt,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__soft-prompt {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--junior-ink);
    box-shadow: none;
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__soft-prompt:hover,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__soft-prompt:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(246, 139, 30, 0.45);
    color: #f68b1e;
    box-shadow: none;
    transform: translateY(-1px);
}

/* Layer pills + rail */
body.assistant-layer-page[data-today-theme="dark"] .junior-os__layer-btn,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__layer-btn {
    background: var(--junior-glass);
    border-color: var(--junior-glass-border);
    color: var(--junior-ink);
    box-shadow: none;
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__layer-btn:hover,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__layer-btn:hover {
    background: rgba(246, 139, 30, 0.14);
    border-color: rgba(246, 139, 30, 0.35);
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__rail-label,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__rail-label {
    color: var(--junior-muted);
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__rail-dismiss,
body.assistant-layer-page[data-today-theme="dark"] .junior-os__rail-dismiss-all,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__rail-dismiss,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__rail-dismiss-all {
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__rail-see-more,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__rail-see-more {
    background: rgba(38, 50, 68, 0.85);
    border-color: rgba(246, 139, 30, 0.55);
    color: #ffd089;
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__rail-title,
body.assistant-layer-page[data-today-theme="dark"] .junior-os__rail-sub,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__rail-title,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__rail-sub {
    color: #fff;
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__rail-media,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__rail-media {
    background: rgba(255, 255, 255, 0.06);
}

/* Search / composer */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__composer-inner,
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant__composer--confidence .um-assistant__composer-inner,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__composer-inner,
html.assistant-theme-dark-pending body.assistant-confidence-page .um-assistant__composer--confidence .um-assistant__composer-inner {
    background: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
    color: #111111;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__input,
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant__input,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__input,
html.assistant-theme-dark-pending body.assistant-confidence-page .um-assistant__input {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__input::placeholder,
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant__input::placeholder,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__input::placeholder,
html.assistant-theme-dark-pending body.assistant-confidence-page .um-assistant__input::placeholder {
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__attach,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__send,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__attach,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__send {
    color: #6b7280;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__composer-inner .um-assistant__attach,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__composer-inner .um-assistant__attach {
    color: #4b5563 !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__composer-disclaimer,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__composer-disclaimer {
    color: var(--junior-muted);
}

/* Chat messages */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__messages,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__messages {
    background: transparent !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__msg--assistant .um-assistant__bubble,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__msg--assistant .um-assistant__bubble {
    background: var(--junior-bubble-assistant);
    color: var(--junior-ink);
    border-color: var(--junior-border);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__msg--user .um-assistant__bubble,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__msg--user .um-assistant__bubble {
    background: var(--junior-bubble-user);
    color: #fff;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__card--junior_action,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__card--junior_action {
    background: rgba(38, 50, 68, 0.72) !important;
    border-color: var(--junior-glass-border) !important;
    box-shadow: none !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__history-sheet,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__history-sheet {
    background: var(--junior-surface);
    color: var(--junior-ink);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__name-modal-card,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__name-modal-card {
    background: var(--junior-surface);
    color: var(--junior-ink);
}

/* Single theme control — pinned top-right (never in-flow / centered) */
.um-assistant__theme-corner {
    position: absolute !important;
    top: calc(0.65rem + env(safe-area-inset-top, 0px)) !important;
    right: calc(0.75rem + env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 8;
    pointer-events: auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    min-width: 44px;
    min-height: 44px;
    flex: none !important;
    align-self: auto !important;
}

/* Conversation: sit left of settings / new-chat controls */
@media (min-width: 992px) {
    body.assistant-layer-page .um-assistant__main--conversation .um-assistant__theme-corner {
        right: calc(3.6rem + env(safe-area-inset-right, 0px)) !important;
    }
}

@media (max-width: 991.98px) {
    body.assistant-layer-page .um-assistant__main--conversation .um-assistant__theme-corner {
        right: calc(3.6rem + env(safe-area-inset-right, 0px)) !important;
        top: calc(0.35rem + env(safe-area-inset-top, 0px)) !important;
    }
}

body.assistant-layer-page.um-assistant--history-open .um-assistant__theme-corner {
    display: none !important;
}

/* Legacy fab class — never show */
.um-assistant__theme-fab {
    display: none !important;
}

/* Idle brand tokens */
body.assistant-layer-page[data-today-theme="dark"] .junior-os--search,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os--search {
    --jos-ink: var(--junior-ink);
    --jos-muted: var(--junior-muted);
    --jos-grey: #a8b4c4;
    --jos-slate: #d5dce6;
}

/* Mindscape — dark: clean solid dark + soft mono motion only (no color atmosphere) */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mindscape-base,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-base,
html.confidence-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-base {
    background: #0c0e12 !important;
    animation: none !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mindscape-blob,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob,
html.confidence-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob {
    opacity: 0.55 !important;
    filter: blur(64px) !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mindscape-blob--a,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob--a,
html.confidence-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob--a {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.07) 0%, transparent 70%) !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mindscape-blob--b,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob--b,
html.confidence-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob--b {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%) !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mindscape-blob--c,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob--c,
html.confidence-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob--c {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.045) 0%, transparent 70%) !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mindscape-blob--d,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-blob--d {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, transparent 70%) !important;
    opacity: 0.45 !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mindscape-shimmer,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-shimmer,
html.confidence-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-shimmer {
    opacity: 0.7 !important;
    background: radial-gradient(ellipse 70% 50% at 50% 40%, rgba(255, 255, 255, 0.04) 0%, transparent 68%);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__mindscape-glow,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-glow,
html.confidence-theme-dark-pending body.assistant-layer-page .um-assistant__mindscape-glow {
    opacity: 0.55 !important;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.06) 0%, transparent 70%);
}

/* Next-move beat + agent line — dark */
body.assistant-layer-page[data-today-theme="dark"] .junior-os__next-beat-btn,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__next-beat-btn {
    background: rgba(246, 139, 30, 0.12);
    border-color: rgba(246, 139, 30, 0.35);
    color: var(--junior-ink);
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__next-beat-btn:hover,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__next-beat-btn:hover {
    background: rgba(246, 139, 30, 0.2);
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__next-beat-title,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__next-beat-title {
    color: var(--junior-ink);
}

body.assistant-layer-page[data-today-theme="dark"] .junior-os__agent-name,
body.assistant-layer-page[data-today-theme="dark"] .junior-os__next-beat-hook,
body.assistant-layer-page[data-today-theme="dark"] .junior-os__next-beat-meta,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__agent-name,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__next-beat-hook,
html.assistant-theme-dark-pending body.assistant-layer-page .junior-os__next-beat-meta {
    color: var(--junior-muted);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__focus-pill,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__focus-pill {
    color: #c8f0d8;
    background: rgba(200, 240, 216, 0.12);
    border-color: rgba(200, 240, 216, 0.22);
}

/* Composer shell + typing + attach */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__composer,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__composer {
    background: transparent !important;
    border-top-color: var(--junior-border) !important;
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__typing-label,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__typing-label {
    color: var(--junior-muted);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__attach-preview,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__attach-preview {
    background: rgba(246, 139, 30, 0.12);
    border-color: rgba(246, 139, 30, 0.28);
    color: var(--junior-ink-soft);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__msg--system .um-assistant__bubble,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__msg--system .um-assistant__bubble {
    background: var(--junior-surface-2);
    color: var(--junior-ink-soft);
    border-color: var(--junior-border);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__msg-action,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__msg-action {
    color: var(--junior-muted);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__card--junior_action .um-assistant__card-title,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__card--junior_action .um-assistant__card-meta,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__card--junior_action .um-assistant__card-title,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__card--junior_action .um-assistant__card-meta {
    color: var(--junior-ink);
}

/* Idle chrome buttons */
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant__main:not(.um-assistant__main--conversation) .um-assistant__float-btn,
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant__main:not(.um-assistant__main--conversation) .um-assistant__sidebar-toggle,
html.assistant-theme-dark-pending body.assistant-confidence-page .um-assistant__main:not(.um-assistant__main--conversation) .um-assistant__float-btn,
html.assistant-theme-dark-pending body.assistant-confidence-page .um-assistant__main:not(.um-assistant__main--conversation) .um-assistant__sidebar-toggle {
    background: var(--junior-glass);
    border-color: var(--junior-glass-border);
    color: var(--junior-ink-soft);
    box-shadow: none;
}

/* History sheet list + overlay */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__name-modal-backdrop,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__name-modal-backdrop {
    background: rgba(0, 0, 0, 0.55);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__install-sheet-backdrop,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__install-sheet-backdrop {
    background: rgba(0, 0, 0, 0.5);
}

body.assistant-layer-page[data-today-theme="dark"] .um-assistant__name-modal input,
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__name-modal-card input,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__name-modal input,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__name-modal-card input {
    background: var(--junior-input);
    border-color: var(--junior-border);
    color: var(--junior-ink);
}

/* Search ring stays brand-forward; slight soften so it sits on dark canvas */
body.assistant-confidence-page[data-today-theme="dark"] .um-assistant__search-spin,
html.assistant-theme-dark-pending body.assistant-confidence-page .um-assistant__search-spin {
    opacity: 0.78;
}

/* ── Intelligent UI upgrades ────────────────────────────────────── */

/* Streaming cursor blink on assistant bubbles during SSE delivery */
.um-assistant__bubble--streaming .um-assistant__formatted::after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 1em;
    background: var(--junior-orange, #f68b1e);
    margin-left: 2px;
    vertical-align: text-bottom;
    animation: juniorCursorBlink 0.7s steps(2) infinite;
}
@keyframes juniorCursorBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Message entrance — slide up with fade */
.um-assistant__msg--rise {
    animation: juniorMsgRise 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes juniorMsgRise {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Thinking indicator — contextual status phases */
.um-assistant__typing {
    transition: opacity 0.2s ease;
}
.um-assistant__typing-phase {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    color: var(--junior-muted, #6b7280);
    font-weight: 500;
}
.um-assistant__typing-phase-icon {
    font-size: 0.7rem;
    color: var(--junior-orange, #f68b1e);
    animation: juniorPhasePulse 1.5s ease-in-out infinite;
}
@keyframes juniorPhasePulse {
    0%, 100% { opacity: 0.5; }
    50%      { opacity: 1; }
}

/* Contextual follow-up chips after agent responses */
.um-assistant__followups {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    padding: 0;
}
.um-assistant__followup-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border: 1px solid var(--junior-border, rgba(44, 62, 80, 0.12));
    border-radius: 999px;
    background: var(--junior-glass, rgba(255, 255, 255, 0.92));
    color: var(--junior-ink, #1a1a2e);
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}
.um-assistant__followup-chip:hover {
    border-color: var(--junior-orange, #f68b1e);
    color: var(--junior-orange, #f68b1e);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(246, 139, 30, 0.12);
}
.um-assistant__followup-chip i {
    font-size: 0.65rem;
    opacity: 0.7;
}

/* Intelligence status bar — what Junior knows */
.um-assistant__intel-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    margin: 0 8px 4px;
    border-radius: 8px;
    background: var(--junior-surface-2, #f5f5f5);
    font-size: 0.7rem;
    color: var(--junior-muted, #6b7280);
    overflow-x: auto;
    scrollbar-width: none;
}
.um-assistant__intel-bar::-webkit-scrollbar { display: none; }
.um-assistant__intel-chip {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--junior-glass, rgba(255, 255, 255, 0.92));
    border: 1px solid var(--junior-border, rgba(44, 62, 80, 0.12));
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.65rem;
}
.um-assistant__intel-chip--active {
    background: var(--junior-orange-soft, rgba(246, 139, 30, 0.16));
    border-color: rgba(246, 139, 30, 0.25);
    color: var(--junior-orange, #f68b1e);
}
.um-assistant__intel-chip i {
    font-size: 0.6rem;
}

/* Message quality indicator (feedback integrated) */
.um-assistant__msg-action.is-active {
    color: var(--junior-orange, #f68b1e);
}
.um-assistant__msg-action.is-active[data-action="down"] {
    color: #ef4444;
}
.um-assistant__msg-action:hover {
    color: var(--junior-ink, #1a1a2e);
    transform: scale(1.1);
}
.um-assistant__msg-action {
    transition: all 0.12s ease;
}

/* Improved composer — focus glow */
.um-assistant__composer:focus-within .um-assistant__composer-inner {
    border-color: rgba(246, 139, 30, 0.4);
    box-shadow: 0 0 0 3px rgba(246, 139, 30, 0.08);
}

/* Dark mode overrides for new elements */
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__followup-chip,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__followup-chip {
    background: var(--junior-surface-2);
    border-color: var(--junior-border);
    color: var(--junior-ink-soft);
}
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__followup-chip:hover,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__followup-chip:hover {
    border-color: var(--junior-orange);
    color: var(--junior-orange);
}
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__intel-bar,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__intel-bar {
    background: var(--junior-surface);
}
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__intel-chip,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__intel-chip {
    background: var(--junior-surface-2);
    border-color: var(--junior-border);
    color: var(--junior-muted);
}
body.assistant-layer-page[data-today-theme="dark"] .um-assistant__intel-chip--active,
html.assistant-theme-dark-pending body.assistant-layer-page .um-assistant__intel-chip--active {
    background: var(--junior-orange-soft);
    color: var(--junior-orange);
}

/* Smooth scroll for message area */
.um-assistant__messages {
    scroll-behavior: smooth;
}

/* Typing indicator — single rotating status line */
.um-assistant__typing-phases {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 20px;
}
.um-assistant__typing-phases .um-assistant__typing-phase {
    transition: opacity 0.28s ease, transform 0.28s ease;
}
.um-assistant__typing-phases .um-assistant__typing-phase.is-visible {
    opacity: 1;
    transform: translateY(0);
}