@media (max-width: 768px) {
  .workspace .btn { min-height: 44px; }
  .workspace .app-header { height: 58px; }
  .workspace .app-header-inner { width: calc(100% - 28px); }
  .workspace .brand { gap: 8px; font-size: 15px; }
  .workspace .brand-mark { width: 26px; height: 26px; }
  .workspace .header-actions { gap: 7px; }
  .workspace .header-actions .avatar { display: none; }
  .workspace .btn-label-mobile-hide { display: none; }
  .workspace .header-actions .btn-primary, .workspace .header-actions .header-back { width: 40px; min-height: 40px; padding: 0; }
  .workspace .header-actions .icon-btn { width: 40px; height: 40px; }
  .workspace .page { width: calc(100% - 28px); padding: 25px 0 40px; }
  .workspace .page-header { align-items: center; margin-bottom: 19px; }
  .workspace .page-header .page-action { display: none; }
  .workspace h1 { font-size: 24px; }
  .workspace .subtitle { font-size: 13px; }
  .workspace .toolbar { grid-template-columns: 1fr 1fr; gap: 8px; }
  .workspace .search-field { grid-column: 1 / -1; }
  .workspace .control { min-height: 44px; }
  .workspace .result-line { align-items: flex-start; }
  .workspace .sort-explanation { display: none; }
  .workspace .document-row { min-height: 98px; grid-template-columns: minmax(0, 1fr) 36px; gap: 4px; padding-right: 7px; }
  .workspace .document-row-link { min-height: 96px; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; padding: 12px 4px 12px 12px; }
  .workspace .doc-icon { width: 38px; height: 38px; }
  .workspace .doc-title { font-size: 14px; }
  .workspace .doc-excerpt { font-size: 11.5px; }
  .workspace .doc-meta { display: flex; grid-column: 2; flex-wrap: wrap; gap: 6px 9px; margin-top: -7px; font-size: 10.5px; }
  .workspace .doc-updated { text-align: left; }
  .workspace .type-badge { font-size: 10px; }
  .workspace .pagination { align-items: center; }
  .workspace .pagination-actions { display: flex; }
  .workspace .pager { min-width: 44px; min-height: 44px; }
  .workspace .empty-panel { min-height: 430px; padding: 34px 20px; }
  .workspace .empty-actions { flex-direction: column; }
  .workspace .empty-actions .btn { width: 100%; }

  .workspace .settings-page { width: 100%; padding: 19px 14px 42px; }
  .workspace .settings-breadcrumb { margin-bottom: 18px; }
  .workspace .settings-heading { margin-bottom: 15px; }
  .workspace .settings-heading .subtitle { max-width: 330px; }
  .workspace .settings-shell { display: block; }
  .workspace .settings-nav { display: none; }
  .workspace .mobile-settings-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 0 -14px 15px; padding: 0 14px 3px; scrollbar-width: none; }
  .workspace .mobile-settings-tabs::-webkit-scrollbar { display: none; }
  .workspace .mobile-tab { min-height: 44px; flex: 0 0 auto; border: 1px solid var(--ink-200); border-radius: 999px; padding: 10px 12px; background: #fff; color: var(--ink-700); font-size: 11.5px; font-weight: 650; white-space: nowrap; }
  .workspace .mobile-tab.active { border-color: var(--blue-200); background: var(--blue-50); color: var(--blue-700); }
  .workspace .panel, .workspace .form-panel { border-radius: 14px; }
  .workspace .panel-header { padding: 18px 16px 15px; }
  .workspace .panel-body, .workspace .form-panel-body { padding: 16px; }
  .workspace .provider-grid { grid-template-columns: 1fr; }
  .workspace .model-option { grid-template-columns: 18px minmax(0, 1fr) 18px; }
  .workspace .model-tier { display: none; }
  .workspace .model-description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .workspace .panel-actions { padding: 13px 16px; }
  .workspace .panel-actions .btn { flex: 1; }
  .workspace .model-access-alert .btn { min-height: 44px; }

  .workspace .types-toolbar { align-items: flex-start; }
  .workspace .types-toolbar .btn { width: 40px; padding: 0; overflow: hidden; font-size: 0; }
  .workspace .types-toolbar .btn::before { content: "+"; font-size: 18px; }
  .workspace .types-summary { max-width: 210px; }
  .workspace .type-row { grid-template-columns: minmax(0, 1fr) 36px; gap: 4px; padding-right: 7px; }
  .workspace .type-row-link { grid-template-columns: minmax(0, 1fr) 62px; gap: 10px; padding: 13px 4px 13px 13px; }
  .workspace .type-purpose { grid-column: 1 / -1; grid-row: 2; }
  .workspace .usage-count { grid-column: 2; grid-row: 1; }
  .workspace .instruction-summary { white-space: normal; }
  .workspace .instruction-summary span:last-child { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

  .workspace .form-layout { display: flex; flex-direction: column; gap: 12px; }
  .workspace .form-panel { width: 100%; }
  .workspace .form-sidebar { display: contents; }
  .workspace .form-sidebar .side-card { order: -1; width: 100%; }
  .workspace .form-sidebar .side-card + .side-card { order: 2; margin-top: 0; }
  .workspace .danger-zone-header, .workspace .account-signout { align-items: flex-start; flex-direction: column; }
  .workspace .danger-zone-header .btn, .workspace .account-signout .btn { width: 100%; }
  .workspace .document-form-layout { width: 100%; }
  .workspace .type-choice { grid-template-columns: 18px minmax(0, 1fr); }
  .workspace .type-choice .shared-tag { display: none; }
  .workspace .type-choice-add { align-items: flex-start; flex-direction: column; }

  .destructive-dialog-layer { align-items: end; padding: 0; }
  .destructive-dialog-layer > turbo-frame { width: 100%; }
  .destructive-dialog-layer .document-delete-dialog { width: 100%; max-height: 90vh; overflow-y: auto; border: 0; border-radius: 20px 20px 0 0; }
  .destructive-dialog-layer .document-delete-sheet-handle { display: block; width: 36px; height: 4px; margin: 8px auto 0; border-radius: 99px; background: #c8cfd7; }
  .destructive-dialog-layer .document-delete-body { padding: 19px 18px 17px; }
  .destructive-dialog-layer .document-delete-actions { display: grid; grid-template-columns: 1fr 1.35fr; padding: 13px 18px 18px; }
  .destructive-dialog-layer .document-delete-button { min-width: 0; min-height: 44px; }
  .destructive-dialog-layer .document-delete-button--cancel { order: 0; }
}

@media (max-width: 360px) {
  .workspace .toolbar { grid-template-columns: 1fr; }
  .workspace .search-field { grid-column: auto; }
  .destructive-dialog-layer .document-delete-actions { grid-template-columns: 1fr; }
}