/* Final form layer: common measurements, with existing field types and semantics intact. */
:root{--form-control-height:44px;--form-font-size:14px;--form-gap:16px;--form-radius:8px;--form-surface:var(--home-surface,var(--ui-surface,#fff));--form-line:var(--home-border,var(--ui-border,#dce4ef));--form-ink:var(--home-text,var(--ui-text,#172b49));--form-muted:var(--home-muted,var(--ui-muted,#61718a))}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-layout]:not([data-form-layout=custom]){box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field]{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--form-label-rows,minmax(var(--form-label-height,42px),auto) minmax(var(--form-control-height),auto) auto);align-content:start;align-items:start;gap:7px!important;min-width:0!important;width:100%!important;margin:0!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;font-size:13px!important;line-height:1.45!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) .form-field-title{grid-row:1;align-self:end;display:block;min-width:0;margin:0!important;overflow-wrap:anywhere;font-weight:600;line-height:1.45!important;font-size:inherit!important;text-transform:none!important;letter-spacing:normal!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-control]{grid-row:2;box-sizing:border-box;min-width:0!important;max-width:100%!important;width:100%!important;align-self:start;margin:0!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field]>:is(small,.field-hint,.input-hint){grid-row:3;margin:0!important;min-width:0;font-size:12px!important;line-height:1.5!important;color:var(--form-muted)!important;overflow-wrap:anywhere;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){box-sizing:border-box;min-width:0!important;width:100%!important;max-width:100%!important;min-height:var(--form-element-min-height,var(--form-control-height))!important;height:var(--form-element-height,var(--form-control-height))!important;padding:var(--form-element-padding,10px 12px)!important;border:var(--form-element-border,1px solid var(--form-line))!important;border-radius:var(--form-element-radius,var(--form-radius))!important;box-shadow:none!important;font-family:inherit!important;font-size:var(--form-font-size)!important;line-height:1.35!important;color:var(--form-ink)!important;background:var(--form-surface)!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-standalone-control]{box-sizing:border-box;min-width:0!important;max-width:100%;min-height:var(--form-control-height)!important;height:var(--form-control-height)!important;padding:10px 12px!important;border:1px solid var(--form-line)!important;border-radius:var(--form-radius)!important;font:inherit;font-size:var(--form-font-size)!important;color:var(--form-ink)!important;background:var(--form-surface)!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,dialog,[data-form-sheet]) .account-search input[data-form-standalone-control]{padding-right:44px!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] textarea{--form-element-height:auto;--form-element-min-height:96px;resize:vertical}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] .password-wrap input{--form-element-padding:10px 68px 10px 12px}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] .plan-money-input{min-height:var(--form-control-height);border:1px solid var(--form-line);border-radius:var(--form-radius);overflow:hidden}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] .plan-money-input input{--form-element-border:0;--form-element-radius:0px;box-shadow:none!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] input[type=file]{--form-element-height:auto;--form-element-padding:7px}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] input[type=file]::file-selector-button{min-height:28px;border:1px solid var(--form-line);border-radius:6px;padding:4px 9px;margin-right:8px;font:inherit;color:inherit;background:var(--action-hover,#f4f7fb);cursor:pointer}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] :is(input,select,textarea):focus-visible{outline:2px solid var(--action-focus,#1267e9)!important;outline-offset:2px;box-shadow:none!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] input:read-only:not([type=file]),:is(#appScreen .shell-main,#appScreen #billingWorkspace,dialog,[data-form-sheet]) [data-form-field] :disabled{background:var(--action-hover,#f4f7fb)!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-grid=fields]{display:grid!important;min-width:0;column-gap:var(--form-gap)!important;row-gap:8px!important;align-items:stretch!important}
:is(#appScreen .shell-main,[data-form-app],dialog,[data-form-sheet]) .file-fields>label[data-form-field]{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
:is(#appScreen .shell-main,[data-form-app],dialog,[data-form-sheet]) .file-fields>label[data-form-field]::before{display:none!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-grid=fields][data-form-auto-columns]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field]:not(:has(>small,>.field-hint,>.input-hint)){--form-label-rows:minmax(var(--form-label-height,42px),auto) minmax(var(--form-control-height),auto)}
@supports(grid-template-rows:subgrid){
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-grid=fields]>[data-form-field]{grid-row:span 3;grid-template-rows:subgrid;align-self:stretch}
}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-actions]{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;box-sizing:border-box;min-width:0}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-actions]>button:not(.mc-button--icon){min-height:44px!important;height:auto!important;max-width:100%;padding:10px 16px!important;margin:0!important;border-radius:var(--form-radius)!important;white-space:normal!important;font-size:13px!important;line-height:1.35!important}
#appScreen #companyForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#appScreen #companyForm>:not([data-form-field]),#appScreen #companyForm>label:has(#companyRegistrationMode,#companyCurp,[name=ciecPassword]){grid-column:1/-1}
#appScreen #profileForm .account-fields>button[type=submit]{grid-column:1/-1;justify-self:end;min-height:44px}

/* Keep the taxpayer header, fields and feedback on the same inset inside the card. */
#appScreen #companyFormView{--company-form-inset:32px;--form-label-height:22px}
#appScreen #companyFormView .card-heading{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:24px var(--company-form-inset)!important}
#appScreen #companyFormView #companyForm{padding:24px var(--company-form-inset) 32px!important;gap:24px;--form-gap:24px}
#appScreen #companyFormView #companyStatus{box-sizing:border-box;max-width:none!important;margin:0!important;padding:0 var(--company-form-inset) 24px}
#appScreen #companyFormView #companyStatus:empty{display:none}
#appScreen #companyFormView :is(#companyFielFields,#companyCsdFields):not([hidden]){display:grid;gap:24px}
@media(min-width:701px) and (max-width:1100px){#appScreen #companyFormView{--company-form-inset:24px}}

@media(max-width:700px){
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-row]{flex-wrap:wrap!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:14px!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-row]>[data-form-field]{flex:1 0 100%!important;max-width:none!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-row]>button:not(.mc-button--icon){flex:1 1 140px!important;min-height:48px!important;height:auto!important;white-space:normal!important;font-size:14px!important}
 :root{--form-control-height:50px;--form-font-size:16px;--form-gap:18px;--form-radius:10px}
 #appScreen .shell-main :is(.consult-view,.account-view,.company-form-view){width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important;padding:16px 0 calc(106px + env(safe-area-inset-bottom))!important}
 #appScreen .shell-main :is(.consult-shell,.consult-card){width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--form-surface)!important}
 #appScreen .shell-main :is(#queryForm,#form,.extra-fields):not([data-form-layout=custom]){width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important;padding-inline:0!important}
 #appScreen .shell-main :is(.card-heading,.consult-view>.back-link,.company-form-view>header){margin-inline:16px!important;text-align:left!important}
 #appScreen .shell-main .card-heading{padding-inline:0!important}
 #appScreen #billingWorkspace :is(.billing-advanced,.billing-commercial,.billing-catalog-form,.billing-extension){width:100%!important;max-width:none!important;margin-inline:0!important;border-inline:0!important;border-radius:0!important;box-shadow:none!important}
 #appScreen #billingWorkspace :is(.billing-advanced,.billing-commercial,.billing-extension){padding:16px!important}
 #appScreen #billingWorkspace .billing-advanced .bad-wizard-panel{padding:16px 0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 #appScreen #billingWorkspace .billing-advanced [data-item]{padding:16px 0!important;border-inline:0!important;border-radius:0!important}
 #appScreen #billingWorkspace .billing-advanced [data-special]>fieldset{padding:16px 0!important;border-inline:0!important;border-radius:0!important}
 #appScreen #billingWorkspace .billing-catalog-form :is(header,fieldset,footer,.billing-catalog-advanced){padding-inline:16px!important}
 #appScreen .shell-main :is(#companyForm,.account-fields){padding-inline:16px!important}
 #appScreen #companyForm{grid-template-columns:minmax(0,1fr);gap:18px}
 #appScreen #companyFormView{--company-form-inset:16px}
 #appScreen #companyFormView .card-heading{padding:4px var(--company-form-inset) 20px!important}
 #appScreen #companyFormView #companyForm{padding:20px var(--company-form-inset) 24px!important;gap:22px;--form-gap:22px}
 #appScreen #companyFormView :is(#companyFielFields,#companyCsdFields):not([hidden]){gap:22px}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app] main) table :is(input:where(:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=button]):not([type=submit])),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;min-height:44px!important;padding:8px 10px!important;font-size:16px!important;line-height:1.35!important;border-radius:var(--form-radius)!important}
 #appScreen :is(#companyForm,#profileForm .account-fields)>button[type=submit]{box-sizing:border-box;width:100%!important;max-width:none!important;min-height:48px!important;justify-self:stretch!important;font-size:15px!important;white-space:normal!important}
 #appScreen .shell-main .account-panel{width:100%!important;max-width:none!important;margin-inline:0!important;border-inline:0!important;border-radius:0!important;padding:16px 0!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-grid=fields]{grid-template-columns:minmax(0,1fr)!important;gap:var(--form-gap)!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-grid=fields][data-form-auto-columns]{grid-template-columns:minmax(0,1fr)!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field]{grid-column:1/-1!important;grid-row:auto!important;grid-template-rows:auto minmax(var(--form-control-height),auto)!important;gap:8px!important;font-size:14px!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field]:has(>small,>.field-hint,>.input-hint){grid-template-rows:auto minmax(var(--form-control-height),auto) auto!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){font-size:16px!important}
 :is(#appScreen .shell-main,#loginScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] .password-wrap input{--form-element-padding:10px 84px 10px 12px}
 :is(#appScreen .shell-main,#loginScreen,[data-form-app],dialog,[data-form-sheet]) [data-form-field] .password-wrap button{box-sizing:border-box;width:64px!important;min-height:44px!important;height:44px!important;padding:0 4px!important;font-size:13px!important;white-space:nowrap!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-actions]{width:100%;gap:10px!important;padding-block:16px!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-actions]>button:not(.mc-button--icon):not([hidden]){flex:1 1 140px!important;min-height:48px!important;font-size:15px!important}
 :is(#appScreen .shell-main,#appScreen #billingWorkspace,[data-form-app],dialog,[data-form-sheet]) [data-form-actions]>small{flex-basis:100%;margin:0!important}
 body>[data-form-sheet]:not(dialog){inset:0!important;box-sizing:border-box;align-items:stretch!important;justify-items:stretch!important;padding:0!important;overflow:auto!important;overscroll-behavior:contain}
 body>[data-form-sheet]:not(dialog) [data-form-sheet-panel]{box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important;min-height:100dvh;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 body>[data-form-sheet]:not(dialog) [data-form-sheet-panel]:not(form){padding:16px!important}
 body>[data-form-sheet] [data-form-sheet-panel]:not(form) [data-form-grid]{padding-inline:0!important}
 body>#payrollModal.payroll-modal[data-form-sheet]>form{display:flex!important;flex-direction:column;height:100dvh!important;min-height:0!important;max-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 body>.payroll-modal[data-form-sheet]>form>:is(header,footer,p[role=status],p[role=alert]){flex:0 0 auto}
 body>.payroll-modal[data-form-sheet] .payroll-form-grid{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px!important}
 dialog[data-form-sheet][open]{inset:0!important;box-sizing:border-box;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:16px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;border:0!important;border-radius:0!important;overflow-y:auto!important;overscroll-behavior:contain}
 [data-form-sheet] [data-form-actions]{position:sticky!important;bottom:0!important;z-index:2;background:var(--form-surface)!important;padding:16px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;border-top:1px solid var(--form-line)!important;box-shadow:0 -6px 16px #12284908!important}
 #loginScreen .login-form{width:100%!important;max-width:none!important;margin:0!important}
 #loginScreen .login-panel{align-items:flex-start!important;padding:32px 24px!important}
}
:is(#appScreen .shell-main,#appScreen #billingWorkspace,#loginScreen,#registerScreen,[data-form-app],dialog,[data-form-sheet]) :is([data-form-field][hidden],[data-form-grid][hidden],[data-form-row][hidden],[data-form-actions][hidden]){display:none!important}