/*
	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
	The file remains available at all times for demonstration purposes,
	but it is exclusively employed in the 'App.razor' component when authentication is enabled.
*/

:root {
}


.btn-primary {
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}

.nav-version-text {
    padding: 15px 5px 5px 10px !important;
    opacity: 25%;
}

.ranger-sidenav-toggle-button-mini {
    position: fixed;
    left: 44px;
    z-index: 1001;
    top: 20px;
}

.mud-main-content {
    height: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.break-word {
    word-wrap: break-word;
}

.maincontent-login {
    height: 100vh !important;
}

.dialog-content-overwrite {
    padding: 0px 0px !important;
    margin: 0px 0px !important;
}

.dialog-overwrite {
    height: 90%;
    background: #394D6E;
}

#checkboxRememberMe .mud-icon-button {
    padding: 0 !important;
}

.mud-chart.mud-chart-legend-top .mud-chart-legend {
    justify-content: flex-start;
}

.margin-mud-container {
    margin-left: 1%;
    margin-right: 1%;
}

.page-main-title {
    color: var(--Colors-mud-palette-text-primary, #000);
}

/* =====================================================================
   NavMenu (left navigation drawer)
   Moved out of NavMenu.razor's inline <style> block. All selectors are
   scoped under .nav-drawer (the MudDrawer's class) so they win over
   MudBlazor's defaults by specificity — app.css loads before
   MudBlazor.min.css, so relying on source order would not be enough.
   ===================================================================== */

/* Shared text colour for nav links/groups (replaces the repeated
   inline Style="color: var(--mud-palette-background);"). */
.nav-drawer .nav-item-text {
    color: var(--mud-palette-background) !important;
}

/* Drawer content as a flex column with no scroll of its own —
   only .nav-scroll-region scrolls, so the footer stays pinned. */
.nav-drawer .mud-drawer-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.nav-drawer .nav-logo,
.nav-drawer .nav-footer {
    flex: 0 0 auto;
}

.nav-drawer .nav-scroll-region {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.nav-drawer .navitem-hover {
    transition: background-color 0.2s ease;
    border-radius: 4px;
}

.nav-drawer .navitem-hover:hover {
    background-color: #061735 !important;
}

.nav-drawer .side-nav .mud-treeview-item-children {
    margin-left: 0 !important; /* Standard ist ~24px */
    padding-left: 0 !important;
}

.nav-drawer .side-nav .mud-treeview-item-content {
    padding-left: 0 !important; /* Sicherheitsnetz */
}

/* Target Administration nav items to fix alignment */
.nav-drawer .admin-nav .mud-nav-link {
    padding-left: 16px !important;
}

.nav-drawer .admin-nav .mud-nav-group .mud-nav-group-items {
    padding-left: 16px !important;
}

/* NavLinks kompakter + kein Zeilenumbruch mit Ellipsis */
.nav-drawer .side-nav .mud-list-item,
.nav-drawer .side-nav .mud-nav-link {
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-drawer .nav-scroll-region .mud-treeview-item-label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--mud-palette-tertiary-lighten, #A0A9BA) !important;
}

.nav-drawer .nav-link-dashboard a {
    display: flex;
    align-items: center;
    padding-left: 0 !important;
}

.nav-drawer .app-title {
    font-weight: 400;
    font-size: 18px;
}

.nav-drawer .nav-user-divider {
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-color: var(--mud-palette-tertiary-lighten);
}