:root {
    --tobar-navy: #18243d;
    --tobar-blue: #013c66;
    --tobar-lime: #bdbd01;
    --tobar-light: #f7f8fa;
    --tobar-line: #dfe5ec;
}

.tobar-platform-logo-full,
.tobar-platform-symbol {
    display: block;
    object-fit: contain;
    object-position: center;
}

.tobar-platform-symbol {
    display: none;
}

.tobar-wordmark-one,
.mkse-one-brand-name b,
.mkse-one-sidebar-brand strong b,
.mkse-client-brand b em,
.mkse-client-sidebar-brand b em {
    color: var(--tobar-lime) !important;
}

/* Shared staff shell */
body.mkse-admin {
    background: var(--tobar-light);
}

body.mkse-admin .topnavbar,
body.mkse-admin .topnavbar .navbar-header,
body.mkse-admin .topnavbar .nav-wrapper {
    background: #fff !important;
}

body.mkse-admin .topnavbar .navbar-brand.mkse-one-brand {
    gap: 10px;
    padding: 6px 12px;
}

body.mkse-admin .mkse-one-brand-mark {
    width: 42px;
    height: 54px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

body.mkse-admin .mkse-one-brand-mark img {
    width: 100%;
    height: 100%;
    background: transparent;
    filter: none;
}

body.mkse-admin .mkse-one-brand-name {
    color: var(--tobar-blue);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
}

body.mkse-admin .mkse-one-brand-tagline {
    color: #657086;
    font-size: 8px;
    letter-spacing: 0;
}

body.mkse-admin .mkse-one-new-trigger,
body.mkse-admin .btn-primary,
body.mkse-admin .mkse-one-hero-actions .btn-primary {
    background: var(--tobar-blue) !important;
    border-color: var(--tobar-blue) !important;
    box-shadow: none !important;
}

body.mkse-admin .mkse-one-new-trigger:hover,
body.mkse-admin .btn-primary:hover,
body.mkse-admin .mkse-one-hero-actions .btn-primary:hover {
    background: #07517f !important;
    border-color: #07517f !important;
}

body.mkse-admin .aside,
body.mkse-admin .aside-inner,
body.mkse-admin .sidebar {
    background: linear-gradient(180deg, var(--tobar-navy) 0%, #101a2e 100%) !important;
}

body.mkse-admin .mkse-one-sidebar-brand {
    min-height: 76px;
    gap: 10px;
    padding: 8px 11px;
    border-bottom-color: rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .015);
}

body.mkse-admin .mkse-one-sidebar-logo {
    width: 40px;
    height: 56px;
    padding: 2px;
    border-radius: 6px;
    background: #fff;
}

body.mkse-admin .mkse-one-sidebar-logo img {
    width: 100%;
    height: 100%;
    filter: none;
}

body.mkse-admin .mkse-one-sidebar-logo .tobar-platform-logo-full {
    display: block;
}

body.mkse-admin .mkse-one-sidebar-logo .tobar-platform-symbol {
    display: none;
}

body.mkse-admin .mkse-one-sidebar-brand-copy {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

body.mkse-admin .mkse-one-sidebar-brand strong {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
    white-space: nowrap;
}

body.mkse-admin .mkse-one-sidebar-brand small,
body.mkse-admin .mkse-one-sidebar-footer em {
    color: #bac4d2;
}

body.mkse-admin .mkse-one-sidebar-brand small {
    display: block;
    max-width: 108px;
    margin: 0;
    font-size: 8px;
    line-height: 1.25;
    letter-spacing: 0;
    white-space: normal;
}

body.mkse-admin .sidebar .nav > li.active > a,
body.mkse-admin .sidebar .nav > li.active > .nav-item,
body.mkse-admin .sidebar .nav > li > a:hover,
body.mkse-admin .sidebar .nav > li > a:focus {
    background: rgba(189, 189, 1, .14) !important;
    color: #fff !important;
}

body.mkse-admin .sidebar .nav > li.active > a {
    box-shadow: inset 3px 0 0 var(--tobar-lime);
}

.mkse-one-hero {
    background: linear-gradient(112deg, var(--tobar-navy) 0%, var(--tobar-blue) 72%, #07517f 100%) !important;
    border-color: rgba(255, 255, 255, .1) !important;
    box-shadow: 0 16px 36px rgba(24, 36, 61, .16) !important;
}

.mkse-one-hero-art,
.mkse-one-glow {
    display: none !important;
}

.mkse-one-hero-logo {
    width: 86px !important;
    height: 110px !important;
}

.mkse-one-hero-logo img {
    max-width: 72px !important;
    max-height: 104px !important;
    padding: 3px;
    border-radius: 6px;
    background: #fff;
    filter: none !important;
}

.mkse-one-hero h1 {
    letter-spacing: 0 !important;
}

.mkse-one-hero h1 span,
.mkse-one-hero .tobar-wordmark-one {
    color: var(--tobar-lime) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

.mkse-one-hero .mkse-one-eyebrow,
.mkse-one-hero-parent small {
    color: #dce3a3 !important;
    letter-spacing: 0 !important;
}

.mkse-one-hero .mkse-one-brandline a {
    border-radius: 7px !important;
}

@media (min-width: 768px) {
    body.mkse-admin.aside-collapsed .mkse-one-sidebar-brand {
        display: flex !important;
        min-height: 64px;
        justify-content: center;
        padding: 7px;
    }

    body.mkse-admin.aside-collapsed .mkse-one-sidebar-brand-copy {
        display: none;
    }

    body.mkse-admin.aside-collapsed .mkse-one-sidebar-logo {
        width: 38px;
        height: 50px;
        padding: 3px;
    }

    body.mkse-admin.aside-collapsed .mkse-one-sidebar-logo .tobar-platform-logo-full {
        display: none;
    }

    body.mkse-admin.aside-collapsed .mkse-one-sidebar-logo .tobar-platform-symbol {
        display: block;
    }
}

/* Login */
.mkse-login-page .mkse-brand-panel {
    background: linear-gradient(150deg, var(--tobar-navy) 0%, var(--tobar-blue) 100%) !important;
}

.mkse-login-page .mkse-login-glow,
.mkse-login-page .mkse-login-mountains {
    display: none !important;
}

.mkse-login-page .mkse-one-lockup {
    align-items: center;
    gap: 20px;
}

.mkse-login-page .mkse-one-mark {
    width: clamp(76px, 7vw, 104px);
    height: clamp(116px, 10vw, 154px);
    box-sizing: border-box;
    padding: 4px;
    border-radius: 7px;
    background: #fff;
    filter: none;
}

.mkse-login-page .mkse-one-wordmark strong,
.mkse-login-page .mkse-auth-brandline > strong {
    letter-spacing: 0;
}

.mkse-login-page .mkse-one-wordmark strong span,
.mkse-login-page .mkse-auth-brandline > strong em {
    color: var(--tobar-lime);
    background: none;
    -webkit-text-fill-color: currentColor;
}

.mkse-login-page .mkse-auth-brandline > strong {
    color: var(--tobar-blue);
}

.mkse-login-page .mkse-system-label,
.mkse-login-page .mkse-auth-brandline > span {
    letter-spacing: 0;
}

.mkse-login-page .mkse-login-card,
.mkse-login-page .mkse-link-card {
    border-radius: 8px;
}

.mkse-login-page .mkse-mobile-brand img {
    width: 42px;
    height: 52px;
    object-fit: contain;
}

/* Customer portal */
.mkse-one-client-shell .mkse-client-sidebar-brand {
    display: block;
    margin: 10px 4px 4px;
    padding: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.mkse-one-client-shell .mkse-client-sidebar-brand > a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.mkse-one-client-shell .mkse-client-sidebar-brand img {
    width: 38px;
    height: 52px;
    padding: 2px;
    border-radius: 5px;
    background: #fff;
    object-fit: contain;
    flex: 0 0 auto;
}

.mkse-one-client-shell .mkse-client-sidebar-brand span {
    min-width: 0;
}

.mkse-one-client-shell .mkse-client-sidebar-brand b,
.mkse-one-client-shell .mkse-client-sidebar-brand small {
    display: block;
    letter-spacing: 0;
}

.mkse-one-client-shell .mkse-client-sidebar-brand b {
    color: #fff !important;
    font-size: 15px;
}

.mkse-one-client-shell .mkse-client-sidebar-brand small {
    color: #bac4d2;
    font-size: 8px;
}

.mkse-one-client-shell .mkse-client-brand img {
    width: 34px;
    height: 50px;
    filter: none;
}

.mkse-one-client-shell .mkse-client-brand b,
.mkse-client-sidebar-brand b {
    color: var(--tobar-blue);
    letter-spacing: 0;
}

.mkse-one-client-shell .mkse-client-topbar,
.mkse-one-client-shell .mkse-client-navbar-header,
.mkse-one-client-shell .mkse-client-nav-wrapper {
    background: #fff !important;
}

@media (min-width: 768px) {
    .mkse-one-client-shell.aside-collapsed .mkse-client-sidebar-brand {
        display: block !important;
        margin: 8px 0;
        padding: 7px 0;
    }

    .mkse-one-client-shell.aside-collapsed .mkse-client-sidebar-brand > a {
        justify-content: center;
    }

    .mkse-one-client-shell.aside-collapsed .mkse-client-sidebar-brand span,
    .mkse-one-client-shell.aside-collapsed .mkse-client-sidebar-brand .tobar-platform-logo-full {
        display: none !important;
    }

    .mkse-one-client-shell.aside-collapsed .mkse-client-sidebar-brand .tobar-platform-symbol {
        display: block !important;
        width: 38px;
        height: 46px;
    }
}

/* Knowledge and dealer portals */
.mk1-kb-brand img {
    width: 42px !important;
    height: 60px !important;
    object-fit: contain;
}

.mk1-kb-hero-glow {
    display: none !important;
}

.mk1-kb-brand b {
    color: var(--tobar-blue) !important;
    letter-spacing: 0 !important;
}

.mk1-kb-brand b strong {
    color: var(--tobar-lime) !important;
}

.kp-offline .tobar-offline-mark {
    padding: 5px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(24, 36, 61, .1);
}

.kp-offline .tobar-offline-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dp-top {
    background: var(--tobar-navy) !important;
}

.dp-brand-mark {
    width: 42px !important;
    height: 54px !important;
    border-radius: 0 !important;
    padding: 2px;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.dp-brand-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dp-brand b {
    letter-spacing: 0;
}

html[dir="rtl"] .mkse-one-brand-copy,
html[dir="rtl"] .mkse-one-sidebar-brand-copy,
html[dir="rtl"] .mkse-client-brand span,
html[dir="rtl"] .mkse-client-sidebar-brand span {
    text-align: right;
}

@media (max-width: 767px) {
    body.mkse-admin .mkse-one-brand-mark,
    .mkse-one-client-shell .mkse-client-brand img {
        width: 40px !important;
        height: 44px !important;
    }

    .mkse-one-brand-mark .tobar-platform-logo-full,
    .mkse-client-brand .tobar-platform-logo-full {
        display: none;
    }

    .mkse-one-brand-mark .tobar-platform-symbol,
    .mkse-client-brand .tobar-platform-symbol {
        display: block;
    }

    .mkse-one-hero-logo {
        width: 52px !important;
        height: 68px !important;
    }

    .mkse-one-hero-logo img {
        max-width: 48px !important;
        max-height: 64px !important;
    }

    .mkse-login-page .mkse-mobile-brand .tobar-platform-logo-full {
        display: none;
    }

    .mkse-login-page .mkse-mobile-brand .tobar-platform-symbol {
        display: block;
    }
}

@media (max-width: 480px) {
    .dp-brand small {
        display: none;
    }

    .dp-brand-mark {
        width: 36px !important;
        height: 42px !important;
    }
}