body { margin: 0; font-family: Inter, Arial, sans-serif; background: linear-gradient(135deg,#dcecff,#c5ddff); color: #1f2937; }

/* Keep layout simple: left nav is positioned by the partial's stylesheet. Make main content account for it. */
.wrap { width: 100%; min-height: 100vh; }

.main {
    padding: 20px;
    box-sizing: border-box;
    margin-left: var(--left-nav-width, 220px); /* match left nav width */
}

.card { background: #fff; border-radius: 12px; padding: 18px; border: 1px solid #e6eefc; max-width: 900px; }
.invite-row { display:flex; gap:8px; align-items:center; }
input, button { padding: 10px 12px; font-size: 14px; }

/* Make form controls full-width on small screens */
.invite-row input { flex: 1 1 auto; min-width: 0; }
.invite-row button { white-space: nowrap; }

.muted { color:#6b7280 }

/* Responsive: remove left margin on narrow viewports */
@media (max-width: 899px) {
    .main { margin-left: 0; padding: 14px; }
    .card { padding: 14px; }
    .invite-row { flex-direction: column; align-items: stretch; }
    .invite-row button { width: 100%; }
}