.bootstrap-state{width:min(100% - 2rem,42rem);margin:10vh auto}
.setup-shell{min-height:100dvh;padding:var(--space-lg) var(--space-md);background:linear-gradient(145deg,var(--color-primary-subtle),var(--color-surface) 42%)}
.setup-shell__brand{width:fit-content;margin:0 auto var(--space-xl)}
.setup-shell__content{width:min(100%,52rem);margin-inline:auto}
.setup-page__header{max-width:42rem;margin-bottom:var(--space-lg)}
.setup-page__header h1{margin-block:var(--space-sm)}
.setup-page__header p{margin:0}
.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-gutter)}
.profile-form__wide{grid-column:1/-1}
.profile-form-card{width:min(100%,52rem)}
.dialog-shell.profile-form-dialog{width:min(100%,44rem)}.profile-form-dialog .profile-form{gap:1rem}
.optional-label{font-weight:500;letter-spacing:0;text-transform:none}
.form-validation-summary{margin-bottom:var(--space-gutter);padding:var(--space-md);color:var(--color-on-error-container);background:var(--color-error-container);border-radius:var(--radius-control)}
.form-validation-summary:empty{display:none}
.form-validation-summary ul{margin:0;padding-left:var(--space-gutter)}
.form-error{margin-top:var(--space-gutter);padding:var(--space-md);color:var(--color-on-error-container);background:var(--color-error-container);border-radius:var(--radius-control)}
.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}
.app-textarea{resize:vertical}
.wedding-profile{color:var(--color-text);text-decoration:none}

@media(max-width:767px){
    .profile-form{grid-template-columns:1fr}
    .profile-form__wide{grid-column:auto}
    .form-actions{flex-direction:column-reverse}
    .form-actions .app-button{width:100%}
    .setup-shell{padding-top:max(var(--space-lg),env(safe-area-inset-top));padding-right:max(var(--space-md),env(safe-area-inset-right));padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom));padding-left:max(var(--space-md),env(safe-area-inset-left))}
}

@media(min-width:768px){
    .setup-shell{padding:var(--space-xl) var(--space-gutter)}
    .setup-shell__brand{margin-bottom:3rem}
}
