body {
    /*    font-size: .875rem;*/
}

*, ::after, ::before {
    box-sizing: border-box !important /*since Radzen V5*/
}


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.rz-dialog-content {
    /*   overflow: hidden !important;*/
}

.rz-treenode-content {
    margin: 0 !important;
}

.viewname {
    font-size: 0.9em;
}

/*X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .viewname {
        font-size: 1.1em;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
}

li.borderless {
    border-top: 0 none;
    border-bottom: 0 none;
}

/* Account Widget & Navigation Styling */
.dropdown-item {
    transition: background-color 0.2s ease;
    padding: 0.5rem 1rem;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
}

.dropdown-item i {
    width: 20px;
    text-align: center;
    margin-right: 8px;
}

/* Logout button in dropdown */
.dropdown-item form {
    margin: 0;
}

.dropdown-item form button {
    text-align: left;
}

.dropdown-item form button i {
    width: 20px;
    text-align: center;
    margin-right: 8px;
}

/* Navbar responsive */
@media (max-width: 991px) {
    .navbar-nav {
        padding: 1rem 0;
    }
    
    .navbar-nav .nav-link {
        padding: 0.5rem 1rem;
    }
    
    .navbar-collapse {
        margin-top: 1rem;
    }
}

/* Account widget mobile adjustments */
@media (max-width: 575px) {
    .d-flex.gap-2 {
        gap: 0.5rem !important;
    }
    
    .btn {
        padding: 0.375rem 0.75rem;
    }
}