/* Shared White Label components. All brand values belong in the palette.
   !important overrides the legacy application's important declarations. */
:root {
    --mc-text: var(--wl-text);
    --mc-heading: var(--wl-text);
    --mc-primary: var(--wl-primary-bg);
    --mc-primary-hover: var(--wl-primary-hover-bg);
    --mc-accent: var(--wl-info-text);
    --mc-sidebar-bg: var(--wl-menu);
    --mc-sidebar-bg-soft: var(--wl-menu-start);
    --mc-sidebar-text: var(--wl-menu-text);
    --mc-sidebar-muted: var(--wl-menu-text);
    --mc-sidebar-accent: var(--wl-menu-icon);
    --mc-sidebar-success: var(--wl-menu-active-text);
    --mc-surface: var(--wl-surface);
    --surface: var(--wl-surface);
    --text: var(--wl-text);
    --primary: var(--wl-primary-bg);
    --primary-600: var(--wl-primary-hover-bg);
}
:root body { color: var(--wl-text); }
:root .main-content { background: var(--wl-page-bg) !important; }
:root .mc-sidebar-header { background: transparent; }
:root .navbar-inverse2, :root .navbar-inverse {
    background: var(--wl-menu) !important;
    border: 0;
}
:root #body1, :root body.wl-auth {
    background: var(--wl-login) !important;
    overflow: auto;
}
:root .login-title, :root .login-card, :root .login.box { color: var(--wl-text); }
:root .login-header { background: var(--wl-menu); border-radius: 8px; padding: 20px; }
:root .login-header .login-title { color: var(--wl-primary-text); }
:root .wl-login-logo { display: block; width: 100%; max-width: 260px; height: auto; margin: auto; }
:root .navbar-brand img { width: 180px; height: auto; max-height: 44px; object-fit: contain; }
:root .menu-avatar { object-fit: contain; border-radius: 0; }
:root body.mc-sidebar-collapsed .mc-sidebar-brand-mark .mc-sidebar-logo-closed {
    width: 42px; height: 42px; max-width: 42px; max-height: 42px;
    object-fit: contain;
}
:root body.mc-sidebar-collapsed .mc-sidebar-brand-mark .mc-sidebar-logo-closed[data-logo-inteiro="true"] {
    object-fit: cover;
    object-position: left;
}
:root .primary-sidebar .mc-sidebar-menu li > a:hover,
:root .primary-sidebar .mc-sidebar-menu li > a:focus-visible {
    color: var(--wl-menu-hover-text) !important;
    background: var(--wl-menu-hover-bg) !important;
}
:root .primary-sidebar .mc-sidebar-menu li > a:hover > i:first-child { color: var(--wl-menu-hover-text) !important; }
:root .primary-sidebar .mc-sidebar-menu li.mc-sidebar-parent-active > a,
:root .primary-sidebar .mc-sidebar-menu a.mc-sidebar-link-active,
:root .primary-sidebar .mc-sidebar-menu li.mc-sidebar-current > a {
    color: var(--wl-menu-active-text) !important;
    background: var(--wl-menu-active-bg) !important;
}
:root .btn-primary,
:root .btn-primary:focus,
:root .btn-blue,
:root .btn-blue:focus,
:root #btnLogin,
:root #btnLogin:focus,
:root #btnConfirmar,
:root #btnConfirmar:focus,
:root .session-expired-action,
:root .session-expired-action:focus {
    --wl-button-text: var(--wl-primary-text);
    --wl-button-bg: var(--wl-primary-bg);
    --wl-button-border: var(--wl-primary-border);
    --wl-button-hover-text: var(--wl-primary-hover-text);
    --wl-button-hover-bg: var(--wl-primary-hover-bg);
    --wl-button-hover-border: var(--wl-primary-hover-border);
    color: var(--wl-button-text) !important;
    background: var(--wl-button-bg) !important;
    border: 1px solid var(--wl-button-border) !important;
    text-shadow: none;
    box-shadow: none;
}
:root .btn-primary:not(:disabled):not(.disabled):not([disabled]):hover,
:root .btn-primary:not(:disabled):not(.disabled):not([disabled]):active,
:root .btn-primary:not(:disabled):not(.disabled):not([disabled]).active,
:root .btn-blue:not(:disabled):not(.disabled):not([disabled]):hover,
:root .btn-blue:not(:disabled):not(.disabled):not([disabled]):active,
:root .btn-blue:not(:disabled):not(.disabled):not([disabled]).active,
:root #btnLogin:not(:disabled):not(.disabled):not([disabled]):hover,
:root #btnLogin:not(:disabled):not(.disabled):not([disabled]):active,
:root #btnLogin:not(:disabled):not(.disabled):not([disabled]).active,
:root #btnConfirmar:not(:disabled):not(.disabled):not([disabled]):hover,
:root #btnConfirmar:not(:disabled):not(.disabled):not([disabled]):active,
:root #btnConfirmar:not(:disabled):not(.disabled):not([disabled]).active,
:root .session-expired-action:not(:disabled):not(.disabled):not([disabled]):hover,
:root .session-expired-action:not(:disabled):not(.disabled):not([disabled]):active,
:root .session-expired-action:not(:disabled):not(.disabled):not([disabled]).active {
    color: var(--wl-button-hover-text) !important;
    background: var(--wl-button-hover-bg) !important;
    border-color: var(--wl-button-hover-border) !important;
    box-shadow: none;
}
:root .btn-primary:focus-visible,
:root .btn-blue:focus-visible,
:root #btnLogin:focus-visible,
:root #btnConfirmar:focus-visible,
:root .session-expired-action:focus-visible { outline: 2px solid var(--wl-button-border); outline-offset: 3px; }
:root .btn-primary:disabled,
:root .btn-primary.disabled,
:root .btn-primary[disabled],
:root .btn-blue:disabled,
:root .btn-blue.disabled,
:root .btn-blue[disabled],
:root #btnLogin:disabled,
:root #btnLogin.disabled,
:root #btnLogin[disabled],
:root #btnConfirmar:disabled,
:root #btnConfirmar.disabled,
:root #btnConfirmar[disabled],
:root .session-expired-action:disabled,
:root .session-expired-action.disabled,
:root .session-expired-action[disabled] { opacity: .55; cursor: not-allowed; box-shadow: none; }
:root #btnExibirBooster,
:root #btnExibirGestaoEnvios,
:root .btn-info,
:root #btnExibirBooster:focus,
:root #btnExibirGestaoEnvios:focus,
:root .btn-info:focus {
    --wl-button-text: var(--wl-info-text);
    --wl-button-bg: var(--wl-info-bg);
    --wl-button-border: var(--wl-info-border);
    --wl-button-hover-text: var(--wl-info-hover-text);
    --wl-button-hover-bg: var(--wl-info-hover-bg);
    --wl-button-hover-border: var(--wl-info-hover-border);
    color: var(--wl-button-text) !important;
    background: var(--wl-button-bg) !important;
    border: 1px solid var(--wl-button-border) !important;
    text-shadow: none;
    box-shadow: none;
}
:root #btnExibirBooster:not(:disabled):not(.disabled):not([disabled]):hover,
:root #btnExibirGestaoEnvios:not(:disabled):not(.disabled):not([disabled]):hover,
:root .btn-info:not(:disabled):not(.disabled):not([disabled]):hover,
:root #btnExibirBooster:not(:disabled):not(.disabled):not([disabled]):active,
:root #btnExibirGestaoEnvios:not(:disabled):not(.disabled):not([disabled]):active,
:root .btn-info:not(:disabled):not(.disabled):not([disabled]):active,
:root #btnExibirBooster:not(:disabled):not(.disabled):not([disabled]).active,
:root #btnExibirGestaoEnvios:not(:disabled):not(.disabled):not([disabled]).active,
:root .btn-info:not(:disabled):not(.disabled):not([disabled]).active {
    color: var(--wl-button-hover-text) !important;
    background: var(--wl-button-hover-bg) !important;
    border-color: var(--wl-button-hover-border) !important;
    box-shadow: none;
}
:root #btnExibirBooster:focus-visible,
:root #btnExibirGestaoEnvios:focus-visible,
:root .btn-info:focus-visible { outline: 2px solid var(--wl-button-border); outline-offset: 3px; }
:root #btnExibirBooster:disabled,
:root #btnExibirGestaoEnvios:disabled,
:root .btn-info:disabled,
:root #btnExibirBooster.disabled,
:root #btnExibirGestaoEnvios.disabled,
:root .btn-info.disabled,
:root #btnExibirBooster[disabled],
:root #btnExibirGestaoEnvios[disabled],
:root .btn-info[disabled] { opacity: .55; cursor: not-allowed; box-shadow: none; }
:root .btn-default,
:root .btn-default:focus {
    --wl-button-text: var(--wl-default-text);
    --wl-button-bg: var(--wl-default-bg);
    --wl-button-border: var(--wl-default-border);
    --wl-button-hover-text: var(--wl-default-hover-text);
    --wl-button-hover-bg: var(--wl-default-hover-bg);
    --wl-button-hover-border: var(--wl-default-hover-border);
    color: var(--wl-button-text) !important;
    background: var(--wl-button-bg) !important;
    border: 1px solid var(--wl-button-border) !important;
    text-shadow: none;
    box-shadow: none;
}
:root .btn-default:not(:disabled):not(.disabled):not([disabled]):hover,
:root .btn-default:not(:disabled):not(.disabled):not([disabled]):active,
:root .btn-default:not(:disabled):not(.disabled):not([disabled]).active {
    color: var(--wl-button-hover-text) !important;
    background: var(--wl-button-hover-bg) !important;
    border-color: var(--wl-button-hover-border) !important;
    box-shadow: none;
}
:root .btn-default:focus-visible { outline: 2px solid var(--wl-button-border); outline-offset: 3px; }
:root .btn-default:disabled,
:root .btn-default.disabled,
:root .btn-default[disabled] { opacity: .55; cursor: not-allowed; box-shadow: none; }
:root .btn-warning,
:root .btn-warning:focus {
    --wl-button-text: var(--wl-warning-text);
    --wl-button-bg: var(--wl-warning-bg);
    --wl-button-border: var(--wl-warning-border);
    --wl-button-hover-text: var(--wl-warning-hover-text);
    --wl-button-hover-bg: var(--wl-warning-hover-bg);
    --wl-button-hover-border: var(--wl-warning-hover-border);
    color: var(--wl-button-text) !important;
    background: var(--wl-button-bg) !important;
    border: 1px solid var(--wl-button-border) !important;
    text-shadow: none;
    box-shadow: none;
}
:root .btn-warning:not(:disabled):not(.disabled):not([disabled]):hover,
:root .btn-warning:not(:disabled):not(.disabled):not([disabled]):active,
:root .btn-warning:not(:disabled):not(.disabled):not([disabled]).active {
    color: var(--wl-button-hover-text) !important;
    background: var(--wl-button-hover-bg) !important;
    border-color: var(--wl-button-hover-border) !important;
    box-shadow: none;
}
:root .btn-warning:focus-visible { outline: 2px solid var(--wl-button-border); outline-offset: 3px; }
:root .btn-warning:disabled,
:root .btn-warning.disabled,
:root .btn-warning[disabled] { opacity: .55; cursor: not-allowed; box-shadow: none; }
:root .btn-danger,
:root .btn-danger:focus {
    --wl-button-text: var(--wl-danger-text);
    --wl-button-bg: var(--wl-danger-bg);
    --wl-button-border: var(--wl-danger-border);
    --wl-button-hover-text: var(--wl-danger-hover-text);
    --wl-button-hover-bg: var(--wl-danger-hover-bg);
    --wl-button-hover-border: var(--wl-danger-hover-border);
    color: var(--wl-button-text) !important;
    background: var(--wl-button-bg) !important;
    border: 1px solid var(--wl-button-border) !important;
    text-shadow: none;
    box-shadow: none;
}
:root .btn-danger:not(:disabled):not(.disabled):not([disabled]):hover,
:root .btn-danger:not(:disabled):not(.disabled):not([disabled]):active,
:root .btn-danger:not(:disabled):not(.disabled):not([disabled]).active {
    color: var(--wl-button-hover-text) !important;
    background: var(--wl-button-hover-bg) !important;
    border-color: var(--wl-button-hover-border) !important;
    box-shadow: none;
}
:root .btn-danger:focus-visible { outline: 2px solid var(--wl-button-border); outline-offset: 3px; }
:root .btn-danger:disabled,
:root .btn-danger.disabled,
:root .btn-danger[disabled] { opacity: .55; cursor: not-allowed; box-shadow: none; }

