.booking-auto58{display:block;padding:12px 14px;border-radius:12px;background:#edf4ef;color:#111;font-size:13px;line-height:1.5;text-align:center}
/* Desktop is a keyboard/mouse workspace; retain mobile viewport geometry below. */
@media (min-width:960px) and (hover:hover) and (pointer:fine){
 html{background:#eef1ef}body{background:#eef1ef;min-height:100dvh}
 body .app{max-width:1120px!important;min-height:100dvh;padding-bottom:92px;margin:0 auto;border-radius:0;box-shadow:0 0 32px #17392d0b}
 body .top{padding:18px 30px;background:#fffefa;border-bottom:1px solid #e4e8e5}
 body .panel{padding:28px 32px 40px!important}
 body .nav{max-width:1120px!important;padding:10px 32px 12px;background:#fffefa;box-shadow:0 -3px 12px #17392d06}
 body .nav button{min-height:48px;cursor:pointer;border-radius:10px;transition:background .12s}
 body .nav button:hover{background:#edf2ee}
 body .chat-list{max-width:900px;margin:0 auto}
 body .chat-row{padding:16px 12px!important;border-radius:12px}
 body .chat-row:hover{background:#f2f5f2}
 body .chat-preview{font-size:14px;line-height:1.5}
 body .chat-time{font-size:12px;display:block}
 body .chat-main>strong{font-size:17px}
 body.is-room23 .app{position:fixed!important;left:50%!important;right:auto!important;top:0!important;bottom:0!important;width:min(100%,1120px)!important;max-width:1120px!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;transform:translateX(-50%)!important;border-left:1px solid #e1e7e2;border-right:1px solid #e1e7e2;box-shadow:none!important}
 body.is-room23 #content{padding:0!important}
 body.is-room23 .room-head23{padding:12px 24px!important;min-height:68px}
 body.is-room23 #chatbox{padding:22px 32px 28px!important;scrollbar-gutter:stable}
 body.is-room23 .room-bottom23{padding:14px 24px!important;background:#fffefa}
 body.is-room23 .room-bottom23 .compose{width:100%;max-width:960px;margin:0 auto}
 body.is-room23 #msg{font-size:16px!important;line-height:1.6;max-height:180px;resize:none}
 body .profile-row54{max-width:100%}
 body .bubble{max-width:min(72%,600px)!important;font-size:15px;line-height:1.65}
 body .profile-row54 .bubble{max-width:600px!important}
 body .jp39-notice{margin-left:24px!important;margin-right:24px!important}
 body #modal{padding:24px!important;place-items:center!important;backdrop-filter:blur(3px)}
 html body #modal.fullscreen25 #modalbox.fullsheet25{width:min(100%,760px)!important;max-width:760px!important;height:min(880px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;border-radius:18px!important;box-shadow:0 18px 70px #0b291e24!important;margin:auto!important;align-self:center!important}
 body #modalbox .v25-sheet-header{min-height:64px;padding:0 20px!important}
 body #modalbox .v25-sheet-scroll{padding:24px 28px 32px!important;scrollbar-gutter:stable}
 body #modalbox .v25-sheet-header button,body #modalbox .v46-menu header button{min-width:48px;min-height:48px}
 body #modalbox:has(.v47-calendar){max-width:880px!important;width:min(100%,880px)!important}
 body .v47-header{min-height:76px;padding:16px 24px!important}
 body .v47-day-list{padding:16px 24px!important}
 body .v47-day-event{padding:18px 16px;gap:20px}
 body .v46-menu-scroll{padding:20px 24px}
 body .v46-card button{min-height:56px}
 body .v46-menu>footer{padding:16px 24px!important}
 body .v46-invite{cursor:pointer}
 body .room-editor-body57{padding:36px 32px}
 body .room-editor57 #roomName57{font-size:18px}
 body #modalbox.event-sheet24{max-width:760px!important}
 body .event-form24{width:100%}
 body .v25-reserve-screen .v25-sheet-scroll{padding:20px 28px!important}
 body .cal-cell{min-height:104px}
 body .calendar-table,.cal-board{font-size:14px}
 body .cal-span{font-size:12px}
 body .fleet-head{padding:26px 30px}
 body .vehicle-card{padding:24px;margin:16px 0}
 body .vehicle-actions,body .car-action-stack{gap:10px}
 body .car-action-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .car-action-stack>.booking-auto58{grid-column:1/-1}
 body .usage-box{gap:24px}
 body .booking-list-row{padding:16px 12px;gap:20px}
 body .booking-actions{flex-wrap:wrap}
 body .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 body .v25-post-screen .v25-write-scroll{padding:24px 28px 100px}
 body #modalbox input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),body #modalbox select,body #modalbox textarea{font-size:16px;min-width:0}
 body #modalbox input[type=checkbox],body #modalbox input[type=radio]{width:18px;height:18px;flex-shrink:0;cursor:pointer}
 body .v46-person-choice{cursor:pointer}
 body .v46-person-choice:hover{background:#f0f5f1}
 body button:focus-visible,body a:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible{outline:2px solid #111;outline-offset:3px}
 /* Original media remains full-window, unlike desktop forms. */
 html body #modal:has(.viewer24){padding:0!important;backdrop-filter:none}
 html body #modal:has(.viewer24) #modalbox{max-width:none!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}
 body .v40-media-toolbar{padding:14px 24px}
 body .v40-media-toolbar button{min-width:44px;min-height:44px;cursor:pointer}
 body .v40-video-controls{max-width:1000px;left:50%;right:auto;width:100%;transform:translateX(-50%)}
 body #modalbox .v32-time-sheet,body #modalbox .v25-time-sheet,body #modalbox .v34-count-sheet{max-width:640px;margin:0 auto}
}
@media (hover:hover) and (pointer:fine){button:disabled{cursor:not-allowed}input[type=range],select{cursor:pointer}.photo-frame23,.album-cell49{cursor:zoom-in}}
@media (min-width:960px) and (hover:hover) and (pointer:fine){
 html body #modal.fullscreen25:has(.v41-room-menu),html body #modal.fullscreen25:has(.v40-day-screen){padding:24px!important;align-items:center!important;justify-content:center!important;place-items:center!important}
 html body #modal.fullscreen25:has(.v41-room-menu) #modalbox.fullsheet25,html body #modal.fullscreen25:has(.v40-day-screen) #modalbox.fullsheet25{width:min(100%,760px)!important;max-width:760px!important;height:min(880px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;align-self:center!important;margin:auto!important;border-radius:18px!important}
}
@media (min-width:960px) and (hover:hover) and (pointer:fine){
 html body #modal.fullscreen25:has(.v41-room-menu) #modalbox.fullsheet25{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
}
@media (min-width:960px) and (hover:hover) and (pointer:fine){
 body .v25-date-grid .v25-date{aspect-ratio:auto!important;min-height:54px!important;height:54px!important;border-radius:12px!important}
 body .v25-date-grid{gap:6px!important}
}