/* Calendar selection shared by both apps. */
.calendar-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; clear:both; padding:12px 0 18px; margin:0 0 18px; border-bottom:1px solid #dbe2e7; color:#33434c; }
.calendar-controls > label { margin:0; font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#647580; }
.calendar-controls .form-control { width:240px; max-width:100%; height:38px; border-radius:6px; border-color:#cbd5dc; box-shadow:none; }
.calendar-controls .btn { min-height:38px; border-radius:6px; box-shadow:none; background-image:none; }
.calendar-current-name { font-weight:600; padding:8px 12px; background:#fff; border:1px solid #dbe2e7; border-radius:6px; }
.calendar-options { margin-left:auto; }
.calendar-options .dropdown-menu { min-width:210px; padding:6px; border-radius:8px; z-index:54; }
.calendar-menu-action { display:block; width:100%; background:none; border:0; padding:10px 12px; text-align:left; color:#33434c; border-radius:4px; }
.calendar-menu-action:hover,.calendar-menu-action:focus { background:#edf5f5; color:#245f63; }
.calendar-name-form label { margin-bottom:8px; }
.calendar-name-form input { height:42px; }
.calendar-name-form .help-block { margin-top:10px; }
@media(max-width:600px) { .calendar-controls { gap:8px; } .calendar-controls > label { width:100%; } .calendar-controls .form-control { flex:1; min-width:150px; width:auto; } .calendar-options { margin-left:0; } }