/**
 * @name sibnight-north-polar
 * @description A flat Polar Night north flavor with zero shadows, disciplined slate layering and cleaner monochrome Nord surfaces.
 * @author ussmarines
 * @version 1.7.2
 * @website https://github.com/ussmarines/DiscordTheme
 * @source https://github.com/ussmarines/DiscordTheme/blob/main/themes/flavors/sibnight-north-polar.theme.css
 * @authorLink https://github.com/ussmarines
 */
/* credits
 * original design inspired by https://github.com/schnensch0/zelk
 * theme design inspired by https://github.com/refact0r/midnight-discord
 * window controls inspired by https://github.com/Dyzean/Tokyo-Night
 */

@import url('https://ussmarines.github.io/DiscordTheme/build/sibnight-flavor.css');

/* sibnight flavor layout defaults: start */
body {
    /* font options */
    --font: 'figtree';
    --code-font: '';
    font-weight: 400;

    /* sizes */
    --gap: 12px;
    --divider-thickness: 4px;
    --border-thickness: 0px;

    /* animation/transition options */
    --animations: on;
    --list-item-transition: 0.2s ease;
    --dms-icon-svg-transition: 0.4s ease;
    --border-hover-transition: 0.2s ease;

    /* top bar options */
    --top-bar-height: var(--gap);
    --top-bar-button-position: titlebar;
    --top-bar-title-position: off;
    --subtle-top-bar-title: off;

    /* window controls */
    --custom-window-controls: on;
    --window-control-size: 14px;

    /* dms button options */
    --custom-dms-icon: custom;
    --dms-icon-svg-url: url('https://raw.githubusercontent.com/ussmarines/DiscordTheme/main/assets/sibylla-logo.svg');
    --dms-icon-svg-size: 104%;
    --dms-icon-color-before: #eceff4;
    --dms-icon-color-after: #2e3440;
    --custom-dms-background: off;
    --dms-background-image-url: url('');
    --dms-background-image-size: cover;
    --dms-background-color: #4c566a;

    /* background image options */
    --background-image: off;
    --background-image-url: url('');

    /* transparency/blur options */
    --transparency-tweaks: off;
    --remove-bg-layer: off;
    --panel-blur: off;
    --blur-amount: 12px;
    --sibnight-bg-floating: var(--sibnight-bg-3);

    /* chatbar options */
    --custom-chatbar: off;
    --chatbar-height: 47px;

    /* other options */
    --small-user-panel: on;
    --sibnight-flavor: on;
    --sibnight-flat-utilities: on;
}
/* sibnight flavor layout defaults: end */

:root {
    --sibnight-accent-1: #eceff4;
    --sibnight-accent-2: #4c566a;
    --sibnight-accent-3: #434c5e;
    --sibnight-accent-4: #3b4252;
    --sibnight-accent-5: #2e3440;
    --sibnight-accent-new: #bf616a;
    --sibnight-notification: #c73550;
    --sibnight-notification-hover: #dc5268;
    --sibnight-notification-text: #ffffff;
    --sibnight-mention: rgba(76, 86, 106, 0.24);
    --sibnight-mention-hover: rgba(76, 86, 106, 0.34);
    --sibnight-reply: rgba(67, 76, 94, 0.24);
    --sibnight-reply-hover: rgba(76, 86, 106, 0.30);
    --sibnight-text-0: #f7f9fc;
    --sibnight-text-1: #eceff4;
    --sibnight-text-2: #d8dee9;
    --sibnight-text-3: #c5cedb;
    --sibnight-text-4: #97a4b8;
    --sibnight-text-5: rgba(216, 222, 233, 0.40);
    --sibnight-bg-1: #4c566a;
    --sibnight-bg-2: #434c5e;
    --sibnight-bg-3: #3b4252;
    --sibnight-bg-4: #2e3440;
    --sibnight-hover: rgba(76, 86, 106, 0.20);
    --sibnight-active: rgba(76, 86, 106, 0.32);
    --sibnight-active-2: rgba(76, 86, 106, 0.42);
    --sibnight-message-hover: rgba(46, 52, 64, 0.62);
    --sibnight-border-light: rgba(236, 239, 244, 0.04);
    --sibnight-border: rgba(216, 222, 233, 0.08);
    --sibnight-border-hover: rgba(216, 222, 233, 0.14);
    --sibnight-button-border: rgba(216, 222, 233, 0.08);
    --sibnight-online: #a3be8c;
    --sibnight-dnd: #bf616a;
    --sibnight-idle: #ebcb8b;
    --sibnight-streaming: #b48ead;
    --sibylla-shell-gradient: #2e3440;
    --sibylla-panel-fill: #3b4252;
    --sibylla-panel-fill-strong: #434c5e;
    --sibylla-header-fill: #434c5e;
    --sibylla-control-fill: #4c566a;
    --sibylla-embed-fill: #3b4252;
    --sibylla-embed-fill-soft: #434c5e;
    --sibylla-embed-accent: #d8dee9;
    --sibylla-profile-fill: #3b4252;
    --sibylla-active-fill: rgba(76, 86, 106, 0.42);
    --sibylla-hover-fill: rgba(76, 86, 106, 0.24);
    --icon-default: #d8dee9;
    --icon-muted: rgba(216, 222, 233, 0.38);
    --icon-strong: #eceff4;
    --icon-subtle: #eceff4;
    --icon-link: #eceff4;
    --channel-icon: #d8dee9;
    --channels-default: #d8dee9;
    --interactive-icon-default: #d8dee9;
    --interactive-icon-hover: #eceff4;
    --interactive-icon-active: #eceff4;
    --interactive-text-default: #d8dee9;
    --interactive-text-hover: #eceff4;
    --interactive-text-active: #eceff4;
    --text-link: #eceff4;
    --colors: on;
    color-scheme: dark;
    --proto-column-shadow: none;
    --proto-hover-surface: var(--sibylla-hover-fill);
    --proto-active-surface: var(--sibylla-active-fill);
    --panel-shadow: none;
    --panel-shadow-hover: none;
    --panel-backdrop-filter: none;
    --sibylla-card-sheen: none;
    --sibylla-soft-edge: transparent;
    --sibylla-soft-edge-strong: transparent;
    --sibylla-blue-glow: transparent;
}

