body.vector-store-view { min-width: 0; overflow: hidden; }
body.vector-store-view .topbar { grid-template-columns: minmax(150px, 1fr) auto minmax(52px, 1fr); min-width: 0; }
.vector-store-page { display: flex; flex-direction: column; gap: 20px; height: 100%; min-width: 0; overflow: auto; padding: 22px 42px 32px; }
.vector-store-title { align-items: center; }
.vector-store-title, .vector-store-status-band, .vector-store-section, .vector-store-alert { flex: 0 0 auto; }
.vector-store-endpoint { color: var(--weak); font-size: 12px; margin-top: 5px; }
.vector-store-status-band { align-items: stretch; background: #f8fafc; border: 1px solid var(--line); display: grid; grid-template-columns: minmax(190px, 1.5fr) repeat(5, minmax(110px, 1fr)); min-height: 88px; }
.vector-store-health, .vector-store-stat { align-items: center; display: flex; padding: 18px 20px; }
.vector-store-health { gap: 12px; }
.vector-store-health > i { background: #12b76a; border: 5px solid #d1fadf; border-radius: 50%; height: 16px; width: 16px; }
.vector-store-status-band.offline .vector-store-health > i { background: #d92d20; border-color: #fee4e2; }
.vector-store-health strong, .vector-store-health span, .vector-store-stat span, .vector-store-stat strong { display: block; }
.vector-store-health strong { font-size: 15px; }
.vector-store-health span, .vector-store-stat span { color: var(--weak); font-size: 12px; margin-top: 4px; }
.vector-store-stat { border-left: 1px solid var(--line); flex-direction: column; justify-content: center; }
.vector-store-stat strong { font-size: 18px; margin-top: 5px; }
.vector-store-stat .good { color: #067647; font-size: 14px; }
.vector-store-stat .warn { color: #b54708; font-size: 14px; }
.vector-store-section { border-top: 1px solid var(--line); padding-top: 18px; }
.vector-store-section-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: 12px; }
.vector-store-section-head h2 { font-size: 16px; margin: 0; }
.vector-store-section-head span { color: var(--weak); display: block; font-size: 12px; margin-top: 4px; }
.vector-store-table-wrap { border: 1px solid var(--line); overflow: auto; }
.vector-store-table { border-collapse: collapse; min-width: 980px; width: 100%; }
.vector-store-table th, .vector-store-table td { border-bottom: 1px solid var(--line); font-size: 13px; padding: 13px 14px; text-align: left; vertical-align: middle; }
.vector-store-table th { background: #f8fafc; color: var(--weak); font-size: 12px; font-weight: 700; }
.vector-store-table tr:last-child td { border-bottom: 0; }
.vector-store-table td > strong, .vector-store-alias { display: block; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vector-store-alias { color: #175cd3; font-size: 11px; margin-top: 4px; }
.vector-store-state { align-items: center; display: inline-flex; gap: 6px; white-space: nowrap; }
.vector-store-state i { background: #667085; border-radius: 50%; height: 7px; width: 7px; }
.vector-store-state.good { color: #067647; }
.vector-store-state.good i { background: #12b76a; }
.vector-store-state.warn { color: #b54708; }
.vector-store-state.warn i { background: #f79009; }
.vector-store-use { color: #175cd3; white-space: nowrap; }
.vector-store-empty-row, .vector-store-channel-empty { color: var(--weak); text-align: center !important; }
.vector-store-search-form { align-items: end; background: #f8fafc; border: 1px solid var(--line); display: grid; gap: 14px; grid-template-columns: minmax(240px, 1.4fr) minmax(240px, 1.4fr) 120px 150px; padding: 16px; }
.vector-store-search-form label > span { color: var(--weak); display: block; font-size: 12px; font-weight: 700; margin-bottom: 7px; }
.vector-store-search-form select, .vector-store-search-form input, .vector-store-search-form textarea { width: 100%; }
.vector-store-check { align-items: center; display: flex; gap: 8px; min-height: 42px; }
.vector-store-check input { height: auto; width: auto; }
.vector-store-check > span { color: var(--text) !important; margin: 0 !important; }
.vector-store-query { grid-column: 1 / 4; }
.vector-store-query textarea { min-height: 76px; resize: vertical; }
.vector-store-run { min-height: 42px; }
.vector-store-alert { border: 1px solid #fecdca; color: #b42318; padding: 11px 13px; }
.vector-store-alert.error { background: #fef3f2; }
.vector-store-result-head { align-items: center; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; margin-top: 20px; padding: 0 0 12px; }
.vector-store-result-head span { color: var(--weak); font-size: 12px; }
.vector-store-channels { display: grid; gap: 20px; margin-top: 16px; }
.vector-store-channel { min-width: 0; }
.vector-store-channel-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: 8px; }
.vector-store-channel-head h3 { font-size: 14px; margin: 0; }
.vector-store-channel-head span { color: var(--weak); font-size: 12px; }
.vector-store-hit { border: 1px solid var(--line); border-bottom: 0; }
.vector-store-hit:last-child { border-bottom: 1px solid var(--line); }
.vector-store-hit summary { align-items: center; cursor: pointer; display: grid; gap: 10px; grid-template-columns: 42px 80px minmax(180px, 1fr) minmax(120px, .6fr); list-style: none; padding: 12px 14px; }
.vector-store-hit summary::-webkit-details-marker { display: none; }
.vector-store-hit[open] summary { background: #f8fafc; border-bottom: 1px solid var(--line); }
.vector-store-hit summary strong, .vector-store-hit summary > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vector-store-hit summary > span:last-child { color: var(--weak); font-size: 12px; }
.vector-store-rank { color: var(--weak); font-size: 12px; }
.vector-store-score { color: #067647; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.vector-store-hit-body { padding: 14px; }
.vector-store-hit-meta { color: var(--weak); display: flex; flex-wrap: wrap; font-size: 11px; gap: 8px 18px; margin-bottom: 10px; }
.vector-store-hit pre { background: #101828; color: #e4e7ec; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; line-height: 1.65; margin: 0; max-height: 280px; overflow: auto; padding: 14px; white-space: pre-wrap; word-break: break-word; }
.vector-store-image { display: inline-block; margin-bottom: 12px; }
.vector-store-image img { border: 1px solid var(--line); display: block; height: 96px; object-fit: cover; width: 128px; }
.vector-store-channel-empty { border: 1px dashed var(--line); padding: 22px; }
@media (max-width: 1180px) {
  .vector-store-status-band { grid-template-columns: repeat(3, 1fr); }
  .vector-store-health { grid-column: span 3; }
  .vector-store-stat { border-left: 0; border-top: 1px solid var(--line); }
  .vector-store-search-form { grid-template-columns: 1fr 1fr; }
  .vector-store-query { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  body.vector-store-view .topbar { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 48px 56px; height: 104px; padding: 0 12px; }
  body.vector-store-view .top-left { grid-column: 1; grid-row: 1; }
  body.vector-store-view .top-right { grid-column: 2; grid-row: 1; }
  body.vector-store-view .top-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; max-width: 100%; overflow-x: auto; padding-bottom: 6px; }
  body.vector-store-view .top-nav button { padding: 0 13px; }
  body.vector-store-view .page { height: calc(100% - 104px); }
  .vector-store-page { padding: 18px; }
}
@media (max-width: 720px) {
  .vector-store-status-band { grid-template-columns: 1fr 1fr; }
  .vector-store-health { grid-column: span 2; }
  .vector-store-search-form { grid-template-columns: 1fr; }
  .vector-store-query { grid-column: 1; }
  .vector-store-hit summary { grid-template-columns: 36px 72px minmax(0, 1fr); }
  .vector-store-hit summary > span:last-child { display: none; }
  .vector-store-result-head { align-items: flex-start; flex-direction: column; gap: 5px; }
}