/* ========================================
   COMPLETE ORGANIZATION PAGE STYLES (CompleteOrganization.razor)
   ======================================== */

/* ---------- Pages/CompleteOrganization.razor ---------- */
.organization-setup-page { min-height: calc(100vh - 80px); display: grid; place-items: center; padding: 2rem 1rem; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card { width: min(620px, 100%); background: var(--surface-0); border: 1px solid #17606a; border-top: 4px solid var(--color-primary); border-radius: 12px; padding: 2rem; box-shadow: 0 20px 55px rgba(0,0,0,.4); }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card h1 { color: #fff; text-align: center; margin: .5rem 0; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card > p { color: #a9bdc0; text-align: center; margin-bottom: 1.75rem; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .setup-icon { width: 64px; height: 64px; margin: 0 auto; display: grid; place-items: center; border-radius: 50%; background: #0d3439; color: var(--color-primary-light); font-size: 1.8rem; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card label { display: block; color: #d7e7e9; font-weight: 700; margin: 1rem 0 .4rem; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card label span { color: #81979a; font-weight: 400; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card input, :where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card textarea { width: 100%; color: #fff; background: #101415; border: 1px solid #476064; border-radius: 6px; padding: .8rem .9rem; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card input:focus, :where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(var(--color-primary-rgb), .18); }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .organization-setup-card textarea { min-height: 88px; resize: vertical; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .setup-submit { width: 100%; margin-top: 1.5rem; border: 0; border-radius: 7px; padding: .9rem; background: var(--color-primary); color: #001619; font-weight: 800; display: flex; gap: .6rem; justify-content: center; align-items: center; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .setup-submit:disabled { opacity: .65; }
:where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .setup-error, :where(.organization-setup-page, .organization-setup-page ~ .lbsa-mobile-dialog-host) .validation-summary { margin-top: 1rem; color: #ff8d97; }