.platform-groups { --group-line: var(--border-color, #dbe1e8); --group-muted: var(--muted-color, #657286); }
.platform-groups .group-layout { display: grid; grid-template-columns: minmax(220px, 290px) minmax(0, 1fr); gap: 24px; margin-top: 24px; align-items: start; }
.platform-groups .group-list, .platform-groups .group-detail { min-width: 0; }
.platform-groups .group-list-item { display: block; width: 100%; text-align: left; padding: 14px 16px; margin-bottom: 8px; overflow-wrap: anywhere; }
.platform-groups .group-list-item small { display: block; font-weight: normal; color: var(--group-muted); margin-top: 5px; }
.platform-groups label { display: block; font-weight: 600; margin: 14px 0; }
.platform-groups label input, .platform-groups label select, .platform-groups label textarea { display: block; margin-top: 7px; width: 100%; box-sizing: border-box; }
.platform-groups input, .platform-groups select, .platform-groups textarea { font: inherit; border: 1px solid var(--group-line); border-radius: 8px; padding: 10px 12px; }
.platform-groups textarea { resize: vertical; }
.platform-groups .group-detail { border: 1px solid var(--group-line); border-radius: 14px; padding: 24px; overflow-wrap: anywhere; }
.platform-groups .group-detail > h2 { margin-top: 0; }
.platform-groups button { cursor: pointer; }
.platform-groups button:disabled { cursor: not-allowed; opacity: .55; }
.platform-groups form > button + button { margin-left: 10px; }
.platform-groups .group-confirmation { border: 2px solid #b96b00; border-radius: 12px; padding: 20px; margin: 20px 0; background: var(--warning-surface, #fffbef); color: var(--warning-text, #513709); }
.platform-groups .group-confirmation .danger { background: #a82121; color: #fff; border-color: #a82121; }
.platform-groups article { border-top: 1px solid var(--group-line); padding: 10px 0; }
.platform-groups article p { font-size: .9rem; }
.platform-groups .error { padding: 12px 16px; background: var(--error-surface, #fff1f1); color: var(--error-color, #a01919); border-radius: 8px; }
.platform-groups .notice { padding: 12px 16px; background: var(--success-surface, #eefaf5); color: var(--success-color, #1e6945); border-radius: 8px; }
.platform-groups :focus-visible { outline: 3px solid var(--focus-color, #167897); outline-offset: 3px; }
@media (max-width: 760px) { .platform-groups .group-layout { grid-template-columns: 1fr; } .platform-groups .group-detail { padding: 16px; } }