.calendar-popup-header{background-color:#f8f8f8;border-bottom:2px solid #e3e3e3;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.calendar-popup-header h2{color:var(--wiu-grey-700);margin:0;font-size:24px;font-weight:700}.calendar-close-btn{cursor:pointer;color:var(--wiu-grey-500);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:36px;line-height:1;transition:all .2s;display:flex}.calendar-close-btn:hover{color:var(--wiu-grey-700);background-color:#e3e3e3}.calendar-controls{border-bottom:2px solid #e3e3e3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:15px 30px;display:flex}.namenstage-calendar .calendar-controls{top:-30px}.month-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}.month-dropdown{appearance:none;cursor:pointer;color:#fff;background-color:#4a7c59;border:2px solid #4a7c59;border-radius:6px;min-width:140px;padding:10px 40px 10px 16px;font-size:14px;font-weight:600;transition:all .2s}.month-dropdown:hover{background-color:#3d6b4a;border-color:#3d6b4a}.month-dropdown:focus{outline:none;box-shadow:0 0 0 3px #4a7c594d}.month-dropdown option{color:var(--wiu-grey-700);background-color:#fff;padding:8px}.dropdown-arrow{color:#fff;pointer-events:none;font-size:10px;position:absolute;right:12px}.name-search-wrapper{flex:1;max-width:330px;position:relative}.name-search{width:100%;color:var(--wiu-grey-700);background-color:#fff;border:2px solid #d2d0d0;border-radius:6px;padding:10px 40px 10px 16px;font-size:14px;font-weight:500;transition:all .2s}.name-search:hover{border-color:#b0b0b0}.name-search:focus{border-color:#4a7c59;outline:none;box-shadow:0 0 0 3px #4a7c5926}.name-search::placeholder{color:var(--wiu-grey-400);font-weight:400}.search-clear-btn{color:var(--wiu-grey-400);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:20px;line-height:1;transition:color .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--wiu-grey-700)}.no-results{text-align:center;color:var(--wiu-grey-500);padding:40px 20px;font-size:16px;font-weight:500}.calendar-day-card.search-result{background-color:#f0f7f2;border-color:#4a7c59}.day-date-full{color:#4a7c59;font-size:14px;font-weight:600}.calendar-day-card.today .day-date-full{color:#fff}.name-highlight{color:var(--wiu-grey-700);background-color:#ffeb3b;border-radius:3px;padding:1px 4px;font-weight:700}.calendar-day-card.today .name-highlight{color:#fff;background-color:#ffffff4d}.calendar-popup-body{flex:1;padding:20px 30px;overflow-y:auto}.calendar-days-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.calendar-day-card{background-color:#f8f8f8;border:2px solid #e3e3e3;border-radius:8px;padding:12px;transition:all .2s}.calendar-day-card .day-header.is-clickable{cursor:pointer;color:inherit;text-decoration:none}.calendar-day-card:has(.day-header.is-clickable:hover){background-color:#fff;border-color:#4a7c59;transform:translateY(-2px);box-shadow:0 4px 12px #4a7c591a}.calendar-day-card .day-names .nameday-namelink{color:inherit;cursor:pointer;text-decoration:none}.calendar-day-card .day-names .nameday-namelink:hover{color:#4a7c59;text-decoration:underline}.calendar-day-card.today{color:#fff;background:linear-gradient(135deg,#4a7c59 0%,#5a9c69 100%);border-color:#4a7c59;box-shadow:0 4px 16px #4a7c594d}.day-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.calendar-day-card.today .day-header{border-bottom-color:#ffffff4d}.day-weekday{color:#56646f;text-transform:uppercase;font-size:12px;font-weight:600}.calendar-day-card.today .day-weekday{color:#ffffffe6}.day-number{color:#4a7c59;font-size:18px;font-weight:700}.calendar-day-card.today .day-number{color:#fff}.day-names{color:var(--wiu-grey-700);font-size:14px;font-weight:600;line-height:1.4}.calendar-day-card.today .day-names{color:#fff;font-weight:700}@media (max-width:768px){.calendar-popup-header{padding:15px 20px}.calendar-popup-header h2{font-size:20px}.calendar-controls{flex-direction:column;gap:12px;padding:15px 20px}.month-dropdown-wrapper,.month-dropdown{width:100%}.name-search-wrapper{width:100%;max-width:100%}.calendar-popup-body{padding:15px 20px}.calendar-days-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}