/* Homeapp Teamchat — Antigravity-inspired Dark Theme
 * Full dark mode with teal/cyan accents
 * Inspired by Antigravity IDE aesthetic
 */

/* ===== CSS Variables — Exact Antigravity Palette ===== */
:root {
    /* Core backgrounds — EXACT Antigravity colors (sampled) */
    --ag-bg-deepest: #03212A;
    --ag-bg-deep: #052B35;
    --ag-bg-sidebar: #03212A;
    --ag-bg-surface: #073640;
    --ag-bg-elevated: #094048;
    --ag-bg-input: #042832;
    --ag-bg-hover: rgba(36, 108, 107, 0.12);
    --ag-bg-active: rgba(36, 108, 107, 0.22);

    /* Accent — EXACT Antigravity teal (#246C6B) */
    --ag-accent: #2D8180;
    --ag-accent-hover: #3A9C9A;
    --ag-accent-muted: rgba(36, 108, 107, 0.5);
    --ag-accent-subtle: rgba(36, 108, 107, 0.1);
    --ag-accent-glow: 0 0 12px rgba(36, 108, 107, 0.2);
    --ag-accent-button: #246C6B;
    --ag-green: #34d399;
    --ag-orange: #f0a050;
    --ag-red: #f87171;

    /* Text — light with slight cool tint */
    --ag-text-primary: #d4dce6;
    --ag-text-secondary: #7f8ea0;
    --ag-text-muted: #455468;
    --ag-text-bright: #eef2f7;

    /* Borders — subtle teal-tinted */
    --ag-border: rgba(80, 160, 160, 0.1);
    --ag-border-subtle: rgba(80, 160, 160, 0.06);
    --ag-border-focus: var(--ag-accent);

    /* Effects */
    --ag-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    --ag-radius: 6px;
    --ag-radius-lg: 8px;

    /* ===== ZULIP NATIVE VARIABLE OVERRIDES ===== */
    --color-background: #052B35 !important;
    --color-background-alt: #073640 !important;
    --color-background-widget-input: #042832 !important;
    --color-background-navbar: #03212A !important;
    --color-background-compose: #052B35 !important;
    --color-background-popover: #094048 !important;
    --color-background-modal: #073640 !important;
    --color-background-alert-word: rgba(36, 108, 107, 0.15) !important;
    --color-content-background: #052B35 !important;
    --color-border-sidebar: rgba(80, 160, 160, 0.1) !important;
    --color-border-compose: rgba(80, 160, 160, 0.1) !important;
    --color-text-default: #d4dce6 !important;
    --color-text-message-default: #d4dce6 !important;
    --color-text-heading: #eef2f7 !important;
    --color-text-url: #2D8180 !important;
    --color-text-sender-name: #eef2f7 !important;
    --color-text-search: #d4dce6 !important;
    --color-text-message-header: #7f8ea0 !important;
    --color-text-full-name: #d4dce6 !important;
    --color-text-sidebar-heading: #455468 !important;
    --color-text-sidebar-action: #7f8ea0 !important;
    --color-icon-bot: #7f8ea0 !important;
    --color-buddy-list-highlighted-user: rgba(36, 108, 107, 0.12) !important;
    --color-header-button-hover: #2D8180 !important;
    --color-header-background: #03212A !important;
    --color-header-border-bottom: rgba(80, 160, 160, 0.1) !important;
    --color-compose-send-button-background: #246C6B !important;
    --color-compose-send-button-focus-shadow: rgba(36, 108, 107, 0.3) !important;
    --color-compose-send-button-icon-color: #03212A !important;
    --color-compose-focus-ring: #246C6B !important;
    --color-compose-embedded-button-text: #7f8ea0 !important;
    --color-recipient-bar-background: #073640 !important;
    --color-message-action-visible: #7f8ea0 !important;
    --color-message-action-interactive: #2D8180 !important;
    --color-unread-marker: #2D8180 !important;
    --color-active-filter-pill-text: #2D8180 !important;
    --color-active-filter-pill-bg: rgba(36, 108, 107, 0.22) !important;
    --color-outline-focus: rgba(36, 108, 107, 0.5) !important;
}

