.customer-onboarding{max-width:620px;margin:clamp(24px,8vh,90px) auto;padding:clamp(24px,5vw,48px)}
.customer-onboarding form{display:grid;gap:12px;margin:24px 0}.customer-onboarding h1{font-size:clamp(26px,4vw,38px)}
.customer-preview-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border:1px solid #8d7947;background:#2c301e;border-radius:12px;margin:18px 0}
.customer-access-panel{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.customer-access-panel h3,.customer-access-panel p,.customer-access-panel input{flex-basis:100%}
.customer-connection-card{border:1px solid var(--border,#343b2c);border-radius:16px;padding:22px;margin:18px 0;max-width:900px}.customer-connection-card textarea{width:100%;margin:10px 0}.customer-connection-card h3{margin-top:0}
.customer-list-tools{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0}.customer-list-tools label{flex:1;min-width:180px;max-width:640px}.customer-list-tools input{display:block;margin-top:8px}.customer-list-tools p{flex-basis:100%;margin:0}.customer-row-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:260px;max-width:400px}.customer-row-actions button{font-size:.75rem;padding:9px 12px;white-space:nowrap}
@media(max-width:600px){.customer-preview-banner{align-items:stretch;flex-direction:column}.customer-preview-banner button{width:100%}.customer-onboarding{margin:20px 12px}}