/* Pantallas nuevas: reutilizan exclusivamente los colores del tema aprobado. */
.invitation-card,.invitation-link,.author-filter{padding:28px;margin-top:24px;background:var(--surface);color:var(--text)}
.invitation-card>p,.invitation-link>p{max-width:760px;color:var(--muted)}
.invitation-card .form-stack{max-width:640px}
.invitation-link{background:var(--surface-soft);border:1px solid var(--border)}
.invitation-list{display:flex;flex-direction:column;gap:18px}
.invitation-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;border-radius:16px;background:var(--surface-soft);overflow-wrap:anywhere}
.invitation-item p{margin:8px 0 0}
.connection-item{padding:20px;border:1px solid var(--border);border-radius:16px;margin-top:18px;background:var(--surface-soft)}
.connection-item details{margin-top:16px}
.connection-item summary{cursor:pointer;color:var(--blue);min-height:44px;display:flex;align-items:center}
.connection-item details[open] .form-stack{margin-top:12px}
.connection-item summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:8px}
.thought-card .thought-author{font-size:12px;font-weight:700;color:var(--blue);margin:0 0 10px}
.author-filter .date-filter-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.notice ul{margin:0;padding-left:20px}
@media(max-width:700px){.invitation-card,.invitation-link,.author-filter{padding:22px}.invitation-item{align-items:flex-start;flex-direction:column}.invitation-item form,.invitation-item button{width:100%}.author-filter .date-filter-form{grid-template-columns:1fr}}