/* ===== Override Zulip's built-in dark theme with EXACT Antigravity palette ===== */
:root.dark-theme {
    --color-background: #052B35 !important;
    --color-background-alt: #073640 !important;
    --color-background-widget-input: #042832 !important;
    --color-background-navbar: #03212A !important;
    --color-background-compose: #052B35 !important;
    --color-background-popover: #094048 !important;
    --color-background-modal: #073640 !important;
    --color-content-background: #052B35 !important;
    --color-recipient-bar-background: #073640 !important;
    --color-text-default: #d4dce6 !important;
    --color-text-message-default: #d4dce6 !important;
    --color-text-heading: #eef2f7 !important;
    --color-text-url: #2D8180 !important;
    --color-text-sender-name: #eef2f7 !important;
    --color-header-background: #03212A !important;
    --color-compose-send-button-background: #246C6B !important;
    --color-unread-marker: #2D8180 !important;
}

:root.dark-theme body,
:root.dark-theme .app,
:root.dark-theme .app-main,
:root.dark-theme .column-middle,
:root.dark-theme #main_div,
:root.dark-theme #message_feed_container,
:root.dark-theme .message_list,
:root.dark-theme .message_row,
:root.dark-theme .messagebox,
:root.dark-theme .messagebox-content,
:root.dark-theme #compose,
:root.dark-theme #compose-container,
:root.dark-theme #page_content_group {
    background-color: #052B35 !important;
}

:root.dark-theme .column-left,
:root.dark-theme #left-sidebar,
:root.dark-theme .left-sidebar-navigation-area,
:root.dark-theme #left_sidebar_scroll_container {
    background-color: #03212A !important;
}

:root.dark-theme .column-right,
:root.dark-theme #right-sidebar {
    background-color: #03212A !important;
}

:root.dark-theme .header-main,
:root.dark-theme header {
    background-color: #03212A !important;
}

:root.dark-theme .recipient_bar,
:root.dark-theme .recipient_bar_content,
:root.dark-theme .message_header,
:root.dark-theme .message_header_stream,
:root.dark-theme .message-header-wrapper {
    background-color: #073640 !important;
    background-image: none !important;
}

:root.dark-theme .selected_message .messagebox-content {
    background-color: rgba(36, 108, 107, 0.1) !important;
    box-shadow: none !important;
}

:root.dark-theme #message_view_header_underpadding {
    background-color: #052B35 !important;
}

:root.dark-theme .floating_recipient .message-header-wrapper {
    background-color: #073640 !important;
}

/* ===== Typography ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body, .app, .message_content, .sender_name,
input, textarea, select, button,
.left-sidebar-navigation-label-container,
.subscription_block, .selectable_sidebar_block,
.stream-name, .sidebar-topic-name,
.compose_reply_button, #compose-textarea {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ===== GLOBAL DARK BACKGROUND ===== */
body {
    background-color: var(--ag-bg-deepest) !important;
    color: var(--ag-text-primary) !important;
}

.app {
    background-color: var(--ag-bg-deep) !important;
}

/* ===== LEFT SIDEBAR ===== */
.app .column-left,
.column-left,
#left-sidebar,
#left_sidebar_scroll_container,
.left_sidebar_menu,
.left-sidebar-navigation-area,
.app-main .column-left,
#left-sidebar .left-sidebar-navigation-area,
#page_content_group .column-left {
    background-color: var(--ag-bg-sidebar) !important;
    border-right: 1px solid var(--ag-border) !important;
}

/* Sidebar text */
.column-left, .column-left *,
#left-sidebar, #left-sidebar *,
#left-sidebar a, #left-sidebar h4,
#left-sidebar span, #left-sidebar i,
.left-sidebar-navigation-area *,
.left-sidebar-navigation-label-container,
.left-sidebar-navigation-label-container *,
.left-sidebar-navigation-label,
.dm-box, .dm_private_message_count,
.subscription_block, .subscription_block *,
.selectable_sidebar_block, .selectable_sidebar_block *,
.stream-name, .sidebar-topic-name,
#left-sidebar input,
#left-sidebar .left-sidebar-search-input {
    color: var(--ag-text-secondary) !important;
}

