:root {
    --serverdoin-orange: #f47b20;
    --serverdoin-orange-dark: #d95f08;
    --serverdoin-orange-soft: #fff3ea;
}

.lagom-default .btn-primary,
.lagom-default .btn-primary:focus,
.lagom-default .btn-primary:hover {
    background: var(--serverdoin-orange);
    border-color: var(--serverdoin-orange-dark);
}

.lagom-default a,
.lagom-default .text-primary,
.lagom-default .main-menu .nav > li > a:hover,
.lagom-default .main-menu .nav > li.active > a {
    color: var(--serverdoin-orange-dark);
}

.lagom-default .status.status-unpaid,
.lagom-default .label.status-unpaid {
    background-color: var(--serverdoin-orange-soft);
    color: var(--serverdoin-orange-dark);
}

.serverdoin-custom-page .login-header p {
    color: #5f6b7a;
    margin: 8px 0 0;
}


/* ServerDo.in - 2026-06-05 - Ajustes de migração Lagom2 para aproximar o visual antigo. */
:root {
    --brand-primary: var(--serverdoin-orange);
    --brand-primary-dark: var(--serverdoin-orange-dark);
    --brand-primary-lighter: var(--serverdoin-orange-soft);
}

.lagom-default .app-nav,
.lagom-default .sidebar,
.lagom-default .main-sidebar,
.lagom-default .sidenav,
.lagom-default .layout-left-nav .main-menu {
    border-right-color: #f1e2d8;
}

.lagom-default .app-nav .active > a,
.lagom-default .sidebar .active > a,
.lagom-default .main-sidebar .active > a,
.lagom-default .sidenav .active > a,
.lagom-default .layout-left-nav .main-menu .active > a {
    background: var(--serverdoin-orange-soft);
    color: var(--serverdoin-orange-dark);
    border-color: var(--serverdoin-orange);
}

.lagom-default .app-nav a:hover,
.lagom-default .sidebar a:hover,
.lagom-default .main-sidebar a:hover,
.lagom-default .sidenav a:hover,
.lagom-default .layout-left-nav .main-menu a:hover {
    color: var(--serverdoin-orange-dark);
    background: #fff8f2;
}

.lagom-default .btn-primary,
.lagom-default .btn-primary:active,
.lagom-default .btn-primary.active,
.lagom-default .open > .dropdown-toggle.btn-primary {
    background-color: var(--serverdoin-orange);
    border-color: var(--serverdoin-orange-dark);
}

.lagom-default .btn-primary:hover,
.lagom-default .btn-primary:focus {
    background-color: var(--serverdoin-orange-dark);
    border-color: var(--serverdoin-orange-dark);
}

.lagom-default .badge-primary,
.lagom-default .label-primary,
.lagom-default .panel-primary > .panel-heading,
.lagom-default .card-primary .card-header {
    background-color: var(--serverdoin-orange);
    border-color: var(--serverdoin-orange-dark);
}

.lagom-default .nav-tabs > li.active > a,
.lagom-default .nav-tabs > li.active > a:hover,
.lagom-default .nav-tabs > li.active > a:focus {
    color: var(--serverdoin-orange-dark);
    border-bottom-color: var(--serverdoin-orange);
}

.lagom-default .progress-bar,
.lagom-default input[type="checkbox"]:checked,
.lagom-default input[type="radio"]:checked {
    background-color: var(--serverdoin-orange);
    border-color: var(--serverdoin-orange-dark);
}

.lagom-default .logo img,
.lagom-default .brand img {
    max-height: 42px;
}