:root {
  --eggy-bg-deep: #13213A;
  --eggy-bg-mid: #1E2D4A;
  --eggy-bg-aqua: #82E3EE;

  --eggy-panel: #FFF6DE;
  --eggy-panel-soft: #FFFAEC;
  --eggy-panel-warm: #F7EFD8;

  --eggy-text: #12264A;
  --eggy-muted: #60708D;

  --eggy-gold: #F3C247;
  --eggy-gold-border: #D9A83A;
  --eggy-gold-dark: #A96F12;

  --eggy-aqua: #6EDFD0;
  --eggy-aqua-soft: #BDF7EF;

  --eggy-green: #34C58A;
  --eggy-pink: #D96BB3;

  --eggy-line: rgba(217, 168, 58, 0.45);
}

/* App shell */
.kiwi-wrap {
  background:
    radial-gradient(circle at 10% 8%, rgba(130, 227, 238, 0.16), transparent 28%),
    linear-gradient(135deg, var(--eggy-bg-deep), #0f1728) !important;
  color: var(--eggy-text) !important;
}

/* Left channel/network sidebar */
.kiwi-statebrowser {
  background: linear-gradient(180deg, var(--eggy-bg-deep), var(--eggy-bg-mid)) !important;
  border-right: 1px solid rgba(243, 194, 71, 0.38) !important;
  color: var(--eggy-panel) !important;
}

.kiwi-statebrowser-usermenu,
.kiwi-statebrowser-scrollarea,
.kiwi-statebrowser-network {
  background: transparent !important;
  color: var(--eggy-panel) !important;
}

.kiwi-statebrowser-network-header {
  background: rgba(255, 246, 222, 0.06) !important;
  border-bottom: 1px solid rgba(243, 194, 71, 0.24) !important;
  color: var(--eggy-panel) !important;
}

.kiwi-statebrowser-network-name {
  color: var(--eggy-panel) !important;
  font-weight: 900 !important;
}

.kiwi-statebrowser-channels-header,
.kiwi-statebrowser-buffertype {
  color: var(--eggy-aqua-soft) !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.kiwi-statebrowser-channel {
  border-radius: 12px !important;
  margin: 4px 8px !important;
  color: var(--eggy-panel) !important;
}

.kiwi-statebrowser-channel-name {
  color: var(--eggy-panel) !important;
  font-weight: 800 !important;
}

.kiwi-statebrowser-channel-active {
  background: rgba(243, 194, 71, 0.17) !important;
  border-left: 3px solid var(--eggy-gold) !important;
  box-shadow: inset 0 0 0 1px rgba(243, 194, 71, 0.18) !important;
}

/* Header */
.kiwi-header {
  background: linear-gradient(180deg, var(--eggy-panel-soft), var(--eggy-panel-warm)) !important;
  border-bottom: 1px solid var(--eggy-line) !important;
  color: var(--eggy-text) !important;
}

.kiwi-header-name,
.kiwi-header-name-full,
.kiwi-header-topic {
  color: var(--eggy-text) !important;
  font-weight: 900 !important;
}

/* Main content/message area */
.kiwi-container,
.kiwi-container-content {
  background: var(--eggy-panel) !important;
  color: var(--eggy-text) !important;
}

.kiwi-messagelist {
  background:
    linear-gradient(180deg, rgba(255, 250, 236, 0.98), rgba(255, 246, 222, 0.98)) !important;
  color: var(--eggy-text) !important;
}

.kiwi-messagelist-item {
  color: var(--eggy-text) !important;
}

.kiwi-messagelist-message {
  color: var(--eggy-text) !important;
}

.kiwi-messagelist-message-body {
  color: var(--eggy-text) !important;
}

.kiwi-messagelist-nick,
.kiwi-nick {
  color: var(--eggy-gold-dark) !important;
  font-weight: 900 !important;
}

.kiwi-messagelist-time {
  color: var(--eggy-muted) !important;
}

/* Right nick/user list */
.kiwi-sidebar {
  background: var(--eggy-panel-soft) !important;
  border-left: 1px solid var(--eggy-line) !important;
  color: var(--eggy-text) !important;
}

.kiwi-nicklist {
  background: var(--eggy-panel-soft) !important;
  color: var(--eggy-text) !important;
}

.kiwi-nicklist-usercount {
  color: var(--eggy-muted) !important;
  font-weight: 900 !important;
}

.kiwi-nicklist input {
  background: #ffffff !important;
  border: 1px solid rgba(217, 168, 58, 0.42) !important;
  border-radius: 12px !important;
  color: var(--eggy-text) !important;
}

.kiwi-nicklist-user {
  color: var(--eggy-text) !important;
  border-radius: 10px !important;
}

.kiwi-nicklist-user:hover {
  background: rgba(243, 194, 71, 0.15) !important;
}

.kiwi-nicklist-user-nick {
  color: var(--eggy-gold-dark) !important;
  font-weight: 900 !important;
}

/* Input bar */
.kiwi-controlinput {
  background: var(--eggy-panel-soft) !important;
  border-top: 1px solid var(--eggy-line) !important;
  color: var(--eggy-text) !important;
}

.kiwi-controlinput-inner,
.kiwi-controlinput-form,
.kiwi-controlinput-input-wrap {
  background: transparent !important;
}

.kiwi-controlinput-user-nick {
  color: var(--eggy-gold-dark) !important;
  font-weight: 900 !important;
}

.kiwi-controlinput-input,
.kiwi-ircinput,
.kiwi-ircinput-editor {
  background: #ffffff !important;
  color: var(--eggy-text) !important;
  border-radius: 14px !important;
}

.kiwi-controlinput-send {
  background: linear-gradient(180deg, #FFE49E, var(--eggy-gold)) !important;
  color: var(--eggy-text) !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

/* Links */
.kiwi-messagelist a,
.kiwi-header a {
  color: #167C70 !important;
  font-weight: 800 !important;
}

/* Scrollbars */
.kiwi-messagelist,
.kiwi-nicklist,
.kiwi-statebrowser-scrollarea {
  scrollbar-width: thin;
  scrollbar-color: var(--eggy-gold) rgba(19, 33, 58, 0.18);
}

.kiwi-messagelist::-webkit-scrollbar,
.kiwi-nicklist::-webkit-scrollbar,
.kiwi-statebrowser-scrollarea::-webkit-scrollbar {
  width: 10px;
}

.kiwi-messagelist::-webkit-scrollbar-thumb,
.kiwi-nicklist::-webkit-scrollbar-thumb,
.kiwi-statebrowser-scrollarea::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--eggy-gold), var(--eggy-gold-dark));
  border-radius: 999px;
}

/* EGGY_WEB_BNC_DARK_CHAT_V2_START */

/*
 * Eggy Web BNC connected-chat dark surfaces.
 *
 * Presentation only:
 * - no dimensions or positioning changed
 * - no connection, bridge or IRC behaviour changed
 * - login/startup screen remains untouched
 */

.kiwi-wrap {
    --eggy-chat-background: #07131f;
    --eggy-chat-surface: #0c1d2d;
    --eggy-chat-surface-raised: #10283a;
    --eggy-chat-surface-input: #0a1927;
    --eggy-chat-border: #28556a;
    --eggy-chat-border-soft: rgba(110, 223, 208, 0.18);
    --eggy-chat-text: #f8f1d8;
    --eggy-chat-muted: #b7c4d1;
    --eggy-chat-aqua: #6edfd0;
    --eggy-chat-gold: #f3c247;

    color-scheme: dark;
}

/* Main chat viewport and message canvas. */
.kiwi-container-content {
    background: var(--eggy-chat-background) !important;
    color: var(--eggy-chat-text) !important;
}

.kiwi-messagelist {
    background:
        radial-gradient(
            circle at 16% 0%,
            rgba(110, 223, 208, 0.06),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #0b1a29 0%,
            var(--eggy-chat-background) 100%
        ) !important;

    color: var(--eggy-chat-text) !important;
}

.kiwi-messagelist-item,
.kiwi-messagelist-message,
.kiwi-messagelist-message-body {
    background: transparent !important;
    color: var(--eggy-chat-text) !important;
}

/* Channel title and topic strip. */
.kiwi-header {
    background:
        linear-gradient(
            180deg,
            #112b3e 0%,
            var(--eggy-chat-surface) 100%
        ) !important;

    color: var(--eggy-chat-text) !important;
    border-color: var(--eggy-chat-border) !important;
}

.kiwi-header-topic {
    color: var(--eggy-chat-muted) !important;
}

.kiwi-header a {
    color: var(--eggy-chat-aqua) !important;
}

/* Right-hand member panel. */
.kiwi-sidebar,
.kiwi-nicklist {
    background:
        linear-gradient(
            180deg,
            var(--eggy-chat-surface-raised) 0%,
            var(--eggy-chat-surface) 100%
        ) !important;

    color: var(--eggy-chat-text) !important;
    border-color: var(--eggy-chat-border) !important;
}

.kiwi-nicklist-usercount {
    background: rgba(7, 19, 31, 0.44) !important;
    color: var(--eggy-chat-muted) !important;
    border-color: var(--eggy-chat-border) !important;
}

.kiwi-nicklist input {
    background: var(--eggy-chat-surface-input) !important;
    color: var(--eggy-chat-text) !important;
    border-color: var(--eggy-chat-border) !important;
    box-shadow: none !important;
}

.kiwi-nicklist input::placeholder {
    color: #8294a5 !important;
}

.kiwi-nicklist-user {
    color: var(--eggy-chat-text) !important;
}

.kiwi-nicklist-user:hover {
    background: rgba(243, 194, 71, 0.12) !important;
}

.kiwi-nicklist-user-nick {
    color: var(--eggy-chat-text) !important;
}

/* Message composer and editor. */
.kiwi-controlinput,
.kiwi-controlinput-input-wrap {
    background:
        linear-gradient(
            180deg,
            var(--eggy-chat-surface-raised) 0%,
            var(--eggy-chat-surface) 100%
        ) !important;

    color: var(--eggy-chat-text) !important;
    border-color: var(--eggy-chat-border) !important;
}

.kiwi-controlinput-input,
.kiwi-ircinput,
.kiwi-ircinput-editor {
    background: var(--eggy-chat-surface-input) !important;
    color: var(--eggy-chat-text) !important;
    border-color: var(--eggy-chat-border) !important;
    box-shadow: none !important;
    caret-color: var(--eggy-chat-aqua) !important;
}

.kiwi-controlinput-input::placeholder,
.kiwi-ircinput::placeholder,
.kiwi-ircinput-editor::placeholder {
    color: #8294a5 !important;
}

.kiwi-controlinput-user-nick {
    color: var(--eggy-chat-gold) !important;
}

/* Preserve the existing gold send action. */
.kiwi-controlinput-send {
    background:
        linear-gradient(
            180deg,
            #ffe49e,
            var(--eggy-chat-gold)
        ) !important;

    color: #07131f !important;
}

/* Status, notice and system-message surfaces. */
.kiwi-messagelist-message-notice,
.kiwi-messagelist-message--notice {
    background: rgba(243, 194, 71, 0.12) !important;
    color: var(--eggy-chat-text) !important;
    border-color: rgba(243, 194, 71, 0.22) !important;
}

.kiwi-messagelist-message--info,
.kiwi-messagelist-message--status,
.kiwi-messagelist-message--traffic {
    background: rgba(16, 40, 58, 0.58) !important;
    color: var(--eggy-chat-muted) !important;
}

/* Message links and timestamps. */
.kiwi-messagelist a,
.kiwi-messagelist-message a {
    color: var(--eggy-chat-aqua) !important;
}

.kiwi-messagelist-time {
    color: #8294a5 !important;
}

/* Dark scrollbars inside the connected chat interface. */
.kiwi-messagelist,
.kiwi-nicklist,
.kiwi-sidebar {
    scrollbar-color:
        var(--eggy-chat-border)
        var(--eggy-chat-background);
}

.kiwi-messagelist::-webkit-scrollbar-track,
.kiwi-nicklist::-webkit-scrollbar-track,
.kiwi-sidebar::-webkit-scrollbar-track {
    background: var(--eggy-chat-background) !important;
}

.kiwi-messagelist::-webkit-scrollbar-thumb,
.kiwi-nicklist::-webkit-scrollbar-thumb,
.kiwi-sidebar::-webkit-scrollbar-thumb {
    background: var(--eggy-chat-border) !important;
    border-color: var(--eggy-chat-background) !important;
}



/*
 * Existing Eggy/Kiwi right-panel class families.
 * These extend the exact nicklist rules without requiring a body state.
 */
[class*="nicklist"],
[class*="userlist"] {
    background:
        linear-gradient(
            180deg,
            var(--eggy-chat-surface-raised) 0%,
            var(--eggy-chat-surface) 100%
        ) !important;

    color: var(--eggy-chat-text) !important;
    border-color: var(--eggy-chat-border) !important;
}

[class*="nicklist"] input,
[class*="userlist"] input {
    background: var(--eggy-chat-surface-input) !important;
    color: var(--eggy-chat-text) !important;
    border-color: var(--eggy-chat-border) !important;
    box-shadow: none !important;
}

[class*="nicklist"] input::placeholder,
[class*="userlist"] input::placeholder {
    color: #8294a5 !important;
}

[class*="nicklist"] [class*="user"]:hover,
[class*="userlist"] [class*="user"]:hover {
    background: rgba(243, 194, 71, 0.12) !important;
}

/* EGGY_WEB_BNC_DARK_CHAT_V2_END */

/* EGGY_WEB_BNC_REMAINING_DARK_UI_V3_START */

/* Header title: remove the remaining white DALnet/#channel block. */
.kiwi-header-name-container,
.kiwi-header-name,
.kiwi-header-name-full {
    background: #0c1d2d !important;
    color: #f8f1d8 !important;
}

/* Server Messages / Channels tab strip. */
.kiwi-serverview .u-tabbed-view-tabs {
    background: #0c1d2d !important;
    border-bottom-color: #28556a !important;
}

.kiwi-serverview .u-tabbed-view-tab {
    background: #10283a !important;
    color: #b7c4d1 !important;
    border-bottom-color: #28556a !important;
}

.kiwi-serverview .u-tabbed-view-tab:hover {
    background: #15344a !important;
    color: #f8f1d8 !important;
}

.kiwi-serverview .u-tabbed-view-tab--active {
    background: #0b1a29 !important;
    color: #f8f1d8 !important;
    border-bottom-color: #f3c247 !important;
}

/* Server and channel-browser canvas. */
.kiwi-serverview,
.kiwi-serverview-inner,
.kiwi-serverview .u-tabbed-content,
.kiwi-channellist,
.kiwi-channellist-content-container,
.kiwi-channellist-table {
    background: #07131f !important;
    color: #f8f1d8 !important;
}

/* Channel-browser navigation and search. */
.kiwi-channellist-nav {
    background: #0c1d2d !important;
    border-bottom: 1px solid #28556a !important;
}

.kiwi-channellist-search,
.kiwi-channellist-search .u-input,
.kiwi-channellist-search input {
    background: #091724 !important;
    color: #f8f1d8 !important;
    border-color: #28556a !important;
    box-shadow: none !important;
}

.kiwi-channellist-search input::placeholder {
    color: #8294a5 !important;
}

/* Channel rows. */
.kiwi-channellist-grid,
.kiwi-channellist-grid:nth-child(even) {
    background: #0b1a29 !important;
    color: #f8f1d8 !important;
    border-color: #28556a !important;
}

.kiwi-channellist-grid:nth-child(even) {
    background: #102235 !important;
}

.kiwi-channellist-grid:hover {
    background: #15344a !important;
}

.kiwi-channellist-users {
    color: #8294a5 !important;
}

.kiwi-channellist-name,
.kiwi-channellist-name a {
    color: #6edfd0 !important;
}

.kiwi-channellist-topic {
    color: #b7c4d1 !important;
}

.kiwi-channellist-topic a {
    color: #6edfd0 !important;
}

/* Pagination. */
.kiwi-channellist-pagination,
.kiwi-channellist-pagination a {
    color: #b7c4d1 !important;
}

.kiwi-channellist-pagination a:hover {
    color: #f3c247 !important;
}

/* Channel-list actions. */
.kiwi-channellist-refresh,
.kiwi-channellist-join {
    background: #153f50 !important;
    color: #f8f1d8 !important;
    border-color: #28556a !important;
}

.kiwi-channellist-refresh:hover,
.kiwi-channellist-join:hover {
    background: #1b5264 !important;
}

/* Replace the remaining olive/cream notice surface. */
.kiwi-messagelist-message-notice,
.kiwi-messagelist-message--notice {
    background: #10283a !important;
    color: #f8f1d8 !important;
    border-left: 3px solid #f3c247 !important;
    border-top-color: #28556a !important;
    border-right-color: #28556a !important;
    border-bottom-color: #28556a !important;
}

.kiwi-messagelist-message-notice:hover,
.kiwi-messagelist-message--notice:hover {
    background: #15344a !important;
}

/* EGGY_WEB_BNC_REMAINING_DARK_UI_V3_END */

/* EGGY_WEB_BNC_COMMAND_AND_BUTTON_UI_V4_START */

/*
 * Slash-command autocomplete palette.
 * Exact Kiwi selectors confirmed from the production application.
 */
.kiwi-autocomplete {
    overflow: hidden !important;

    border: 1px solid #28556a !important;
    border-radius: 16px !important;

    background:
        linear-gradient(
            180deg,
            #10283a 0%,
            #0b1a29 100%
        ) !important;

    color: #f8f1d8 !important;

    box-shadow:
        0 -10px 32px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(110, 223, 208, 0.06) !important;
}

.kiwi-autocomplete-item {
    min-height: 36px !important;
    padding: 7px 18px !important;

    border-bottom: 1px solid rgba(40, 85, 106, 0.58) !important;

    background: #0b1a29 !important;
    color: #f8f1d8 !important;
}

.kiwi-autocomplete-item:last-child {
    border-bottom: 0 !important;
}

.kiwi-autocomplete-item:nth-child(even) {
    background: #102235 !important;
}

.kiwi-autocomplete-item:hover {
    background: #15344a !important;
}

/* Gold selected command, matching Eggy dashboard primary actions. */
.kiwi-autocomplete-item--selected {
    background:
        linear-gradient(
            180deg,
            #ffe28a 0%,
            #f3c247 100%
        ) !important;

    color: #07131f !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 224, 138, 0.72) !important;
}

.kiwi-autocomplete-item-action {
    color: #f3c247 !important;
    font-weight: 800 !important;
}

.kiwi-autocomplete-item-value {
    color: #f8f1d8 !important;
    font-weight: 750 !important;
}

.kiwi-autocomplete-item-description {
    color: #9fb0c1 !important;
}

.kiwi-autocomplete-item--selected
.kiwi-autocomplete-item-action,
.kiwi-autocomplete-item--selected
.kiwi-autocomplete-item-value,
.kiwi-autocomplete-item--selected
.kiwi-autocomplete-item-description,
.kiwi-autocomplete-item--selected
.u-link {
    color: #07131f !important;
}

/*
 * Dashboard-style Join Channel buttons.
 * Covers both a button carrying the class directly and a button nested
 * inside the confirmed channel-list action container.
 */
.kiwi-channellist-join,
.kiwi-channellist-join.u-button,
.kiwi-channellist-join .u-button {
    min-width: 126px !important;
    min-height: 38px !important;
    padding: 8px 18px !important;

    border: 1px solid rgba(255, 214, 92, 0.82) !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            180deg,
            #ffe28a 0%,
            #f3c247 100%
        ) !important;

    color: #07131f !important;

    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;

    box-shadow:
        0 6px 16px rgba(243, 194, 71, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;

    transition:
        transform 120ms ease,
        box-shadow 120ms ease,
        background 120ms ease !important;
}

.kiwi-channellist-join:hover,
.kiwi-channellist-join.u-button:hover,
.kiwi-channellist-join .u-button:hover {
    background:
        linear-gradient(
            180deg,
            #ffeba5 0%,
            #ffd15d 100%
        ) !important;

    color: #07131f !important;

    transform: translateY(-1px);

    box-shadow:
        0 8px 20px rgba(243, 194, 71, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

.kiwi-channellist-join:active,
.kiwi-channellist-join.u-button:active,
.kiwi-channellist-join .u-button:active {
    transform: translateY(0);

    box-shadow:
        0 3px 10px rgba(243, 194, 71, 0.14),
        inset 0 1px 2px rgba(7, 19, 31, 0.16) !important;
}

.kiwi-channellist-join:focus-visible,
.kiwi-channellist-join.u-button:focus-visible,
.kiwi-channellist-join .u-button:focus-visible {
    outline: 3px solid rgba(110, 223, 208, 0.38) !important;
    outline-offset: 2px !important;
}

/* EGGY_WEB_BNC_COMMAND_AND_BUTTON_UI_V4_END */

/* EGGY_WEB_BNC_SIDEBAR_BUTTON_POLISH_V5_START */

/*
 * Left navigation polish.
 * Uses the same navy surface hierarchy as the connected chat content.
 */

.kiwi-statebrowser {
    background:
        linear-gradient(
            180deg,
            #0b1a29 0%,
            #07131f 100%
        ) !important;

    color: #f8f1d8 !important;
    border-right: 1px solid #28556a !important;
}

.kiwi-statebrowser-usermenu,
.kiwi-statebrowser-scrollarea,
.kiwi-statebrowser-network,
.kiwi-statebrowser-channels {
    background: transparent !important;
    color: #f8f1d8 !important;
}

.kiwi-statebrowser-network-header {
    background:
        linear-gradient(
            180deg,
            #10283a 0%,
            #0c1d2d 100%
        ) !important;

    color: #f8f1d8 !important;

    border-top: 1px solid rgba(110, 223, 208, 0.08) !important;
    border-bottom: 1px solid #28556a !important;
    border-left-color: transparent !important;

    box-shadow: none !important;
}

.kiwi-statebrowser-network.kiwi-statebrowser-network--active
.kiwi-statebrowser-network-header {
    border-left: 3px solid #f3c247 !important;
}

.kiwi-statebrowser-network-name,
.kiwi-statebrowser-network-header a {
    color: #f8f1d8 !important;
}

.kiwi-statebrowser-network-status {
    background: rgba(7, 19, 31, 0.35) !important;
    color: #9fb0c1 !important;
}

.kiwi-statebrowser-channels-header,
.kiwi-statebrowser-buffertype {
    background: #0c1d2d !important;
    color: #9edfd6 !important;

    border-top: 1px solid rgba(40, 85, 106, 0.55) !important;
    border-bottom: 1px solid rgba(40, 85, 106, 0.55) !important;

    font-weight: 800 !important;
}

.kiwi-statebrowser-channels-toggle,
.kiwi-statebrowser-channels-option,
.kiwi-statebrowser-appsettings {
    color: #9edfd6 !important;
}

.kiwi-statebrowser-channels-toggle:hover,
.kiwi-statebrowser-channels-option:hover,
.kiwi-statebrowser-appsettings:hover {
    background: rgba(110, 223, 208, 0.10) !important;
    color: #f8f1d8 !important;
}

.kiwi-statebrowser-channel {
    margin: 3px 8px !important;

    border: 1px solid transparent !important;
    border-left: 3px solid transparent !important;
    border-radius: 10px !important;

    background: transparent !important;
    color: #d7e0e8 !important;

    box-shadow: none !important;
}

.kiwi-statebrowser-channel:hover {
    background: #10283a !important;
    border-color: rgba(40, 85, 106, 0.72) !important;
    border-left-color: rgba(110, 223, 208, 0.62) !important;
}

.kiwi-statebrowser-channel-name,
.kiwi-statebrowser-channel
.kiwi-statebrowser-channel-name {
    color: #d7e0e8 !important;
    font-weight: 700 !important;
}

.kiwi-statebrowser-channel-active {
    background:
        linear-gradient(
            180deg,
            #17364b 0%,
            #10283a 100%
        ) !important;

    border: 1px solid rgba(243, 194, 71, 0.38) !important;
    border-left: 3px solid #f3c247 !important;

    box-shadow:
        inset 0 0 0 1px rgba(243, 194, 71, 0.06) !important;
}

.kiwi-statebrowser-channel-active
.kiwi-statebrowser-channel-name {
    color: #fff3cf !important;
}

.kiwi-statebrowser-channel-leave {
    color: #9fb0c1 !important;
}

.kiwi-statebrowser-channel-leave:hover {
    background: rgba(196, 77, 77, 0.20) !important;
    color: #ffd6d6 !important;
}

.kiwi-statebrowser-divider,
.kiwi-statebrowser-scrollarea h4 {
    border-color: #28556a !important;
}

.kiwi-statebrowser-options {
    background: #0c1d2d !important;
    border-top: 1px solid #28556a !important;
}

/*
 * Correct the Join Channel structure.
 *
 * .kiwi-channellist-join is the grid-cell wrapper. It must not itself
 * become the gold pill.
 */

.kiwi-channellist-join:not(.u-button) {
    min-width: 0 !important;
    min-height: 0 !important;

    padding: 4px 6px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    color: inherit !important;

    box-shadow: none !important;
    transform: none !important;
}

/* Style only the actual action button. */
.kiwi-channellist-join.u-button,
.kiwi-channellist-join > .u-button,
.kiwi-channellist-join > button {
    width: auto !important;
    min-width: 104px !important;
    max-width: 116px !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    padding: 5px 12px !important;

    border: 1px solid rgba(255, 214, 92, 0.80) !important;
    border-radius: 12px !important;

    background:
        linear-gradient(
            180deg,
            #ffe28a 0%,
            #f3c247 100%
        ) !important;

    color: #07131f !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 8px rgba(243, 194, 71, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;

    transform: none !important;

    transition:
        background 120ms ease,
        box-shadow 120ms ease,
        transform 120ms ease !important;
}

.kiwi-channellist-join.u-button:hover,
.kiwi-channellist-join > .u-button:hover,
.kiwi-channellist-join > button:hover {
    background:
        linear-gradient(
            180deg,
            #ffeba5 0%,
            #ffd15d 100%
        ) !important;

    color: #07131f !important;

    box-shadow:
        0 4px 10px rgba(243, 194, 71, 0.19),
        inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;

    transform: translateY(-1px) !important;
}

.kiwi-channellist-join.u-button:active,
.kiwi-channellist-join > .u-button:active,
.kiwi-channellist-join > button:active {
    transform: translateY(0) !important;

    box-shadow:
        0 2px 5px rgba(243, 194, 71, 0.12),
        inset 0 1px 2px rgba(7, 19, 31, 0.15) !important;
}

.kiwi-channellist-join.u-button:focus-visible,
.kiwi-channellist-join > .u-button:focus-visible,
.kiwi-channellist-join > button:focus-visible {
    outline: 2px solid rgba(110, 223, 208, 0.55) !important;
    outline-offset: 2px !important;
}

/* EGGY_WEB_BNC_SIDEBAR_BUTTON_POLISH_V5_END */

/* EGGY_WEB_BNC_UNREAD_DIVIDER_DARK_V7_START */

/*
 * Actual Kiwi unread-message divider.
 *
 * Kiwi spells this class "seperator".
 * No dimensions are changed, preserving the existing compact divider.
 */
.kiwi-messagelist-seperator {
    background: #0c1d2d !important;
    background-image:
        linear-gradient(
            180deg,
            #10283a 0%,
            #0c1d2d 100%
        ) !important;

    color: #f3c247 !important;

    border-top: 1px solid #28556a !important;
    border-right: 0 !important;
    border-bottom: 1px solid #28556a !important;
    border-left: 0 !important;

    box-shadow:
        inset 3px 0 0 #f3c247,
        0 1px 0 rgba(7, 19, 31, 0.55) !important;

    font-weight: 800 !important;
    text-shadow: none !important;
}

/* Remove any light background owned by the divider's inner element. */
.kiwi-messagelist-seperator > * {
    background: transparent !important;
    background-image: none !important;

    color: #f3c247 !important;

    border-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Neutralise any light decorative pseudo-elements. */
.kiwi-messagelist-seperator::before,
.kiwi-messagelist-seperator::after,
.kiwi-messagelist-seperator > *::before,
.kiwi-messagelist-seperator > *::after {
    background: transparent !important;
    background-image: none !important;

    color: #f3c247 !important;

    border-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* EGGY_WEB_BNC_UNREAD_DIVIDER_DARK_V7_END */

/* EGGY_WEB_BNC_HIDE_SETTINGS_COG_V8_START */

/*
 * Force-remove Kiwi's global application-settings entry point.
 *
 * The supported hideSettings configuration remains enabled separately,
 * but this rule prevents persisted client state from rendering the cog.
 */
.kiwi-statebrowser-appsettings,
.kiwi-statebrowser > .kiwi-statebrowser-appsettings {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;

    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    box-shadow: none !important;

    opacity: 0 !important;
    overflow: hidden !important;
}

/* EGGY_WEB_BNC_HIDE_SETTINGS_COG_V8_END */


/* EGGY_NORMAL_WEBCHAT_SELFUSER_DARK_V1_START */

/*
 * Eggy Network normal WebChat:
 * SelfUser, Away and nickname-conflict presentation.
 *
 * CSS presentation only. No IRC, nickname, Away or connection
 * behaviour is altered.
 */

.kiwi-controlinput-selfuser {
    color-scheme: dark !important;

    background:
        linear-gradient(
            180deg,
            #10283a 0%,
            #0c1d2d 100%
        ) !important;

    color: #f8f1d8 !important;
    border-color: #28556a !important;

    box-shadow:
        0 -12px 32px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.kiwi-controlinput--selfuser-open
.kiwi-controlinput-selfuser {
    border-color: #28556a !important;
}

.kiwi-controlinput-selfuser .kiwi-selfuser,
.kiwi-controlinput-selfuser .kiwi-selfuser-mask,
.kiwi-controlinput-selfuser .kiwi-selfuser-actions,
.kiwi-controlinput-selfuser .u-input-prompt,
.kiwi-controlinput-selfuser .u-input-prompt .u-form,
.kiwi-controlinput-selfuser .u-input-prompt-inputs {
    background: transparent !important;
    background-image: none !important;
    color: #f8f1d8 !important;
}

.kiwi-controlinput-selfuser .kiwi-selfuser-nick {
    color: #f3c247 !important;
    text-shadow: none !important;
}

.kiwi-controlinput-selfuser .kiwi-selfuser-host,
.kiwi-controlinput-selfuser .kiwi-selfuser-status {
    color: #b7c4d1 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.kiwi-controlinput-selfuser .kiwi-selfuser-nick i {
    color: #b7c4d1 !important;
    text-shadow: none !important;
}

.kiwi-controlinput-selfuser .kiwi-selfuser-nick i:hover,
.kiwi-controlinput-selfuser .kiwi-selfuser-nick i:focus-visible {
    color: #6edfd0 !important;
    opacity: 1 !important;
}

.kiwi-controlinput-selfuser .kiwi-away-checkbox-form,
.kiwi-controlinput-selfuser .kiwi-selfuser-away-label,
.kiwi-controlinput-selfuser .kiwi-selfuser-away-label span,
.kiwi-controlinput-selfuser .u-form label {
    color: #f8f1d8 !important;
    text-shadow: none !important;
}

.kiwi-controlinput-selfuser
.kiwi-away-checkbox-form input[type="checkbox"] {
    accent-color: #f3c247 !important;
}

.kiwi-controlinput-selfuser .kiwi-selfuser-error-message {
    background: rgba(145, 42, 58, 0.30) !important;
    color: #ffd8de !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 115, 132, 0.48) !important;

    text-shadow: none !important;
}

.kiwi-controlinput-selfuser .u-input-prompt-label {
    color: #f8f1d8 !important;
    text-shadow: none !important;
}

.kiwi-controlinput-selfuser .u-form .u-input,
.kiwi-controlinput-selfuser .u-input-prompt-inputs > input {
    background: #091724 !important;
    color: #f8f1d8 !important;
    border-color: #28556a !important;
    caret-color: #6edfd0 !important;

    box-shadow:
        inset 0 2px 8px rgba(0, 0, 0, 0.28) !important;

    text-shadow: none !important;
}

.kiwi-controlinput-selfuser .u-form .u-input::placeholder,
.kiwi-controlinput-selfuser
.u-input-prompt-inputs > input::placeholder {
    color: #8294a5 !important;
    opacity: 1 !important;
}

.kiwi-controlinput-selfuser .u-form .u-input:focus,
.kiwi-controlinput-selfuser
.u-input-prompt-inputs > input:focus {
    border-color: #6edfd0 !important;

    box-shadow:
        0 0 0 3px rgba(110, 223, 208, 0.16),
        inset 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-primary {
    background:
        linear-gradient(
            180deg,
            #ffe49e 0%,
            #f3c247 100%
        ) !important;

    color: #07131f !important;
    border-radius: 8px !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 226, 138, 0.72),
        0 5px 14px rgba(243, 194, 71, 0.18) !important;

    font-weight: 800 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-primary:hover,
.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-primary:focus-visible {
    background:
        linear-gradient(
            180deg,
            #ffeba5 0%,
            #ffd15d 100%
        ) !important;

    color: #07131f !important;
}

.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-warning {
    background:
        linear-gradient(
            180deg,
            #15344a 0%,
            #10283a 100%
        ) !important;

    color: #f8f1d8 !important;
    border-radius: 8px !important;

    box-shadow:
        inset 0 0 0 1px rgba(110, 223, 208, 0.42) !important;

    font-weight: 800 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-warning:hover,
.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-warning:focus-visible {
    background:
        linear-gradient(
            180deg,
            #1b5264 0%,
            #153f50 100%
        ) !important;

    color: #ffffff !important;
}

.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-primary:focus-visible,
.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-warning:focus-visible {
    outline: 3px solid rgba(110, 223, 208, 0.34) !important;
    outline-offset: 2px !important;
}

.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-primary:active,
.kiwi-controlinput-selfuser
.u-input-prompt-inputs > .u-button-warning:active {
    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.28) !important;
}

.kiwi-controlinput-selfuser .u-input-prompt-waiting,
.kiwi-controlinput-selfuser .u-input-prompt-waiting i {
    color: #07131f !important;
    text-shadow: none !important;
}

/* EGGY_NORMAL_WEBCHAT_SELFUSER_DARK_V1_END */