.calendar-trigger{cursor:pointer;border:0;font:inherit}.calendar-trigger:hover{outline:2px solid #9db9f6}.work-calendar{width:min(610px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:24px;box-shadow:0 24px 80px #10233d55;color:#243650}.work-calendar::backdrop{background:#14243e88}.calendar-heading,.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-heading h2{margin:4px 0 0}.calendar-heading button,.calendar-toolbar button{border:1px solid #dce5f2;background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer}.calendar-toolbar{margin:20px 0 10px;flex-wrap:wrap}.calendar-toolbar input{font:inherit;border:1px solid #cbd9ea;border-radius:8px;padding:7px}.calendar-help{font-size:12px;color:#687a91}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.calendar-weekdays{margin:15px 0 8px;font-size:11px;font-weight:800;color:#778ba5}.calendar-weekdays span:last-child{color:#d74950}.calendar-grid{grid-auto-rows:58px}.calendar-day{border:1px solid #e3eaf3;border-radius:9px;background:#fff;cursor:pointer;color:#344a68;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.calendar-day span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%}.calendar-day.friday span{background:#dc4853;color:white}.calendar-day.holiday{background:#fff4dd;border-color:#eecb81}.calendar-day.holiday small{color:#a46b14;font-size:9px}.calendar-day.selected{outline:2px solid #4272df}.calendar-holiday-form{margin-top:16px;padding:15px;background:#f3f7ff;border-radius:10px;display:flex;align-items:end;gap:10px;flex-wrap:wrap}.calendar-holiday-form[hidden]{display:none}.calendar-holiday-form label{display:grid;gap:5px;font-size:11px;font-weight:700}.calendar-holiday-form input,.calendar-holiday-form select{border:1px solid #cad7e8;border-radius:6px;padding:7px;max-width:180px}.calendar-holiday-form button{border:0;border-radius:7px;padding:9px 14px;background:#4775e6;color:white;cursor:pointer}#calendarMessage{min-height:18px;margin-top:10px;color:#556b90;font-size:12px}@media(max-width:520px){.date-pill.calendar-trigger{display:inline-flex}.calendar-grid{grid-auto-rows:49px}.work-calendar{padding:15px}}