@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');
@import url('./packages/ui/styles/tokens.css?v=2c190b6d6aaa');
@import url('./packages/ui/styles/base.css?v=06d287ba379c');
@import url('./packages/ui/styles/components.css?v=ed23b6067ca0');
@import url('./packages/ui/styles/icons.css?v=7ad41b98b3fc');

.pro-home { display: grid; align-content: center; justify-items: start; gap: var(--space-5); min-height: 28rem; max-width: var(--copy-width-wide); padding-block: var(--space-7); }
.pro-home .body-light { max-width: var(--copy-width); }
.pro-home-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.pro-flow { max-width: var(--dialog-width); padding-block: var(--space-6) var(--space-8); }
.pro-flow [data-pro-step] { display: grid; gap: var(--space-5); }
.pro-flow [data-pro-step][hidden] { display: none; }
.pro-flow h1[tabindex='-1']:focus { outline: none; }
.pro-flow .wizard-header { margin-bottom: var(--space-5); }
#pro-progress { margin-bottom: var(--space-5); }
.pro-flow .wizard-actions { margin-top: var(--space-3); }
.pro-review { list-style: none; display: grid; gap: var(--space-3); margin: 0; padding: 0; }
.pro-review li { display: grid; gap: var(--space-1); padding-block: var(--space-3); border-bottom: var(--border-width) solid var(--color-border); overflow-wrap: anywhere; }
.pro-address-fields, .pro-coverage-fields, .pro-training-fields { display: grid; gap: var(--space-4); min-width: 0; }
#pro-coverage-areas { overflow-wrap: anywhere; }
.pro-flow [data-pro-step='done'] .button { justify-self: start; }
.pro-auth, .pro-auth-controls, .pro-auth-code { display: grid; justify-items: start; gap: var(--space-4); min-width: 0; }
.pro-auth { width: 100%; }
.pro-auth-controls { width: 100%; }
.pro-auth-controls .field, .pro-auth-code .field { width: 100%; }
.pro-auth-code { width: 100%; }
.pro-auth [hidden], .pro-status [hidden] { display: none; }
.pro-status { display: grid; align-content: start; gap: var(--space-6); max-width: var(--dialog-width); padding-block: var(--space-6) var(--space-8); }
.pro-status > section { display: grid; justify-items: start; gap: var(--space-4); min-width: 0; }
.pro-status-summary { display: grid; justify-items: start; gap: var(--space-3); padding: var(--space-5); background: var(--color-surface); border-radius: var(--radius-card); width: 100%; }
.pro-status .pro-review { width: 100%; }
.pro-status .pro-review li span:last-child { overflow-wrap: anywhere; }
@media (max-width: 23rem) { .pro-flow .wizard-actions { gap: var(--space-2); } }