.indicator-toolbar, #indicator-results {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #d8e2f0;
  border-radius: 12px;
  background: #fff;
}
.indicator-toolbar { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; }
.indicator-toolbar label { display: grid; gap: 6px; }
.indicator-toolbar input {
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid #b8c9df;
  border-radius: 6px;
  font: inherit;
}
#indicators-view button {
  padding: 10px 14px;
  border: 1px solid #b8c9df;
  border-radius: 6px;
  background: #f4f8ff;
  color: #193856;
  font: inherit;
  cursor: pointer;
}
#indicators-view button:disabled { opacity: .6; cursor: wait; }
.indicator-method, #indicator-coverage, #indicator-snapshot {
  color: #52657f;
  line-height: 1.65;
  font-size: 13px;
}
.indicator-table-wrap { overflow: auto; max-width: 100%; border: 1px solid #d8e2f0; border-radius: 8px; }
.indicator-table { border-collapse: collapse; width: 100%; font-size: 13px; }
.indicator-table caption { padding: 12px; text-align: left; font-weight: 700; }
.indicator-table th, .indicator-table td { padding: 14px; border: 1px solid #e2e9f2; text-align: left; white-space: nowrap; }
.indicator-table thead th { background: #edf3fc; }
.indicator-table tbody th { background: #fff; position: sticky; left: 0; z-index: 1; }
.indicator-table td { min-width: 155px; }
.indicator-table td small { display: block; margin-top: 5px; color: #60738d; }
.indicator-cell-track { display: block; height: 5px; margin-top: 10px; background: #edf3fc; border-radius: 5px; }
.indicator-cell-bar { display: block; height: 100%; background: #3974db; border-radius: inherit; }
#indicator-status { min-height: 24px; color: #315879; }
#indicator-status.is-error { color: #b42318; }
#indicators-view { min-width: 0; }
.indicator-table tbody th small { display: block; color: #60738d; font-weight: 400; margin-top: 4px; }
.management-summary { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 24px 0; padding: 20px 24px; background: #eaf1ff; border-radius: 14px; color: #315879; }
.management-groups { display: grid; gap: 24px; }
.management-group { border: 1px solid #dce5f0; border-radius: 16px; background: #fff; overflow: hidden; }
.management-group > header { display: flex; align-items: center; gap: 12px; padding: 18px 24px; border-bottom: 1px solid #e8eef6; }
.management-group h2 { margin: 0; font-size: 18px; }
.management-group header span { border-radius: 20px; padding: 4px 10px; background: #edf3fc; color: #315879; font-size: 12px; }
.management-members { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.management-person { display: flex; gap: 14px; padding: 22px 24px; border-bottom: 1px solid #f0f3f8; min-width: 0; }
.management-person > div { min-width: 0; display: grid; align-content: start; gap: 6px; overflow-wrap: anywhere; }
.management-person h3 { margin: 0; font-size: 14px; color: #193856; }
.management-person a { color: #3865bc; font-size: 13px; text-decoration: none; }
.management-person small, .management-role { color: #60738d; font-size: 12px; }
.management-avatar { display: grid; place-items: center; flex: 0 0 38px; height: 38px; background: #eaf1ff; color: #3865bc; border-radius: 12px; font-weight: 700; font-size: 13px; }
.management-pending { color: #986514; font-size: 12px; }
#management-status { color: #315879; }
#management-status.is-error { color: #b42318; }