.mobile-menu,.inbox-back{display:none}
@media(max-width:760px){
  html,body,#app{width:100%;min-width:0}
  .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:100dvh}
  .shell>*{min-width:0}
  .sidebar{position:sticky;top:0;z-index:20;height:auto;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}
  .sidebar-brand{display:flex;align-items:center;justify-content:space-between;min-height:40px}
  .sidebar .brand{font-size:23px}
  .mobile-menu{display:inline-flex;min-height:40px;padding:7px 12px;font-size:14px}
  .mobile-menu svg,.inbox-back svg{width:20px;height:20px}
  .sidebar .nav,.sidebar .logout{display:none}
  .sidebar.menu-open .nav{display:block;max-height:calc(100dvh - 140px);overflow:auto;margin:16px 0 8px;padding:0}
  .sidebar.menu-open .nav-section{display:block;margin:16px 12px 6px}
  .sidebar.menu-open .nav button{width:100%;min-height:44px;white-space:normal}
  .sidebar.menu-open .logout{display:flex;position:static;width:100%;min-height:44px;font-size:14px}
  .sidebar.menu-open~.main{display:none}
  .main{width:100%;padding:20px 16px;min-width:0}
  .main.messaging-main{height:calc(var(--app-height, 100dvh) - 65px);min-height:0;display:flex;flex-direction:column;padding:16px 12px max(12px,env(safe-area-inset-bottom));overflow:hidden}
  .messaging-main>.topbar{gap:8px;align-items:flex-start;margin-bottom:14px;min-width:0}
  .messaging-main>.topbar>div{min-width:0;flex:1}
  .page-title{font-size:27px;overflow-wrap:anywhere}
  .channel-tag{font-size:12px;max-width:100%;padding:4px 6px;white-space:normal}
  #inbox-refresh{min-width:44px;width:44px;height:44px;padding:10px;font-size:0;gap:0;flex-shrink:0}
  #inbox-refresh svg{width:20px;height:20px}
  #whatsapp-inbox{width:100%;grid-template-columns:minmax(0,1fr);min-height:0;flex:1;border-radius:12px}
  #whatsapp-inbox>*{min-width:0}
  #whatsapp-inbox .inbox-contacts.panel{max-height:none;height:100%;border:0;min-height:0}
  #whatsapp-inbox .inbox-conversation.panel{display:none;min-height:0;height:100%}
  #whatsapp-inbox.thread-open .inbox-contacts{display:none}
  #whatsapp-inbox.thread-open .inbox-conversation{display:flex}
  #whatsapp-inbox .inbox-list-heading{padding:16px 16px 12px}
  #whatsapp-inbox .inbox-contact{min-height:80px;gap:10px;padding:12px 8px}
  .contact-copy strong{font-size:16px}
  .contact-copy>span{font-size:14px}
  #whatsapp-inbox .inbox-heading{padding:12px;gap:10px;min-height:70px}
  #whatsapp-inbox .inbox-heading>div{min-width:0;flex:1}
  #whatsapp-inbox .inbox-heading h2{font-size:16px;overflow-wrap:anywhere}
  #whatsapp-inbox .inbox-heading .contact-avatar{width:34px;height:34px}
  .inbox-back{display:inline-flex;min-height:44px;width:44px;padding:10px;flex-shrink:0}
  #whatsapp-inbox .inbox-thread{height:auto;flex:1;min-height:0;padding:16px 12px;overscroll-behavior:contain}
  #inbox-compose{padding:10px 12px}
  #inbox-compose textarea{font-size:16px;min-height:60px;max-height:100px;margin:5px 0 8px}
  .compose-footer{align-items:flex-end;gap:8px}
  #inbox-window{font-size:12px;flex:1;min-width:0}
  #inbox-compose .button{padding:10px 12px;min-height:44px;font-size:14px}
  input,select,textarea,.field input,.field select,#whatsapp-inbox #inbox-search{font-size:16px}
  .panel,.card,.form-grid,.field,.resource-grid,.work-grid,.detail-grid{min-width:0}
  .resource-grid{grid-template-columns:minmax(0,1fr)}
  .work-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar,.actions{flex-wrap:wrap;min-width:0}
  .toolbar>*{min-width:0;max-width:100%}
  .topbar:not(.compact){gap:12px}
  .table-wrap{max-width:100%;overscroll-behavior-x:contain}
  .month-nav{gap:8px;flex-wrap:wrap}
  .month-nav h2{min-width:0;font-size:20px}
  .month-event{overflow-wrap:anywhere}
  .modal-backdrop{padding:12px}
  .modal{max-height:calc(100dvh - 24px)}
  .login{padding:20px 16px;min-height:100dvh}
  .login-card{padding:26px 22px}
}