@media(max-width:820px){
  .ref-dashboard{display:block;min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom));}
  .ref-sidebar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));top:auto;height:auto;z-index:70;padding:6px;border:1px solid rgba(220,228,239,.95);border-radius:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(22px) saturate(180%);box-shadow:0 16px 45px rgba(20,40,70,.16);display:block;overflow:visible;}
  .ref-sidebar .ref-brand,.ref-sidebar .ref-hotel-art,.ref-sidebar .ref-support{display:none!important;}
  .ref-sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0;}
  .ref-sidebar nav button{min-width:0;padding:9px 5px;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;font-size:16px;line-height:1;color:#5d6a7c;background:transparent;}
  .ref-sidebar nav button span{display:block;font-size:9px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
  .ref-sidebar nav button.active{background:#edf3ff;color:#1f61d5;}
  .ref-sidebar nav button[data-side="branches"]{display:none;}
  .ref-sidebar nav em{position:absolute;top:3px;right:calc(50% - 15px);margin:0;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;font-size:8px;}
  .ref-main{padding:14px 12px 10px;}
  .ref-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;direction:rtl;align-items:start;}
  .ref-title{grid-column:1/-1;order:2;min-width:0;}
  .ref-user{order:1;width:max-content;max-width:100%;}
  .ref-actions{order:1;justify-self:end;min-width:0;flex-wrap:wrap;justify-content:flex-end;}
  .ref-title h1{font-size:29px;line-height:1.08;}
  .ref-title p{font-size:11px;margin:6px 0 10px;}
  .ref-title .admin-tabs{display:flex!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;margin:0!important;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:2px;}
  .ref-title .admin-tabs::-webkit-scrollbar{display:none;}
  .ref-title .admin-tabs button{display:flex!important;flex:0 0 auto;padding:10px 13px;min-height:42px;align-items:center;justify-content:center;}
  .ref-kpis{display:flex;overflow-x:auto;gap:10px;margin-inline:-12px;padding:2px 12px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .ref-kpis::-webkit-scrollbar{display:none;}
  .ref-kpi{min-width:158px;min-height:112px;scroll-snap-align:start;padding:14px;}
  .ref-kpi-icon{width:44px;height:44px;font-size:20px;}
  .ref-kpi strong{font-size:28px;}
  .ref-panel{padding:11px;border-radius:18px;}
  .ref-toolbar{flex-direction:column;align-items:stretch;gap:10px;}
  .ref-search{width:100%;order:1;}
  .ref-toolbar-buttons{order:2;display:flex;overflow-x:auto;gap:7px;scrollbar-width:none;}
  .ref-toolbar-buttons::-webkit-scrollbar{display:none;}
  .ref-toolbar-buttons select{flex:0 0 auto;min-width:130px;}
  .ref-grid{grid-template-columns:1fr;}
  .users-toolbar{position:sticky;top:0;z-index:5;background:rgba(247,249,252,.96);backdrop-filter:blur(16px);padding-block:8px;}
  .users-toolbar .primary-small{min-height:44px;padding-inline:14px;}
  .user-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;}
  .user-row .edit-user{grid-column:1/-1;width:100%;min-height:42px;}
  .ref-sheet-back{place-items:end center;padding:0;}
  .ref-sheet{width:100%;max-height:88dvh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);}
  .ref-sheet header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);z-index:2;}
  .ref-dark .ref-sidebar{background:rgba(23,32,45,.96);border-color:#283446;}
  .ref-dark .ref-sidebar nav button{color:#aeb9ca;}
  .ref-dark .ref-sidebar nav button.active{background:#1d3558;color:#8bb8ff;}
  .ref-dark .ref-sheet header{background:rgba(23,32,45,.96);}
  .ref-dark .users-toolbar{background:rgba(23,32,45,.96);}
}
@media(max-width:390px){
  .ref-sidebar{left:8px;right:8px;}
  .ref-sidebar nav button span{font-size:8px;}
  .ref-main{padding-inline:10px;}
  .ref-kpis{margin-inline:-10px;padding-inline:10px;}
  .ref-title h1{font-size:26px;}
  .ref-title .admin-tabs button{font-size:12px;padding-inline:10px;}
}