/* Sidebar search */
.left-sidebar-search-input,
#left-sidebar input[type="text"],
.column-left input[type="text"] {
    background-color: var(--ag-bg-input) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-radius) !important;
    color: var(--ag-text-primary) !important;
    font-size: 13px !important;
}

.left-sidebar-search-input:focus,
#left-sidebar input:focus {
    border-color: var(--ag-accent) !important;
    box-shadow: var(--ag-accent-glow) !important;
}

.left-sidebar-search-input::placeholder,
#left-sidebar input::placeholder {
    color: var(--ag-text-muted) !important;
}

/* Section headers */
#left-sidebar h4,
.column-left h4,
.left-sidebar-title {
    text-transform: uppercase !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    color: var(--ag-text-muted) !important;
    padding: 10px 12px 4px !important;
}

/* Sidebar icons */
#left-sidebar i, .column-left i,
#left-sidebar .zulip-icon, .column-left .zulip-icon {
    color: var(--ag-text-muted) !important;
}

/* Sidebar hover */
#left-sidebar .top_left_row:hover,
#left-sidebar .subscription_block:hover,
#left-sidebar .selectable_sidebar_block:hover,
#left-sidebar li:hover,
.column-left .top_left_row:hover,
.column-left li:hover {
    background-color: var(--ag-bg-hover) !important;
    border-radius: var(--ag-radius) !important;
}

#left-sidebar .top_left_row:hover *,
#left-sidebar li:hover *,
#left-sidebar .subscription_block:hover * {
    color: var(--ag-text-primary) !important;
}

/* Sidebar active — teal accent */
#left-sidebar .top_left_row.active-filter,
#left-sidebar .active-filter,
#left-sidebar .active-sub-filter,
.column-left .active-filter,
.column-left .active-sub-filter,
#left-sidebar .topic-list-item.active-sub-filter,
.topic-list .topic-list-item.active-sub-filter {
    background-color: var(--ag-bg-active) !important;
    border-radius: var(--ag-radius) !important;
    border-left: 2px solid var(--ag-accent) !important;
}

#left-sidebar .active-filter *,
#left-sidebar .active-sub-filter *,
.column-left .active-filter *,
.column-left .active-sub-filter *,
.topic-list-item.active-sub-filter * {
    color: var(--ag-accent) !important;
}

/* Bottom sidebar */
#left-sidebar .bottom_sidebar,
.column-left .bottom_sidebar {
    background-color: var(--ag-bg-sidebar) !important;
    border-top: 1px solid var(--ag-border) !important;
}

/* "СОЗДАТЬ КАНАЛ" */
#left-sidebar .create-stream-button,
.column-left .create-stream-button {
    color: var(--ag-text-muted) !important;
}
#left-sidebar .create-stream-button:hover {
    color: var(--ag-accent) !important;
}

/* ===== HEADER ===== */
.navbar, .navbar-fixed-top, #navbar-fixed-top,
.header-main, .app .header-main,
body > .header, .app > .header,
header, header.header-main {
    background-color: var(--ag-bg-sidebar) !important;
    border-bottom: 1px solid var(--ag-border) !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
}

.navbar *, .header-main *, header *,
#navbar-fixed-top *, .header-button,
.header-button *, #searchbox input {
    color: var(--ag-text-secondary) !important;
}

.header-button:hover, .header-button:hover * {
    color: var(--ag-accent) !important;
}

/* Search bar */
#searchbox, #searchbox input {
    background-color: var(--ag-bg-input) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-radius) !important;
    color: var(--ag-text-primary) !important;
}

#searchbox input:focus {
    border-color: var(--ag-accent) !important;
    box-shadow: var(--ag-accent-glow) !important;
}

/* ===== MESSAGE VIEW HEADER ===== */
#message_view_header_underpadding,
.message_view_header {
    background-color: var(--ag-bg-deep) !important;
    border-bottom: 1px solid var(--ag-border) !important;
    box-shadow: none !important;
}

