/* BFCM reports view. Tokens only. */
body[data-admin-view="bfcm"] .dashboard-content > header { flex-wrap: wrap; }
body[data-admin-view="bfcm"] #view-updated { display: none; }
body[data-admin-view="bfcm"] .title-group, body[data-admin-view="bfcm"] .header-actions { flex-wrap: wrap; }
body[data-admin-view="bfcm"] .view-subtitle { white-space: normal; }
.bfcm-view[hidden] { display: none; }
.bf-wrap { display: flex; flex-direction: column; gap: var(--sp-4); }
.bf-toolbar { flex-wrap: wrap; gap: var(--sp-3); }
.bf-toolbar .bf-search { flex: 1; min-width: 220px; max-width: 420px; }
.bf-filters { display: flex; gap: var(--sp-2); flex-wrap: wrap; }
.bf-toast { min-height: 1.2em; font-size: var(--fs-small); color: var(--ok-ink); }
.bf-link { background: transparent; border: 0; padding: 0; min-height: 0; color: var(--accent-deep); font-weight: 600; text-decoration: underline; cursor: pointer; text-align: left; }
.bf-hint { font-size: var(--fs-label); color: var(--ink-muted); margin-top: 2px; }
.bf-table td { vertical-align: top; overflow-wrap: anywhere; }
.bf-table code { font-family: var(--font-mono); font-size: var(--fs-label); }
.bf-list { margin: var(--sp-2) 0 0; padding-left: 18px; font-size: var(--fs-small); }
.bf-list li { margin: 2px 0; }
.bf-back { font-size: var(--fs-small); color: var(--accent-deep); }
.bf-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--sp-4); flex-wrap: wrap; margin: var(--sp-2) 0 var(--sp-4); }
.bf-title { margin: 0 0 var(--sp-2); font-size: 28px; outline: none; overflow-wrap: anywhere; }
.bf-chips, .bf-actions { display: flex; gap: var(--sp-2); flex-wrap: wrap; align-items: center; }
.bf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-4); align-items: start; }
.bf-wrap .card h3 { margin: 0 0 var(--sp-3); font-size: var(--fs-h3); }
.bf-dl { margin: 0; display: grid; gap: var(--sp-2); }
.bf-kv { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--sp-3); font-size: var(--fs-small); padding: 6px 0; border-bottom: 1px solid var(--tint); }
.bf-kv dt { color: var(--ink-muted); }
.bf-kv dd { margin: 0; overflow-wrap: anywhere; }
.bf-rename { display: flex; gap: var(--sp-2); flex-wrap: wrap; }
.bf-rename input { flex: 1; min-width: 200px; max-width: 420px; }
.bf-err { margin-top: var(--sp-3); }
@media (max-width: 800px) {
  .bf-grid { grid-template-columns: 1fr; }
  .bf-kv { grid-template-columns: 1fr; gap: 2px; }
}
