
.storage-connections { width:100%; padding:1rem 0; }
.storage-connections h2 { margin:0 0 .5rem; }
.storage-connections p { color:var(--text-muted,#64748b); line-height:1.5; }
.storage-provider-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:1rem; margin:1rem 0; }
.storage-provider-card { padding:1.25rem; border:1px solid #dde3f4; border-radius:16px; background:linear-gradient(135deg,#faf8ff,#fff); }
.storage-provider-s3 { background:linear-gradient(135deg,#fff5e7,#fff); }
.storage-provider-card > svg { width:40px; height:40px; }
.storage-provider-card h3 { margin:.6rem 0; }
.storage-provider-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:.65rem; }
.storage-connections .sites-media-drive-icon { width:auto; height:auto; min-height:48px; padding:.7rem; display:flex; gap:.6rem; text-align:left; border-radius:12px; }
.storage-connections .sites-media-drive-icon svg { flex-shrink:0; }
.storage-connections .sites-media-drive-icon span { font-size:.875rem; }
.storage-provider-note { font-size:.85rem; }
.storage-connections .sites-media-drive-form { max-width:none; padding:1rem; border:1px solid #e2d8ff; border-radius:16px; margin-top:1rem; }

.storage-callback { display:block; overflow-wrap:anywhere; white-space:normal; font-size:.8rem; padding:.7rem; border-radius:8px; background:#f1f3ff; }
.storage-connections h2 { display:flex; align-items:center; gap:.5rem; }
