/* Keep the existing staff colours and bilingual wording; adapt layout only. */
.mobile-menu{display:none}main,.view,.panel,.grid,.toolbar,.page-head,.head-actions{min-width:0}.panel,.notice,.hero,.side-note{overflow-wrap:anywhere}.scroll,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.panel input,.panel select,.panel textarea,.toolbar select{min-width:0;max-width:100%;font-size:16px}.panel button,.head-actions button,.button,.nav{min-height:44px;white-space:normal;overflow-wrap:anywhere}.lookup-results{display:grid;gap:10px;margin:12px 0}.lookup-results button{text-align:left;width:100%;line-height:1.6}.lookup-results small{display:block;color:var(--muted);overflow-wrap:anywhere}.member-lookup{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.member-lookup input{width:100%;font-size:16px}.member-lookup button{margin-top:10px}.panel .inline>*{max-width:100%}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#102e28aa}.dialog-head{gap:12px;flex-wrap:wrap}button:focus-visible,a:focus-visible{outline:3px solid #e79b4b;outline-offset:2px}.check input{flex-shrink:0;width:20px!important;height:20px}.check{align-items:center}.table-wrap:focus,.scroll:focus{outline:2px solid #247367}.panel .receipt>*{min-width:0}#memberCameraDialog video{max-height:55dvh}#memberCameraDialog{width:min(640px,calc(100vw - 24px))}
@media(max-width:1100px){.membership-body main{margin-left:0;padding:20px}.membership-body .sidebar{position:relative;width:100%;height:auto;inset:auto;display:block;padding:12px 18px}.membership-body .sidebar .brand{padding:0;border:0;display:flex;align-items:center;gap:6px}.membership-body .sidebar .brand small{display:none}.membership-body .sidebar nav,.membership-body .sidebar .side-note,.membership-body .sidebar>#logout{display:none}.membership-body .sidebar.menu-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.membership-body .sidebar.menu-open .side-note,.membership-body .sidebar.menu-open>#logout{display:block}.membership-body .sidebar .mobile-menu{display:block;margin-left:auto;width:auto;color:white;border:1px solid #86aaa4;background:transparent;min-height:44px}.membership-body .sidebar .brand b{font-size:18px}.page-head{align-items:flex-start;flex-wrap:wrap}.grid.three,.grid.two{grid-template-columns:1fr}.head-actions{width:100%}.head-actions>*{flex:1}.hero{flex-wrap:wrap}.toolbar>label{max-width:100%}.membership-body .sidebar nav .nav{font-size:14px}#notice{position:static}}
@media(max-width:600px){.membership-body main{padding:16px 12px 32px}.panel{padding:16px 12px}.page-head h1{font-size:23px}.page-head .hint{font-size:12px}.hero{padding:22px 16px}.hero h2{font-size:22px}.grid-form{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{display:flex;flex-direction:column;align-items:stretch}.toolbar select{width:100%}.head-actions{flex-direction:column;align-items:stretch}.head-actions button{width:100%}.inline{align-items:stretch}.inline input,.inline select,.inline button{width:100%;flex-basis:100%;min-width:0}.dialog-head h2{font-size:20px}.money{overflow-wrap:anywhere}.membership-body .sidebar.menu-open nav{grid-template-columns:1fr}.table-wrap table,.scroll table{min-width:560px}#memberDetail .member-card{flex-wrap:wrap}.panel form button{max-width:100%}}