/*
 * Dashboard typography foundation.
 *
 * This is the only stylesheet allowed to define font-family tokens, role size
 * tokens, or the visual metrics of an .apk-type-* or .mvc-type-* role.
 */
:where(#apk-dashboard-root, .mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) {
  --apk-font-ui: "Nunito Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --apk-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --apk-font-script: "Caveat", "Segoe Print", cursive;
  --apk-role-display-size: 56px;
  --apk-role-page-size: 44px;
  --apk-role-section-size: 32px;
  --apk-role-card-size: 18px;
  --apk-role-body-size: 16px;
  --apk-role-helper-size: 14px;
  --apk-role-meta-size: 13px;
  --apk-role-eyebrow-size: 12px;
  --apk-role-label-size: 14px;
  --apk-role-button-size: 15px;
  --apk-role-metric-size: 40px;
  --apk-role-nav-size: 15px;
  font-family: var(--apk-font-ui);
  line-height: 1.5;
}

:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) {
  --apk-heading: var(--mvc-account-heading, var(--mvc-auth-ink, #211b16));
  --apk-text: var(--mvc-account-text, var(--mvc-auth-ink, #2c241e));
  --apk-muted: var(--mvc-account-muted, var(--mvc-auth-muted, #756a5f));
  --apk-muted-strong: var(--mvc-account-muted-strong, var(--mvc-auth-muted, #675b51));
  --apk-primary-dark: var(--mvc-account-primary-dark, var(--mvc-auth-primary-dark, #a94f36));
  --apk-green-dark: var(--mvc-account-green-dark, #425f30);
}

#apk-dashboard-root .apk-type-display,
#apk-dashboard-root .apk-type-page,
#apk-dashboard-root .apk-type-section,
#apk-dashboard-root .apk-type-card,
#apk-dashboard-root .apk-type-body,
#apk-dashboard-root .apk-type-body-muted,
#apk-dashboard-root .apk-type-helper,
#apk-dashboard-root .apk-type-meta,
#apk-dashboard-root .apk-type-eyebrow,
#apk-dashboard-root .apk-type-label,
#apk-dashboard-root .apk-type-button,
#apk-dashboard-root .apk-type-metric,
#apk-dashboard-root .apk-type-nav,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-display,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-page,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-section,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-card,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-body,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-body-muted,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-helper,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-meta,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-eyebrow,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-label,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-button,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-metric,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-nav {
  letter-spacing: 0;
}

#apk-dashboard-root .apk-type-display,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-display {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-display-size);
  font-weight: 700;
  line-height: 1.02;
  text-transform: none;
}

#apk-dashboard-root .apk-type-page,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-page {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-page-size);
  font-weight: 700;
  line-height: 1.08;
  text-transform: none;
}

#apk-dashboard-root .apk-type-section,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-section {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-section-size);
  font-weight: 700;
  line-height: 1.12;
  text-transform: none;
}

#apk-dashboard-root .apk-type-card,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-card {
  color: var(--apk-heading);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-card-size);
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
}

#apk-dashboard-root .apk-type-body,
#apk-dashboard-root .apk-type-body-muted,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-body,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-body-muted {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-body-size);
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}

#apk-dashboard-root .apk-type-body,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-body {
  color: var(--apk-text);
}

#apk-dashboard-root .apk-type-body-muted,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-body-muted {
  color: var(--apk-muted);
}

#apk-dashboard-root .apk-type-helper,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-helper {
  color: var(--apk-muted);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-helper-size);
  font-weight: 400;
  line-height: 1.45;
  text-transform: none;
}

#apk-dashboard-root .apk-type-meta,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-meta {
  color: var(--apk-type-meta-color, var(--apk-muted-strong));
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-meta-size);
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

#apk-dashboard-root .apk-type-eyebrow,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-eyebrow {
  color: var(--apk-primary-dark);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-eyebrow-size);
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}

#apk-dashboard-root .apk-type-label,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-label {
  color: var(--apk-heading);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-label-size);
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

#apk-dashboard-root .apk-type-button,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-button {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-button-size);
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}

#apk-dashboard-root .apk-type-metric,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-metric {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-metric-size);
  font-weight: 700;
  line-height: 1;
  text-transform: none;
}

#apk-dashboard-root .apk-type-nav,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-nav {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-nav-size);
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}

#apk-dashboard-root .apk-status-done.apk-type-meta,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-status-done.mvc-type-meta {
  --apk-type-meta-color: var(--apk-green-dark);
}

#apk-dashboard-root .apk-status-locked.apk-type-meta,
#apk-dashboard-root .apk-type-meta[data-muted="true"],
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-status-locked.mvc-type-meta,
:where(.mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) .mvc-type-meta[data-muted="true"] {
  --apk-type-meta-color: var(--apk-muted);
}

/*
 * Generated-markup role mappings.
 * JetFormBuilder, Elementor, and native WordPress own this markup, so these
 * stable route-scoped selectors are the documented equivalent of role classes.
 */
