/* V8.63 solely within embedded Mi Ruta; NORMAL desktop web is untouched. */
html.r861-root-admin,html.r861-root-admin body{
 overflow-y:visible!important;max-height:none!important;height:auto!important;min-height:0!important;
}
html.r861-root-admin #app{overflow:visible!important;max-height:none!important;min-height:0!important}
html.r861-root-admin .admin-shell,
html.r861-root-admin .admin-content{overflow:visible!important;max-height:none!important;min-height:0!important}
html.r861-root-admin .r861-root-menu,
html.r861-root-admin .r862-admin-shortcuts,
html.r861-root-admin .r862-admin-back,
html.r861-root-admin .r859-mobile-nav{display:none!important}
/* In a tall iframe fixed centered dialogs would appear far below the
 * device viewport. Give them a natural mobile sheet in document flow. */
html.r861-root-admin .overlay,
html.r861-root-admin .draft-cover{position:relative!important;inset:auto!important;
 display:block!important;background:#eaf4f2!important;padding:9px!important;
 border:1px solid #afcdcf;border-radius:12px;margin:12px 0;max-width:100%!important;
 max-height:none!important;overflow:visible!important;z-index:auto!important}
html.r861-root-admin .modal,
html.r861-root-admin .draft-dialog{display:block!important;width:100%!important;
 max-height:none!important;overflow:visible!important;margin:0!important;padding:13px!important;
 border-radius:12px;box-shadow:none!important}
html.r861-root-admin .modal>*,html.r861-root-admin .draft-dialog>*{max-width:100%}
/* Renter: fixed header controls within existing time-scroll surface. */
html.r861-root-rentals .v823-rental,html.r861-root-rentals #app{
 height:100%!important;min-height:0!important;overflow:hidden!important;
}
html.r861-root-rentals .v828-shell#v828RentalWizard{
 height:100%!important;max-height:100%!important;min-height:0!important;
 margin:0!important;border-radius:11px!important;box-shadow:none!important
}
html.r861-root-rentals .v828-shell#v828RentalWizard .v828-head{
 flex:0 0 auto;padding:5px 9px!important;min-height:34px!important
}
html.r861-root-rentals .v828-head .v828-track{display:none!important}
html.r861-root-rentals .v828-head h2{font:800 13px/1.2 system-ui,-apple-system,sans-serif!important;
 margin:0!important;white-space:nowrap}
html.r861-root-rentals .v828-head p{display:none!important}
html.r861-root-rentals .v828-chosen{display:none!important}
html.r861-root-rentals .v8271-layout{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}
html.r861-root-rentals .v828-stage{padding:0 8px 6px!important;
 overflow-x:hidden!important;overflow-y:auto!important;min-height:0!important;
 overscroll-behavior-y:contain!important;scrollbar-gutter:auto!important}
html.r861-root-rentals .v8272-picker.r863-picker{display:block!important;min-height:0!important}
html.r861-root-rentals .r863-rental-dock{
 position:sticky!important;top:0!important;z-index:25!important;
 display:flex!important;flex-direction:column;gap:5px;padding:7px 3px 8px!important;
 background:#fffef9!important;box-shadow:0 4px 8px #12353e16;
 border-bottom:1px solid #d2dfdd;border-radius:0 0 9px 9px
}
html.r861-root-rentals .r863-rental-dock .v8272-mode-cards{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important
}
html.r861-root-rentals .r863-rental-dock .v8272-mode-card{
 min-height:36px!important;padding:6px 5px!important;gap:5px!important;border-radius:9px!important
}
html.r861-root-rentals .r863-rental-dock .v8272-mode-card .icon{font-size:14px!important}
html.r861-root-rentals .r863-rental-dock .v8272-mode-card strong{font-size:10px!important;line-height:1.1}
html.r861-root-rentals .r863-rental-dock .v828-room-row{
 position:static!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:4px!important;padding:0!important;margin:0!important;max-width:none!important;background:none!important
}
html.r861-root-rentals .r863-rental-dock .v828-room-row button{min-width:0!important;
 min-height:31px!important;font-size:10px!important;padding:5px 1px!important;border-radius:8px!important}
