img,svg,video,canvas{max-width:100%;height:auto}
.workspace,.view,.content-grid,.section-grid,.card{min-width:0}
.card input,.card select,.card textarea{max-width:100%}
button{touch-action:manipulation}

@media(max-width:1180px){
  .workspace{padding-left:24px;padding-right:24px}
  .section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  body{display:block}
  .sidebar{position:relative;height:auto}
  .sidebar nav{display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
  .sidebar nav button{white-space:nowrap;flex:0 0 auto}
  .workspace{padding:16px}
  .content-grid,.section-grid{grid-template-columns:1fr}
  .topbar{height:auto;min-height:52px}
  .dialog-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .workspace{padding:12px}
  .sidebar{padding:11px 10px}
  .brand{padding-bottom:10px}
  .brand-mark{width:36px;height:36px}
  .sidebar nav button{padding:9px 10px}
  .topbar{align-items:center;margin-bottom:12px;gap:8px}
  .topbar h1{font-size:1.15rem;overflow-wrap:anywhere}
  .topbar p{display:none}
  .system-status{padding:7px;flex:0 0 auto}
  .system-status span{display:none}
  .metric-grid{grid-template-columns:1fr 1fr}
  .metric-grid article{padding:14px}
  .card{padding:15px;border-radius:12px}
  .field-row{grid-template-columns:1fr}
  .manage-dialog{width:calc(100vw - 8px);max-height:calc(100dvh - 8px)}
  .login-card{margin:16px auto;padding:22px}
  .sidebar-footer{display:none}
  .token-cell{min-width:0;flex-wrap:wrap}
  .token-cell code{max-width:100%;width:100%}

  .table-scroll{margin:0;max-width:100%;overflow:visible}
  .table-scroll table,.table-scroll thead,.table-scroll tbody,.table-scroll tr,.table-scroll th,.table-scroll td{display:block;min-width:0;width:100%}
  .table-scroll thead{display:none}
  .table-scroll tbody{display:grid;gap:10px}
  .table-scroll tr{border:1px solid #dce5ea;border-radius:10px;padding:8px;background:#fff}
  .table-scroll td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;border:0;padding:6px;overflow-wrap:anywhere}
  .table-scroll td::before{content:attr(data-label);color:#6c7e89;font-size:.68rem;text-transform:uppercase;font-weight:750;letter-spacing:.04em}
  .table-scroll td[colspan]{display:block;text-align:center;color:#6c7e89}
  .table-scroll td[colspan]::before{content:none}
}

@media(max-width:390px){
  .metric-grid{grid-template-columns:1fr}
  .sidebar nav button{font-size:.76rem}
  .sidebar nav button span{display:none}
  .button-row>*{width:100%}
  .table-scroll td{grid-template-columns:78px minmax(0,1fr)}
  .file-row{align-items:flex-start;flex-direction:column}
}