.relay-calendar{background:#fff;border:1px solid #d8e5db;border-radius:15px;overflow:hidden;text-align:left;box-shadow:0 10px 28px #174b2b0b}
.relay-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #e8eee9}
.relay-calendar-head small{font-size:10px;font-weight:800;letter-spacing:.8px;color:#398667}
.relay-calendar-head h2{font-size:23px;letter-spacing:-.7px;margin:3px 0 0;color:#18392e}
.relay-calendar-controls{display:flex;align-items:center;gap:6px}
.relay-calendar-controls button{border:1px solid #d3e3d8;border-radius:7px;background:#fff;color:#276c51;font-weight:800;cursor:pointer;height:35px;min-width:35px}
.relay-calendar-controls .calendar-today{padding:0 10px;font-size:11px}
.relay-calendar-controls button:hover{background:#edf6ef}
.relay-calendar-body{display:grid;grid-template-columns:minmax(0,1fr) 205px;min-height:285px}
.relay-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:38px;gap:2px;padding:12px;align-content:start}
.relay-weekday{display:grid;place-items:center;color:#83988b;font-size:10px;font-weight:800}
.relay-calendar-empty{display:block}
.relay-day{position:relative;border:0;border-radius:7px;background:transparent;color:#52675b;font-size:12px;font-weight:700;cursor:pointer}
.relay-day:hover{background:#edf6f0}.relay-day.has-slots{color:#174f3a}.relay-day.selected{background:#218262;color:#fff}
.relay-day small{position:absolute;right:4px;bottom:2px;font-size:8px;line-height:1;color:inherit;opacity:.7}
.relay-day:focus-visible,.relay-time:focus-visible{outline:2px solid #226f53;outline-offset:2px}
.relay-day-panel{border-left:1px solid #e8eee9;padding:18px 14px;background:#fbfdfb}
.relay-day-panel h3{font-size:13px;line-height:1.3;margin:0 0 14px;color:#224235}
.relay-day-panel p{font-size:11px;color:#7b8e80;line-height:1.45}
.relay-time-list{display:grid;gap:7px}.relay-time{border:1px solid #b8d9c4;border-radius:8px;background:#f1f9f3;color:#176247;padding:10px 8px;font-size:12px;font-weight:800;text-align:center;cursor:pointer}
.relay-time:hover{background:#d9efdf;border-color:#5caa7b}
@media(max-width:650px){.relay-calendar-head{padding:13px}.relay-calendar-head h2{font-size:20px}.relay-calendar-body{grid-template-columns:1fr}.relay-day-panel{border-left:0;border-top:1px solid #e8eee9;padding:13px}.relay-time-list{grid-template-columns:repeat(3,minmax(0,1fr))}.relay-month-grid{grid-auto-rows:35px;padding:8px}}