body.supplier-command-route {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: linear-gradient(135deg, #f8fbff 0%, #eef4fc 100%);
    color: #172033;
}

body.supplier-command-route > .crm-navbar {
    display: none !important;
}

.supplier-command-shell {
    color: #172033;
    font-family: 'Play', 'Mulish', 'Nunito', 'Roboto', 'IBM Plex Sans', sans-serif;
}

.supplier-command-topbar {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border: 1px solid #d6e1ef;
    border-radius: 26px;
    box-shadow: 0 8px 28px rgba(42, 74, 120, .07);
    display: flex;
    gap: 16px;
    height: 70px;
    justify-content: space-between;
    left: 12px;
    padding: 9px 14px;
    position: fixed;
    right: 12px;
    top: 8px;
    z-index: 1040;
}

.supplier-command-brand,
.supplier-command-topbar__nav,
.supplier-command-topbar__right,
.supplier-command-user {
    align-items: center;
    display: flex;
}

.supplier-command-brand {
    color: #172033;
    gap: 10px;
    min-width: 210px;
    text-decoration: none !important;
    white-space: nowrap;
}

.supplier-command-brand__mark {
    background: #f5f9ff;
    border: 1px solid #cfe0ff;
    border-radius: 15px;
    color: #1662e8;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    height: 46px;
    place-items: center;
    width: 46px;
}

.supplier-command-brand__copy strong,
.supplier-command-brand__copy em,
.supplier-command-user__copy strong,
.supplier-command-user__copy em,
.supplier-command-sidebar__brand strong,
.supplier-command-sidebar__brand span {
    display: block;
}

.supplier-command-brand__copy strong {
    font-size: 14px;
}

.supplier-command-brand__copy em,
.supplier-command-user__copy em,
.supplier-command-sidebar__brand span {
    color: #718096;
    font-size: 10px;
    font-style: normal;
    margin-top: 3px;
}

.supplier-command-topbar__nav {
    flex: 1;
    gap: 3px;
    justify-content: center;
    min-width: 0;
}

.supplier-command-nav-button {
    background: transparent;
    border: 0;
    border-radius: 13px;
    color: #5b6b82;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 12px;
    text-decoration: none !important;
    white-space: nowrap;
}

.supplier-command-nav-button:hover,
.supplier-command-nav-button.is-active {
    background: #edf4ff;
    color: #0b5cff;
}

.supplier-command-nav-group {
    position: relative;
}

.supplier-command-menu {
    background: #fff;
    border: 1px solid #dfe6f0;
    border-radius: 13px;
    box-shadow: 0 18px 34px rgba(20, 44, 80, .14);
    display: none;
    left: 0;
    min-width: 220px;
    padding: 7px;
    position: absolute;
    top: calc(100% + 8px);
    z-index: 1050;
}

.supplier-command-nav-group:hover .supplier-command-menu,
.supplier-command-nav-group:focus-within .supplier-command-menu {
    display: grid;
}

.supplier-command-menu a {
    border-radius: 8px;
    color: #40536b;
    font-size: 12px;
    padding: 9px;
    text-decoration: none;
}

.supplier-command-menu a:hover {
    background: #f0f5ff;
    color: #0b5cff;
}

.supplier-command-topbar__right {
    gap: 7px;
}

.supplier-command-icon,
.supplier-command-link,
.supplier-command-language select {
    align-items: center;
    background: #fff;
    border: 1px solid #dce5f0;
    border-radius: 13px;
    color: #516177;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    min-height: 38px;
    padding: 0 11px;
    text-decoration: none !important;
}

.supplier-command-icon {
    color: #0b5cff;
    padding: 0;
    width: 38px;
}

.supplier-command-language .mr-3,
.supplier-command-language form {
    margin: 0 !important;
    padding: 0 !important;
}

.supplier-command-language select {
    appearance: auto;
    height: 38px;
    min-width: 66px;
}

.supplier-command-logout {
    display: flex;
    margin: 0;
}

.supplier-command-link--logout {
    color: #de4e4e;
}

.supplier-command-user {
    border: 1px solid #dce5f0;
    border-radius: 19px;
    gap: 8px;
    padding: 4px 9px 4px 5px;
}

.supplier-command-user__avatar {
    background: #eaf2ff;
    border-radius: 10px;
    color: #0b5cff;
    display: grid;
    font-size: 11px;
    font-weight: 800;
    height: 28px;
    place-items: center;
    width: 28px;
}

.supplier-command-user__copy strong {
    font-size: 11px;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supplier-command-sidebar {
    border-right: 1px solid #e1e8f2;
    bottom: 0;
    left: 12px;
    padding: 16px 10px 10px;
    position: fixed;
    top: 86px;
    width: 246px;
    z-index: 1020;
}

.supplier-command-sidebar__brand {
    align-items: center;
    display: flex;
    gap: 10px;
    padding: 0 5px 18px;
}

.supplier-command-sidebar__logo {
    background: #1d58f4;
    border-radius: 13px;
    color: #fff;
    display: grid;
    font-size: 17px;
    font-weight: 900;
    height: 42px;
    place-items: center;
    width: 42px;
}

.supplier-command-sidebar__brand strong {
    font-size: 14px;
}

.supplier-command-sidebar__section {
    color: #98a5b7;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
    padding: 0 12px 7px;
}

.supplier-command-sidebar__item {
    align-items: center;
    background: transparent;
    border-radius: 13px;
    color: #64748b;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 10px;
    margin: 3px 0;
    min-height: 42px;
    padding: 0 12px;
    text-decoration: none !important;
}

.supplier-command-sidebar__item:hover {
    background: #edf4ff;
    color: #0b5cff;
}

.supplier-command-sidebar__item.is-active {
    background: #1d58f4;
    box-shadow: 0 10px 22px rgba(29, 88, 244, .22);
    color: #fff;
}

.supplier-command-sidebar__item i {
    text-align: center;
    width: 18px;
}

.supplier-command-sidebar__foot {
    border-top: 1px solid #e6edf5;
    margin-top: 20px;
    padding: 14px 12px;
}

.supplier-command-sidebar__foot a {
    color: #708198;
    font-size: 11px;
    text-decoration: none;
}

.supplier-command-main {
    margin-left: 270px;
    min-height: 100vh;
    padding: 86px 12px 18px 0;
}

.supplier-command-main .crm-page-content {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
}

body.dashboard-route {
    padding-top: 0 !important;
}

body.dashboard-route .dashboard-crm {
    padding-top: 0 !important;
}

@media (max-width: 1200px) {
    .supplier-command-topbar__nav {
        display: none;
    }

    .supplier-command-brand {
        min-width: 0;
    }
}

@media (max-width: 800px) {
    .supplier-command-topbar {
        border-radius: 16px;
        left: 7px;
        right: 7px;
        top: 7px;
    }

    .supplier-command-sidebar {
        display: none;
    }

    .supplier-command-main {
        margin-left: 0;
        padding: 86px 7px 12px;
    }

    .supplier-command-link,
    .supplier-command-user__copy {
        display: none;
    }
}