/* Blue/white theme override.
   Keep site.css enabled, then uncomment this file in Components/App.razor.
   This file intentionally avoids the orange accent and uses the blue navigation color as the primary color. */

:root,
[data-bs-theme=light] {
    --bs-primary: #154995;
    --bs-primary-rgb: 21,73,149;
    --bs-link-color: #154995;
    --bs-link-hover-color: #103b78;
    --portal-primary: #154995;
    --portal-primary-hover: #103b78;
    --portal-danger: #b4232f;
    --portal-shell-blue: #154995;
    --portal-blue-soft: #e9f2ff;
    --portal-blue-border: #bed5f4;
    --portal-home-accent: #ffc400;
}

.portal-topbar {
    background-color: #154995 !important;
}

.portal-topbar-brand .fa,
.page-header-title .fa,
#sidebar .fa,
.dis-flex .fa,
.plant-empty-state .fa {
    color: #154995 !important;
}

.portal-topbar .portal-topbar-brand .fa {
    color: #ffc400 !important;
}

.portal-topbar-brand:hover,
.portal-topbar .login-display-link:hover,
.top-row.auth .login-display-link:hover {
    color: #e9f2ff !important;
}

.menu-item:hover {
    background-color: #e9f2ff !important;
    color: #154995 !important;
    border-left-color: #154995 !important;
}

.menu-item-icons:hover {
    background: #e9f2ff !important;
    color: #154995 !important;
}

.menu-item.active {
    background-color: #d8e9ff !important;
    color: #154995 !important;
    border-left-color: #154995 !important;
}

.page-header-title,
.sidebar-logo span,
.plant-panel-title {
    color: #154995 !important;
}

.btn-primary,
.dxbl-btn-primary,
.dxbl-btn.dxbl-btn-primary,
.btn-success,
.dxbl-btn-success,
.dxbl-btn.dxbl-btn-success,
.dash-action-primary {
    background-color: #154995 !important;
    border-color: #154995 !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .dxbl-btn-primary:hover,
    .dxbl-btn-primary:focus,
    .dxbl-btn.dxbl-btn-primary:hover,
    .dxbl-btn.dxbl-btn-primary:focus,
    .btn-success:hover,
    .btn-success:focus,
    .dxbl-btn-success:hover,
    .dxbl-btn-success:focus,
    .dxbl-btn.dxbl-btn-success:hover,
    .dxbl-btn.dxbl-btn-success:focus,
    .dash-action-primary:hover {
        background-color: #103b78 !important;
        border-color: #103b78 !important;
        color: #fff !important;
    }

.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active,
.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    background: #154995 !important;
    color: #fff !important;
}

.dash-badge,
.plant-count {
    background: #e9f2ff !important;
    color: #154995 !important;
    border-color: #bed5f4 !important;
}

.certificate-selected-count {
    color: #154995 !important;
}

.certificate-package-details strong {
    color: #154995 !important;
}

.certificate-downloads-panel {
    border-top: 1px solid #e4e9f2 !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
}

.certificate-downloads-header {
    padding: 0 0 12px !important;
}

.certificate-downloads-grid {
    border: 1px solid #dce3ef !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.certificate-downloads-empty {
    color: #6d7890 !important;
    padding: 12px 4px !important;
}

.certificate-download-status-failed {
    color: #b42318 !important;
    font-weight: 600 !important;
}

.certificate-download-status-pending {
    color: #475467 !important;
    font-weight: 600 !important;
}

.certificate-header-actions {
    align-items: flex-end !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.certificate-action-help {
    color: #6d7890 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    max-width: min(760px, 70vw) !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.dash-action-secondary {
    background: #103b78 !important;
    color: #fff !important;
}

.portal-topbar .custom-combobox:focus {
    border-color: rgba(255,255,255,0.72) !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.22) !important;
}

.process-step.completed .step-dot,
.process-step.active .step-dot {
    background-color: #154995 !important;
    border-color: #154995 !important;
}

.process-step.completed .step-label,
.process-step.active .step-label {
    color: #154995 !important;
}

.progress-line {
    background-color: #154995 !important;
}

.management-page-shell .text-warn {
    border-left-color: #154995 !important;
}

.bulk-step-marker {
    background: #154995 !important;
}

.bulk-upload-warning {
    border-left-color: #154995 !important;
    background: #e9f2ff !important;
    color: #103b78 !important;
}

.bpjph-scheme-pill,
.bpjph-count-pill {
    background: #e9f2ff !important;
    color: #154995 !important;
    border-color: #bed5f4 !important;
}

.bpjph-card-title,
.bpjph-empty-state .fa {
    color: #154995 !important;
}

.bpjph-popup-actions {
    justify-content: flex-end !important;
}

    .bpjph-popup-actions .Appl_frmlayout_YesNoBtn {
        width: auto !important;
        min-width: 96px;
        white-space: nowrap;
    }

        .bpjph-popup-actions .Appl_frmlayout_YesNoBtn:has(.dxbl-btn-caption),
        .bpjph-popup-actions .dxbl-btn {
            white-space: nowrap;
        }