/* Member H5 only. ADMIN keeps the existing desktop management layout. */
@media(max-width:760px){
  .login-body{padding:16px}.login-card{padding:24px;min-width:0}
  .login-body input,.login-body button,body[data-role="MEMBER"] button,body[data-role="MEMBER"] input,body[data-role="MEMBER"] select,body[data-role="MEMBER"] textarea{font-size:16px;min-height:44px;min-width:44px;max-width:100%}
  body[data-role="MEMBER"] header{display:block;padding:16px}
  body[data-role="MEMBER"] header .account{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:12px;font-size:14px}
  body[data-role="MEMBER"] header a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:6px}
  body[data-role="MEMBER"] .workspace{min-width:0}
  body[data-role="MEMBER"] .panels,body[data-role="MEMBER"] .catalog-panels{grid-template-columns:minmax(0,1fr)}
  body[data-role="MEMBER"] .panel{min-width:0;overflow-wrap:anywhere}
  body[data-role="MEMBER"] .toolbar form,body[data-role="MEMBER"] #performance-filter-form{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
  body[data-role="MEMBER"] .toolbar label{display:grid;gap:4px;min-width:0}
  body[data-role="MEMBER"] .toolbar input,body[data-role="MEMBER"] .toolbar select,body[data-role="MEMBER"] #performance-filter-form input,body[data-role="MEMBER"] #performance-filter-form select{width:100%;min-width:0;max-width:100%}
  body[data-role="MEMBER"] .node-row{display:grid;grid-template-columns:44px minmax(0,1fr);white-space:normal;align-items:center;gap:4px}
  body[data-role="MEMBER"] .node-name{overflow-wrap:anywhere}
  body[data-role="MEMBER"] .node-meta{display:block;grid-column:2;font-size:12px}
  body[data-role="MEMBER"] .performance-node-metrics{grid-column:2;white-space:normal;overflow-wrap:anywhere;line-height:1.8}
  body[data-role="MEMBER"] .children{margin-left:8px;padding-left:8px}
  body[data-role="MEMBER"] td button{min-width:44px;white-space:nowrap}
  body[data-role="MEMBER"] .table-scroll{max-width:100%;overflow-x:auto}
}
@media(max-width:760px){
  body[data-role="MEMBER"] .toolbar form{flex-basis:100%;flex-grow:1}
  body[data-role="MEMBER"] #order-table{min-width:640px}
}
