.stat-grid,.setari-grila{display: grid;gap: var(--vaadin-gap-m,1rem);width: 100%}.stat-grid{grid-template-columns: repeat(auto-fill,minmax(200px,1fr))}.setari-grila{grid-template-columns: repeat(auto-fill,minmax(340px,1fr))}.permisiuni-grup{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr))}.cont-rol{font-size: 0.7rem;color: var(--vaadin-text-color-secondary)}vaadin-app-layout{--vaadin-app-layout-navbar-background: var(--app-culoare-navbar);--vaadin-app-layout-drawer-background: var(--app-culoare-drawer);background: var(--app-culoare-fundal,inherit)}vaadin-app-layout::part(content){background: var(--app-culoare-continut,inherit)}vaadin-app-layout::part(navbar-bottom){background: var(--app-culoare-bara-jos,inherit)}html,body{background: var(--app-culoare-pagina,inherit)}.brand-sticker,.login-sticker{background: var(--app-culoare-brand,var(--aura-accent-color))}.card-conversatie{width: 100%;margin-bottom: var(--vaadin-gap-s,0.5rem);cursor: pointer}.zona-anunturi{display: flex;flex-direction: column;gap: var(--vaadin-gap-s,0.5rem)}.clopotel{position: relative;display: inline-flex}.clopotel-contor{position: absolute;top: 0;right: 0;transform: translate(40%,-30%);pointer-events: none}.notificare-item{display: flex;flex-direction: column;width: 100%}.notificare-titlu{font-weight: 600}.notificare-mesaj{display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: var(--vaadin-text-color-secondary)}.notificare-gol{padding: 1rem;text-align: center;color: var(--vaadin-text-color-secondary)}.notificare-data{font-size: 0.75rem;color: var(--vaadin-text-color-secondary)}:focus,:focus-visible,[focus-ring]{outline: none !important;box-shadow: none !important}.login-split{display: grid;grid-template-columns: 1fr 1fr;width: 100%;height: 100%}.login-panou,.login-form{box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;gap: var(--vaadin-gap-m,1rem);padding: 2rem}.login-form{width: 100%;max-width: 26rem;margin: 0 auto}.login-panou{position: relative;overflow: hidden;background: var(--aura-surface-color)}.login-fundal{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.login-panou-continut{position: relative;display: flex;flex-direction: column;gap: var(--vaadin-gap-m,1rem)}.login-sticker,.brand-sticker{display: inline-flex;align-items: center;justify-content: center;flex: none;border-radius: var(--vaadin-radius-l);color: var(--aura-accent-contrast-color)}.login-sticker{width: 3.5rem;height: 3.5rem;align-self: flex-start}.brand-sticker{width: 2.25rem;height: 2.25rem;border-radius: var(--vaadin-radius-m)}@media (max-width: 700px){.login-split{grid-template-columns: 1fr;grid-template-rows: auto 1fr;height: auto;min-height: 100%}.login-panou{height: 30vh;padding: 0;align-items: center}.login-panou-continut{align-items: center;justify-content: center}.login-panou-continut h2,.login-panou-continut p{display: none}.login-sticker{align-self: center}}@media (max-width: 600px){.bara-actiuni{flex-direction: column;align-items: stretch;width: 100%}.bara-actiuni>*{width: 100%}}.bara-jos{display: none}@media (max-width: 600px){vaadin-app-layout{--vaadin-app-layout-touch-optimized: true}.bara-jos{display: flex}.bara-jos>*{display: flex;align-items: center;padding: 0 1.5rem;text-decoration: none;cursor: pointer}.toggle-meniu{display: none}}