.live-form {
  align-content: start;
}

.inline-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.form-note {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.is-hidden {
  display: none !important;
}

.data-table td strong {
  font-weight: 760;
}

.data-table td small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.data-table tr.selected td {
  background: rgba(14, 116, 144, .06);
}

.member-grid {
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
}

.device-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
}

.security-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.member-panel {
  display: grid;
  gap: 18px;
}

.permission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.permission-grid label {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 7px 9px;
  color: var(--text);
  font-size: 13px;
}

.member-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.compact-button {
  min-height: 30px;
  padding: 6px 10px;
}

.device-list {
  display: grid;
  gap: 10px;
}

.device-list article,
.device-list > span {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 11px 12px;
  display: grid;
  gap: 5px;
}

.device-list b {
  color: var(--text);
  font-size: 13px;
}

.device-list span,
.device-list small,
.muted-text {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.readiness-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.readiness-list article,
.readiness-list > span {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px;
  min-height: 92px;
  display: grid;
  gap: 6px;
  align-content: start;
}

.readiness-list article.ready {
  border-color: rgba(22, 163, 74, .35);
  background: rgba(22, 163, 74, .06);
}

.readiness-list article.blocked {
  border-color: rgba(202, 138, 4, .35);
  background: rgba(202, 138, 4, .06);
}

.readiness-list b {
  color: var(--text);
  font-size: 13px;
}

.readiness-list span,
.readiness-list small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 920px) {
  .security-grid,
  .device-grid,
  .member-grid {
    grid-template-columns: 1fr;
  }

  .readiness-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .inline-action {
    grid-template-columns: 1fr;
  }

  .readiness-list {
    grid-template-columns: 1fr;
  }

  .permission-grid {
    grid-template-columns: 1fr;
  }
}