.message__5126c.mentioned__5126c,
.replying__5126c,
.ephemeral__5126c {
    background: var(--sibnight-mention) !important;
    box-shadow: inset 0 0 0 1px var(--sibnight-border) !important;
}



.message__5126c.mentioned__5126c,
.replying__5126c,
.ephemeral__5126c {
    box-shadow: none !important;
    border: 1px solid var(--sibnight-border) !important;
}

.embedFull__623de,
.reaction__23977,
.reactionBtn__23977.forceShow__23977,
.container__9271d {
    box-shadow: none !important;
}

/* ==============================
   Polar forum hard fix
   Targets only forum/thread layouts to neutralize the remaining off-palette
   blocks without touching the rest of the flavor.
   ============================== */

/* forum/thread title bar: use the darker Polar Night slab */
.container__01ae2 > .container__9293f,
.chatLayerWrapper__01ae2 .container__9293f {
    background: #2e3440 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* forum browser shell and controls: keep them on the mid slab instead of the lighter box */
.container_f369db,
.container_f369db [class*='searchBar'],
.container_f369db [class*='searchBox'],
.container_f369db [class*='segmented'],
.container_f369db [class*='pill'],
.container_f369db [class*='tagPill'],
.container_f369db [class*='header'],
.container_f369db [class*='matchingPosts'],
.container_f369db [class*='browseTagsContainer'] {
    background-image: none !important;
    box-shadow: none !important;
}

/* forum post cards / rows in the thread list */
.container_f369db .mainCard_f369db,
.container_f369db [class*='mainCard_'],
.container_f369db [class*='post'],
.container_f369db [class*='container_'][class*='card'],
.container_f369db [class*='container_'][class*='post'],
.container_f369db [class*='rowContainer'] {
    background: #3b4252 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* forum thread action area under the first post */
.container__01ae2 [class*='actionBar'],
.container__01ae2 [class*='actionsBar'],
.container__01ae2 [class*='buttonsContainer'],
.container__01ae2 [class*='footer'],
.container__01ae2 [class*='container_'][class*='buttons'],
.container__01ae2 [class*='container_'][class*='footer'] {
    background: #3b4252 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* forum reaction pill itself stays slightly darker for contrast */
.container__01ae2 .reaction_f8896c,
.container__01ae2 .reaction__23977,
.container__01ae2 .reactionBtn__23977.forceShow__23977 {
    background: #2e3440 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}


/* Local unread-channel emphasis: keep after the remote import for immediate previews. */
.modeUnreadImportant__2ea32 .link__2ea32 {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--sibnight-notification, var(--sibnight-accent-new)) 34%, transparent) 0%,
        color-mix(in srgb, var(--sibnight-notification, var(--sibnight-accent-new)) 16%, transparent) 76%,
        transparent 100%
    ) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.modeUnreadImportant__2ea32 :is(.name__2ea32, .icon__2ea32) {
    color: var(--sibnight-notification-hover, var(--sibnight-notification, var(--sibnight-accent-new))) !important;
    font-weight: 750 !important;
    text-shadow: none !important;
}