.group-list { display: grid; gap: 16px; margin-top: 48px; }
.group-card { padding: 24px; border: 1px solid var(--admin-line); border-radius: 14px; background: var(--admin-panel); }
.group-card-header { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--admin-line); }
.group-card-id { margin: 0 0 7px; color: var(--admin-muted); font: 10px Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.group-card h2 { margin: 0; font-size: 23px; letter-spacing: -.025em; }
.group-usage { padding: 6px 9px; border: 1px solid var(--admin-line); border-radius: 999px; color: var(--admin-muted); font: 9px Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }
.group-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 20px 0 0; }
.group-details div { min-width: 0; }
.group-details dt { margin-bottom: 7px; color: var(--admin-muted); font: 9px Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; }
.group-details dd { margin: 0; overflow-wrap: anywhere; font-size: 13px; }
.group-card-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--admin-line); }
.group-form-help { margin-top: 18px; }
@media (max-width: 620px) {
  .group-card-header { align-items: flex-start; flex-direction: column; }
  .group-details { grid-template-columns: 1fr; }
  .group-card-actions { justify-content: stretch; }
  .group-card-actions .profile-edit-action, .group-card-actions .profile-delete-action { flex: 1; text-align: center; }
}

.external-id-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.external-id-field { display: grid; align-content: start; gap: 8px; min-width: 0; }
.external-id-field > label { color: var(--admin-muted); font: 10px Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; }
.external-id-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.external-id-controls input { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid var(--admin-line); border-radius: 8px; color: var(--admin-ink); background: #141319; font: 14px "Segoe UI", Arial, sans-serif; }
.external-check-button, .external-use-button { min-height: 42px; padding: 8px 12px; border: 1px solid var(--admin-accent); border-radius: 8px; color: var(--admin-accent); background: transparent; font: 10px Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.external-check-button:hover, .external-check-button:focus-visible, .external-use-button:hover, .external-use-button:focus-visible { color: #15111c; background: var(--admin-accent); }
.external-check-button:disabled { opacity: .55; cursor: wait; }
.external-result { min-height: 0; }
.external-result-card { padding: 14px; border: 1px solid rgb(130 214 154 / 42%); border-radius: 8px; background: rgb(130 214 154 / 6%); }
.external-result-card.is-error { border-color: rgb(239 154 154 / 48%); background: rgb(239 154 154 / 7%); }
.external-result-title { margin: 0; color: var(--admin-ink); font-size: 14px; }
.external-result-meta { margin: 5px 0 0; color: var(--admin-muted); font-size: 12px; line-height: 1.5; }
.external-result-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 10px; }
.external-result-link { align-self: center; color: var(--admin-accent); font: 10px Consolas, monospace; text-decoration: none; text-transform: uppercase; }
.external-cross-check { margin-top: 16px; }
.external-cross-message { padding: 12px 14px; border: 1px solid var(--admin-line); border-radius: 8px; color: var(--admin-muted); font-size: 12px; }
.external-cross-message.is-valid { border-color: rgb(130 214 154 / 42%); color: #82d69a; }
.external-cross-message.is-conflict { border-color: rgb(237 200 121 / 55%); color: var(--admin-warning); background: rgb(237 200 121 / 6%); }
@media (max-width: 620px) { .external-id-grid { grid-template-columns: 1fr; } }

.group-check-all-form { margin: 0; }
.group-check-all { min-height: 38px; padding: 9px 12px; border: 1px solid var(--admin-line); border-radius: 8px; color: var(--admin-muted); background: transparent; font: 10px Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.group-check-all:hover, .group-check-all:focus-visible { border-color: var(--admin-accent); color: var(--admin-accent); }
.group-check-summary { margin-top: 22px; padding: 12px 14px; border: 1px solid var(--admin-line); border-radius: 8px; color: var(--admin-muted); font-size: 12px; }
.group-cache-state { display: block; margin-top: 5px; color: var(--admin-muted); font: 10px Consolas, monospace; text-transform: uppercase; }
.group-cache-warning, .group-name-warning { color: var(--admin-warning); }
.group-name-status { margin: 18px 0 0; padding: 10px 12px; border: 1px solid var(--admin-line); border-radius: 8px; font: 10px Consolas, monospace; text-transform: uppercase; }
.group-name-valid { border-color: rgb(130 214 154 / 42%); color: #82d69a; }
.group-name-warning { border-color: rgb(237 200 121 / 55%); background: rgb(237 200 121 / 6%); }