body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder :where(h2, .wp-block-heading, .jet-form-builder__heading),
body.mvc-account-route-update-bedanktpagina .mvc-dashboard-form-content [data-mvc-bedank-role="duration-title"] {
  color: var(--apk-heading);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-card-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder :where(p, li, .wp-block-paragraph),
body.mvc-account-route-update-apk-test .mvc-dashboard-form-content :where(.mvc-apk-edit-introduction, .mvc-apk-edit-reassurance, .mvc-apk-edit-processing, .mvc-apk-edit-support-copy),
body.mvc-account-route-update-bedanktpagina .mvc-dashboard-form-content [data-mvc-bedank-role="intro"] {
  color: var(--apk-muted);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-body-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder :where(.jet-form-builder__label, .jet-form-builder__label-text),
body.mvc-account-route-update-bedanktpagina .mvc-dashboard-form-content [data-mvc-bedank-role="info"] {
  color: var(--apk-heading);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-label-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder :where(input:not([type="file"]), textarea, select) {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-body-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder :where(.jet-form-builder__desc, .jet-form-builder__description, small),
body.mvc-account-route-update-bedanktpagina .mvc-dashboard-form-content [data-mvc-bedank-role="required"] {
  color: var(--apk-muted);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-helper-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder :where(.jet-form-builder__field-error, .jet-form-builder-file-upload__errors, .jet-form-builder-message) {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-meta-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder :where(button, input[type="submit"], .jet-form-builder__action-button, .jet-form-builder__submit),
body.mvc-account-route-update-apk-test .mvc-dashboard-form-content .mvc-apk-edit-intro-cta {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-button-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}

body.mvc-account-route-update-apk-test .mvc-dashboard-form-content .mvc-apk-edit-intro-title {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-section-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.12;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder .jet-form-builder-file-upload::before {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-button-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder .jet-form-builder-file-upload::after,
body.mvc-account-dashboard-form-page .mvc-dashboard-form-content form.jet-form-builder::after {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-helper-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}

body.mvc-account-form-page .mvc-account-shell-content :where(.mvc-form-page-title, .elementor-widget-heading:first-child h1, .elementor-heading-title:first-child) {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-section-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.12;
  text-transform: none;
}

body.mvc-auth-page .mvc-auth-content :where(p, li, .jet-form-builder__desc, .jet-form-builder__message) {
  color: var(--apk-muted);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-body-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

body.mvc-auth-page .mvc-auth-content :where(label, .jet-form-builder__label, .jet-form-builder__label-text),
body.login.mvc-auth-native-login #login label {
  color: var(--apk-heading);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-label-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

body.mvc-auth-page .mvc-auth-content :where(input, select, textarea),
body.login.mvc-auth-native-login #login :where(input[type="text"], input[type="email"], input[type="password"]) {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-body-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

body.mvc-auth-page .mvc-auth-content :where(input[type="submit"], button[type="submit"], .jet-form-builder__submit, .jet-form-builder__action-button, a),
body.login.mvc-auth-native-login #login :where(input[type="submit"], button, a) {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-button-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}

body.mvc-auth-page .mvc-auth-content :where(.jet-form-builder__field-error, .jet-form-builder-message, .message, .error),
body.login.mvc-auth-native-login #login :where(.message, .error) {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-meta-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

@media (max-width: 1100px) {
  :where(#apk-dashboard-root, .mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) {
    --apk-role-display-size: 48px;
    --apk-role-page-size: 40px;
    --apk-role-section-size: 30px;
    --apk-role-card-size: 17px;
    --apk-role-metric-size: 36px;
    --apk-role-nav-size: 14px;
  }
}

@media (max-width: 820px) {
  :where(#apk-dashboard-root, .mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) {
    --apk-role-display-size: 36px;
    --apk-role-page-size: 34px;
    --apk-role-section-size: 27px;
    --apk-role-body-size: 15px;
    --apk-role-eyebrow-size: 11px;
    --apk-role-metric-size: 32px;
    --apk-role-nav-size: 12px;
  }
}

@media (max-width: 480px) {
  :where(#apk-dashboard-root, .mvc-account-shell, .mvc-auth-shell, body.mvc-auth-native-login) {
    --apk-role-display-size: 32px;
    --apk-role-page-size: 30px;
    --apk-role-section-size: 25px;
    --apk-role-card-size: 16px;
    --apk-role-metric-size: 30px;
    --apk-role-nav-size: 11px;
  }
}
/* Managed account forms: authoritative role specificity. */
body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] :is(
  .mvc-type-display,
  .mvc-type-page,
  .mvc-type-section,
  .mvc-type-card,
  .mvc-type-body,
  .mvc-type-body-muted,
  .mvc-type-helper,
  .mvc-type-meta,
  .mvc-type-eyebrow,
  .mvc-type-label,
  .mvc-type-button,
  .mvc-type-metric,
  .mvc-type-nav
) {
  letter-spacing: 0;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-display {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-display-size);
  font-weight: 700;
  line-height: 1.02;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-page {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-page-size);
  font-weight: 700;
  line-height: 1.08;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-section {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-section-size);
  font-weight: 700;
  line-height: 1.12;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-card {
  color: var(--apk-heading);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-card-size);
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] :is(
  .mvc-type-body,
  .mvc-type-body-muted
) {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-body-size);
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-body {
  color: var(--apk-text);
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-body-muted {
  color: var(--apk-muted);
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-helper {
  color: var(--apk-muted);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-helper-size);
  font-weight: 400;
  line-height: 1.45;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-meta {
  color: var(--apk-type-meta-color, var(--apk-muted-strong));
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-meta-size);
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-eyebrow {
  color: var(--apk-primary-dark);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-eyebrow-size);
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-label {
  color: var(--apk-heading);
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-label-size);
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-button {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-button-size);
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-metric {
  color: var(--apk-heading);
  font-family: var(--apk-font-display);
  font-size: var(--apk-role-metric-size);
  font-weight: 700;
  line-height: 1;
  text-transform: none;
}

body.mvc-account-dashboard-form-page .mvc-account-shell[data-shell-variant="dashboard"] .mvc-type-nav {
  font-family: var(--apk-font-ui);
  font-size: var(--apk-role-nav-size);
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}
