/* «Propiedades» (property-catalog-view.js): layout only; colour and type come from ui/tokens.css via the components. */
@layer views {
  /* Title clear of the top bar; every control of the module is a 44 px touch target (390 px included). */
  .pc-view .ui-page-header { margin-top: var(--mide-space-4); }
  .pc-view .ui-button { min-height: 44px; }
  .pc-view .ui-button-icon { min-width: 44px; min-height: 44px; }
  /* Status pills: dark ink text (AA on the tinted background), 13 px; the tone stays in the border and the icon. */
  .pc-view .ui-chip { color: var(--mide-ink); font-size: var(--mide-text-sm); border: 1px solid var(--tone); }
  .pc-view .ui-chip .ui-icon { color: var(--tone); }
  .pc-date-text { display: block; margin-top: var(--mide-space-1); color: var(--mide-ink-2); font-size: var(--mide-text-sm); }
  .pc-date { flex: 1 1 160px; min-width: 0; }
  .pc-filters { display: grid; gap: var(--mide-space-2); padding: var(--mide-space-4); border-bottom: 1px solid var(--mide-line); }
  .pc-search { display: flex; flex-wrap: wrap; gap: var(--mide-space-3); align-items: flex-start; }
  .pc-search-actions { align-self: center; }
  .pc-search > .ui-field, .pc-search > .pc-date { flex: 1 1 160px; }
  .pc-search .ui-field { margin: 0; min-width: 0; }
  .pc-search .ui-input { width: 100%; min-height: 44px; }
  .pc-search-actions { display: flex; gap: var(--mide-space-2); flex-wrap: wrap; flex: 0 1 auto; }
  .pc-search-actions .ui-button, .pc-header-actions .ui-button, .pc-inspector-actions .ui-button { min-height: 44px; }
  .pc-search-note { margin: 0; color: var(--mide-muted); font-size: var(--mide-text-sm); }
  .pc-header-actions { display: flex; gap: var(--mide-space-2); flex-wrap: wrap; justify-content: flex-end; }
  .pc-table-block { display: grid; gap: var(--mide-space-2); }
  .pc-notices:empty { display: none; }
  .pc-identity { display: grid; gap: 2px; min-width: 0; }
  .pc-identity strong { overflow-wrap: anywhere; }
  .pc-identity small { color: var(--mide-muted); }
  .pc-file { display: grid; gap: var(--mide-space-3); }
  .pc-description { margin: 0; }
  .pc-status { margin-bottom: var(--mide-space-2); }
  .pc-error { margin: 0 0 var(--mide-space-2); color: var(--mide-ink); }
  .pc-facts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; margin: 0 0 var(--mide-space-2); }
  .pc-facts dd + dt { margin-top: var(--mide-space-2); }
  .pc-facts dt { color: var(--mide-muted); }
  .pc-facts dd { margin: 0; }
  .pc-subhead { margin: var(--mide-space-2) 0 var(--mide-space-1); font-weight: var(--mide-weight-semibold); }
  .pc-sources, .pc-ranges, .pc-issues, .pc-import-rows { margin: 0; padding-left: var(--mide-space-5); display: grid; gap: var(--mide-space-1); }
  .pc-hint { margin: var(--mide-space-2) 0 0; color: var(--mide-muted); font-size: var(--mide-text-sm); }
  .pc-inspector-actions { display: flex; gap: var(--mide-space-2); flex-wrap: wrap; }
  .pc-form { display: grid; gap: var(--mide-space-3); }
  .pc-form-message:empty { display: none; }
  .pc-form-message { margin: 0; color: var(--mide-ink); font-weight: var(--mide-weight-semibold); }
  .pc-import-report { display: grid; gap: var(--mide-space-2); max-height: 40vh; overflow: auto; }
  @media (max-width: 480px) {
    .pc-search > .ui-field, .pc-search > .pc-date, .pc-search-actions { flex-basis: 100%; }
    .pc-header-actions { justify-content: flex-start; }
  }
}