.calendar-layout{display:flex;gap:16px}.calendar-column{display:flex;flex-direction:column}.calendar-column:first-child{width:75%}.calendar-column:last-child{flex-grow:1}.calendar{margin:24px auto;padding:0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.month-label{margin:0;font-size:1.25rem;text-align:center;flex:1 1 auto}.btn-nav{background:#f2f2f2;color:#222;border:1px solid #ddd;border-radius:8px;width:40px;height:40px;font-size:1rem;cursor:pointer}.btn-nav:hover{background:#e9e9e9}.calendar-grid{max-width:650px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-header{font-weight:700;text-align:center}.calendar-cell{height:56px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f7f7f7;border:1px solid #eee;font-size:.95rem}button.calendar-cell{appearance:none;-webkit-appearance:none;border:1px solid #eee;background:#f7f7f7;color:inherit;cursor:pointer}button.calendar-cell:disabled{opacity:.6;cursor:not-allowed}.calendar-cell.available{background:#4caf50;color:#fff;font-weight:700}.calendar-cell.selected{outline:3px solid #1976d2!important;box-shadow:0 0 0 2px #1976d233 inset}.calendar-cell.empty{background:transparent}.slots{margin-top:0;padding-top:0;border-top:none}.slot-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.slot-btn{padding:8px 12px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer}.slot-btn:hover{background:#f5f5f5}.slot-btn.selected{background:#1976d2;color:#fff;border-color:#1976d2}.selection-summary{margin-top:12px;padding:10px 12px;background:#f0f7ff;border:1px solid #cfe3ff;border-radius:8px}@media(max-width:640px){.calendar{margin:16px auto}.calendar-cell{height:44px;font-size:.9rem}.btn-nav{width:36px;height:36px}}@media(max-width:420px){.calendar-grid{gap:4px}.calendar-header{font-size:.8rem}.month-label{font-size:1.1rem}.slot-btn{padding:6px 10px;font-size:.95rem}}@media(max-width:768px){.calendar-layout{align-items:center;flex-direction:column}.calendar-column:first-child,.calendar-column:last-child{width:100%}}