/* Shared visual foundation for public pages, author services and editorial tools. */
:root {
    --ds-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ds-primary: #4f60bd; --ds-primary-hover: #3e4d9d; --ds-primary-soft: #eef1fc;
    --ds-ink: #24364d; --ds-muted: #66768c; --ds-line: #e1e7ef;
    --ds-canvas: #f6f8fb; --ds-surface: #fff; --ds-radius: 12px; --ds-control-radius: 8px;
    --ds-shadow: 0 4px 20px #20345106;
    --color-primary: var(--ds-primary); --color-primary-dark: var(--ds-primary-hover);
    --color-primary-light: var(--ds-primary-soft); --color-dark: #192d46;
    --color-gray-700: var(--ds-ink); --color-gray-500: var(--ds-muted);
    --login-primary: var(--ds-primary); --login-primary-dark: var(--ds-primary-hover);
    --radius-lg: var(--ds-radius); --radius-xl: var(--ds-radius); --radius-2xl: var(--ds-radius);
}
body { font-family: var(--ds-font); color: var(--ds-ink); }
body.admin-workspace { --ui-ink: var(--ds-ink); --ui-muted: var(--ds-muted); --ui-line: var(--ds-line); --ui-accent: var(--ds-primary); }
body.site-workspace { background: var(--ds-canvas); font-family: var(--ds-font); }
.site-workspace .author-portal { font-family: inherit; --ap-ink: var(--ds-ink); --ap-muted: var(--ds-muted); --ap-line: var(--ds-line); --ap-accent: var(--ds-primary); background: var(--ds-canvas); }
:is(.site-workspace,.admin-workspace) :is(input,select,textarea,button) { font-family: inherit; }
:is(.site-workspace,.admin-workspace) :is(.form-control,.form-select) { border-color: var(--ds-line); border-radius: var(--ds-control-radius); color: var(--ds-ink); font-size: 13px; min-height: 42px; }
:is(.site-workspace,.admin-workspace) :is(.form-control,.form-select):focus { border-color: var(--ds-primary); box-shadow: 0 0 0 3px #4f60bd18; }
:is(.site-workspace,.admin-workspace) :is(.btn-primary,.author-button:not(.secondary),.btn-submit,.btn-verify) { background: var(--ds-primary); border-color: var(--ds-primary); color: #fff; border-radius: var(--ds-control-radius); box-shadow: none; }
:is(.site-workspace,.admin-workspace) :is(.btn-primary,.author-button:not(.secondary),.btn-submit,.btn-verify):hover { background: var(--ds-primary-hover); border-color: var(--ds-primary-hover); }
:is(.site-workspace,.admin-workspace) .btn { border-radius: var(--ds-control-radius); font-size: 12px; font-weight: 500; }
:is(.site-workspace,.admin-workspace) :is(.btn-outline-primary,.btn-outline-secondary,.author-button.secondary) { background: #fff; border-color: var(--ds-line); color: var(--ds-primary); }
:is(.site-workspace,.admin-workspace) :is(.btn-outline-primary,.btn-outline-secondary,.author-button.secondary):hover { background: var(--ds-primary-soft); border-color: #bcc6e6; }
:is(.site-workspace,.admin-workspace) :is(a,button,summary):focus-visible { outline: 3px solid #a8b4eb; outline-offset: 3px; }
:is(.site-workspace,.admin-workspace) :is(.ui-panel,.author-panel,.author-article,.search-card,.form-card,.verif-search-card,.instr-card,.hm-workspace,.hm-service,.hm-journals article) { border: 1px solid var(--ds-line); border-radius: var(--ds-radius); box-shadow: var(--ds-shadow); }
.site-workspace .navbar-landing { background: #fff; border-bottom: 1px solid var(--ds-line); box-shadow: none; }
.site-workspace :is(.search-card-header,.form-card-header) { padding: 20px 24px; background: #fff; border-bottom-color: var(--ds-line); }
.site-workspace :is(.author-heading h1,.ui-page-header h1) { font-size: 32px; font-weight: 600; letter-spacing: -.8px; }
.site-workspace :is(.hm-service p,.hm-section-heading > p,.hm-timeline p,.hm-journals p,.hm-faq p,.author-article dd,.author-help p) { color: var(--ds-muted); }
.site-workspace .hm-button { background: var(--ds-primary); border-color: var(--ds-primary); color: #fff; border-radius: var(--ds-control-radius); }
.site-workspace .hm-button:hover { background: var(--ds-primary-hover); }
.site-workspace :is(.hm-service-top > i,.hm-service-bottom,.hm-outline-link,.hm-workspace > a:hover strong) { color: var(--ds-primary); }
.site-workspace .hm-flow { background: var(--ds-canvas); }
.site-workspace .author-steps a[aria-current] { background: var(--ds-primary-soft); border-color: #bec7e9; color: var(--ds-primary); }
.admin-workspace :is(.ui-page-header h1,.ui-modal .modal-title) { font-weight: 600; }
.admin-workspace .ui-modal .modal-content { border-radius: var(--ds-radius); }
.ui-settings-body { padding: 24px; }.ui-settings-body h3 { font-size: 15px; font-weight: 600; margin: 0 0 8px; }.ui-settings-body p { font-size: 12px; color: var(--ds-muted); margin-bottom: 22px; }.ui-settings-actions { padding-top: 20px; border-top: 1px solid var(--ds-line); display: flex; justify-content: flex-end; }
@media(max-width:575px) { .ui-settings-body { padding: 18px; } }

/* The process workspace uses the same surface/control tokens as the pages. */
.admin-workspace .loa-process-modal .modal-dialog { max-width: 1100px; width: calc(100% - 48px); }
.admin-workspace .loa-process-modal .modal-body { padding: 0; }
.loa-process-layout { display: grid; grid-template-columns: 290px minmax(0,1fr); }
.loa-process-aside { padding: 24px; background: var(--ds-canvas); border-right: 1px solid var(--ds-line); min-width: 0; }
.loa-rail-label { color: var(--ds-muted); font-size: 10px; letter-spacing: 1.3px; font-weight: 600; margin-bottom: 18px; }
.loa-process-aside .loa-process-summary { display: block; border: 0; background: transparent; padding: 0; margin-bottom: 24px; }
.loa-process-aside .loa-process-icon { margin-bottom: 14px; background: var(--ds-primary-soft); color: var(--ds-primary); }
.loa-process-aside .loa-process-summary h3 { font-size: 14px; line-height: 1.7; margin: 12px 0; }
.loa-process-aside .loa-process-reference > span { display: block; margin-top: 5px; }
.loa-process-aside .loa-process-summary p { color: var(--ds-muted); font-size: 11px; line-height: 1.7; }
.loa-process-aside .loa-statement-panel { padding: 18px 0 0; border: 0; border-top: 1px solid var(--ds-line); border-radius: 0; background: transparent; margin: 0; }
.loa-process-aside .loa-statement-icon { display: none; }
.loa-process-aside .loa-statement-title { flex-wrap: wrap; gap: 8px; line-height: 1.6; }
.loa-process-aside .loa-statement-head { gap: 12px; }.loa-process-aside .loa-statement-tools { margin-left: 0; }
.loa-process-aside .loa-link-row { gap: 8px; }.loa-process-aside .loa-link-rows { gap: 18px; }.loa-process-aside .loa-link-actions .btn { font-size: 10px; padding: 6px 9px; }
.loa-process-workspace { padding: 24px; min-width: 0; }
.loa-process-workspace .loa-process-tabs { gap: 4px; padding-bottom: 16px; margin-bottom: 24px; }
.loa-process-workspace .loa-process-tab { padding: 10px 8px; gap: 8px; }.loa-process-workspace .loa-process-tab small { font-size: 9px; }
.loa-process-workspace .loa-section-heading p,.loa-process-workspace .loa-payment-status p { color: var(--ds-muted); }
.loa-process-workspace .loa-payment-status { background: var(--ds-canvas); border-color: var(--ds-line); }
.loa-process-workspace .loa-edition-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.loa-process-workspace .loa-review-details { padding: 16px; background: var(--ds-canvas); }.loa-process-workspace .loa-document-grid { grid-template-columns: 1fr; }
.loa-process-footer .loa-save-note { color: var(--ds-muted); font-size: 11px; }
@media(max-width:900px) { .loa-process-layout { grid-template-columns: minmax(0,1fr); }.loa-process-workspace,.loa-process-aside { padding: 20px 22px; }.admin-workspace .loa-process-modal .modal-dialog { width: calc(100% - 24px); margin: 12px auto; } }
@media(max-width:650px) { .admin-workspace .loa-process-modal .modal-dialog { width: calc(100% - 16px); margin: 8px; }.loa-process-layout { display: flex; flex-direction: column; }.loa-process-workspace { order: 0; }.loa-process-aside { order: 1; display: block; border-right: 0; border-top: 1px solid var(--ds-line); }.loa-process-aside .loa-process-icon { display: none; }.loa-process-workspace .loa-process-tabs { position: sticky; top: -18px; background: white; z-index: 2; padding-top: 8px; }.loa-process-workspace .loa-process-tab { flex-direction: column; gap: 6px; }.loa-process-workspace .loa-process-tab strong { font-size: 10px; }.loa-process-workspace .ui-form-grid { grid-template-columns: 1fr; } }

:is(.site-workspace,.admin-workspace) .form-group > label { font-size: 12px; font-weight: 500; color: var(--ds-muted); margin-bottom: 8px; }

/* Shared public service layout. Keep page-specific forms and actions intact. */
.site-workspace .public-service-page { max-width:1288px; margin:auto; padding:112px 24px 56px; }
.site-workspace .public-service-page--hero { padding-top:48px; }
.site-workspace .public-service-page :is(.verif-section,.form-section,.instr-section) { margin-top:0; padding-bottom:0; }
.site-workspace .public-service-page section > .container { max-width:none; padding:0!important; }
.site-workspace .public-service-page :is(.form-card,.guide-card,.verif-search-card) { border:1px solid var(--ds-line); border-radius:12px; box-shadow:var(--ds-shadow); }
.site-workspace .public-service-page :is(.form-card-body,.guide-card-body,.verif-search-body) { padding:24px; }
.site-workspace .public-service-page :is(.guide-card-header,.form-card-header) { padding:20px 24px; background:white; border-bottom:1px solid var(--ds-line); }
.site-workspace .public-service-page :is(.guide-card-header h5,.form-card-header h5) { font-size:15px; font-weight:600; }
.site-workspace .public-service-page :is(.form-control-custom,.form-select-custom,.verif-input) { font-family:inherit; font-size:13px; border:1px solid var(--ds-line); border-radius:8px; letter-spacing:normal; min-width:0; }
.site-workspace .public-service-page :is(.form-section-label,.form-label-custom) { font-size:12px; }
.site-workspace .public-service-page :is(.btn-verify,.btn-submit) { background:var(--ds-primary); border-radius:8px; box-shadow:none; transform:none; }
.site-workspace .public-service-page :is(.btn-verify,.btn-submit):hover { background:var(--ds-primary-hover); }
.site-workspace .public-service-page .verif-hint { justify-content:flex-start; }
.public-loa-qr { display:block; padding:5px; border:1px solid var(--ds-line); border-radius:6px; background:white; }
.public-loa-qr img { display:block; width:84px; height:84px; }
@media(max-width:600px) { .site-workspace .public-service-page { padding:96px 16px 40px; }.site-workspace .public-service-page--hero { padding-top:36px; } .site-workspace .public-service-page :is(.form-card-body,.guide-card-body,.verif-search-body,.guide-card-header,.form-card-header) { padding:18px; } }

/* Editorial process: compact document rail and distinct working surface. */
.admin-workspace .loa-process-modal .modal-dialog { max-width:1180px; }
.admin-workspace .loa-process-modal .modal-header { padding:18px 24px; border-bottom:1px solid var(--ds-line); }
.admin-workspace .loa-process-modal .modal-title { font-size:17px; }
.loa-process-layout { grid-template-columns:310px minmax(0,1fr); }
.loa-process-aside { background:#f8f9fc; padding:26px 24px; }
.loa-process-aside .loa-process-icon { width:40px; height:40px; border-radius:10px; font-size:17px; }
.loa-process-aside .loa-process-summary h3 { font-size:15px; line-height:1.65; }
.loa-process-aside .loa-link-row { display:block; padding:14px; background:white; border:1px solid var(--ds-line); border-radius:10px; }
.loa-process-aside .loa-link-label { display:block; margin-bottom:12px; font-size:12px; }
.loa-process-aside .loa-link-actions { display:flex; flex-wrap:wrap; gap:6px; }
.loa-process-aside .loa-statement-tools { margin-top:12px; }
.loa-process-aside .loa-link-rows { gap:10px; margin-top:18px; }
.loa-process-workspace { padding:26px; }
.loa-workspace-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.loa-workspace-heading .loa-rail-label { display:block; margin-bottom:8px; font-size:9px; letter-spacing:1.2px; }
.loa-workspace-heading h3 { font-size:19px; font-weight:600; margin:0; letter-spacing:-.4px; }
.loa-stage-count { white-space:nowrap; font-size:11px; color:var(--ds-primary); background:var(--ds-primary-soft); border-radius:20px; padding:7px 11px; }
.loa-process-workspace .loa-process-tabs { padding:5px; border:1px solid var(--ds-line); border-radius:12px; background:var(--ds-canvas); gap:5px; margin-bottom:26px; }
.loa-process-workspace .loa-process-tab { border:0; border-radius:8px; padding:12px 9px; background:transparent; }
.loa-process-workspace .loa-process-tab[aria-selected="true"] { background:white; color:var(--ds-primary); box-shadow:0 2px 5px #24364d12; }
.loa-process-workspace .loa-process-tab strong { font-size:12px; }
.loa-process-workspace .loa-process-tab small { font-size:10px; margin-top:4px; }
.loa-process-workspace .loa-step-number { width:27px; height:27px; font-size:11px; }
.loa-process-workspace .loa-section-heading h4 { font-size:15px; }
.loa-process-workspace .loa-section-heading p { font-size:12px; line-height:1.7; }
.loa-process-workspace .loa-payment-status { padding:18px; border-radius:10px; margin-top:22px; }
.loa-process-workspace .loa-payment-proof { background:white; border-radius:8px; padding:12px; }
.admin-workspace .loa-process-modal .modal-footer { background:#fff; border-top:1px solid var(--ds-line); padding:16px 24px; }
@media(max-width:900px) {
    .loa-process-layout { grid-template-columns:minmax(0,1fr); }
    .loa-process-workspace { grid-row:1; }
    .loa-process-aside { grid-row:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 24px; border-right:0; border-top:1px solid var(--ds-line); }
    .loa-process-aside > .loa-rail-label { grid-column:1/-1; margin-bottom:14px; }
    .loa-process-aside .loa-process-summary { margin-bottom:0; }
    .loa-workspace-heading { align-items:center; gap:12px; }
    .loa-workspace-heading h3 { font-size:18px; }
    .loa-stage-count { margin-left:auto; }
    .loa-process-workspace .loa-process-tab { flex-direction:row; text-align:left; }
    .loa-process-workspace .loa-process-tab small { display:block; }
    .loa-process-workspace .ui-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) { .loa-process-workspace .loa-process-tabs { top:-18px; }.loa-process-workspace .loa-process-tab { padding:10px 5px; }.loa-process-workspace .loa-process-tab strong { font-size:10px; }.loa-process-workspace .ui-form-grid { grid-template-columns:1fr; }.loa-workspace-heading { flex-direction:row; flex-wrap:wrap; }.loa-stage-count { font-size:10px; }.loa-process-aside { display:block; border-top:1px solid var(--ds-line); }.admin-workspace .loa-process-modal .modal-footer { padding:12px 18px; } }
@media(max-width:480px) { .loa-process-workspace .loa-process-tab small { display:none; }.loa-process-workspace .loa-process-tab { padding:9px 4px; }.loa-process-workspace .loa-process-tab strong { font-size:10px; line-height:1.4; } }
.loa-initial-review{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ds-line);background:var(--ds-primary-soft);padding:16px;border-radius:10px;margin-bottom:24px}.loa-initial-review strong{font-size:13px}.loa-initial-review p{font-size:11px;margin:6px 0 0;color:var(--ds-muted)}.loa-initial-review a{white-space:nowrap}@media(max-width:650px){.loa-initial-review{flex-direction:column;align-items:stretch}}

/* Wizard-style process layout: one explicit step, one primary action. */
.loa-aside-note { display: flex; gap: 10px; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--ds-line); color: #8a97aa; }
.loa-aside-note i { margin-top: 2px; color: #9aa6b8; }
.loa-aside-note p { margin: 0; line-height: 1.7; }
.loa-step-intro { margin-bottom: 16px; }
.loa-step-intro h4 { margin: 0 0 5px; color: var(--ds-ink); }
.loa-step-intro p { margin: 0; color: var(--ds-muted); line-height: 1.7; }
.loa-stepper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 5px; margin: 0 0 22px; border: 1px solid var(--ds-line); border-radius: 12px; background: var(--ds-canvas); }
.loa-stepper-item { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #7b899d; text-align: left; cursor: pointer; transition: background .15s, color .15s, box-shadow .15s; }
.loa-stepper-item:disabled { cursor: not-allowed; opacity: .55; }
.loa-stepper-item.is-current { border-color: var(--ds-line); background: #fff; color: var(--ds-primary); box-shadow: 0 2px 6px #24364d12; }
.loa-stepper-item.is-complete:not(.is-current) { color: #3f7f63; }
.loa-stepper-marker { display: grid; place-items: center; flex-shrink: 0; width: 28px; height: 28px; border: 1px solid #d7dfea; border-radius: 50%; background: #fff; color: #7b899d; }
.loa-stepper-item.is-current .loa-stepper-marker { border-color: var(--ds-primary); background: var(--ds-primary); color: #fff; }
.loa-stepper-item.is-complete .loa-stepper-marker { border-color: #bfe0cf; background: #e8f5ee; color: #3f7f63; }
.loa-stepper-item.is-current.is-complete .loa-stepper-marker { border-color: var(--ds-primary); background: var(--ds-primary); color: #fff; }
.loa-stepper-text { min-width: 0; }
.loa-stepper-text strong { display: block; font-weight: 600; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.loa-stepper-text small { display: block; margin-top: 3px; color: #8a97aa; line-height: 1.4; }
.loa-card { margin: 0 0 16px; padding: 18px 20px; border: 1px solid var(--ds-line); border-radius: 12px; background: #fff; }
.loa-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.loa-card-head > div { min-width: 0; }
.loa-card-kicker { display: block; margin-bottom: 5px; color: var(--ds-primary); font-weight: 600; letter-spacing: 1.1px; text-transform: uppercase; }
.loa-card-head h4 { margin: 0 0 4px; color: var(--ds-ink); line-height: 1.4; }
.loa-card-head p { margin: 0; color: var(--ds-muted); line-height: 1.6; }
.loa-card-head .status-badge { flex-shrink: 0; }
.loa-card-foot { display: flex; justify-content: flex-end; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ds-line); }
.loa-card-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.loa-card .form-group:last-child { margin-bottom: 0; }
.loa-card-empty { margin: 0; padding: 14px; border: 1px dashed #dbe3ee; border-radius: 8px; background: var(--ds-canvas); color: #7d8aa0; line-height: 1.7; }
.loa-status-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 16px; }
.loa-status-card { display: flex; flex-direction: column; gap: 14px; padding: 18px; border: 1px solid var(--ds-line); border-radius: 12px; background: #fff; }
.loa-status-head { display: flex; align-items: center; gap: 11px; }
.loa-status-icon { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 9px; background: var(--ds-primary-soft); color: var(--ds-primary); }
.loa-status-head > div { flex: 1; min-width: 0; }
.loa-status-head h4 { margin: 0 0 3px; color: var(--ds-ink); line-height: 1.4; }
.loa-status-head p { margin: 0; color: var(--ds-muted); line-height: 1.5; }
.loa-status-head .status-badge { flex-shrink: 0; white-space: nowrap; }
.loa-inline-details { display: grid; gap: 10px; margin: 0; }
.loa-inline-details div { display: flex; justify-content: space-between; gap: 12px; }
.loa-inline-details dt { color: #8a97aa; }
.loa-inline-details dd { margin: 0; color: #435570; text-align: right; }
.loa-status-card > .btn { align-self: flex-start; }
.loa-status-card .loa-payment-proof { margin-top: 0; padding-top: 0; border-top: 0; }
.loa-file-row { display: flex; align-items: center; gap: 11px; padding: 12px 14px; border: 1px solid var(--ds-line); border-radius: 9px; background: var(--ds-canvas); }
.loa-file-icon { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 8px; background: #fff; color: var(--ds-primary); border: 1px solid var(--ds-line); }
.loa-file-text { flex: 1; min-width: 0; }
.loa-file-text strong { display: block; color: var(--ds-ink); }
.loa-file-text span { display: block; margin-top: 2px; color: var(--ds-muted); line-height: 1.5; }
.loa-file-row .loa-text-action { flex-shrink: 0; white-space: nowrap; }
.loa-verify-row { margin-top: 0; padding-top: 14px; border-top: 1px solid var(--ds-line); }
.loa-verify-row .form-group { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 7px; }
.loa-verify-row .form-group label { margin: 0; flex-shrink: 0; }
.loa-verify-row .form-control { max-width: 220px; }
.loa-field-help { margin: 0; color: #8a97aa; line-height: 1.6; }
.loa-callout { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 16px; padding: 13px 15px; border: 1px solid #dfe5f5; border-radius: 10px; background: #f6f8ff; color: #5d6f8c; }
.loa-callout i { margin-top: 2px; color: var(--ds-primary); }
.loa-callout p { margin: 0; line-height: 1.7; }
.loa-callout.is-ready { border-color: #d9ece2; background: #f4faf7; color: #4f806a; }
.loa-callout.is-ready i { color: #3f8a65; }
.loa-callout.is-warning { border-color: #f4e2b5; background: #fffaeb; color: #8a6a2f; }
.loa-callout.is-warning i { color: #b8862b; }
.loa-link-box { padding: 14px; border: 1px solid var(--ds-line); border-radius: 10px; background: var(--ds-canvas); }
.loa-link-url { display: flex; align-items: center; gap: 8px; padding: 9px 11px; margin-bottom: 12px; border: 1px solid #dfe6f2; border-radius: 7px; background: #fff; color: #5f6f86; }
.loa-link-url i { flex-shrink: 0; color: #8a97aa; }
.loa-link-url span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.loa-link-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.loa-link-secondary { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 11px; }
.loa-text-action { padding: 0; border: 0; background: none; color: var(--ds-primary); text-decoration: none; cursor: pointer; }
.loa-text-action:hover { text-decoration: underline; }
.loa-empty-state { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px dashed #d7e0ec; border-radius: 10px; background: #fbfcff; }
.loa-empty-icon { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: var(--ds-primary-soft); color: var(--ds-primary); }
.loa-empty-state > div { flex: 1; min-width: 0; }
.loa-empty-state strong { display: block; margin-bottom: 4px; color: var(--ds-ink); }
.loa-empty-state p { margin: 0; color: var(--ds-muted); line-height: 1.6; }
.loa-footer-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
#btn-back[hidden] { display: none !important; }
@media(max-width:650px) { .loa-verify-row .form-group { flex-direction: column; align-items: stretch; gap: 6px; }.loa-verify-row .form-control { max-width: none; }.loa-file-row { flex-wrap: wrap; }.loa-file-row .loa-text-action { margin-left: 43px; } }
@media(max-width:650px) { .loa-stepper-item { padding: 9px 8px; gap: 7px; }.loa-stepper-text small { display: none; }.loa-stepper-marker { width: 24px; height: 24px; }.loa-card { padding: 16px; }.loa-card-head { gap: 10px; }.loa-card-head h4 { margin-bottom: 3px; }.loa-empty-state { flex-wrap: wrap; }.loa-empty-state > .btn { width: 100%; }.loa-footer-actions { width: 100%; }.loa-footer-actions .btn { flex: 1 1 auto; } }

/*
 * Process LoA typography follows the Review Form page: 12px body, 11px
 * secondary text, 13px inputs, 14px card titles and 18px page titles.
 * Buttons use the same 12px scale as the shared admin buttons.
 */
.loa-process-modal .loa-process { font-size: 12px; line-height: 1.65; }
.loa-process-modal .loa-process p { font-size: 12px; line-height: 1.7; }
.loa-process-modal .loa-process small { font-size: 11px; line-height: 1.6; }
.loa-process-modal .loa-process strong { font-size: 12px; font-weight: 600; }
.loa-process-modal .loa-process h3 { font-size: 18px; line-height: 1.4; font-weight: 600; }
.loa-process-modal .loa-process h4 { font-size: 14px; line-height: 1.5; font-weight: 600; }
.loa-process-modal .loa-process-aside .loa-process-summary h3 { font-size: 14px; line-height: 1.6; }
.loa-process-modal .loa-process .loa-rail-label { font-size: 10px; letter-spacing: 1.2px; }
.loa-process-modal .loa-process .loa-process-reference { font-size: 10px; }
.loa-process-modal .loa-process .loa-process-reference > span { font-size: 10px; }
.loa-process-modal .loa-process .loa-process-summary p { font-size: 11px; }
.loa-process-modal .loa-process .loa-stage-count { font-size: 11px; }
.loa-process-modal .loa-process .loa-stepper-text strong { font-size: 12px; }
.loa-process-modal .loa-process .loa-stepper-text small { font-size: 10px; }
.loa-process-modal .loa-process .loa-stepper-marker { font-size: 11px; }
.loa-process-modal .loa-process .loa-step-intro h4 { font-size: 14px; }
.loa-process-modal .loa-process .loa-step-intro p { font-size: 12px; }
.loa-process-modal .loa-process .loa-card-head h4 { font-size: 14px; }
.loa-process-modal .loa-process .loa-card-head p { font-size: 11px; }
.loa-process-modal .loa-process .loa-card-kicker { font-size: 11px; letter-spacing: .8px; text-transform: uppercase; }
.loa-process-modal .loa-process .loa-status-head h4 { font-size: 14px; }
.loa-process-modal .loa-process .loa-status-head p { font-size: 11px; }
.loa-process-modal .loa-process .loa-inline-details dt { font-size: 11px; }
.loa-process-modal .loa-process .loa-inline-details dd { font-size: 12px; }
.loa-process-modal .loa-process .loa-card-empty { font-size: 12px; }
.loa-process-modal .loa-process .loa-field-help { font-size: 11px; }
.loa-process-modal .loa-process .loa-file-text strong { font-size: 12px; }
.loa-process-modal .loa-process .loa-file-text span { font-size: 11px; }
.loa-process-modal .loa-process .loa-callout { font-size: 12px; }
.loa-process-modal .loa-process .loa-link-url { font-size: 11px; }
.loa-process-modal .loa-process .loa-link-url span { font-size: 11px; }
.loa-process-modal .loa-process option { font-size: 13px; }
.loa-process-modal .loa-process summary { font-size: 11px; }
.loa-process-modal .loa-process code { font-size: 11px; }
.loa-process-modal .loa-process .loa-review-details dt { font-size: 11px; }
.loa-process-modal .loa-process .loa-review-details dd { font-size: 12px; }
.loa-process-modal .loa-process .loa-document-grid strong { font-size: 12px; }
.loa-process-modal .loa-process .loa-document-grid small { font-size: 11px; }
.loa-process-modal .loa-process .loa-publish-note { font-size: 12px; }
.loa-process-modal .loa-process .loa-payment-proof-text strong { font-size: 12px; }
.loa-process-modal .loa-process .loa-payment-proof-text p { font-size: 11px; }
.loa-process-modal .loa-process .loa-text-action { font-size: 11px; }
.loa-process-modal .loa-process .loa-empty-state strong { font-size: 12px; }
.loa-process-modal .loa-process .loa-empty-state p { font-size: 11px; }
.loa-process-modal .loa-process .loa-aside-note p { font-size: 11px; }
.loa-process-modal .loa-process .status-badge { font-size: 10px; line-height: 1.4; padding: 3px 9px; }
.loa-process-modal .loa-process .form-group label { font-size: 12px; }
.loa-process-modal .loa-process :is(input, select, textarea).form-control { font-size: 13px !important; }
.loa-process-modal .loa-process .btn,
.loa-process-modal .loa-process .loa-document-link { min-height: 36px; padding: 9px 14px; font-size: 12px; font-weight: 500; line-height: 1.5; }
.loa-process-modal .loa-process .btn-sm { font-size: 12px; }
.loa-process-modal .loa-process .ck.ck-editor__main > .ck-editor__editable { font-size: 13px; }
.admin-workspace .loa-process-modal .modal-title { font-size: 18px; }
.loa-process-modal .ui-modal-subtitle { font-size: 11px; }
.loa-process-modal .modal-footer .btn { min-height: 36px; padding: 9px 14px; font-size: 12px; }
.loa-process-modal .loa-process-footer,
.loa-process-modal .loa-process-footer .loa-save-note { font-size: 11px; }