/* SignFida: a document desk, not a dashboard kit.
   Shared visual language; page layout, field geometry and permissions remain
   owned by the page modules. Phone layout and dialog actions load after this. */
@font-face {
  font-family: "Sofia Sans";
  src: url("../fonts/sofia-sans/SofiaSans-Variable.f403f398df89.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root, body.client-body[data-shell="client"] {
  --sf-font: "Sofia Sans", "Segoe UI", sans-serif;
  --sf-bg: #f2f6f4;
  --sf-panel: #fff;
  --sf-panel-2: #f6f9f7;
  --sf-panel-alt: #f6f9f7;
  --sf-ink: #20352e;
  --sf-muted: #60736a;
  --sf-line: #d8e3dc;
  --sf-accent: #176c55;
  --sf-accent-hover: #10513f;
  --sf-accent-soft: #e8f3ed;
  --sf-green: #176c55;
  --sf-amber: #8c620e;
  --sf-focus: #126c52;
  --auth-bg: var(--sf-bg);
  --auth-panel: var(--sf-panel);
  --auth-panel-alt: var(--sf-panel-2);
  --auth-line: var(--sf-line);
  --auth-ink: var(--sf-ink);
  --auth-text: #42594e;
  --auth-muted: var(--sf-muted);
  --auth-accent: var(--sf-accent);
  --auth-accent-hover: var(--sf-accent-hover);
  --sfs-bg: var(--sf-bg);
  --sfs-panel: var(--sf-panel);
  --sfs-panel-alt: var(--sf-panel-2);
  --sfs-ink: var(--sf-ink);
  --sfs-text: #42594e;
  --sfs-muted: var(--sf-muted);
  --sfs-muted-2: var(--sf-muted);
  --sfs-line: var(--sf-line);
  --sfs-green: var(--sf-accent);
  --sfs-green-dark: var(--sf-accent-hover);
}

body, body.public-body, body.client-body, .landing,
h1, h2, h3, h4, h5, h6, strong, .eyebrow,
.storage-ui__brand h2, .storage-ui__header h1 {
  font-family: var(--sf-font) !important;
}
body { font-size: 16px; }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3 { text-wrap: balance; letter-spacing: -.025em; }
p { text-wrap: pretty; }
:is(.eyebrow, .landing-eyebrow, .signflow-section-label, .metric-label,
    .storage-ui__section-title, .signflow-team-head, .signflow-table__head,
    .signflow-pdf__label, .signflow-signer-card__label, .site-footer__title,
    .legal-page__eyebrow, .signflow-profile-title > span, .contact-aside__eyebrow,
    .faq-hero > span, .signflow-billing-row--head, .signflow-link-box span,
    .signflow-invites__title) {
  font-family: var(--sf-font) !important;
  letter-spacing: 0 !important;
  text-transform: none;
}
:is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--sf-focus);
  outline-offset: 3px;
}
:is(button, a)[aria-disabled="true"], button:disabled { cursor: not-allowed; }
body :is(.button, .ghost-button, .landing-btn, .signflow-new-button,
    .signflow-soft-button, .signflow-submit, .signflow-cancel, .contact-submit) {
  min-height: 44px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.3;
  box-shadow: none;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease;
}
body :is(.landing-btn, .landing-card, .pricing-card):hover { transform: none; }
body :is(.field, .contact-field, .auth-shell, .signflow-field) :is(input, select, textarea) {
  border-color: #b6c8bc;
  border-radius: 7px;
  color: var(--sf-ink);
}
body :is(input, textarea)::placeholder { color: #697b71; opacity: 1; }
.helptext, .errorlist, .error-box { line-height: 1.5; }

/* Public site: open paper, a live-looking document, quiet supporting content. */
body[data-shell="public"]:not([data-page="sign"]):not([data-page="sign-certificate"]) {
  --sf-bg: #fff;
}
body .topbar {
  max-width: 1200px;
  width: calc(100% - 64px);
  margin: 0 auto;
  top: 0;
  padding: 18px 0;
  min-height: 76px;
  border: 0;
  border-bottom: 1px solid var(--sf-line);
  border-radius: 0;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
.desktop-nav { align-items: center; gap: 26px; }
.desktop-nav > a { min-height: 40px; font-size: 15px; }
.desktop-nav > a[href*="register"] { padding: 10px 18px; border: 1px solid var(--sf-accent); border-radius: 7px; color: var(--sf-accent); }
.brand-logo__word { font-size: 21px; }
.landing { --l-max: 1200px; }
.landing section { padding-inline: 32px; }
.landing .landing-hero { padding-top: clamp(40px, 6vw, 88px); padding-bottom: 72px; gap: 64px; }
.landing-hero__title { font-size: clamp(36px, 4.4vw, 62px); font-weight: 700; line-height: 1.03; max-width: 16ch; }
.landing-hero__sub { font-size: 19px; line-height: 1.6; max-width: 46ch; color: #4c6256; }
.landing-eyebrow { text-transform: none; font-size: 14px; font-weight: 600; letter-spacing: 0; margin-bottom: 14px; }
.landing-hero__actions { gap: 10px; }
.landing-btn { padding: 13px 22px; }
.landing-hero__note { color: var(--sf-muted); line-height: 1.5; }
.landing-hero__art { flex-direction: column; align-items: stretch; padding: 28px 24px 0; background: #edf3ef; border-radius: 4px; }
.landing-doc { max-width: none; border: 1px solid #d4ded7; border-radius: 3px 3px 0 0; border-top: 4px solid var(--sf-accent); padding: 24px 28px; box-shadow: 0 12px 28px #2543330a; }
.landing-doc__bar { display: none; }
.signing-preview__title { font-size: 21px; font-weight: 650; }
.signing-preview__demo { margin-bottom: 20px; font-size: 13px; }
.landing-doc__line { height: 5px; border-radius: 0; margin-bottom: 9px; background: #e7eeea; }
.landing-doc__line--lg { height: 7px; width: 80%; background: #d6e1da; }
.signing-preview__people { margin: 22px 0 16px; gap: 0; }
.signing-preview__people > div { border: 0; border-bottom: 1px solid var(--sf-line); padding: 10px 0; border-radius: 0; }
.signing-preview__avatar { width: 25px; height: 25px; font-size: 12px; }
.landing-doc__sign { margin-top: 12px; padding-top: 10px; justify-content: space-between; }
.landing-doc__sign svg { width: 130px; height: 44px; }
.signing-preview .landing-badge--float { position: static; max-width: none; margin: 0 -24px; padding: 16px 24px; background: #e0ece4; color: var(--sf-ink); border-radius: 0 0 4px 4px; box-shadow: none; }
.landing-badge--float i { color: var(--sf-accent); }
.landing-badge--float small { color: #50685a; font-size: 12px; }
.landing-strip { border: 0; border-block: 1px solid var(--sf-line); border-radius: 0; background: #fff; gap: 24px; }
.landing-strip__item strong { font-size: 16px; font-weight: 650; }
.landing-strip__item span { display: block; margin-top: 5px; line-height: 1.5; }
.landing-section__head { text-align: left; max-width: 780px; margin-inline: 0; }
.landing-section__head h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; font-weight: 650; }
.landing-section__head p { font-size: 17px; line-height: 1.6; max-width: 65ch; }
.landing-grid { gap: 0 32px; }
.landing-card { border: 0; border-top: 1px solid var(--sf-line); border-radius: 0; padding: 26px 0; box-shadow: none; background: transparent; }
.landing-card__icon { border-radius: 7px; width: 38px; height: 38px; font-size: 18px; }
.landing-card h3 { font-size: 21px; }
.landing-card p { line-height: 1.65; color: var(--sf-muted); }
.landing-section--alt { background: #f6f9f7; }
.landing-step { background: transparent; border: 0; border-radius: 0; padding-inline: 12px; }
.landing-step__num { background: var(--sf-accent-soft); color: var(--sf-accent); box-shadow: none; border: 0; }
.landing-security__card { background: var(--sf-accent-soft); border-radius: 4px; box-shadow: none; }
.landing .landing-cta { background: #e8f1eb; color: var(--sf-ink); border: 1px solid var(--sf-line); border-radius: 4px; padding-block: 48px; margin-top: 56px; }
.landing-cta h2 { font-size: clamp(28px, 3vw, 40px); }
.landing-cta p { color: #4c6256; }
.landing-cta .landing-btn--primary { background: var(--sf-accent); color: white; }
.landing-cta .landing-btn--ghost { color: var(--sf-ink); border-color: #b6c8bc; }

/* Plans: same prices and entitlements, easier comparison and aligned actions. */
.pricing-grid { gap: 16px; }
.pricing-card { border-radius: 10px; padding: 28px 22px 22px; box-shadow: none; background: white; }
.pricing-card--featured { border: 2px solid var(--sf-accent); box-shadow: none; }
.pricing-card h3 { font-size: 22px; font-weight: 650; }
.pricing-price strong { font-size: 36px; font-weight: 650; line-height: 1.1; }
.pricing-price span { font-size: 13px; }
.pricing-purpose { min-height: 3.1em; color: #4c6256; }
.pricing-features li { font-size: 15px; line-height: 1.5; }
.pricing-storage, .pricing-note { font-size: 13px; line-height: 1.5; }
.pricing-cta { min-height: 48px; }
.pricing-badge { border-radius: 4px; font-size: 12px; }
.pricing-details-link { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; }

/* Account entry and reading pages use the same document proportions. */
.auth-page { min-height: auto; padding: 52px 20px 64px; }
.auth-shell { width: min(100%, 480px); padding: 32px; border: 1px solid var(--sf-line); border-top: 3px solid var(--sf-accent); border-radius: 8px; background: white; box-shadow: 0 8px 32px #20352e06; }
.auth-shell-wide { width: min(100%, 580px); }
.auth-shell h1 { font-size: 32px; font-weight: 650; }
.auth-shell p { font-size: 15px; color: #4c6256; }
.auth-shell .eyebrow { font-size: 13px; color: var(--sf-accent); }
.auth-meta { border-bottom: 1px solid var(--sf-line); padding-bottom: 16px; gap: 16px; }
.auth-chip { border: 0; padding: 0; background: transparent; font-size: 12px; font-weight: 500; }
.auth-shell form { gap: 17px; }
.auth-shell input:not([type="checkbox"]):not([type="radio"]) { min-height: 46px; }
.auth-shell .button { min-height: 46px; }
.legal-page { max-width: 820px; padding: 48px 32px; background: #fff; border: 0; border-radius: 0; box-shadow: none; }
.legal-page h1 { font-size: clamp(30px, 4vw, 44px); font-weight: 650; }
.legal-page__body { font-size: 16px; line-height: 1.75; max-width: 72ch; }
.legal-page__body h2 { margin-top: 32px; font-size: 23px; }
.faq-hero h1, .contact-hero h1 { font-size: clamp(32px, 4vw, 48px); font-weight: 650; }
.faq-item { border: 0; border-bottom: 1px solid var(--sf-line); border-radius: 0; box-shadow: none; background: white; }
.faq-item summary { padding-block: 20px; font-size: 18px; font-weight: 600; }
.faq-item p { max-width: 72ch; line-height: 1.7; color: #4c6256; }
.contact-form { border-radius: 10px; border-color: var(--sf-line); background: white; box-shadow: none; }
.contact-card { border-color: var(--sf-line); border-radius: 10px; box-shadow: none; background: white; }
.contact-aside { background: var(--sf-accent); }
.contact-aside h1 { font-size: 34px; font-weight: 650; line-height: 1.1; }
.contact-field :is(input,select,textarea) { background: #f9fbfa; }

/* The app: a quiet file rail, white work surfaces, legible data. */
.client-body[data-shell="client"] .signflow-sidebar { background: #edf3ef; border-right: 1px solid var(--sf-line); }
.client-body[data-shell="client"] .signflow-nav__item { border-radius: 6px; padding-block: 11px; color: #4c6256; }
.client-body[data-shell="client"] .signflow-nav__item.is-active { background: white; color: var(--sf-accent); box-shadow: inset 3px 0 var(--sf-accent); }
.client-body[data-shell="client"] .signflow-topbar { background: white; min-height: 76px; box-shadow: none; }
.client-body[data-shell="client"] .signflow-heading-row h1 { font-size: 30px; font-weight: 650; line-height: 1.2; margin: 0; }
.client-body[data-shell="client"] .signflow-heading-row p { margin-top: 8px; font-size: 14px; color: var(--sf-muted); }
.client-body[data-shell="client"] .signflow-settings-intro { display: flex; margin-bottom: 24px; align-items: center; }
.client-body[data-shell="client"] .signflow-settings-intro h1 { font-size: 30px; font-weight: 650; margin: 0; }
.client-body[data-shell="client"] .signflow-settings-intro p { max-width: 65ch; margin: 8px 0 0; color: var(--sf-muted); font-size: 14px; }
.client-body[data-shell="client"] .signflow-table { border-radius: 10px; box-shadow: none; }
.client-body[data-shell="client"] .signflow-table__head { background: #f9fbfa; color: #576e60; font-size: 12px; }
.client-body[data-shell="client"] .signflow-row { border-color: #e5ece7; }
.client-body[data-shell="client"] .signflow-row:hover { background-color: #f9fcfa; }
.client-body[data-shell="client"] .signflow-doc-cell strong { font-weight: 650; }
.client-body[data-shell="client"] .signflow-doc-meta { color: var(--sf-muted); }
.client-body[data-shell="client"] .signflow-signers small { font-family: var(--sf-font); font-variant-numeric: tabular-nums; }
.client-body[data-shell="client"] :is(.signflow-muted,.signflow-workspace small,.signflow-tabs a span,.signflow-tabs span span) { font-family: var(--sf-font); font-variant-numeric: tabular-nums; }
.client-body[data-shell="client"] .signflow-stat-card { border: 0; border-bottom: 2px solid var(--sf-line); border-radius: 0; box-shadow: none; background: transparent; padding: 14px 16px; }
.client-body[data-shell="client"] .signflow-stat-card.is-active { border-color: var(--sf-accent); background: #e8f2ec; }
.client-body[data-shell="client"] .signflow-stat-card strong { font-size: 30px; font-weight: 600; }
.client-body[data-shell="client"] .signflow-folder-card { border-radius: 10px; box-shadow: none; }
.client-body[data-shell="client"] .signflow-tabs :is(a,button) { border-radius: 6px; }
.client-body[data-shell="client"] .signflow-profile-card,
.client-body[data-shell="client"] .signflow-profile-grid--account .signflow-profile-card { padding: 24px; border-radius: 10px; border-color: var(--sf-line); background: white; box-shadow: none; }
.client-body[data-shell="client"] .signflow-profile-grid--account .signflow-profile-card--identity { background: #e8f2ec; border: 0; border-left: 3px solid var(--sf-accent); border-radius: 0; }
.client-body[data-shell="client"] .signflow-profile-card h2 { font-size: 23px; font-weight: 650; }
.client-body[data-shell="client"] .signflow-section-label { font-size: 13px; color: var(--sf-muted); }
.client-body[data-shell="client"] .signflow-profile-card__intro { max-width: 65ch; font-size: 14px; line-height: 1.6; }
.client-body[data-shell="client"] .signflow-team-head { font-size: 12px; background: #f9fbfa; }
.client-body[data-shell="client"] .signflow-team-row { font-size: 14px; }
.team-date-label { display: none; }
.client-body[data-shell="client"] .signflow-field > span,
.client-body[data-shell="client"] .signflow-profile-form label > span { font-size: 14px; font-weight: 600; }
.client-body[data-shell="client"] .picker-dialog { border-radius: 12px; box-shadow: 0 20px 80px #15342626; }
.client-body[data-shell="client"] .picker-header { background: #fff; }
.client-body[data-shell="client"] .picker-header h3 { font-size: 24px; font-weight: 650; letter-spacing: -.02em; }
.client-body[data-shell="client"] .picker-header .eyebrow { font-size: 12px; }
body .picker-modal .picker-dialog.signflow-share-dialog { display: flex; flex-direction: column; overflow: hidden; }
body .picker-modal .signflow-share-head { flex: 0 0 auto; position: relative; z-index: 4; background: white; border-bottom: 1px solid var(--sf-line); padding: 16px 24px; }
body .picker-modal .signflow-share-tabs { flex: 1 1 auto; min-height: 0; grid-template-rows: 44px minmax(0,1fr); overflow: hidden; padding-top: 0; }
body .picker-modal .signflow-share-tabs > button { grid-row: 1; }
body .picker-modal .signflow-share-tabs > .signflow-share-panel { grid-row: 2; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scroll-padding-block: 16px; }
/* Folder access has no tab container: its direct panel must own scrolling. */
body .picker-modal .signflow-share-dialog > .signflow-share-panel { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scroll-padding-block: 16px; }
body .picker-modal .signflow-share-dialog > [data-sender-agreement-host] { flex: 0 0 auto; max-height: 24dvh; overflow-y: auto; }
.client-body[data-shell="client"] .picker-modal .signflow-share-head h3 { font-size: 21px; font-weight: 650; }
.client-body[data-shell="client"] .signflow-billing-table .signflow-empty-state { display: grid; gap: 6px; padding: 24px; font-size: 14px; line-height: 1.5; color: var(--sf-muted); }
.client-body[data-shell="client"] .signflow-billing-table .signflow-empty-state strong { color: var(--sf-ink); }
.client-body[data-shell="client"] .form-option-card { border-radius: 8px; }
.client-body[data-shell="client"] .form-option-card:has(input:checked) { box-shadow: inset 3px 0 var(--sf-accent); }
.client-body[data-shell="client"] .form-option-title { font-size: 15px; font-weight: 600; }
.client-body[data-shell="client"] .form-option-copy { font-size: 13px; line-height: 1.5; }
.client-body[data-shell="client"] .signflow-drawer { border-radius: 0; }
.notification-panel { border-radius: 10px; border-color: var(--sf-line); }

/* Signing keeps all page/field coordinates untouched. */
body:is([data-page="sign"],[data-page="sign-certificate"]) .public-pdf-panel { border-radius: 6px; border-color: var(--sf-line); background: #edf2ef; }
body:is([data-page="sign"],[data-page="sign-certificate"]) .public-sign-sidebar { border-radius: 10px; border-color: var(--sf-line); background: white; }
.public-sign-sidebar .eyebrow, .signflow-pdf__label { text-transform: none; font-family: var(--sf-font); letter-spacing: 0; font-size: 12px; }
.public-sign-sidebar h2 { font-size: 23px; font-weight: 650; }
.signflow-signer-card, .signflow-howto-card { border-radius: 7px; box-shadow: none; }
.signflow-sign__brand-title { font-size: 18px; font-weight: 650; }
.signflow-sign__method { border-radius: 6px; }

.site-footer { background: #20352e; color: #eef4f0; }
.site-footer__brand p, .site-footer__col a { color: #d0ddd5; }
.site-footer__title { color: #afc4b7; font-size: 13px; }
.site-footer__bottom { border-color: #ffffff24; }
.error-page { box-sizing: border-box; width: min(100%,760px); margin: 64px auto; padding: 32px; color: var(--sf-ink); }
.error-page__code { font-size: 15px; font-weight: 600; color: var(--sf-accent); font-variant-numeric: tabular-nums; }
.error-page h1 { font-size: clamp(28px,4vw,42px); line-height: 1.15; font-weight: 650; max-width: 24ch; }
.error-page > p { max-width: 64ch; line-height: 1.7; color: var(--sf-muted); }
.error-page__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.error-page__actions a { display: inline-flex; align-items: center; justify-content: center; }
.error-page .landing-btn--primary { background: var(--sf-accent); color: white; }
.error-page .landing-btn--ghost { border: 1px solid var(--sf-line); color: var(--sf-ink); }

@media (max-width: 1100px) {
  .landing .landing-hero { gap: 32px; }
  .pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .team-date-label { display: inline; }
  .client-body[data-shell="client"] .picker-modal .signflow-share-head { padding: 14px 16px; }
  .client-body[data-shell="client"] .signflow-profile-grid--account .signflow-profile-card { padding: 18px; }
  .client-body[data-shell="client"] .signflow-settings-intro { gap: 14px; }
  .client-body[data-shell="client"] .signflow-heading-row h1 { font-size: 26px; }
}
@media (max-width: 700px) {
  body .topbar { width: calc(100% - 32px); min-height: 68px; padding: 12px 0; gap: 12px; }
  .landing section { padding-inline: 20px; }
  .landing .landing-hero { grid-template-columns: minmax(0,1fr); gap: 28px; padding-top: 32px; padding-bottom: 32px; }
  .landing-hero__title { font-size: clamp(34px, 8vw, 46px); max-width: 18ch; }
  .landing-hero__sub { font-size: 17px; }
  .landing-hero__art { margin: 0; padding: 20px 16px 0; }
  .landing-doc { padding: 20px; }
  .signing-preview .landing-badge--float { margin: 0 -16px; padding: 14px 16px; }
  .landing-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .landing-strip__item strong { font-size: 15px; }
  .landing .landing-section { padding-top: 44px; }
  .landing-grid { grid-template-columns: minmax(0,1fr); }
  .landing-card { padding-block: 20px; }
  .landing .landing-cta { margin: 32px 16px 0; padding: 32px 20px; }
  .landing-cta .landing-hero__actions { justify-content: flex-start; }
  .pricing-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .pricing-card { padding: 24px 20px 20px; }
  .pricing-purpose { min-height: 0; }
  .auth-page { padding: 28px 16px 40px; }
  .auth-shell { padding: 24px 20px; }
  .auth-shell h1 { font-size: 28px; }
  .auth-shell :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]) { font-size: 16px; }
  .legal-page { padding: 28px 20px; }
  .public-mobile-nav { width: 100%; justify-content: space-between; gap: 4px; }
  .public-mobile-nav > a, .public-mobile-nav > a:first-child { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; }
  .public-mobile-nav .public-mobile-nav__cta { padding: 8px 10px; }
  .public-mobile-nav .lang-btn { width: 44px; min-height: 44px; padding-inline: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
.client-body[data-shell="client"] .workspace-access-badge { justify-self: start; align-self: center; width: fit-content; max-width: 100%; white-space: normal; }
@media (min-width: 769px) {
  .client-body[data-shell="client"] .signflow-table--workspaces > :is(.signflow-table__head,.signflow-workspace-row) { grid-template-columns: minmax(0, 2fr) minmax(140px, 1fr) minmax(110px, .7fr) minmax(88px, auto); }
}

/* Working context and recovery, without storing document content in the browser. */
.ux-unsaved-notice{padding:12px 14px;border-left:3px solid currentColor;background:rgba(42,101,153,.08);font-size:14px;line-height:1.6;max-width:75ch;margin:12px 0}
.signflow-settings-group{margin:8px 0;min-width:0}
.signflow-settings-group>summary{cursor:pointer;padding:12px 14px;font-weight:600;list-style-position:inside}
.signflow-settings-group .signflow-nav__item{margin-left:8px}
@media(max-width:700px){.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}.settings-tabs a{min-width:0;white-space:normal;text-align:center}.signflow-settings-group{width:100%}.ux-unsaved-notice{font-size:13px}}

/* Profile edits precede installation help; security fields expand only when needed. */
.client-body[data-shell="client"] .signflow-profile-grid--account {
  grid-template-areas: "identity identity" "edit subscription" "edit signing" "application application" "danger danger";
}
.client-body[data-shell="client"] .signflow-profile-grid--account > .pwa-app-card { grid-area: application; }
.profile-password-options { grid-column: 1 / -1; border-top: 1px solid var(--sf-line, #dfe6e2); padding-top: 12px; }
.profile-password-options > summary { cursor: pointer; font-weight: 650; padding: 8px 0; }
.profile-password-options .signflow-full-field { margin-top: 12px; }
@media (max-width: 1100px) {
  .client-body[data-shell="client"] .signflow-profile-grid--account {
    grid-template-areas: "identity" "edit" "subscription" "signing" "application" "danger";
  }
}