/* Public styles */
.bfr-form{max-width:760px;margin:1.25rem auto;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.bfr-form--pretty input[type=text], .bfr-form--pretty input[type=email], .bfr-form--pretty input[type=url], .bfr-form--pretty input[type=number], .bfr-form--pretty textarea, .bfr-form--pretty select{width:100%;padding:.55rem .7rem;border:1px solid #d1d5db;border-radius:8px}
.bfr-steps{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}
.bfr-step{padding:.25rem .6rem;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;font-weight:600;color:#374151}
.bfr-step.active{background:#eef2ff;border-color:#a5b4fc;color:#111827}
.bfr-group{margin-bottom:.85rem}
.bfr-actions{display:flex;gap:.5rem}
.bfr-note{color:#4b5563;font-size:.9em}
.bfr-msg{margin-top:.75rem}

.bfr-directory .bfr-controls{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}
.bfr-chip{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:#e6f1ff;border:1px solid #b3d3ff;margin:.1rem;font-size:.85em}

/* --- VIEW SEPARATION --- */
.bfr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.bfr-card{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.bfr-card h3{margin:.2rem 0}
.bfr-meta{font-size:.9em;color:#374151}

.bfr-list{display:block !important}
.bfr-list table{display:table !important;width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.bfr-list thead th{background:#f9fafb;font-weight:600;border-bottom:1px solid #e5e7eb;padding:.6rem .5rem;text-align:left}
.bfr-list td{padding:.55rem .5rem;border-bottom:1px solid #f0f2f5;vertical-align:middle}
.bfr-list tr:last-child td{border-bottom:none}

.bfr-details-inner{padding:.5rem 0}
.bfr-empty{padding:1rem;border:1px dashed #e5e7eb;border-radius:8px;background:#fff}

.bfr-thumb { width:64px; height:64px; object-fit:cover; border-radius:6px; }

/* Toggle buttons */
.bfr-toggle{display:inline-flex;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}
.bfr-toggle a{padding:.4rem .7rem;text-decoration:none;display:inline-block}
.bfr-toggle a.active{background:#eef2ff}