.bf-info-box { background-color:#fffbeb; border:1px solid #fcd34d; border-left:5px solid #f59e0b; border-radius:6px; padding:15px; margin-bottom:25px; color:#451a03; font-size:14px; line-height:1.6; }
.bf-info-box strong { color:#b45309; }

.bf-roots-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:12px; margin-bottom:25px; }
.bf-root-card { border:2px solid #e2e8f0; border-radius:10px; padding:15px; cursor:pointer; background:#fff; transition:all .2s ease; display:flex; align-items:center; gap:10px; }
.bf-root-card:hover { border-color:#cbd5e1; transform:translateY(-2px); }
.bf-root-card.active { border-color:#10b981; background:#ecfdf5; }

.bf-fake-checkbox { width:20px; height:20px; border:2px solid #cbd5e1; border-radius:4px; background:#fff; position:relative; flex-shrink:0; }
.bf-root-card.active .bf-fake-checkbox { background:#10b981; border-color:#10b981; }
.bf-root-card.active .bf-fake-checkbox::after { content:'✓'; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:14px; line-height:1; }

.bf-root-tree-panel { display:none; border:1px solid #e2e8f0; border-left:4px solid #10b981; border-radius:8px; margin-bottom:15px; background:#fff; padding:20px; }
.bf-panel-title { font-size:16px; font-weight:700; color:#1e293b; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #f1f5f9; }

.bf-cat-leaf { margin-bottom:6px; }
.bf-cat-leaf label { display:flex; align-items:center; gap:10px; cursor:pointer; width:100%; padding:6px 0; font-size:14px; color:#475569; }
.bf-cat-leaf label:hover { color:#0f172a; }
.bf-cat-leaf input[type="checkbox"] { margin:0!important; width:18px; height:18px; accent-color:#10b981; cursor:pointer; }

/* TAGI */
.bf-tags-container { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.bf-tag { background-color:#e0f2fe; color:#0369a1; border:1px solid #bae6fd; padding:6px 12px; border-radius:99px; font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:8px; }
.bf-tag .remove-tag { cursor:pointer; font-weight:bold; color:#0284c7; margin-left:6px; }

/* AKORDEON */
.bf-branch-header { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; margin-bottom:8px; cursor:pointer; font-weight:600; color:#334155; transition:background .2s; }
.bf-branch-header:hover { background:#f1f5f9; border-color:#cbd5e1; }
.bf-branch-content { display:none; padding:10px 15px; margin-bottom:10px; border-left:2px solid #e2e8f0; margin-left:12px; }
.bf-branch-header .icon { font-weight:900; font-size:18px; line-height:1; }

.bf-root-tree-panel ul, .bf-root-tree-panel li { list-style: none !important; padding-left: 0 !important; margin: 0 !important; }
.bf-depth-ul { padding-left: 0 !important; margin: 0 !important; }