/* Responsive hardening for Hotel PMS */
html,body{max-width:100%;overflow-x:hidden}.main-area,.content,.panel,.table-wrap{min-width:0}.table-wrap{-webkit-overflow-scrolling:touch}.topbar>div:first-of-type{min-width:0}.topbar h1,.topbar p{overflow-wrap:anywhere}.section-head,.panel-title,.topbar-actions,.form-actions{flex-wrap:wrap}

@media (min-width:1400px){.content{max-width:1600px;margin-inline:auto;width:100%}.room-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

@media (max-width:1100px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content{padding-inline:24px}}

@media (max-width:900px){.sidebar{width:min(320px,88vw);box-shadow:-18px 0 45px rgba(0,0,0,.18)}.main-area{width:100%;margin-right:0}.topbar{height:auto;min-height:78px;padding:12px 18px;gap:12px}.topbar>div:first-of-type{flex:1}.topbar h1{font-size:20px}.topbar p{font-size:12px}.content{padding:18px}.booking-layout,.two-col,.detail-grid{grid-template-columns:minmax(0,1fr)}.booking-layout>.panel:last-child{grid-column:auto}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-wrap{width:min(620px,100%);min-height:auto}.login-panel{padding:42px 34px}}

@media (max-width:700px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-strip{grid-template-columns:1fr}.finance-strip>div{border-left:0;border-bottom:1px solid #ffffff22;padding:12px 4px}.finance-strip>div:last-child{border-bottom:0}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.summary-box{grid-template-columns:1fr}.filter-bar{width:100%;flex-direction:column}.filter-bar input,.filter-bar select{width:100%}.section-head{align-items:flex-start;gap:12px}.section-head>.primary-btn,.section-head>.ghost-btn{width:100%}.reservation-hero{flex-direction:column;align-items:flex-start;gap:14px}.action-row{width:100%}.action-row>*{flex:1 1 140px}.data-list>div{gap:12px}.content{padding:14px}.panel{padding:17px}.task-grid,.room-grid{grid-template-columns:1fr}.inline-edit{grid-template-columns:1fr 1fr}.login-body{padding:14px}.login-panel{padding:32px 22px}.demo-accounts{overflow-wrap:anywhere}}

@media (max-width:520px){.topbar{align-items:flex-start}.topbar-actions{gap:6px}.topbar-actions .date-pill{display:none}.topbar-actions .ghost-btn{padding:8px 10px;font-size:12px}.icon-btn{flex:0 0 auto}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:14px;gap:9px}.metric-card strong{font-size:21px}.room-card{padding:15px}.room-card-top strong{font-size:24px}.form-actions{flex-direction:column}.form-actions>*{width:100%}.inline-edit{grid-template-columns:1fr}.table-wrap{border-radius:14px}table{min-width:680px}.panel-title{align-items:flex-start;gap:8px}.data-list>div{flex-direction:column;align-items:flex-start}.data-list dd{text-align:right}.login-panel h2{font-size:24px}.login-logo{width:40px;height:40px}}

@media (max-width:380px){.content{padding:10px}.topbar{padding:10px 12px}.topbar h1{font-size:18px}.topbar p{display:none}.metrics-grid{grid-template-columns:1fr}.panel{padding:14px}.primary-btn,.ghost-btn,.danger-btn,.tiny-btn{padding-inline:11px}.sidebar{width:92vw}}