/* Frontend styles */
.han-ulasim-widget{--br:16px;--bd:#e5e7eb;--muted:#6b7280;--bg:#ffffff}
.han-ulasim-widget section{margin:0 0 18px}
.han-ulasim-widget h3{margin:0 0 10px;font-size:1.125rem;display:flex;gap:8px;align-items:center}
.han-ulasim-widget .selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.han-ulasim-widget .sel{display:flex;flex-direction:column;gap:6px}
.han-ulasim-widget .sel select{padding:10px;border:1px solid var(--bd);border-radius:10px}
.han-ulasim-widget .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.han-ulasim-widget .card{border:1px solid var(--bd);border-radius:var(--br);padding:12px;background:var(--bg)}
.han-ulasim-widget .card .title{display:flex;gap:10px;align-items:center;font-weight:700;margin-bottom:6px}
.han-ulasim-widget .muted{color:var(--muted);font-size:.92rem}
.han-ulasim-widget .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.han-ulasim-widget .badge{border:1px dashed var(--bd);border-radius:999px;padding:4px 8px;font-size:.82rem}
.han-ulasim-widget .card a{display:inline-block;margin-top:8px;text-decoration:none}
.han-ulasim-widget .nodata{padding:16px;border:1px dashed var(--bd);border-radius:var(--br);color:var(--muted)}
/* compact on mobile */
@media (max-width:480px){
  .han-ulasim-widget .cards{grid-template-columns:1fr}
}