.alert-danger{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.invalid-feedback {
  display: block;
}
.content-wrapper{
  justify-content: flex-start;
}
.api-banner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0.5rem 1rem;

    
    position: fixed;
    top: 8px;
    left: 8px;
    right: 8px;
    z-index: 100000;
}
.api-banner h2{
    font-size: 1rem;
    margin: 0;
    font-weight: 600;
}
.api-banner p{
    font-size: 0.875rem;
    margin: 0;
}


@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1680px;
    }

    /* Navbar-ul de sus (navbar-detached) are in Materio propria limita, calc(1440px - 1.5rem*2),
       neatinsa de regula de mai sus — ramanea cu ~120px mai ingust pe fiecare parte decat cardurile
       din pagina. Aceeasi formula, pe 1680: marginile navbar-ului = marginile continutului. */
    .layout-navbar.navbar-detached.container-xxl {
        max-inline-size: calc(1680px - 1.5rem * 2);
    }
}

/* Logo pe 3 randuri (public/brand/) in sidebar si pe login. Layout-urile pun ambele variante;
   aici se afiseaza cea potrivita temei: pe data-bs-theme="dark" varianta negativa (lavanda
   #E7E3FC + mov #8C57FF, culorile temei), altfel cea normala (navy + mov). Prefix propriu
   tcl-: Materio are deja .app-brand-img, cu display:block pe specificitate mai mare. */
.tcl-brand-logo {
    display: block;
    width: auto;
    height: 75px;
}

/* Zona de logo din sidebar: Materio o fixeaza la 64px (demo.css); 107 = logo 75 + 16 sus/jos.
   .app-brand e flex cu align-items:center, deci logo-ul ramane centrat vertical. Umbra care
   apare la scroll-ul meniului porneste, ca in Materio, cu 8px deasupra marginii de jos a zonei. */
.menu .app-brand.demo {
    height: 107px;
}

.menu .menu-inner-shadow {
    inset-block-start: 99px;
}

.authentication-wrapper .tcl-brand-logo {
    height: 56px;
}

.tcl-brand-logo-dark,
[data-bs-theme="dark"] .tcl-brand-logo-light {
    display: none;
}

[data-bs-theme="dark"] .tcl-brand-logo-dark {
    display: block;
}

/* Lista din clopotelul de notificari (module_3/backend/common/web_notifications_bell.inc.php):
   Materio Pro o deruleaza cu PerfectScrollbar, initializat din main.js-ul lor; template-ul free pe
   care il avem nu are acel init, deci lista ramanea fara overflow — nu se derula si se revarsa
   peste butonul „View all notifications" (click-ul pe buton nimerea notificarea de dedesubt).
   Scroll nativ doar pe lista: header-ul si butonul raman fixe, butonul are zona lui, fara nimic
   sub el. Inaltimea e plafonata si de fereastra (15rem ≈ navbar + header + zona butonului), ca
   butonul sa ramana pe ecran si pe monitoare joase. */
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list {
    max-block-size: min(25.75rem, calc(100vh - 15rem));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}