.ga-ui .chain-settings { margin: 12px 0; padding: 12px; border: 1px solid var(--line, #3c4658); border-radius: 4px; background: var(--panel, #18202d); }
.ga-ui .chain-settings summary { min-height: 44px; cursor: pointer; font-weight: 700; font-size: 1rem; }
.ga-ui .chain-settings summary span { display: inline-block; margin-left: 8px; font-weight: 400; }
.ga-ui .chain-teams { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.ga-ui .chain-team { min-width: 0; padding: 12px; border: 1px solid var(--line, #3c4658); border-radius: 4px; }
.ga-ui .chain-team h3 { margin: 0 0 12px; font-size: var(--ga-font-section, .9375rem); }
.ga-ui .chain-team label { display: grid; gap: 6px; }
.ga-ui .chain-team select { width: 100%; max-width: 100%; min-height: 48px; font: inherit; font-size: max(1rem, var(--ga-font-control, 1rem)); }
.ga-ui .chain-team button { width: 100%; min-height: 48px; margin-top: 10px; }
.ga-ui .chain-description, .ga-ui .chain-warning { font-size: .875rem; line-height: 1.6; overflow-wrap: anywhere; }
.ga-ui .chain-warning { color: #ffd08a; }
.ga-ui .chain-roles { display: grid; gap: 6px; }
.ga-ui .chain-roles > div { display: grid; grid-template-columns: 3.5em 1fr; gap: 3px 8px; padding: 7px; background: #ffffff08; border-radius: 5px; }
.ga-ui .chain-roles small { grid-column: 2; color: var(--muted, #b2bdce); overflow-wrap: anywhere; }
.chain-status { flex: 0 0 auto; display: flex; align-items: center; gap: 4px; font-size: .6875rem; white-space: nowrap; }
.chain-status > div { display: flex; gap: 2px; }
.chain-mark { padding: 2px; border: 1px solid #526078; border-radius: 2px; }
.chain-mark.is-ready { color: #d7ffef; background: #1d594a; border-color: #75cbb1; }