@media(max-width:1080px) {
  .agent-name-chip {
    display:none
  }
  .app-layout {
    grid-template-columns:minmax(0,1fr) 310px
  }
  .tabs-header {
    gap:20px;
    padding:0 22px
  }
  .tabs-content {
    padding:0 22px 30px
  }
  .workspace-heading {
    padding:14px 22px 10px
  }
}
@media(max-width:900px) {
  .theme-toggle {
    width:44px;
    min-height:44px;
    padding:0
  }
  .theme-toggle-label {
    display:none
  }
}
@media(max-width:900px) and (min-width:521px) {
  .tabs-header {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:48px;
    gap:0;
    height:auto;
    padding:0 16px;
    overflow:visible
  }
  .tab-btn,.advanced-toggle {
    text-align:center
  }
}
@media(max-width:760px) {
  body {
    height:auto;
    min-height:100vh;
    overflow:auto
  }
  .top-nav {
    height:60px;
    padding:0 16px
  }
  .brand {
    font-size:17px
  }
  .brand-divider,.workspace-name,.connection-status {
    display:none
  }
  .nav-right {
    gap:9px
  }
  .theme-toggle {
    width:44px;
    min-height:44px;
    padding:0
  }
  .theme-toggle-label {
    display:none
  }
  .save-status {
    font-size:11px
  }
  .btn-primary {
    padding:0 11px
  }
  .app-layout,.records-view {
    height:auto;
    display:flex;
    flex-direction:column;
    padding:0 0 12px;
    gap:0
  }
  .builder-workspace,.preview-panel {
    border-radius:0;
    border-left:0;
    border-right:0
  }
  .builder-workspace {
    overflow:visible
  }
  .tabs-header {
    height:auto;
    padding:0 16px;
    gap:20px;
    position:sticky;
    top:0;
    z-index:10;
    background:var(--surface)
  }
  .workspace-heading {
    padding:14px 16px 10px
  }
  .agent-name-chip {
    display:none
  }
  .tabs-content {
    overflow:visible;
    padding:0 16px 28px
  }
  .section-group {
    padding:21px 0
  }
  .preview-panel {
    min-height:540px
  }
  .preview-body {
    min-height:360px
  }
  .preview-idle,.preview-active {
    align-items:center;
    text-align:center
  }
  .preview-footer {
    min-height:150px;
    height:160px
  }
  .records-view .preview-panel {
    display:none
  }
  .record-row {
    grid-template-columns:1fr auto;
    gap:4px 8px
  }
  .record-row span:nth-child(3),.record-row span:nth-child(4) {
    display:none
  }
  .record-row span:last-child {
    text-align:right
  }
}