@media (max-width: 980px) {
  .kilo-console .app-header {
    grid-template-columns: minmax(7rem, 10rem) minmax(0, 1fr) auto;
  }

  .kilo-console .config-page-header,
  .kilo-console .config-toolbar,
  .kilo-console .models-filter-primary,
  .kilo-console .overview-details,
  .kilo-console .ui-form,
  .kilo-console .model-controls,
  .kilo-console .builder,
  .kilo-console .provider-form,
  .kilo-console .mcp-market-filters,
  .kilo-console .mcp-market-grid {
    grid-template-columns: 1fr;
  }

  .kilo-console .confirm-body {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .kilo-console .confirm-actions {
    justify-content: stretch;
  }

  .kilo-console .confirm-actions [data-component="button"] {
    flex: 1 1 auto;
  }

  .kilo-console .provider,
  .kilo-console .configured-provider {
    grid-template-columns: 1fr;
  }

  .kilo-console .config-page-actions,
  .kilo-console .provider-actions,
  .kilo-console .mcp-server-tags,
  .kilo-console .ui-card-header,
  .kilo-console .theme-footer {
    justify-content: flex-start;
  }

  .kilo-console .ui-card-header,
  .kilo-console .theme-footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .kilo-console .config-page-header {
    align-items: end;
    padding-block: 0.75rem;
  }

  .kilo-console .server-draft {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .kilo-console .compact,
  .kilo-console .model-defaults,
  .kilo-console .mini-list.columns,
  .kilo-console .mini-item,
  .kilo-console .mini-item.simple {
    grid-template-columns: 1fr;
  }

  .kilo-console .metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kilo-console .models-filter-secondary {
    align-items: stretch;
    flex-direction: column;
  }

  .kilo-console .models-context-filter,
  .kilo-console .models-capabilities-filter {
    flex: 1 1 auto;
    min-width: 0;
  }
}

@media (max-width: 700px) {
  .kilo-console .server-strip,
  .kilo-console .server-strip-info {
    align-items: flex-start;
    flex-direction: column;
  }

  .kilo-console .server-strip-info {
    gap: 0.375rem;
  }

  .kilo-console .server-strip-separator {
    display: none;
  }

  .kilo-console .facts div {
    grid-template-columns: 1fr;
    gap: 0.125rem;
  }
}

@media (max-width: 760px) {
  .kilo-console .app-header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .kilo-console .header-title span,
  .kilo-console .notification-zone {
    display: none;
  }

  .kilo-console .omni-search {
    width: 100%;
  }

  .kilo-console .omni-search.expanded {
    top: 0.5rem;
    width: min(35rem, calc(100vw - 1rem));
    max-height: min(70vh, calc(100vh - 1rem));
    border-radius: 0.75rem;
  }

  .kilo-console .omni-search.expanded .omni-search-head {
    padding: 0.75rem;
  }

  .kilo-console .omni-search.expanded .omni-escape {
    min-width: 1.25rem;
    height: 1.25rem;
    font-size: 0.625rem;
  }

  .kilo-console .omni-entry {
    grid-template-columns: 4.75rem minmax(0, 1fr);
    min-height: 2.5rem;
    gap: 0.75rem;
    padding: 0 0.75rem;
  }

  .kilo-console .omni-sub,
  .kilo-console .omni-enter {
    display: none;
  }

  .kilo-console .omni-footer {
    min-height: 2rem;
    gap: 0.75rem;
    padding: 0.375rem 0.75rem;
  }

  .kilo-console .omni-kbd {
    min-width: 1.25rem;
    height: 1.25rem;
    font-size: 0.625rem;
  }
}

@media (max-width: 560px) {
  .kilo-console .explore-models,
  .kilo-console .model-info-grid {
    grid-template-columns: 1fr;
  }

  .kilo-console .models-capabilities-filter {
    align-items: flex-start;
    flex-direction: column;
  }

  .kilo-console .metrics {
    grid-template-columns: 1fr;
  }

  .kilo-console .theme-swatches {
    width: 6.5rem;
  }

  .kilo-console .agent-builder-field-head {
    display: grid;
    grid-template-columns: 1fr;
  }

  .kilo-console .agent-builder-field-actions {
    justify-content: flex-start;
  }
}
