.meta-selector-card {
  display: grid;
  grid-template-columns: 1fr minmax(260px, 420px) auto;
  align-items: end;
  gap: 18px;
}
.meta-selector-card h2 { margin-bottom: 5px; }
.meta-selector-card p { margin: 0; }
.meta-selector-card label { font-size: 12px; font-weight: 750; }
.meta-selector-card select {
  display: block;
  width: 100%;
  height: 44px;
  margin-top: 7px;
  padding: 0 12px;
  border: 1px solid #d8d0c3;
  border-radius: 9px;
  background: #fff;
}
.meta-selector-card button {
  height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 9px;
  background: #292821;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.meta-state { padding: 14px 16px; border-radius: 10px; background: #ebe6da; color: var(--muted); }
.meta-state.error { border-left: 4px solid var(--red); background: #fff0ee; color: #7c2d27; }
.meta-warning { border-left: 5px solid var(--yellow); background: #fff9e8; }
.meta-warning > p { color: #684b0a; }
.meta-periods, .meta-metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.meta-periods span, .meta-metadata div { padding: 13px; border-radius: 9px; background: #fff; }
.meta-periods small, .meta-metadata small { display: block; color: var(--muted); }
.meta-periods strong, .meta-metadata strong { display: block; margin-top: 5px; }
.meta-metadata { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.identity-badge { display: inline-block; padding: 5px 8px; border-radius: 999px; background: #ece8df; color: #625c51; font-size: 10px; font-weight: 850; }
.identity-badge.ambiguous_name { background: #fff0c7; color: #795400; }
.identity-badge.partial_identity { background: #e9eef7; color: #415571; }
.metric-note { margin-top: 8px !important; color: #d0c8b8 !important; letter-spacing: 0 !important; line-height: 1.35; }
@media (max-width: 1200px) { .meta-metadata { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
  .meta-selector-card { grid-template-columns: 1fr 1fr; }
  .meta-selector-card > div { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .meta-selector-card { grid-template-columns: 1fr; }
  .meta-selector-card > div { grid-column: auto; }
  .meta-periods, .meta-metadata { grid-template-columns: 1fr; }
  .meta-selector-card button { width: 100%; }
}