/**
 * @copyright (c) 2004 - 2026 Performa Software Pty Ltd. All Rights Reserved.
 * @summary 🅱🅸🅳🆂 Server
 */

@layer theme {
    :is(:root:not([data-theme]), :root[data-theme=Light]) {
        --user-menu-container-background-color-top: #F4F4F4;
        --user-menu-container-background-color-bottom: #ced5db;
        --top-context-bar-icon-shadow-color: #575757;
        --top-context-bar-icon-help-color: #30F57B;
        --top-context-bar-icon-messages-color: #F7E468;
    }

    :root[data-theme=Dark] {
        --user-menu-container-background-color-top: #0f1f31;
        --user-menu-container-background-color-bottom: #32455d;
        --top-context-bar-icon-shadow-color: #182634;
        --top-context-bar-icon-help-color: #29be61;
        --top-context-bar-icon-messages-color: #dacb67;
    }
}

div#top-context-bar {
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 30px;
    gap: 22px;
    padding-right: 5px;
}

    div#top-context-bar > * {
        white-space: nowrap;
    }

    div#top-context-bar > bids-user-info-icon {
        margin-right: 10px;
    }

    div#top-context-bar .icon {
        font-size: 2.5em;
    }

    div#top-context-bar a.side-top-menu {
        display: block;
        color: transparent;
        height: 40px;
        width: 40px;
    }

    div#top-context-bar a.icon,
    div#top-context-bar bids-user-info-icon > div.user-menu-container a {
        text-decoration: none;
    }

    div#top-context-bar a.icon::before {
        text-shadow: 1px 1px var(--top-context-bar-icon-shadow-color);
    }

    div#top-context-bar a.help-icon {
        font-size: 2.9em;
        color: var(--top-context-bar-icon-help-color);
    }

    div#top-context-bar a.icon-messages {
        color: var(--top-context-bar-icon-messages-color);
        font-size: 3.2em;
    }


bids-status-bar {
    grid-row: 2;
    grid-column: 3/span 2;
    justify-self: right;
    width: 339px;
    z-index: 300;
}