/* ============================================================================
   WSPÓLNA WYSZUKIWARKA Z FILTRAMI (.sb) — jeden wygląd we wszystkich zakładkach
   ============================================================================ */
.sb{display:flex;align-items:center;gap:8px;position:relative;min-width:0}
.sb-box{
  flex:1;min-width:0;height:40px;display:flex;align-items:center;gap:8px;
  background:#101318;border:1px solid var(--border);border-radius:10px;padding:0 6px 0 12px;
  transition:border-color .15s ease;
}
.sb-box:focus-within{border-color:#3C4654}
.sb-ico{color:var(--muted);display:flex}
.sb-ico svg{width:16px;height:16px}
.sb-input{
  flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);
  font-size:13px;font-family:inherit;height:100%;
}
.sb-input::placeholder{color:var(--dim)}
.sb-clear{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.sb-clear svg{width:12px;height:12px}
.sb-clear:hover{background:#1B2027;color:#fff}

/* tryb (PROMPT / TAGI / SEMANTYCZNE / NAZWA) */
.sb-mode{
  height:28px;display:flex;align-items:center;gap:6px;padding:0 6px 0 10px;border-radius:7px;
  font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--blue);
  transition:background .13s ease;
}
.sb-mode:hover{background:#1B2027}
.sb-mode svg{width:12px;height:12px;transition:transform .15s ease}
.sb-mode[aria-expanded="true"] svg{transform:rotate(180deg)}
.sb-modedrop{
  position:absolute;top:calc(100% + 6px);right:0;min-width:270px;z-index:1200;
  background:#14171C;border:1px solid var(--border-hi);border-radius:12px;padding:6px;
  box-shadow:0 18px 40px rgba(0,0,0,.55);
}
.sb-mi{padding:9px 12px;border-radius:8px;cursor:pointer}
.sb-mi:hover{background:#1C2129}
.sb-mi.active{background:#1B2A3F}
.sb-mi-t{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--text-soft)}
.sb-mi.active .sb-mi-t{color:var(--blue)}
.sb-mi-s{font-size:11px;color:var(--muted);margin-top:2px}

/* kafelek filtrów (po prawej) */
.sb-filter{
  position:relative;flex:0 0 auto;width:40px;height:40px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:#101318;border:1px solid var(--border);color:var(--muted);
  transition:color .15s ease,border-color .15s ease,background .15s ease;
}
.sb-filter svg{width:17px;height:17px}
.sb-filter:hover{color:#fff;border-color:var(--border-hi)}
.sb-filter.on,.sb-filter[aria-expanded="true"]{color:var(--blue);border-color:#2B4A73;background:#0F1A2A}
.sb-badge{
  position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:var(--blue);color:#06101E;font-size:10px;font-weight:800;line-height:18px;text-align:center;
}

/* popover filtrów */
.sb-pop{
  position:absolute;top:calc(100% + 8px);right:0;width:340px;z-index:1200;
  background:#14171C;border:1px solid var(--border-hi);border-radius:14px;padding:14px 16px 16px;
  box-shadow:0 22px 48px rgba(0,0,0,.6);
}
.sb-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sb-pop-head span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--text-soft)}
.sb-pop-reset{font-size:11px;font-weight:700;color:var(--muted);padding:4px 8px;border-radius:6px}
.sb-pop-reset:hover{color:#fff;background:#1B2027}
.sb-sec{padding:10px 0 4px;border-top:1px solid #1F242B}
.sb-lbl{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--dim);margin-bottom:8px}
.sb-chips{display:flex;flex-wrap:wrap;gap:6px}
.sb-chip{
  height:30px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:600;
  background:#1A1E25;border:1px solid #262C35;color:var(--text-soft);
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}
.sb-chip:hover{border-color:var(--border-hi);color:#fff}
.sb-chip.active{background:#1B2A3F;border-color:#2B4A73;color:var(--blue)}
.sb-range{display:flex;gap:10px;margin-top:10px}
.sb-range label{flex:1;display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--dim)}
.sb-date{
  height:36px;background:#0F1216;border:1px solid var(--border);border-radius:8px;color:var(--text);
  padding:0 10px;font-size:12px;font-family:inherit;outline:none;color-scheme:dark;
}
.sb-date:focus{border-color:#3C4654}
.sb-toggles{display:flex;flex-direction:column;gap:8px}
.sb-tg{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-soft);cursor:pointer}
.sb-tg input{display:none}
.sb-tg-box{width:18px;height:18px;border-radius:5px;border:1px solid var(--border-hi);background:#0F1216;position:relative;flex:0 0 auto}
.sb-tg input:checked + .sb-tg-box{background:var(--blue);border-color:var(--blue)}
.sb-tg input:checked + .sb-tg-box::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #06101E;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* status pod polem wyszukiwarki (np. tryb semantyczny: „LLM rozszerza zapytanie…" / użyte słowa) */
.sb-status{
  position:absolute;left:0;top:calc(100% + 6px);z-index:1100;max-width:min(680px,90vw);
  display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;
  background:#14171C;border:1px solid var(--border-hi);color:var(--muted);font-size:11.5px;
  box-shadow:0 10px 24px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sb-status-t{overflow:hidden;text-overflow:ellipsis}
.sb-status-x{width:18px;height:18px;border-radius:4px;color:var(--dim);font-size:14px;line-height:1;flex:0 0 auto}
.sb-status-x:hover{background:#1F252D;color:#fff}
.sb-spin{width:12px;height:12px;border-radius:50%;border:2px solid #2B4A73;border-top-color:var(--blue);animation:sbspin .8s linear infinite;flex:0 0 auto}
@keyframes sbspin{to{transform:rotate(360deg)}}
.sb.sb-busy .sb-box{border-color:#2B4A73}