/* SendCoop sign-in pages: form column + brand panel (loaded after auth.css) */
body.sc-auth-body { display: block; min-height: 100vh; }
body.sc-auth-body::before { display: none; }
.sc-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; }
.sc-auth-col { display: flex; flex-direction: column; min-width: 0; background: var(--color-card-bg); }
.sc-auth-col .auth-main { align-items: center; padding: var(--space-6); }
.sc-auth-col .auth-card { border: 0; box-shadow: none; background: transparent; width: 100%; max-width: 400px; padding: 0; }
.sc-auth-col .auth-card-logo { justify-content: flex-start; margin-bottom: var(--space-8); }
.sc-auth-col .auth-card-logo img { height: 36px; }
.sc-auth-col .auth-card-title { text-align: left; font-size: 26px; font-weight: 600; letter-spacing: -0.015em; }
.sc-auth-col .auth-card-subtitle { text-align: left; }
.sc-auth-col .auth-footer { text-align: left; padding: var(--space-5) var(--space-8); }

.sc-auth-brand { background: #0E2F33; color: #E6F1F2; display: flex; align-items: center; justify-content: center; padding: 56px; position: relative; overflow: hidden; }
.sc-auth-brand-inner { max-width: 480px; display: flex; flex-direction: column; gap: 18px; }
.sc-auth-eyebrow { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #7FD3DC; }
.sc-auth-headline { margin: 0; font-size: 34px; line-height: 1.18; font-weight: 600; letter-spacing: -0.02em; color: #FFFFFF; }
.sc-auth-sub { margin: 0; font-size: 16px; line-height: 1.55; color: #B5CFD1; }
.sc-auth-points { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.sc-auth-points li { display: flex; gap: 14px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: #B5CFD1; }
.sc-auth-points strong { color: #FFFFFF; font-weight: 600; }
.sc-auth-point-icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center; background: rgba(43, 179, 192, 0.16); color: #5CCAD5; }
.sc-auth-preview { margin-top: 12px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); border-radius: 12px; padding: 16px 18px; }
.sc-auth-preview-head { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #B5CFD1; margin-bottom: 14px; }
.sc-auth-preview-dots { display: flex; gap: 4px; }
.sc-auth-preview-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.25); }
.sc-auth-preview-bars { height: 90px; display: flex; align-items: flex-end; gap: 8px; border-bottom: 1px solid rgba(255,255,255,0.14); }
.sc-auth-preview-bars i { flex: 1; background: rgba(92, 202, 213, 0.35); border-radius: 4px 4px 0 0; }
.sc-auth-preview-bars i.hi { background: #2BB3C0; }

[data-theme="dark"] .sc-auth-col { background: var(--color-page-bg); }
[data-theme="dark"] .sc-auth-brand { background: #0F1F22; border-left: 1px solid var(--color-border); }

@media (max-width: 960px) {
    .sc-auth { grid-template-columns: 1fr; }
    .sc-auth-brand { display: none; }
    .sc-auth-col .auth-card-logo { justify-content: center; }
    .sc-auth-col .auth-card-title, .sc-auth-col .auth-card-subtitle { text-align: center; }
    .sc-auth-col .auth-footer { text-align: center; }
}
.sc-auth-brand { position: sticky; top: 0; height: 100vh; align-self: start; }
[data-theme="dark"] {
    --color-teal: #2BB3C0; --color-teal-hover: #4CC3CE; --color-teal-active: #1E9DA9;
    --color-teal-ring: rgba(43, 179, 192, 0.22); --color-border-focus: #2BB3C0;
}
[data-theme="dark"] .auth-btn-primary, [data-theme="dark"] .auth-card .mc-btn-primary, [data-theme="dark"] .auth-card button[type="submit"] { color: #041416; }
