/* The active company claim selects the palette on the server, before first paint. */
body[data-brand] {
    --brand-primary: #7850ad;
    --brand-primary-rgb: 120, 80, 173;
    --brand-soft: #f0e9f7;
    --brand-deep: #211535;
    --brand-header-end: #402659;
    --brand-sidebar-end: #18132c;
    --brand-menu-ink: #d8cce9;
    --brand-active-end: #9862c2;
    --brand-board-from: #695098;
    --brand-board-to: #b17fb1;
    --brand-board-overlay: rgba(35, 18, 62, .14);
}

body[data-brand="evrenbil"] {
    --brand-primary: #087fb8;
    --brand-primary-rgb: 8, 127, 184;
    --brand-soft: #e5f3fb;
    --brand-deep: #102c48;
    --brand-header-end: #145779;
    --brand-sidebar-end: #0c2038;
    --brand-menu-ink: #c8e0ef;
    --brand-active-end: #159cc7;
    --brand-board-from: #276dab;
    --brand-board-to: #66b1cc;
    --brand-board-overlay: rgba(12, 52, 87, .16);
}

body[data-brand] #page-topbar {
    background: linear-gradient(110deg, var(--brand-deep), var(--brand-header-end)) !important;
    box-shadow: 0 2px 16px rgba(var(--brand-primary-rgb), .15) !important;
}
body[data-brand] .vertical-menu {
    background: linear-gradient(180deg, var(--brand-deep), var(--brand-sidebar-end)) !important;
    box-shadow: 3px 0 20px rgba(var(--brand-primary-rgb), .12) !important;
    position: fixed !important;
    height: calc(100dvh - 64px) !important;
    bottom: 0;
}
body[data-brand] #sidebar-menu ul li a {
    color: var(--brand-menu-ink) !important;
}
body[data-brand] #sidebar-menu ul li a i { color: inherit !important; }
body[data-brand] #sidebar-menu ul li a:hover {
    background: rgba(var(--brand-primary-rgb), .24) !important;
    color: #fff !important;
}
body[data-brand] #sidebar-menu ul li.mm-active > a {
    background: linear-gradient(100deg, var(--brand-primary), var(--brand-active-end)) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(var(--brand-primary-rgb), .26) !important;
}
body[data-brand] #sidebar-menu ul.submenu { background: #00000016 !important; }
body[data-brand] #sidebar-menu ul.submenu li.mm-active > a { box-shadow: none !important; }
body[data-brand] #sidebar-menu .menu-title { color: var(--brand-menu-ink) !important; opacity: .6; }
body[data-brand] #side-menu > li > a { padding-left: 14px !important; padding-right: 14px !important; }
body[data-brand] #sidebar-menu a > span:not(.badge) {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    flex: 1;
    min-width: 0;
    width: auto !important;
}
body[data-brand] #sidebar-menu a .menu-arrow { flex: 0 0 16px !important; width: 16px !important; margin-left: auto; }
body[data-brand] #sidebar-menu a .menu-arrow i { min-width: 16px; }
body[data-brand] #sidebar-menu .cloud-backup-menu .cloud-backup-menu-label { margin-left: 0 !important; }

body[data-brand] .navbar-brand-box .logo { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 64px; padding: 5px 12px; }
body[data-brand] .navbar-brand-box .brand-logo-surface {
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #ffffff99;
    border-radius: 12px;
    padding: 3px 14px;
    box-shadow: 0 3px 12px #00000012;
}
body[data-brand] .navbar-brand-box .logo .logo-light { display: inline-flex !important; }
body[data-brand] .navbar-brand-box .logo .logo-sm { display: none !important; }
body[data-brand] .navbar-brand-box .logo img {
    height: 46px;
    max-height: 46px !important;
    max-width: 185px;
    width: auto !important;
    object-fit: contain;
    filter: none;
}
body[data-brand="evrenbil"] .navbar-brand-box .logo img { height: 32px; }
body[data-brand] #vertical-menu-btn { display: inline-flex; align-items: center; gap: 12px; }
body[data-brand] #vertical-menu-btn .mdi { font-size: 22px; }
body[data-brand] .header-brand-name { font-style: normal; font-weight: 650; letter-spacing: .01em; }

body[data-brand].vertical-collpsed .navbar-brand-box .logo .logo-light { display: none !important; }
body[data-brand].vertical-collpsed .navbar-brand-box .logo .logo-sm { display: inline-flex !important; }
body[data-brand].vertical-collpsed .navbar-brand-box .logo { padding: 6px; }
body[data-brand].vertical-collpsed .navbar-brand-box .brand-logo-surface { padding: 3px; }
body[data-brand].vertical-collpsed .navbar-brand-box .logo img { max-width: 52px; height: auto; max-height: 40px !important; }

@media (max-width: 991px) {
    body[data-brand] .navbar-brand-box { width: auto !important; padding: 0 !important; }
    body[data-brand] .navbar-brand-box .logo { width: auto; padding: 6px 10px; }
    body[data-brand] .navbar-brand-box .logo .logo-light { display: none !important; }
    body[data-brand] .navbar-brand-box .logo .logo-sm { display: inline-flex !important; margin: 0; }
    body[data-brand] .navbar-brand-box .brand-logo-surface { padding: 3px 8px; border-radius: 9px; }
    body[data-brand] .navbar-brand-box .logo img { max-width: 88px; height: auto; max-height: 40px !important; }
}
@media (max-width: 575px) {
    body[data-brand] #vertical-menu-btn { padding: 0 8px !important; }
    body[data-brand] .header-brand-name { display: none; }
}