@media (min-width: 1800px) {
  .overview-grid { grid-template-columns: minmax(0,1fr) 320px; }
  .navigation { width: 208px; }
  .workspace-main { padding-left: 242px; }
  .workspace-main:has(.overview-grid) > .page-heading { padding-left: 242px; }
  .canvas-toolbar { margin-left: 242px; }
}
@media (max-width: 1000px) {
  .workspace-name { display: none; }
  .navigation { width: 166px; left: 9px; }
  .nav-pill { gap: 7px; padding-inline: 9px; }
  .nav-number, .nav-pill .icon { display: none; }
  .workspace-main { padding-left: 192px; }
  .workspace-main:has(.overview-grid) > .page-heading { padding-left: 192px; }
  .overview-grid { grid-template-columns: minmax(0,1fr) 240px; }
  .canvas-toolbar { margin-left: 192px; }
  .canvas-label { display: none; }
  .network-field { margin-left: 135px; }
  .canvas-bottom { margin-left: 165px; gap: 13px; }
  .canvas-empty { margin-left: 15px; margin-right: 15px; }
}
@media (max-width: 700px) {
  .workspace-header, .entry-header { height: 43px; padding-inline: 12px; }
  .header-right { gap: 8px; }
  .toolbar-caption, .toolbar-status, .toolbar-search kbd { display: none; }
  .workspace-toolbar { padding-inline: 12px; min-height: 31px; }
  .workspace-body { display: block; }
  .navigation { position: relative; inset: auto; width: 100%; padding: 10px 10px 7px; }
  .navigation nav { flex-direction: row; gap: 6px; overflow-x: auto; padding: 2px 1px 7px; scrollbar-width: thin; }
  .nav-pill { width: auto; flex-shrink: 0; min-height: 32px; padding: 7px 10px; }
  .nav-pill:hover { transform: translateY(-1px); }
  .nav-text { white-space: nowrap; font-size: 14px; }
  .nav-bottom { display: none; }
  .nav-bottom:has(select) { display: flex; align-items: center; gap: 12px; padding: 4px 0; }
  .nav-bottom:has(select) .eyebrow { display: none; }
  .nav-bottom:has(select) select { width: 130px; }
  .workspace-main { padding: 9px 10px 20px; }
  .workspace-main:has(.overview-grid) > .page-heading { padding: 5px 12px 0; }
  .overview-grid { grid-template-columns: 1fr; min-height: 0; }
  .canvas-toolbar { margin: 12px 12px 0; }
  .canvas-label { display: block; font-size: 12px; }
  .network-field { height: 350px; min-height: 350px; margin-left: 0; flex: auto; }
  .canvas-empty { margin: 155px 10px 0; padding: 8px 10px; }
  .canvas-empty h2 { font-size: 14px; }
  .canvas-empty p { font-size: 12px; }
  .canvas-bottom { margin-left: 0; min-height: 28px; }
  .insight-stack { display: grid; grid-template-columns: 1fr 1fr; border-left: 0; border-top: 1px solid #454d64; }
  .insight-panel { padding: 12px; }
  .insight-panel:first-child { grid-column: 1/-1; }
  .insight-panel:nth-child(2) { border-right: 1px solid #141a28; }
  .insight-stack .protected-panel { grid-column: 1/-1; padding: 12px; }
  .stat-chips { max-width: 360px; }
  .stat-row { font-size: 13px; }
  .stat-row strong { font-size: 12px; }
  .page-heading h1 { font-size: 21px; }
  .page-heading p:not(.eyebrow) { font-size: 13px; }
  .settings-panel { padding: 12px; }
  .form-actions > span { max-width: 125px; }
  .workspace-footer { font-size: 12px; padding-inline: 12px; }
  .workspace-footer > span:last-child { display: none; }
  .entry-stage { min-height: 410px; padding: 28px 18px; }
  .atmosphere .reference-network { width: 180%; left: -40%; }
  .login-card { width: min(306px,100%); padding: 17px 19px 13px; }
  .entry-footer { padding-inline: 12px; }
}