.alert-banner{width: 100%;display: flex;align-items: center;gap: 0.5rem;padding: 0.6rem 1rem;box-sizing: border-box;font-weight: 500}.alert-error{background: color-mix(in srgb,var(--aura-red) 15%,transparent);color: var(--aura-red-text)}.alert-warn{background: color-mix(in srgb,var(--aura-yellow) 20%,transparent);color: var(--aura-yellow-text)}.alert-info{background: color-mix(in srgb,var(--aura-blue) 15%,transparent);color: var(--aura-blue-text)}.badge{display: inline-flex;align-items: center;justify-content: center;padding: 0.2em 0.55em;border-radius: 0.375rem;font-size: 0.75rem;font-weight: 600;line-height: 1;background-color: rgba(0,0,0,0.08);color: inherit;white-space: nowrap}.badge.primary{background-color: rgba(59,130,246,0.15);color: rgb(37,99,235)}.badge.success{background-color: rgba(16,185,129,0.15);color: rgb(5,150,105)}.badge.error{background-color: rgba(239,68,68,0.15);color: rgb(220,38,38)}.badge.contrast{background-color: rgba(0,0,0,0.75);color: white}.badge.pill{border-radius: 999px}.comment-card{width: 100%;box-sizing: border-box;background: var(--aura-surface);color: var(--aura-text-color);border-radius: var(--aura-radius-m);box-shadow: var(--aura-shadow-xs);padding: 0.9rem 1rem;display: flex;flex-direction: column;gap: 0.6rem}.comment-card-header{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;min-height: 1.75rem;font-weight: 600}.comment-card-body{line-height: 1.55;font-weight: 400}.comment-card-footer{display: flex;align-items: center;gap: 0.5rem;padding-top: 0.35rem;border-top: 1px solid var(--aura-contrast-20pct)}.music-validation-card{border-radius: 3px;box-shadow: var(--aura-shadow-m);border: 1px solid var(--aura-shadow-color);padding: 0.9rem 1rem;display: flex;flex-direction: column;gap: 0.35rem}.music-validation-card h3{margin: 0;font-size: 1.05rem}.music-validation-card p{margin: 0;line-height: 1.4;font-size: 0.92rem}.slot-card{border-radius: 14px;padding: 8px 14px;box-shadow: var(--aura-shadow-xs);cursor: pointer}.slot-card:hover{filter: brightness(75%)}.slot-position-field{--vaadin-input-field-padding: 5px}.slot-time{min-width: 70px}.slot-subtitle{font-size: 12px}.slot-comments{font-size: 11px}.slot-duration{font-weight: 500}@media(max-width: 600px){.slot-card{padding: 8px 10px;font-size: 14px}.slot-time{min-width: 60px}.sortable-timeline{padding: 5px}.schedule-view{padding: 10px;padding-left: 0px;padding-right: 0px}}@media(max-width: 400px){.slot-time{min-width: 55px}.sortable-timeline{padding: 0px}}@media(max-width: 370px){.slot-position-field{display: none}}@font-face{font-family: "cabin-sketch";src: url("./fonts/cabin-sketch.woff2") format("woff2");font-display: auto}:root{color-scheme: light}vaadin-button{--aura-accent-color-light: #F6D50A;--aura-contrast-level: 50}vaadin-app-layout{background-color: #393E8F}vaadin-app-layout>vaadin-vertical-layout[slot="drawer"]{background-color: #393E8F}@media (max-width: 800px){.mobile-hidden{display: none}}.appTitle{font-size: 32px;padding-left: 35px;scale: 1.2;color: white}.appLogo{height: 44px;scale: 1.3}@media (max-width: 550px){.appTitle{font-size: 24px}.appLogo{height: 40px}}@media (max-width: 500px){.appTitle{font-size: 22px}}@media (max-width: 425px){.appTitle{font-size: 20px}.appLogo{height: 44px}}@media (max-width: 400px){.appTitle{font-size: 18px;padding-left: 20px}}@media (max-width: 350px){.appTitle{font-size: 16px}.appLogo{height: 36px}}.summary-row{margin-top: 2px;margin-bottom: 2px}.summary-main{font-size: 0.95rem}.summary-sep{margin: 0 0.35rem;opacity: 0.6}h1{font-size: 20px;font-family: cabin-sketch,serif !important;font-weight: normal !important}.sidenavTitle{margin: 0 0 5px 0;color: white}.activity-day-divider{font-size: 0.8rem;font-weight: 600;padding: 0.6rem 0.5rem;border-bottom: 1px solid black}.activity-row{padding: 0.6rem 0.5rem;cursor: pointer}.activity-row:hover{background: darkgray}.activity-time{display: block;font-size: 0.75rem}