/* ===== RECIPIENT BAR (stream/topic headers in message list) ===== */
.recipient_bar,
.recipient_bar_content,
.message-header-wrapper,
.floating_recipient .message-header-wrapper,
.message_header,
.message_header_stream,
.message_header_topic {
    background-color: var(--ag-bg-surface) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--ag-text-secondary) !important;
}

/* Override stream-specific color backgrounds */
.message_header_stream[style],
.recipient_bar[style] {
    background-color: var(--ag-bg-surface) !important;
    background-image: none !important;
}

.recipient_row .message_header {
    border-left: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--ag-border) !important;
}

.message_header .stream_topic_separator,
.message_header .message_label_clickable,
.message_header .stream_label,
.stream_topic_separator,
.topic_name {
    color: var(--ag-text-secondary) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

/* ===== MAIN CONTENT ===== */
.app-main,
.app-main > .column-middle,
.column-middle,
#main_div,
#message_feed_container,
.message_list,
#page_content_group {
    background-color: var(--ag-bg-deep) !important;
}

/* ===== MESSAGES — All dark ===== */
.message_list .recipient_row {
    margin-bottom: 0 !important;
    border: none !important;
    background-color: var(--ag-bg-deep) !important;
}

.message_row {
    border: none !important;
    padding: 6px 20px !important;
    background-color: var(--ag-bg-deep) !important;
}

.message_row:hover {
    background-color: var(--ag-bg-hover) !important;
}

/* CRITICAL: Make messagebox backgrounds dark */
.messagebox,
.messagebox-content,
.message_row > .messagebox,
.message_row > .date_row {
    background-color: var(--ag-bg-deep) !important;
    box-shadow: none !important;
    border: none !important;
}

/* Message content wrapper */
.messagebox .messagebox-content {
    background-color: transparent !important;
}

/* Selected message highlight */
.selected_message .messagebox-content {
    background-color: var(--ag-bg-hover) !important;
    box-shadow: none !important;
}

/* Remove all stream-colored left borders/shadows from messages */
.unread-marker-fill {
    background-color: var(--ag-accent) !important;
}

.message_content {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: var(--ag-text-primary) !important;
}

/* Links inside messages */
.message_content a {
    color: var(--ag-accent) !important;
}

.sender_name {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: var(--ag-text-bright) !important;
}

.sender_name:hover {
    color: var(--ag-accent) !important;
}

.message_time {
    font-size: 11px !important;
    color: var(--ag-text-muted) !important;
}

/* Avatars */
.inline_profile_picture {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
}

/* Date separator */
.date_row {
    color: var(--ag-text-muted) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.date_row .date_line {
    border-color: var(--ag-border) !important;
}

/* Star */
.star_container .zulip-icon-star-filled {
    color: var(--ag-orange) !important;
}

/* ===== COMPOSE ===== */
#compose, #compose-container {
    background-color: var(--ag-bg-deep) !important;
    border-top: 1px solid var(--ag-border) !important;
    padding: 0 16px 12px !important;
}

/* Compose header */
#compose .compose_table_header, .compose_table_header,
#stream_message_recipient_topic,
#compose_select_recipient_widget {
    background-color: var(--ag-bg-surface) !important;
    border: 1px solid var(--ag-border) !important;
    border-bottom: none !important;
    border-radius: var(--ag-radius-lg) var(--ag-radius-lg) 0 0 !important;
    color: var(--ag-text-secondary) !important;
}

/* Compose textarea */
#compose-textarea, textarea.new_message_textarea,
.compose-content {
    border: 1px solid var(--ag-border) !important;
    border-radius: 0 0 var(--ag-radius-lg) var(--ag-radius-lg) !important;
    background-color: var(--ag-bg-input) !important;
    font-size: 14.5px !important;
    padding: 10px 14px !important;
    color: var(--ag-text-primary) !important;
}

#compose-textarea:focus, textarea.new_message_textarea:focus {
    border-color: var(--ag-accent) !important;
    box-shadow: var(--ag-accent-glow) !important;
}

