/* Telas do agente D (prefixo s-<tela>-): login, sync-issues. */

.s-login { flex: 1; display: flex; flex-direction: column; min-height: 100%; padding: 8px 4px 16px; }
.s-login-top { display: flex; align-items: center; justify-content: space-between; }
.s-login-logo { width: 128px; height: 32px; object-fit: contain; object-position: left center; }
.s-login-hero { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 32px 0; }
.s-login-title { margin: 0; display: flex; flex-direction: column; font: 600 40px/1.05 var(--font-display); color: var(--ink); }
.s-login-title > span:first-child { letter-spacing: .02em; text-transform: uppercase; }
.s-login-coda { font-weight: 300; color: var(--coral); }
.s-login-lead { margin: 0; max-width: 30ch; font-size: 16px; }
.s-login-actions { display: flex; flex-direction: column; gap: 12px; }
.s-login-google { display: flex; justify-content: center; min-height: 44px; }

.s-sync-issues-list { display: flex; flex-direction: column; gap: 12px; }
.s-sync-issues-item { display: flex; flex-direction: column; gap: 6px; }
.s-sync-issues-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.s-sync-issues-who { font-size: 15px; font-weight: 600; color: var(--ink); }
.s-sync-issues-why { margin: 0; font-size: 14px; color: var(--ink); }
.s-sync-issues-actions { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; margin-top: 6px; }