html,body{overflow-x:hidden;overscroll-behavior-x:none}vaadin-app-layout,vaadin-app-layout [content]{overflow-x:hidden;overscroll-behavior-x:none}vaadin-app-layout::part(navbar){background:var(--lumo-base-color);box-shadow:0 1px 2px #0000001a}vaadin-app-layout::part(content){overflow:auto;-webkit-overflow-scrolling:touch}.postCard,.eventCard{border-bottom:1px solid black;padding-bottom:10px}.memberCard{border-bottom:1px solid black;padding:3px 6px}.headerMemberCard{font-size:16px;font-weight:700}.bodyMemberCard{font-size:12px;font-color:grey}.avatar{margin-right:10px}.eventDate{text-align:center;border-radius:30px;padding:3px 6px;background:#f39;color:#000;width:20em}.my-button-test{height:75px;border:1px solid grey;border-left:5px solid orangered;color:#000;background:#fff}.training-card{background:var(--lumo-base-color);border-radius:12px;box-shadow:0 1px 3px #0000001f;padding:var(--lumo-space-m);margin-bottom:var(--lumo-space-s);border-left:4px solid var(--lumo-contrast-30pct);width:100%}.training-card--angemeldet{border-left-color:var(--lumo-success-color)}.training-card--abgesagt{border-left-color:var(--lumo-error-color)}.training-card--offen{border-left-color:var(--lumo-contrast-40pct)}.training-card-actions{display:flex;gap:var(--lumo-space-xs);margin-top:var(--lumo-space-s);flex-wrap:wrap}.training-card-header{font-weight:600;font-size:var(--lumo-font-size-m)}.training-card-time{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.training-card-grund{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);font-style:italic;margin-top:var(--lumo-space-xs)}.attendance-summary{display:flex;gap:var(--lumo-space-m);align-items:center;margin-top:var(--lumo-space-xs)}.attendance-item{display:flex;align-items:center;gap:2px;font-size:var(--lumo-font-size-s)}.training-overview-card{background:var(--lumo-base-color);border-radius:12px;box-shadow:0 1px 3px #0000001f;padding:var(--lumo-space-m);margin-bottom:var(--lumo-space-s);border-left:4px solid var(--lumo-primary-color);width:100%;cursor:pointer}.training-overview-card:active{background:var(--lumo-contrast-5pct)}.training-overview-card--cancelled{border-left-color:var(--lumo-error-color);opacity:.7}.mybutton{height:25px;width:10px;margin:3px 6px}.my-span{background:#d3d3d3;border-radius:30px;text-align:center;padding:3px 6px}.highlight-flash{animation:flash-highlight 2s ease-out}@keyframes flash-highlight{0%{background-color:#639;box-shadow:0 0 10px 2px #ffeb3b99}to{background-color:transparent;box-shadow:none}}.profile-page{max-width:600px;margin:0 auto}.profile-header{padding-top:24px;padding-bottom:8px}.profile-avatar{width:80px;height:80px;font-size:var(--lumo-font-size-xxl)}.profile-name{margin:12px 0 2px}.profile-role-tag{font-size:var(--lumo-font-size-xs);color:var(--lumo-primary-text-color);background:var(--lumo-primary-color-10pct);padding:2px 12px;border-radius:12px;font-weight:500}.profile-username{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);margin-top:4px}.profile-card{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xs);margin-top:16px}.profile-card-header-icon{font-size:18px;color:var(--lumo-primary-color)}.profile-card-title{margin:0;font-size:var(--lumo-font-size-l)}.profile-buttons{margin-top:8px}.profile-device-info{font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color);margin-top:24px;text-align:center}.push-status-row{padding:12px 16px;background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m)}.push-status-icon{color:var(--lumo-contrast-30pct)}.push-status-label{font-weight:500;font-size:var(--lumo-font-size-m)}.push-status-hint{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.push-ios-hint{display:none;background:var(--lumo-primary-color-10pct);border-radius:var(--lumo-border-radius-m);border-left:4px solid var(--lumo-primary-color)}.push-ios-title{font-weight:600;font-size:var(--lumo-font-size-m);margin-bottom:8px}.push-ios-step{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);padding:2px 0}.push-ios-note{font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color);margin-top:8px;font-style:italic}.push-blocked-hint{font-size:var(--lumo-font-size-xs);color:var(--lumo-error-text-color);display:none;padding:8px 0}.push-status-row--active{background:var(--lumo-success-color-10pct)}.push-status-row--blocked{background:var(--lumo-error-color-10pct)}.push-status-icon--active{color:var(--lumo-success-color)}.push-status-icon--inactive{color:var(--lumo-contrast-30pct)}.push-status-icon--blocked{color:var(--lumo-error-color)}.stat-tile{background:var(--lumo-base-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:var(--lumo-space-s);flex:1;text-align:center;min-width:0}.checking-header-card{background:var(--lumo-base-color);border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:var(--lumo-space-m);margin-bottom:var(--lumo-space-xs);border-left:4px solid var(--lumo-primary-color);width:100%}.summary-badge{background:var(--lumo-base-color);border-radius:8px;box-shadow:0 1px 2px #00000014;padding:var(--lumo-space-xs) var(--lumo-space-s);flex:1;text-align:center;min-width:0}.checking-member-card{background:var(--lumo-base-color);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:var(--lumo-space-s) var(--lumo-space-m);margin-bottom:var(--lumo-space-xs);width:100%;border-left:3px solid var(--lumo-contrast-20pct)}.check-btn{border-radius:8px!important;min-width:40px!important;transition:background-color .2s ease}.check-btn-active-ok{background-color:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.check-btn-active-notok{background-color:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important}.check-btn-active-late{background-color:#d1ecf1!important;color:#0c5460!important;border:1px solid #bee5eb!important}.check-btn-active-gone{background-color:#fff3cd!important;color:#856404!important;border:1px solid #ffeeba!important}.member-stat-badge{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);padding:6px 12px;gap:6px;flex:1;min-width:80px}.member-stat-icon{color:var(--lumo-primary-color)}.member-stat-value{font-weight:600;font-size:var(--lumo-font-size-s)}.member-stat-label{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.member-card{background:var(--lumo-base-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:var(--lumo-space-m);width:100%}.member-card-avatar{flex-shrink:0}.member-card-name{font-weight:600;font-size:var(--lumo-font-size-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card-meta{gap:8px;align-items:center}.member-card-username{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.member-card-role{font-size:var(--lumo-font-size-xxs);color:var(--lumo-primary-text-color);background:var(--lumo-primary-color-10pct);padding:1px 8px;border-radius:10px;font-weight:500}.member-card-push-active{color:var(--lumo-success-color);flex-shrink:0}.member-card-push-inactive{color:var(--lumo-error-color);flex-shrink:0}.member-card-devices{margin-top:var(--lumo-space-xs);padding-top:var(--lumo-space-xs);border-top:1px solid var(--lumo-contrast-10pct)}.member-card-device-row{gap:6px;padding:2px 0;flex-wrap:wrap}.member-card-device-text{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.member-card-pwa-tag{font-size:10px;font-weight:600;color:var(--lumo-success-text-color);background:var(--lumo-success-color-10pct);padding:0 6px;border-radius:8px;line-height:18px}.member-card-lastseen{font-size:var(--lumo-font-size-xxs);color:var(--lumo-tertiary-text-color);margin-left:auto}.member-card-actions{margin-top:var(--lumo-space-xs);padding-top:var(--lumo-space-xs);border-top:1px solid var(--lumo-contrast-10pct);gap:var(--lumo-space-xs)}