/* Compose toolbar */
.compose-control-buttons-container, #compose_controls {
    border: none !important;
    background-color: transparent !important;
}

.compose_control_button {
    color: var(--ag-text-muted) !important;
}
.compose_control_button:hover {
    color: var(--ag-accent) !important;
}

/* Compose reply buttons */
#left_bar_compose_reply_button_big,
#new_direct_message_button,
#new_conversation_button,
.compose_reply_button {
    background-color: transparent !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-radius) !important;
    color: var(--ag-text-secondary) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

#left_bar_compose_reply_button_big:hover,
#new_direct_message_button:hover,
#new_conversation_button:hover,
.compose_reply_button:hover {
    border-color: var(--ag-accent) !important;
    color: var(--ag-accent) !important;
    background-color: var(--ag-accent-subtle) !important;
}

/* Send button — accent color */
#compose-send-button, .compose-send-button {
    background-color: var(--ag-accent) !important;
    border-color: var(--ag-accent) !important;
    border-radius: var(--ag-radius) !important;
    color: var(--ag-bg-deepest) !important;
    font-weight: 600 !important;
}

#compose-send-button:hover {
    background-color: var(--ag-accent-hover) !important;
    box-shadow: var(--ag-accent-glow) !important;
}

.zulip-icon-send {
    color: var(--ag-bg-deepest) !important;
}

/* Drafts label */
.drafts-link {
    color: var(--ag-text-muted) !important;
}

/* ===== BUTTONS ===== */
.new-style .button.primary, .btn-primary, button.sea-green {
    background-color: var(--ag-accent) !important;
    border-color: var(--ag-accent) !important;
    border-radius: var(--ag-radius) !important;
    color: var(--ag-bg-deepest) !important;
    font-weight: 600 !important;
}

.new-style .button.primary:hover, .btn-primary:hover, button.sea-green:hover {
    background-color: var(--ag-accent-hover) !important;
    box-shadow: var(--ag-accent-glow) !important;
}

/* ===== LINKS ===== */
a {
    color: var(--ag-accent) !important;
    text-decoration: none !important;
}

a:hover {
    color: var(--ag-accent-hover) !important;
}

/* Sidebar links stay sidebar color */
#left-sidebar a, .column-left a {
    color: var(--ag-text-secondary) !important;
    text-decoration: none !important;
}

/* ===== UNREAD BADGES ===== */
.unread_count {
    background-color: var(--ag-accent) !important;
    color: var(--ag-bg-deepest) !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 5px !important;
}

/* ===== TABS ===== */
.ind-tab.selected {
    border-bottom-color: var(--ag-accent) !important;
    color: var(--ag-accent) !important;
    font-weight: 600 !important;
}

/* ===== REACTIONS ===== */
.message_reaction {
    border-radius: 12px !important;
    border: 1px solid var(--ag-border) !important;
    background-color: var(--ag-bg-surface) !important;
    color: var(--ag-text-secondary) !important;
}

.message_reaction:hover {
    border-color: var(--ag-accent) !important;
    background-color: var(--ag-accent-subtle) !important;
}

.message_reaction.reacted {
    border-color: var(--ag-accent) !important;
    background-color: var(--ag-bg-active) !important;
}

/* ===== CODE BLOCKS ===== */
.rendered_markdown .codehilite pre {
    background-color: var(--ag-bg-surface) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-radius) !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    color: var(--ag-text-primary) !important;
}

.rendered_markdown code {
    background-color: var(--ag-bg-elevated) !important;
    color: var(--ag-accent) !important;
    border-radius: 3px !important;
    padding: 2px 6px !important;
    font-size: 13px !important;
}

/* ===== EMBEDS ===== */
.message_embed {
    border-radius: var(--ag-radius-lg) !important;
    padding: 12px !important;
    background-color: var(--ag-bg-surface) !important;
    border-left: 3px solid var(--ag-accent) !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* ===== RIGHT SIDEBAR ===== */
.column-right, .app-main .column-right, #right-sidebar {
    background-color: var(--ag-bg-sidebar) !important;
    border-left: 1px solid var(--ag-border) !important;
}

