vaadin-menu-bar-button{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;border-radius:50%!important}vaadin-menu-bar-button:hover{background:transparent!important;box-shadow:none!important}vaadin-menu-bar-button::part(button):hover{background:#0000000f!important;border-radius:50%!important;transition:background .12s ease-in-out}vaadin-menu-bar-button::part(button):focus{outline:none!important;box-shadow:none!important}.avatar-trigger{display:flex;align-items:center;justify-content:center;border-radius:50%;padding:2px;cursor:pointer;transition:background .12s ease-in-out}.avatar-trigger:hover{background:#0000000f;border-radius:50%}vaadin-menu-bar-item[theme~=error]::part(content){color:#c62828!important;font-weight:500}vaadin-menu-bar-item[theme~=error]::part(content):hover{color:#b71c1c!important}.profile-grid{display:grid;gap:2rem;padding:2rem;justify-content:center}@media(min-width:800px){.profile-grid{grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto}}@media(max-width:799px){.profile-grid{grid-template-columns:1fr}}.profile-section{display:flex;flex-direction:column;gap:1rem}.chip-container{display:flex;flex-wrap:wrap;align-self:center;gap:6px;margin-top:.5rem}.chip{display:inline-flex;align-items:center;background:#e0e0e0;border-radius:16px;padding:5px 10px;font-size:.85rem;font-weight:500}.chip .remove{margin-left:8px;cursor:pointer;font-weight:700;color:#555}.chip .remove:hover{color:#000}.settings-card{background:#fff;border-radius:12px;padding:1.2rem 1.5rem;margin-bottom:1rem;box-shadow:0 2px 6px #00000014;border:1px solid #e5e5e5}.settings-card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.settings-card-header h3{margin:0;font-size:1.1rem}.settings-card-content{margin-top:1rem}.settings-card-collapsed .settings-card-content{display:none}.settings-card-toggle{font-size:1.3rem;-webkit-user-select:none;user-select:none;transition:transform}.settings-card-content{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.settings-card-content .centered-field{align-self:center}.menu-item{font-size:1rem;padding:.6rem .8rem;border-radius:6px;transition:background-color .15s ease,color .15s ease}.menu-item:hover{background-color:var(--lumo-contrast-10pct);cursor:pointer}.menu-item[active]{background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-weight:600}
