@media (max-width: 720px){
  html,body,#root{min-height:100%;height:auto;overflow:auto}
  .app-shell{display:flex!important;flex-direction:column;min-height:100dvh;height:auto!important}
  .sidebar{position:sticky;top:0;z-index:50;width:100%;height:auto!important;min-height:0;padding:8px 10px!important;display:flex;flex-direction:row;align-items:center;gap:8px;border-right:0!important;border-bottom:1px solid rgba(120,130,140,.24)}
  .brand{padding:0!important;flex:0 0 auto}.brand>div:last-child,.smart-ready{display:none!important}
  .sidebar nav{display:flex!important;flex:1;gap:4px;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
  .sidebar nav button{flex:0 0 48px;min-width:48px;height:44px;padding:0!important;justify-content:center}.sidebar nav span{display:none!important}
  main{height:auto!important;min-height:0;overflow:visible!important;padding:14px!important}
  main>header{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:14px}
  main>header h1{font-size:clamp(25px,8vw,36px);line-height:1.05}
  .workspace-grid{display:block!important;height:auto!important}.recipe-card{padding:14px!important}
  .recipe-head{grid-template-columns:1fr!important}.recipe-head>*{grid-column:1!important}.head-buttons{display:grid!important;grid-template-columns:1fr 1fr}
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:680px}
  .quick-actions{display:none!important}.modal,.dialog,.settings-panel{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 28px);overflow:auto}
  input,select,button,textarea{font-size:16px}
}