/* SITU · Knowledge Graph Panel — 外壳样式(数据源条 + 项目下拉) */
.kgp-root { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; min-height: 320px; }

.kgp-bar {
  flex: 0 0 auto; display: flex; align-items: center; gap: 10px;
  padding: 8px 10px; flex-wrap: wrap;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.kgp-seg { display: inline-flex; gap: 2px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 3px; }
.kgp-sbtn { appearance: none; border: 0; background: transparent; color: #aeb2c2; font-size: 12px; font-family: inherit; padding: 5px 12px; border-radius: 6px; cursor: pointer; white-space: nowrap; transition: background 150ms, color 150ms; }
.kgp-sbtn:hover { color: #f0f1f6; background: rgba(255,255,255,0.06); }
.kgp-sbtn.is-on { color: #1a1b20; background: rgba(222,225,235,0.92); font-weight: 600; }

.kgp-proj {
  appearance: none; max-width: 240px;
  background: rgba(30,32,39,0.7) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238b909d'/%3E%3C/svg%3E") no-repeat right 9px center;
  border: 1px solid rgba(255,255,255,0.1); border-radius: 7px;
  color: #d3d6e0; font-size: 12px; font-family: inherit;
  padding: 6px 24px 6px 9px; cursor: pointer;
  overflow: hidden; text-overflow: ellipsis;
}
.kgp-proj:focus { outline: none; border-color: rgba(160,172,205,0.6); }
.kgp-proj option { background: #1e2027; color: #d3d6e0; }

.kgp-status { font-size: 11px; color: #7e8295; margin-left: auto; white-space: nowrap; }

.kgp-graph { flex: 1 1 auto; position: relative; min-height: 0; }

.kgp-empty, .kgp-msg {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 30px; color: #6b7080; font-size: 13px; line-height: 1.6;
  font-family: -apple-system, "PingFang SC", sans-serif;
}

@media (max-width: 560px) { .kgp-status { display: none; } .kgp-proj { max-width: 150px; } }