#bfcmpro-app { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
#bfcmpro-app .bfcm-toolbar { display:flex; gap:.75rem; margin:1rem 0; align-items:center; flex-wrap:wrap; }
#bfcmpro-app input[type="text"] { padding:.5rem .75rem; border:1px solid #ddd; border-radius:8px; flex:1; min-width:220px; }
#bfcmpro-app button { padding:.5rem .75rem; border-radius:8px; border:1px solid #222; background:#111; color:#fff; cursor:pointer; }
#bfcmpro-app .bfcm-grid { display:grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
#bfcmpro-app .bfcm-card { border:1px solid #eee; border-radius:12px; padding:12px; background:#fff; display:flex; flex-direction:column; gap:.5rem; }
#bfcmpro-app .bfcm-card img { width:100%; height:160px; object-fit:contain; background:#fafafa; border-radius:8px; }
#bfcmpro-app .bfcm-card h3 { font-size:14px; margin:.25rem 0; height:40px; overflow:hidden; }
#bfcmpro-app .meta { display:flex; gap:.5rem; align-items:baseline; }
#bfcmpro-app .price { font-weight:700; }
#bfcmpro-app .list { text-decoration:line-through; color:#999; font-size:12px; }
#bfcmpro-app .disc { margin-left:auto; font-size:12px; background:#ffe8e8; padding:.125rem .375rem; border-radius:6px; }
#bfcmpro-app .bfcm-loading { text-align:center; padding:1rem; }
#bfcmpro-app .bfcm-status{width:100%;padding:.5rem .75rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;margin:.5rem 0;font-size:13px}
#bfcmpro-app .bfcm-empty{padding:1rem;color:#666;font-size:14px}