/* Actual, non-overlapping hit boxes. Decorative system chrome is unchanged. */
button,[data-viewer],input[type=checkbox],select{min-width:44px;min-height:44px}
.checkbox{width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;position:relative;border-radius:0}
.checkbox:before{content:'';position:absolute;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;left:12px;top:12px;pointer-events:none}
.checkbox.checked:before{background:var(--blue);border-color:var(--blue)}
.checkbox svg{position:relative;z-index:1;width:16px;height:16px}
.checkline{gap:0;flex-wrap:wrap}.checkline>button:not(.checkbox){padding:0 3px}
.close,.back,.tiny{width:44px;height:44px;flex-shrink:0}.pill,.compact{min-height:44px}
button:after{pointer-events:none}.mini-room h3,.room-info h3,.admin-room-row h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.detail-body> .row:first-child{flex-wrap:wrap}.detail-body h1{overflow-wrap:anywhere;max-width:100%}
.booking>div,.room-info,.admin-room-row>div,.next-link{min-width:0}.booking h2,.status-card p{overflow-wrap:anywhere}
.room-total{flex-shrink:0}.room-row{gap:8px}.room-row>img{width:80px;flex-shrink:0}.room-total .price{font-size:19px}
.bottom{gap:12px}.bottom>div{min-width:0}.bottom .primary{flex-shrink:0}.bottom .price{white-space:nowrap}
.order-footer{flex-wrap:wrap}.info-row>span:last-child{overflow-wrap:anywhere;text-align:right}
.weak{color:var(--muted)}.schedule-row small{color:var(--muted)}
.subscribe-row{display:flex;justify-content:space-between;align-items:center;min-height:60px;border-bottom:1px solid var(--line);gap:12px}.subscribe-row input{accent-color:#1F3A5F}.subscribe-actions{margin-top:18px}.subscribe-actions>button{flex:1}
.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;margin-right:6px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.result-icon.pending{color:#E8892B}.demo{max-height:70vh;overflow:auto}.empty .outline{display:block;margin:16px auto}
.admin-photo button{min-width:44px;min-height:44px}.admin-photo{margin:6px}.admin-filter-row>button{flex-shrink:0}.admin-date{justify-content:center}
.checkbox{height:44px!important;background:transparent}.nav .back{width:44px;height:44px}
.demo{z-index:25}
.rooms-scroll.load-region{display:block}.load-region>.skeleton{width:100%}
.subscribe-row input{appearance:none;position:relative;background:transparent;border:0;cursor:pointer;flex:0 0 44px}
.subscribe-row input:before{content:'';position:absolute;inset:9px 0;border-radius:20px;background:#C5CBD3;pointer-events:none}
.subscribe-row input:checked:before{background:#1F3A5F}
.subscribe-row input:after{content:'';position:absolute;top:12px;left:3px;width:20px;height:20px;border-radius:50%;background:white;pointer-events:none}
.subscribe-row input:checked:after{left:21px}
.overlay-header{pointer-events:none}.overlay-header .back{pointer-events:auto}
.detail-hero .carousel{height:264px}.detail-hero .carousel img{height:280px}
.bottom>[data-action="go:c01"]{margin-left:auto}.tabs button{color:var(--muted)}.tabs button.active{color:var(--blue)}
.subscribe-actions>button.primary{margin-top:0}