/* Password screens share the same theme without modifying authentication rules. */
:root #body1.password-change-body {
    --password-header: var(--wl-menu);
    --password-accent: var(--wl-primary-bg);
    --password-accent-strong: var(--wl-primary-hover-bg);
    --password-accent-soft: var(--wl-info-bg);
    --password-text: var(--wl-text);
    --password-muted: var(--wl-text);
    --password-border: var(--wl-default-border);
    background: var(--wl-page-bg) !important;
    background-image: none !important;
}
:root .password-card, :root .password-input-wrap input { background:var(--wl-surface); }
:root .password-primary-action,
:root .password-primary-action:focus {
    color:var(--wl-primary-text);
    background:var(--wl-primary-bg);
    border:1px solid var(--wl-primary-border);
}
:root .password-primary-action:not(:disabled):hover, :root .password-primary-action:not(:disabled):active {
    color:var(--wl-primary-hover-text);
    background:var(--wl-primary-hover-bg);
    border-color:var(--wl-primary-hover-border);
}
:root .password-secondary-action { color:var(--wl-info-text); }
/* Last breadcrumb level follows the primary palette. */
:root #breadcrumbs .breadcrumb-button:last-child .breadcrumb-label {
    background: var(--wl-primary-bg) !important;
    border-color: var(--wl-primary-border) !important;
    color: var(--wl-primary-text) !important;
}
:root #breadcrumbs .breadcrumb-button:last-child .breadcrumb-label a {
    color: var(--wl-primary-text) !important;
}

.wl-support-hidden { visibility: hidden; }