.meeting-availability-request { position:relative; z-index:2; transform-origin:top; overflow:hidden; transition:max-height .3s ease,opacity .24s ease,transform .3s ease,margin .3s ease,padding .3s ease,border-width .3s ease; max-height:520px; opacity:1; transform:translateY(0) scaleY(1); }
.meeting-availability-request.is-closing { max-height:0; opacity:0; transform:translateY(-12px) scaleY(.88); margin-top:0; padding-top:0; padding-bottom:0; border-width:0; }
.meeting-availability-actions button,.meeting-slot-picker button { position:relative; z-index:3; pointer-events:auto; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.meeting-slot-picker { max-height:245px; overflow:hidden; animation:meetingSlotsOpen .28s ease both; }
.meeting-slot-picker>div { max-height:205px; overflow:auto; overscroll-behavior:contain; padding-right:3px; }
.meeting-slot-picker button { min-height:44px; text-align:left; }
.extra-work-next-step { display:block; margin-top:8px; color:#d8c9ff; font-size:10px; font-weight:700; line-height:1.45; }
@keyframes meetingSlotsOpen { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)} }
@media(max-width:430px) { .meeting-slot-picker>div{grid-template-columns:1fr 1fr}.meeting-slot-picker button{padding:9px 8px;font-size:10px}.meeting-availability-request{max-height:460px} }