html.r861-root-rentals .r863-rental-dock .v8272-week,
html.r861-root-rentals .r863-rental-dock .v828-weekday{
 display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px!important;margin:0!important;
 width:100%!important;min-width:0!important
}
html.r861-root-rentals .r863-rental-dock .v8272-week button,
html.r861-root-rentals .r863-rental-dock .v828-weekday button{
 min-width:0!important;min-height:40px!important;padding:4px 1px!important;
 border-radius:7px!important;font-size:10px!important
}
html.r861-root-rentals .r863-rental-dock .v8272-week button small{font-size:9px!important}
html.r861-root-rentals .r863-rental-dock .v8272-date-controls{
 display:flex!important;align-items:center!important;gap:8px!important;padding:0 2px!important;
 min-width:0!important;margin:0!important;min-height:31px!important
}
html.r861-root-rentals .r863-rental-dock .v8272-date-controls label{
 display:flex!important;align-items:center;gap:8px;font-size:11px!important;margin:0!important;
 min-height:30px!important
}
html.r861-root-rentals .r863-rental-dock .v8272-date-controls input{
 width:min(180px,65vw)!important;max-width:100%!important;min-height:30px!important;
 padding:5px!important;border-radius:8px!important;font-size:12px!important
}
html.r861-root-rentals .r8272-room-heading,html.r861-root-rentals .v8272-room-heading{display:none!important}
html.r861-root-rentals .v8272-caption{
 margin:5px 0 2px!important;padding:0 4px!important;gap:6px!important;
 font-size:12px!important
}
html.r861-root-rentals .v8272-caption strong{font-size:12px!important}
html.r861-root-rentals .v8272-cal-help{display:none!important}
html.r861-root-rentals .v828-ack{font-size:10px!important;margin:8px 0}
html.r861-root-rentals .v828-stage #calendarHost{margin:0!important;padding:0!important}
html.r861-root-rentals .v828-foot{flex:0 0 auto;display:flex!important;gap:7px!important;
 padding:6px 8px!important;min-height:51px!important;align-items:center!important;
 border-top:1px solid #cbdeda!important
}
html.r861-root-rentals .v828-foot .btn{min-height:36px!important;padding:7px 10px!important;
 border-radius:9px!important;font-size:12px!important}
html.r861-root-rentals .v828-foot .v8272-fab-select{flex:1;min-width:0;display:flex!important;
 align-items:center;gap:5px!important;margin:0!important;padding:0!important;border:0!important;
 box-shadow:none!important;background:none!important;position:static!important}
html.r861-root-rentals .v8272-fab-select strong{font-size:11px!important;white-space:normal!important;line-height:1.1!important}
html.r861-root-rentals .v8272-fab-select button{min-height:30px!important;font-size:10px!important;
 padding:5px!important;white-space:nowrap!important}
html.r861-root-rentals .v828-foot .btn.primary{flex:0 0 auto!important;min-width:92px!important}
@media(max-width:390px){
 html.r861-root-rentals .r863-rental-dock{gap:4px!important;padding:4px 2px 6px!important}
 html.r861-root-rentals .r863-rental-dock .v8272-mode-card strong{font-size:9px!important}
}
/* The rental iframe has its own fixed viewport; explicit viewport sizing avoids
   percentage-height chains expanding the hour list and disabling scrolling. */
html.r861-root-rentals .v828-shell#v828RentalWizard{
 height:100dvh!important;max-height:100dvh!important;min-height:0!important;
}
html.r861-root-rentals .v8271-layout{min-height:0!important;min-width:0!important}
html.r861-root-rentals .v828-stage{height:auto!important;max-height:none!important;flex:1 1 auto!important;min-height:0!important}