/* inventory.css — Inventory page and scan detail layout (.inv-*). Components
   (mc-res, mc-segmented, mc-field, mc-table…) live in components.css. */

.inv-section { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.inv-section__head { display: flex; align-items: center; gap: var(--space-2); }
.inv-title { margin: 0; font: 700 17px/24px var(--font-display); color: var(--ink); }
.inv-count { font: 600 12px/16px var(--font-mono); padding: 1px 7px; border-radius: var(--radius-pill); background: var(--surface-raised); color: var(--ink-muted); }
.inv-help { margin: 0; font: 400 13px/20px var(--font-sans); color: var(--ink-muted); max-width: 80ch; }
.inv-help code, .inv-cli code { font: 500 12px/18px var(--font-mono); white-space: nowrap; }

/* New scan panel: kind · target · button on one row */
.inv-new { gap: var(--space-3); }
.inv-new__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); min-width: 0; }
.inv-kind { flex: none; }
.inv-kind .mc-segmented__opt { padding: 5px 12px; }
.inv-new__field { flex: 1 1 260px; }
.inv-new__field input { min-height: 40px; padding: 8px 12px; border-width: 1px; }
.inv-new__row > .mc-btn { min-height: 40px; }
.inv-cli {
  display: flex; align-items: center; gap: var(--space-2); margin: 0;
  padding-top: var(--space-3); border-top: 1px solid var(--border);
  font: 400 13px/20px var(--font-sans); color: var(--ink-muted);
}
.inv-cli > i { color: var(--ink-muted); }

/* Watches panel */
.inv-watch-panel { gap: var(--space-3); }
.inv-hook { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); min-width: 0; }
.inv-hook__url { font: 500 13px/20px var(--font-mono); padding: 4px 10px; border-radius: var(--radius-sm);
  background: var(--surface-raised); color: var(--ink); overflow-wrap: anywhere; min-width: 0; }
.inv-watch-empty { padding: var(--space-2) 0 0; }
.inv-watches {
  list-style: none; margin: 0; padding: 0;
  border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden;
}
.inv-watch {
  display: grid; grid-template-columns: 20px minmax(0, 1fr) auto auto; gap: var(--space-3) var(--space-4); align-items: center;
  min-height: 44px; padding: 6px var(--space-2) 6px var(--space-4); border-top: 1px solid var(--border); color: var(--ink-muted);
}
.inv-watch:first-child { border-top: 0; }
.inv-watch__icon { display: inline-flex; }
.inv-watch__target { color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.inv-watch__meta { flex-wrap: nowrap; white-space: nowrap; }

/* Scan detail */
.inv-crumb { color: var(--ink-muted); margin-bottom: calc(-1 * var(--space-3)); }
.inv-crumb a::before { content: "\2190\00a0"; }
.inv-head { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.inv-head__title { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.inv-head__icon { flex: none; color: var(--ink-muted); }
.inv-head__target {
  margin: 0; min-width: 0; font-family: var(--font-mono); font-weight: 500; font-size: 22px; line-height: 30px;
  overflow-wrap: anywhere; word-break: break-word;
}
.inv-head .mc-meta { color: var(--ink-muted); }
.inv-head .mc-sevbar { max-width: 480px; }
.inv-failed { align-items: flex-start; }
.inv-failed__msg {
  margin: var(--space-2) 0 0; white-space: pre-wrap; overflow-wrap: anywhere;
  font-size: 13px; line-height: 20px; color: var(--ink); padding: var(--space-2) var(--space-3);
}
.inv-body { min-width: 0; margin-top: calc(-1 * var(--space-3)); }

.inv-filter { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.inv-filter > .mc-search { flex: 0 1 360px; }
.inv-pkgs__src { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 640px) {
  .inv-kind { flex: 1 1 100%; }
  .inv-new__row > .mc-btn { flex: 1 1 100%; }
  .inv-watch { grid-template-columns: 20px minmax(0, 1fr) auto; row-gap: 0; }
  .inv-watch__meta { grid-column: 2; grid-row: 2; }
  .inv-watch__meta > :first-child { display: none; }
  .inv-watch > .mc-btn { grid-column: 3; grid-row: 1 / span 2; }
  .inv-head__target { font-size: 18px; line-height: 26px; }
  .inv-filter > .mc-search { flex: 1 1 100%; }
}

/* scan profile (quick / standard / deep) under the new-scan row */
.inv-profile { align-items: center; }
.inv-profile__field { display: inline-flex; align-items: center; gap: var(--space-2); }
.inv-profile__label { font-size: 13px; color: var(--ink-muted); }
.inv-profile .inv-help { margin: 0; }