.df11-view{padding:18px 22px 36px;overflow:auto;height:100%}
.df11-shell{max-width:1380px;margin:0 auto}
.df11-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.df11-title h1{margin:0 0 4px;font-size:21px}
.df11-title p{margin:0;color:var(--muted);font-size:12px}
.df11-status{
  font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;
  background:#eef3f6;color:#4e626f;white-space:nowrap
}
.df11-status.READY{background:#e6f4ea;color:#27663b}
.df11-status.INDEXING{background:#e7f0fb;color:#245da8}
.df11-searchbox{
  margin-top:18px;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:15px
}
.df11-row{display:grid;grid-template-columns:1fr 160px 230px auto;gap:9px}
.df11-row input,.df11-row select{
  width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fff
}
.df11-row button{
  padding:0 18px;background:var(--accent);color:#fff;border:none;border-radius:7px;
  font-weight:800
}
.df11-progress{margin-top:10px;font-size:11px;color:var(--muted)}
.df11-progressbar{height:5px;background:#edf1f3;border-radius:999px;margin-top:6px;overflow:hidden}
.df11-progressbar span{display:block;height:100%;background:var(--accent);width:0}
.df11-results{margin-top:14px}
.df11-result{
  background:#fff;border:1px solid var(--line);border-radius:9px;
  padding:14px 16px;margin-bottom:9px
}
.df11-result-top{display:flex;justify-content:space-between;gap:12px}
.df11-result-name{font-size:14px;font-weight:800;color:var(--accent)}
.df11-result-repo{font-size:10px;color:var(--muted);margin-top:3px}
.df11-score{font-size:11px;font-weight:800;white-space:nowrap}
.df11-snippet{font-size:11px;line-height:1.55;color:#475862;margin-top:9px;white-space:pre-wrap}
.df11-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.df11-chip{
  font-size:10px;background:#f1f4f6;border:1px solid #e4e9ec;
  border-radius:999px;padding:4px 7px;color:#576873
}
.df11-actions{display:flex;gap:7px;margin-top:10px}
.df11-actions a,.df11-actions button{
  font-size:11px;padding:7px 10px;border-radius:6px;border:1px solid var(--line);
  background:var(--soft);color:var(--accent);text-decoration:none;cursor:pointer
}
.df11-empty{
  background:#fff;border:1px dashed var(--line);border-radius:9px;
  padding:32px;text-align:center;color:var(--muted);font-size:12px
}
@media(max-width:900px){
  .df11-row{grid-template-columns:1fr 1fr}
  .df11-row input{grid-column:1/-1}
}
@media(max-width:620px){
  .df11-row{grid-template-columns:1fr}
  .df11-row input{grid-column:auto}
}