/* phase2.css — Burdoz Keyword Intelligence, Phase 2 (additive).
   Loads AFTER style.css. Styles the filter bar + True Difficulty UI. */

/* ---- filter bar ---- */
.filterbar{
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;
  background:var(--panel-2);border:1px solid var(--line);border-radius:10px;
  padding:10px 12px;margin-bottom:12px;
}
.fb-group{display:flex;align-items:center;gap:6px}
.fb-lbl{font-size:12px;color:var(--muted);font-weight:600;margin-right:2px}
.fb-num{width:76px;background:var(--bg);border:1px solid var(--line);color:var(--text);
  border-radius:7px;padding:5px 8px;font-size:13px}
.fb-num:focus{outline:none;border-color:var(--amber)}
.fb-site{margin-left:auto}
.fb-site-in{width:170px;background:var(--bg);border:1px solid var(--line);color:var(--text);
  border-radius:7px;padding:5px 9px;font-size:13px}
.fb-site-in:focus{outline:none;border-color:var(--amber)}

/* ---- intent chips ---- */
.chip{
  display:inline-block;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:600;
  border:1px solid var(--line);color:var(--muted);background:var(--bg);cursor:pointer;
  user-select:none;transition:.12s;
}
.chip:hover{border-color:var(--amber)}
.chip.active{background:rgba(245,166,35,.16);color:var(--amber);border-color:rgba(245,166,35,.4)}
.chip.preset{font-style:italic;opacity:.85}
.chip.preset:hover{color:var(--blue);border-color:var(--blue)}

/* ---- True Difficulty cell ---- */
.td-cell{white-space:nowrap}
.td-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
.td-num{font-variant-numeric:tabular-nums;font-weight:700}
.td-arrow{color:var(--muted);font-size:11px}
.vbadge{display:inline-block;min-width:50px;text-align:center;padding:2px 8px;border-radius:6px;
  font-weight:700;font-size:11px;letter-spacing:.3px}
.v-green{background:rgba(63,185,80,.18);color:var(--green)}
.v-yellow{background:rgba(217,164,65,.18);color:var(--yellow)}
.v-red{background:rgba(229,83,75,.18);color:var(--red)}
.v-unk{background:rgba(138,147,163,.16);color:var(--muted)}
.ugc{color:var(--amber);font-size:12px}
.cachedot{color:var(--muted)}

/* ---- SERP drawer ---- */
.serp-detail td{background:rgba(68,147,248,.05);padding:10px 14px!important}
.serp-wrap{display:flex;flex-direction:column;gap:8px}
.serp-meta{font-size:12px;color:var(--muted)}
.serp-meta b{color:var(--text)}
.serp-doms{display:flex;flex-wrap:wrap;gap:7px}
.serp-dom{font-size:12px;background:var(--panel-2);border:1px solid var(--line);
  border-radius:6px;padding:3px 9px;color:var(--muted)}
.serp-dom b{color:var(--text);font-variant-numeric:tabular-nums}
.serp-dom.weakest{border-color:var(--green);background:rgba(63,185,80,.12)}
.serp-dom.weakest b{color:var(--green)}
.serp-dom.ugc{border-color:rgba(245,166,35,.5)}
.serp-dom.ugc::before{content:"★ ";color:var(--amber)}

@media (max-width:760px){
  .fb-site{margin-left:0}
  .fb-site-in{width:140px}
}