#right-sidebar *, .column-right * {
    color: var(--ag-text-secondary) !important;
}

#right-sidebar .right-sidebar-title, .column-right h4 {
    text-transform: uppercase !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    color: var(--ag-text-muted) !important;
}

#right-sidebar a {
    color: var(--ag-accent) !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

/* ===== TOOLTIPS & POPOVERS ===== */
.tippy-box, .popover, .dropdown-menu,
.popover-content, .popover-title,
.dropdown-menu ul {
    background-color: var(--ag-bg-elevated) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: var(--ag-shadow) !important;
    color: var(--ag-text-primary) !important;
}

.dropdown-menu > li > a {
    color: var(--ag-text-secondary) !important;
}

.dropdown-menu > li > a:hover {
    background-color: var(--ag-bg-hover) !important;
    color: var(--ag-accent) !important;
}

/* ===== MODAL DIALOGS ===== */
.modal-bg, .modal__container,
.modal-header, .modal-body, .modal-footer {
    background-color: var(--ag-bg-surface) !important;
    color: var(--ag-text-primary) !important;
    border-color: var(--ag-border) !important;
}

/* ===== SETTINGS PANEL ===== */
.settings-section, .right, .admin-table-wrapper {
    background-color: var(--ag-bg-deep) !important;
    color: var(--ag-text-primary) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 3px !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

::-webkit-scrollbar-track {
    background-color: transparent !important;
}

/* ===== LOGIN PAGE ===== */
.login-social-button {
    border: 1px solid var(--ag-accent) !important;
    border-radius: var(--ag-radius-lg) !important;
    font-weight: 600 !important;
    color: var(--ag-accent) !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

.login-social-button:hover {
    background-color: var(--ag-accent-subtle) !important;
    box-shadow: var(--ag-accent-glow) !important;
    transform: translateY(-1px) !important;
}

/* Login page background */
.login-page-container, .login-page-header,
.portico-page-container {
    background-color: var(--ag-bg-deep) !important;
    color: var(--ag-text-primary) !important;
}

/* ===== MESSAGE CONTROLS (hover actions) ===== */
.message_controls {
    background-color: var(--ag-bg-elevated) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-radius) !important;
    box-shadow: var(--ag-shadow) !important;
}

.message_controls .message_control_button {
    color: var(--ag-text-muted) !important;
}

.message_controls .message_control_button:hover {
    color: var(--ag-accent) !important;
}

/* ===== NOTIFICATIONS ===== */
.alert-notification {
    background-color: var(--ag-accent) !important;
    color: var(--ag-bg-deepest) !important;
    border-radius: var(--ag-radius) !important;
}

/* ===== LOADING ===== */
.loading_indicator_spinner {
    border-top-color: var(--ag-accent) !important;
}

/* ===== EMOJIS ===== */
.rendered_markdown .emoji {
    width: 20px !important;
    height: 20px !important;
}

/* ===== TRANSITIONS ===== */
.top_left_row, .message_row, button,
.login-social-button, .subscription_block,
.selectable_sidebar_block, .compose_reply_button,
.header-button, .compose_control_button,
.message_controls .message_control_button {
    transition: all 0.15s ease !important;
}

a { transition: color 0.1s ease !important; }

/* Focus rings */
*:focus {
    outline: none !important;
}

/* User presence */
.user_circle {
    width: 8px !important;
    height: 8px !important;
}

/* Stream privacy icons */
.stream-privacy {
    opacity: 0.7 !important;
}

/* Recent topics / Inbox table */
#recent_topics_table, .recent_topics_container,
.inbox-container {
    background-color: var(--ag-bg-deep) !important;
    color: var(--ag-text-primary) !important;
}

#recent_topics_table tr, .inbox-row {
    border-color: var(--ag-border) !important;
}

#recent_topics_table tr:hover, .inbox-row:hover {
    background-color: var(--ag-bg-hover) !important;
}

/* Inbox header */
.inbox-header, .recent-view-container .search_group {
    background-color: var(--ag-bg-deep) !important;
    border-color: var(--ag-border) !important;
}