.real-integrations-shell { display: grid; gap: 18px; }
.real-integrations-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.real-integrations-header h2 { margin: 4px 0 8px; }
.real-integrations-header p { margin: 0; color: #cbd5e1; }
.real-warning-badge { flex: 0 0 auto; padding: 9px 12px; border: 1px solid rgba(248,113,113,.42); border-radius: 999px; color: #fecaca; background: rgba(127,29,29,.24); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.real-status-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.real-status-grid div { display: flex; justify-content: space-between; gap: 10px; padding: 13px; border: 1px solid rgba(148,163,184,.14); border-radius: 12px; background: rgba(2,6,23,.5); }
.real-status-grid span { color: #94a3b8; }
.real-status-grid strong { color: #e2e8f0; text-align: right; }
.real-status-grid strong[data-enabled="true"] { color: #67e8f9; }
.real-status-grid strong[data-danger="true"] { color: #fca5a5; }
.real-panel { min-width: 0; padding: 18px; border: 1px solid rgba(56,189,248,.17); border-radius: 16px; background: linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.56)); }
.real-panel h3 { margin: 2px 0 12px; }
.real-access-panel { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(320px,1.2fr); align-items: end; gap: 18px; }
.real-access-panel p { margin: 4px 0; color: #94a3b8; }
.real-access-form { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: end; }
.real-access-form .real-actions { grid-column: 1 / -1; }
.real-guidance { grid-column: 1 / -1; padding: 10px 12px; border-radius: 10px; background: rgba(30,41,59,.62); }
[data-real-private-region][data-locked="true"] { opacity: .58; }
.real-section-label { margin: 0 0 5px; color: #67e8f9; font-size: .7rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.real-two-column { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.real-panel-title,.real-actions,.google-identity-panel { display: flex; align-items: center; gap: 10px; }
.real-panel-title { justify-content: space-between; margin-bottom: 10px; }
.real-panel-title h3 { margin: 0; }
.google-identity-panel { flex-wrap: wrap; justify-content: space-between; }
.google-identity-panel > div:first-child { min-width: 230px; }
.google-identity-panel p { margin: 0; color: #94a3b8; }
.google-identity-panel label { display: grid; gap: 5px; color: #94a3b8; font-size: .78rem; }
.google-account-card { display: flex; align-items: center; gap: 11px; }
.google-account-card[hidden] { display: none !important; }
.google-account-card img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: #0f172a; }
.google-account-card div { display: grid; gap: 3px; }
.google-account-card span { color: #94a3b8; font-size: .82rem; }
.real-form { display: grid; gap: 10px; }
.real-inline-form { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; margin: 10px 0; }
.real-form input,.real-form textarea,.real-inline-form input,.google-identity-panel input { box-sizing: border-box; width: 100%; min-height: 42px; padding: 10px 11px; border: 1px solid rgba(148,163,184,.23); border-radius: 9px; color: #f8fafc; background: rgba(2,6,23,.74); }
.real-form textarea { resize: vertical; }
.real-form label { display: grid; gap: 5px; color: #94a3b8; font-size: .78rem; }
.real-panel button { min-height: 38px; padding: 8px 11px; border: 1px solid rgba(34,211,238,.34); border-radius: 9px; color: #ecfeff; background: rgba(8,145,178,.24); }
.real-panel button:hover { border-color: rgba(103,232,249,.66); }
.real-panel button:disabled { cursor: wait; opacity: .5; }
.real-panel button.real-secondary { color: #bae6fd; background: rgba(15,23,42,.72); }
.real-panel button.real-danger { border-color: rgba(248,113,113,.34); color: #fecaca; background: rgba(127,29,29,.2); }
.real-wrap { flex-wrap: wrap; }
.real-list { max-height: 390px; overflow: auto; display: grid; gap: 7px; margin-top: 11px; }
.real-list.compact { max-height: 220px; }
.real-list-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid rgba(148,163,184,.11); border-radius: 10px; background: rgba(2,6,23,.42); }
.real-list-copy { min-width: 0; display: grid; gap: 3px; }
.real-list-copy strong,.real-list-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.real-list-copy span,.real-list-copy small { color: #94a3b8; }
.real-message-view { margin-top: 12px; padding: 14px; border: 1px solid rgba(56,189,248,.15); border-radius: 12px; }
.real-message-view h4 { margin: 0 0 5px; }
.real-message-view small { color: #94a3b8; }
.real-message-view pre,.real-result { overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: #cbd5e1; font: inherit; line-height: 1.5; }
.real-result { min-height: 70px; margin: 12px 0 0; padding: 12px; border-radius: 10px; background: rgba(2,6,23,.65); }
.real-member-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.real-member-card { display: grid; gap: 5px; padding: 12px; border: 1px solid rgba(148,163,184,.13); border-radius: 11px; background: rgba(2,6,23,.44); }
.real-member-card span,.real-member-card small { color: #94a3b8; }
.real-member-card small[data-connected="true"] { color: #67e8f9; }
.real-feedback { position: sticky; bottom: 8px; min-height: 1.4em; margin: 0; padding: 9px 12px; border-radius: 10px; color: #bae6fd; background: rgba(8,47,73,.92); }
.real-feedback:empty { display: none; }
.real-feedback[data-error="true"] { color: #fecaca; background: rgba(69,10,10,.94); }
.real-feedback[data-state="loading"] { color: #fde68a; background: rgba(69,26,3,.94); }
@media (max-width: 960px) { .real-two-column,.real-access-panel { grid-template-columns: 1fr; } .real-status-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px) { .real-integrations-header,.google-identity-panel { align-items: stretch; flex-direction: column; } .real-status-grid,.real-member-grid,.real-access-form { grid-template-columns: 1fr; } .real-inline-form { grid-template-columns: 1fr; } .real-list-item { grid-template-columns: auto minmax(0,1fr); } .real-list-item > button { grid-column: 2; } }