/* Leo Pay 3.0. Presentation only; every rule is scoped to an opted-in page. */
body.leo-ui {
  --bg: #091522; --panel: #122638; --ink: #eaf0f2; --muted: #a9bec8;
  --line: #2e4656; --nav: #0c1d2b; --nav-active: #203747;
  --blue: #d8b67a; --blue2: #e6c78f; --blue-dark: #e6c78f;
  --cyan: #93cec8; --green: #9fe0cc; --mint: #9fe0cc; --gold: #d8b67a;
  --amber: #e7c88f; --red: #f0b7b7; --shadow: none;
  --portal-ink: #eaf0f2; --portal-muted: #a9bec8; --portal-line: #2e4656;
  --portal-blue: #d8b67a; --portal-paper: #091522;
  margin: 0; background: var(--bg); color: var(--ink); color-scheme: dark;
  font-family: "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
  font-size: 14px; line-height: 1.6; -webkit-font-smoothing: antialiased;
}
.leo-ui *, .leo-ui *::before, .leo-ui *::after { box-sizing: border-box; }
.leo-ui :is(h1,h2,h3,h4,strong,b,label,legend) { color: var(--ink); }
.leo-ui p { color: var(--muted); }
.leo-ui small { color: var(--muted); }
.leo-ui a { color: var(--blue); }
.leo-ui :is(button,input,select,textarea) { font: inherit; }
.leo-ui :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline: 2px solid #dfbd7e; outline-offset: 4px; }
.leo-ui :is(button,input,select,textarea):disabled { cursor: not-allowed; opacity: .55; }
.leo-ui ::selection { color: #091522; background: #dfbd7e; }
.leo-ui :is(code,pre) { font-family: Consolas, "Cascadia Mono", monospace; overflow-wrap: anywhere; }
.leo-ui code { color: #c4d7df; }

/* A small geometric seal, kept separate from the company identity. */
.leo-ui .leo-seal { width: 33px; height: 33px; flex: 0 0 33px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 7px; border: 1px solid #d8b67a; transform: rotate(-8deg); }
.leo-ui .leo-seal i { display: block; border: 2px solid #d8b67a; }
.leo-ui .leo-brand { display: flex; align-items: center; gap: 15px; }
.leo-ui .leo-wordmark { color: #eaf0f2; font-size: 20px; font-weight: 700; letter-spacing: .17em; white-space: nowrap; }
.leo-ui .leo-wordmark em { color: #d8b67a; font-style: normal; }
.leo-ui .leo-wordmark sup { display: inline-block; margin-left: 7px; padding-top: 2px; border-top: 1px solid #d8b67a; color: #d8b67a; font-size: 10px; letter-spacing: .04em; vertical-align: super; }
.leo-ui .leo-app-brand { display: flex; align-items: center; gap: 12px; padding: 4px 4px 25px; margin: 0 0 13px; border-bottom: 1px solid var(--line); text-decoration: none; }
.leo-ui .leo-app-brand > span:last-child { min-width: 0; }
.leo-ui .leo-app-brand .leo-wordmark { font-size: 15px; letter-spacing: .12em; }
.leo-ui .leo-app-brand .leo-wordmark { display: inline; }
.leo-ui .leo-app-brand .leo-wordmark sup { display: inline-block; }
.leo-ui .leo-app-brand small { display: block; margin: 5px 0 0; color: var(--muted); font-size: 11px; letter-spacing: .05em; }
.leo-ui .leo-app-brand .leo-seal { width: 28px; height: 28px; flex-basis: 28px; padding: 6px; gap: 4px; }
.leo-ui .leo-app-brand .leo-seal i { border-width: 1px; }

/* Login: brand story and existing, unmodified form controls. */
.leo-ui .leo-login { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-columns: minmax(0,1.07fr) minmax(420px,.93fr); gap: 0; padding: 0; color: #eaf0f2; background: #091522; align-items: stretch; }
.leo-ui .leo-login-story { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; min-width: 0; padding: 64px clamp(36px,4.5vw,88px); background-image: linear-gradient(90deg,rgba(5,20,30,.66),rgba(5,20,30,.1)),linear-gradient(0deg,rgba(6,22,33,.65),transparent 70%),var(--leo-login-art); background-size: cover; background-position: 61% center; }
@media (width > 820px) {
  .leo-ui .leo-login-story { --leo-login-art: url('/assets/leo-dragon-desktop.919783b317efe00d.webp'); }
}
@media (width <= 820px) {
  .leo-ui .leo-login-story { --leo-login-art: url('/assets/leo-dragon-mobile.6b3db33cf855a88e.webp'); }
}
.leo-ui .leo-story-copy { padding: 70px 0; width: 100%; }
.leo-ui .leo-eyebrow { display: flex; align-items: center; gap: 13px; margin: 0 0 22px; color: #dfbd7e; font-size: 11px; font-weight: 650; letter-spacing: .22em; }
.leo-ui .leo-eyebrow::before { content: ""; width: 22px; height: 1px; background: #d8b67a; flex-shrink: 0; }
.leo-ui .leo-login-headline { margin: 0; font-family: Georgia, "Noto Serif SC", "Songti SC", SimSun, serif; font-size: clamp(34px,4.8vw,76px); line-height: 1.3; font-weight: 400; letter-spacing: -.05em; }
.leo-ui .leo-login-headline > span { display: block; white-space: nowrap; }
.leo-ui .leo-login-headline > span:last-child { color: #dfbd7e; }
.leo-ui .leo-position { display: grid; gap: 3px; margin-top: 30px; padding-left: 16px; border-left: 2px solid #d8b67a; font-size: 14px; line-height: 1.55; }
.leo-ui .leo-position strong { color: #dfbd7e; font-size: 13px; letter-spacing: .06em; }
.leo-ui .leo-position b { color: #eaf0f2; font-size: 16px; font-weight: 600; }
.leo-ui .leo-position span { color: #cadce3; font-size: 13px; }
.leo-ui .leo-story-footer { color: #9bb7c5; font-size: 9px; letter-spacing: .25em; }
.leo-ui .leo-login-operation { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 60px clamp(32px,5.8vw,112px); background: radial-gradient(ellipse at 100% 0%,#315267 0%,#132a3b 62%); }
.leo-ui .leo-login :is(.login-card,.company-login-card) { width: min(395px,100%); margin: 0 auto; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.leo-ui .leo-login .leo-form-eyebrow { color: #dfbd7e; font-size: 11px; font-weight: 600; letter-spacing: .1em; margin: 0 0 26px; }
.leo-ui .leo-login h2 { font-family: Georgia,"Noto Serif SC","Songti SC",SimSun,serif; color: #eaf0f2; font-size: 38px; line-height: 1.4; font-weight: 400; margin: 0 0 8px; letter-spacing: -.03em; }
.leo-ui .leo-login .leo-login-intro { margin: 0 0 28px; color: #c4d7df; font-size: 13px; }
.leo-ui .leo-login label { display: flex; flex-direction: column; gap: 8px; color: #c4d7df; margin: 20px 0 0; font-size: 13px; font-weight: 400; }
.leo-ui .leo-login label small { color: #a9bec8; font-size: 11px; }
.leo-ui .leo-login input { width: 100%; height: 50px; min-width: 0; padding: 12px 14px; margin: 0; border: 1px solid #5c7888; border-radius: 0; color: #eaf0f2; background: #203b4c; box-shadow: none; }
.leo-ui .leo-login input::placeholder { color: #a9bec8; }
.leo-ui .leo-login input:focus { outline: 2px solid #dfbd7e; outline-offset: 3px; border-color: #9eafb6; box-shadow: none; }
.leo-ui .leo-login button[type=submit] { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 55px; height: auto; margin: 30px 0 0; padding: 14px 18px; border: 1px solid #e6c990; border-radius: 0; background: #dfbd7e; color: #091522; font-weight: 650; box-shadow: none; }
.leo-ui .leo-login button[type=submit]:hover:not(:disabled) { background: #edcf98; }
.leo-ui .leo-login button[type=submit] span { color: inherit; font-size: 20px; font-weight: 400; }
.leo-ui .leo-login :is(.login-meta,#companyLoginMessage) { min-height: 22px; margin: 15px 0 0; color: #a9bec8; text-align: left; font-size: 12px; }
.leo-ui .leo-login-note { width: min(395px,100%); padding-top: 23px; border-top: 1px solid #3d5665; margin: 30px auto 0; color: #b7ccd5; font-size: 12px; line-height: 1.8; }

/* Application chrome. Existing grid, route and visibility rules remain intact. */
.leo-ui :is(.app-shell,.company-app,.finance-app,.workspace,.company-main,.finance-main,.finance-workspace,.company-workspace) { background: var(--bg); min-width: 0; }
.leo-ui :is(.sidebar,.company-nav,.finance-navigation) { background: #0c1d2b; color: var(--ink); border-right: 1px solid #2e4656; }
.leo-ui :is(.sidebar .nav-item,.company-nav nav button,.finance-navigation nav a,.company-nav summary) { color: #b0c3cd; border-radius: 0; font-weight: 450; }
.leo-ui :is(.sidebar .nav-item.active,.company-nav nav button.active,.finance-navigation nav a.active) { background: #243946; color: #efcc8e; box-shadow: inset 2px 0 #d8b67a; }
.leo-ui :is(.sidebar .nav-item:hover,.company-nav nav button:hover,.finance-navigation nav a:hover,.company-nav summary:hover) { background: #1b3040; color: #eaf0f2; }
.leo-ui :is(.menu-group,.nav-group,.nav-label,.finance-navigation nav p) { color: #8da7b5; font-size: 10px; font-weight: 600; letter-spacing: .1em; }
.leo-ui :is(.topbar,.company-header,.finance-topbar) { background: #102230; color: var(--ink); border-bottom: 1px solid var(--line); box-shadow: none; }
.leo-ui :is(.topbar h1,.company-header h1) { color: #eaf0f2; font-size: 25px; font-weight: 500; letter-spacing: .02em; }
.leo-ui :is(.top-actions .account,.account,.top-subject b,.finance-account strong) { color: #eaf0f2; }
.leo-ui :is(.avatar,.avatar.small) { background: #263c49; color: #dfbd7e; border-radius: 2px; }
.leo-ui .top-subject { border-color: var(--line); }
.leo-ui :is(.card,.panel,.company-panel,.metric,.management-subject,.directory-link,.intake-panel,.channel-card,.company-account-row,.group-item,.product-card,.company-login-card) { background: var(--panel); color: var(--ink); border-color: var(--line); border-radius: 2px; box-shadow: none; }
.leo-ui :is(.card,.panel,.company-panel) { min-width: 0; }
.leo-ui :is(.card h2,.panel h2,.company-panel h2,.section-title h2,.module-head h2) { color: #eaf0f2; font-weight: 550; }
.leo-ui :is(.section-title h2,.subject-main h2,.company-overview-intro h2) { font-family: Georgia,"Noto Serif SC","Songti SC",SimSun,serif; font-weight: 400; }
.leo-ui :is(.section-title p,.card p,.panel p,.company-panel p,.directory-note,.subject-main p,.subject-label,.subject-context p,.subject-context dt,.top-subject small,.overview-updated,.overview-count-note,.management-table small,.management-attention small,.directory-link small,.company-muted,.muted,.hint,.help,.subtle,.subtitle,.empty-state) { color: var(--muted); }
.leo-ui :is(.management-subject,.finance-company-context,.company-intro) { border-left: 2px solid #d8b67a; border-top-color: var(--line); background: #172c3b; border-radius: 0; }
.leo-ui .management-subject { border-top-width: 1px; }
.leo-ui :is(.subject-context,.evidence-row,.company-section-head,.dialog-head,.dialog-title,.dialog-actions,fieldset,.intake-feedback,.intake-submit-bar,.intake-preview) { border-color: var(--line); }
.leo-ui :is(.finance-product-entry,.quick-grid button,.company-overview-todos button,.directory-link) { background: #122638; border-color: #324b5b; color: var(--ink); border-radius: 2px; box-shadow: none; }
.leo-ui :is(.finance-product-entry:hover,.quick-grid button:hover,.company-overview-todos button:hover,.directory-link:not([aria-disabled=true]):hover) { background: #1a3040; border-color: #9b865f; }
.leo-ui .directory-link[aria-disabled=true] { background: #132330; border-color: #2a3c49; opacity: .55; cursor: not-allowed; }
.leo-ui :is(.finance-product-name,.directory-link strong) { color: #eaf0f2; }
.leo-ui .finance-product-entry { gap: 12px; padding: 24px; border-top: 2px solid #86714e; }
.leo-ui .finance-product-entry strong { background: transparent; color: #dfbd7e; border-radius: 0; padding: 3px 0; }
.leo-ui :is(.company-overview-todos strong,.metric strong,.metric b,.company-metric strong) { color: #eaf0f2; font-variant-numeric: tabular-nums; font-weight: 500; }
.leo-ui :is(.eyebrow,.subject-link,.management-shortcuts button,.utility-return a,.finance-reference-links a) { color: #d8b67a; }
.leo-ui :is(.finance-reference-links a,.tab,.tabs button,.trading-tabs button) { background: #182d3e; border-color: #405866; border-radius: 1px; }
.leo-ui :is(.tab.active,.tabs button.active,.trading-tabs button.active) { background: #2c3c43; color: #efcc8e; border-color: #d8b67a; }

/* Controls, including the forms rendered into the existing business panels. */
.leo-ui :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { color: #eaf0f2; background: #0e2030; border: 1px solid #4d6575; border-radius: 1px; box-shadow: none; }
.leo-ui :is(input,textarea)::placeholder { color: #94abb8; opacity: 1; }
.leo-ui :is(input[readonly],select:disabled,.intake-field-value) { color: #b6c9d2; background: #182d3e; }
.leo-ui input[type=checkbox],.leo-ui input[type=radio] { accent-color: #d8b67a; }
.leo-ui option { background: #122638; color: #eaf0f2; }
.leo-ui :is(button.primary,a.primary,.company-button.primary,.intake-button.is-primary,.settings button[type=submit]) { color: #091522; background: #dfbd7e; border: 1px solid #dfbd7e; border-radius: 1px; box-shadow: none; }
.leo-ui :is(a.primary,a.secondary) { text-decoration: none; }
.leo-ui :is(button.primary,a.primary,.company-button.primary,.intake-button.is-primary,.settings button[type=submit]):hover:not(:disabled) { background: #edcf98; border-color: #edcf98; }
.leo-ui :is(.secondary,.company-button:not(.primary),.intake-button,.table-button,.table-card button,.close,.icon-button,.text-button,.ghost) { color: #dfc798; background: #182d3e; border: 1px solid #4a606c; border-radius: 1px; box-shadow: none; }
.leo-ui :is(.secondary,.company-button:not(.primary),.intake-button,.table-button,.icon-button,.text-button,.ghost):hover:not(:disabled) { background: #263d4c; }
.leo-ui :is(.danger,.company-button.danger,.intake-button.is-danger) { color: #f0b7b7; background: #512c31; border: 1px solid #8b555c; border-radius: 1px; }
.leo-ui :is(dialog,.dialog,.dialog-body,.dialog-head,.dialog-actions) { background: #122638; color: var(--ink); border-color: var(--line); border-radius: 2px; box-shadow: none; }
.leo-ui dialog { border: 1px solid #55707d; }
.leo-ui dialog::backdrop { background: #030d16c9; }
.leo-ui :is(.mobile-nav-toggle,.dialog-head button,.dialog-heading button) { color: #dfc798; background: #182d3e; border: 1px solid #4a606c; border-radius: 1px; }
.leo-ui :is(.badge,.tag,.pill,.status-pill,.company-badge) { color: #bcd1dc; background: #213d4f; border: 1px solid #38566a; border-radius: 2px; }
.leo-ui :is(.badge.success,.badge.ok,.badge.green,.tag.success,.ok,.success-text) { color: #9fe0cc; }
.leo-ui :is(.badge.success,.badge.green,.tag.success) { background: #173d3c; border-color: #37665b; }
.leo-ui :is(.badge.bad,.badge.error,.badge.red,.tag.failed,.bad,.error,.is-error) { color: #f0b7b7; }
.leo-ui :is(.badge.bad,.badge.error,.badge.red,.tag.failed,.intake-note.is-error) { background: #512c31; border-color: #85555c; }
.leo-ui :is(.notice,.warning,.management-warning,.management-attention span) { color: #e7c88f; }
.leo-ui .notice { background: #353329; border-color: #6f6245; border-radius: 1px; }
.leo-ui :is(.toast,.company-toast) { color: #eaf0f2; background: #213d4f; border: 1px solid #4d6e80; border-radius: 2px; }
.leo-ui :is(.toast.error,.company-toast.error) { background: #512c31; color: #f0b7b7; }
.leo-ui .toast.success { background: #173d3c; color: #9fe0cc; }

/* Data density and local scrolling, without concealing overflowing controls. */
.leo-ui table { color: #eaf0f2; font-variant-numeric: tabular-nums; }
.leo-ui :is(thead th,.management-table th,.intake-table th,.stat-table th,.table-card th) { color: #bdd0d9; background: #1b3040; border-color: var(--line); }
.leo-ui :is(td,th,.management-table td,.intake-table td,.report-row,.detail-row) { border-color: var(--line); }
.leo-ui :is(tbody tr:hover,tbody tr:hover td,.management-table tr:hover td) { background: #1b3040; }
.leo-ui :is(.table-wrap,.table-scroll,.table-card,.management-table,.stat-table,.intake-table-wrap) { max-width: 100%; overflow-x: auto; border-color: var(--line); border-radius: 1px; }
.leo-ui .info-intake .intake-panel { background: #122638; border-radius: 2px; }
.leo-ui .info-intake :is(.intake-table input:not([type=checkbox]),select,.intake-field input) { background: #0e2030; color: #eaf0f2; border-color: #4d6575; border-radius: 1px; }
.leo-ui .info-intake :is(.intake-field input:disabled,.intake-field input[readonly],.intake-field-value) { background: #182d3e; color: #b6c9d2; }
.leo-ui .info-intake .intake-table tr:hover td { background: #1b3040; }
.leo-ui .info-intake :is(.intake-status,.intake-table .intake-empty) { color: #a9bec8; }
.leo-ui .info-intake .intake-field-value { border-radius: 1px; }
.leo-ui :is(.group-account-frame,.company-business-frame,.company-workbench-frame,.finance-business-frame,iframe) { color-scheme: dark; background: #091522; border-radius: 0; }
.leo-ui .company-wordmark { color: #dfbd7e; }
.leo-ui .company-wordmark span { color: #a9bec8; }
.leo-ui :is(.company-account-meta,.company-account-name,.company-permissions legend) { color: #eaf0f2; }
.leo-ui :is(.company-permissions,.company-account-fields,.report,.report-item) { border-color: var(--line); }
.leo-ui .company-permission-groups { grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr)); }
.leo-ui :is(.settings p,.intro,.evidence-row small,dt,#revision) { color: #a9bec8; }
.leo-ui :is(.stat-card,.history-field,.line-row,.contract-display,.finance-create-heading,.finance-filters,.finance-help[open] > p,.finance-help-content,.batch-build-panel,.api-guide section,.detail-grid div,.summary-item) { background: #122638; color: #eaf0f2; border-color: #2e4656; border-radius: 2px; box-shadow: none; }
.leo-ui :is(.finance-create-heading,.history-field,.filters,.finance-filters,.detail-grid div) { background: #1b3040; }
.leo-ui :is(.stat-card,.metric)::after { display: none; }
.leo-ui :is(.stat-card small,.finance-help summary,.finance-help-content p,.detail-grid span) { color: #a9bec8; }
.leo-ui .contract-display.pending { color: #e7c88f; background: #353329; border-color: #6f6245; }
.leo-ui .contract-display.ready { color: #9fe0cc; background: #173d3c; border-color: #37665b; }
.leo-ui .contract-display.error { color: #f0b7b7; background: #512c31; border-color: #85555c; }
.leo-ui .api-guide pre { color: #c4d7df; background: #0e2030; }
.leo-ui :is(.batch-build-toolbar span,.config-detail-item span,.config-detail-item small) { color: #a9bec8; }
.leo-ui :is(.config-detail-item,.rule-row,.check-grid,.cert-item) { color: #eaf0f2; background: #122638; border-color: #2e4656; border-radius: 2px; }
.leo-ui :is(.config-detail-item b,.cert-item b) { color: #eaf0f2; }
.leo-ui .line-no { color: #dfbd7e; background: #263d4c; }
.leo-ui .totp-setup { color: #eaf0f2; background: #1b3040; border: 1px solid #2e4656; border-radius: 2px; }
.leo-ui :is(.key-list code,.totp-setup code) { color: #c4d7df; background: #0e2030; border-radius: 1px; }
.leo-ui .remove-line { color: #f0b7b7; background: #512c31; border-radius: 1px; }
.leo-ui :is(.finance-task-table th:last-child,.finance-task-table td:last-child) { background: #122638; }
.leo-ui :is(.finance-contract-help summary,.runtime-banner,.capability-card,.badge.warn,.table-button.warn) { color: #e7c88f; background: #353329; border-color: #6f6245; border-radius: 2px; }

/* Disclosure keeps every existing navigation action available on phones. */
.leo-ui .leo-navigation { min-width: 0; }
.leo-ui .leo-navigation-toggle { cursor: pointer; color: #dfbd7e; background: transparent; border: 0; border-radius: 0; width: 100%; }
.leo-ui .leo-navigation-toggle span { font-size: 19px; font-weight: 400; }
.leo-ui .leo-navigation-toggle[aria-expanded=true] span { transform: rotate(45deg); }
.leo-ui [hidden] { display: none !important; }
@media (min-width: 821px) {
  .leo-ui .leo-navigation-toggle { display: none; }
}

@media (min-width: 1100px) {
  .leo-ui :is(.finance-workspace,.company-workspace) { padding: 32px; }
  .leo-ui .finance-products-home { gap: 18px; }
}
@media (max-width: 1000px) and (min-width: 821px) {
  .leo-ui .leo-login-story { padding: 42px 28px; }
  .leo-ui .leo-login-headline { font-size: 37px; }
  .leo-ui .leo-login-operation { padding: 42px 30px; }
}
@media (max-width: 820px) {
  .leo-ui .leo-login { grid-template-columns: minmax(0,1fr); }
  .leo-ui .leo-login-story { min-height: 320px; padding: 28px 32px; background-position: 65% 42%; }
  .leo-ui .leo-story-copy { padding: 36px 0 0; }
  .leo-ui .leo-login-headline { font-size: clamp(32px,7vw,52px); }
  .leo-ui .leo-eyebrow { margin-bottom: 14px; font-size: 10px; letter-spacing: .16em; }
  .leo-ui .leo-position { margin-top: 22px; }
  .leo-ui .leo-story-footer { display: none; }
  .leo-ui .leo-login-operation { padding: 36px 24px 42px; }
  .leo-ui .leo-login :is(.login-card,.company-login-card),.leo-ui .leo-login-note { width: min(450px,100%); }
  .leo-ui .leo-login h2 { font-size: 34px; }
  .leo-ui .leo-login .leo-form-eyebrow { margin-bottom: 20px; }
  .leo-ui :is(.topbar,.company-header,.finance-topbar) { min-width: 0; flex-wrap: wrap; height: auto; min-height: 76px; padding: 16px; gap: 12px; }
  .leo-ui :is(.topbar h1,.company-header h1) { font-size: 22px; }
  .leo-ui :is(.view,.finance-workspace,.company-workspace) { padding: 18px 14px; }
  .leo-ui :is(.company-panel,.panel,.card) { padding: 18px; }
  .leo-ui .table-card { padding: 0; }
  .leo-ui .leo-app-brand { margin-bottom: 8px; padding-bottom: 16px; }
  .leo-ui .finance-navigation { max-width: 100%; }
  .leo-ui :is(.finance-navigation,.company-nav) { position: static; width: auto; height: auto; max-height: none; padding: 18px 16px 12px; border-right: 0; border-bottom: 1px solid var(--line); }
  .leo-ui :is(.finance-app,.company-app) { grid-template-columns: minmax(0,1fr); }
  .leo-ui :is(.finance-main,.company-main) { grid-column: 1; }
  .leo-ui .leo-navigation-toggle { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; padding: 6px 9px; }
  .leo-ui .leo-navigation nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; height: auto; max-height: none; padding: 8px 0; margin: 0; }
  .leo-ui .leo-navigation nav :is(a,button) { min-width: 0; width: 100%; white-space: normal; padding: 10px; }
  .leo-ui .leo-navigation nav :is(p,details) { grid-column: 1 / -1; }
  .leo-ui .leo-navigation nav p { display: block; margin: 13px 10px 3px; padding: 0; }
  .leo-ui .leo-navigation nav details > a { display: inline-block; width: calc(50% - 16px); margin: 4px 0; }
  .leo-ui :is(.finance-navigation-note,.company-nav > p,.company-nav > a:last-child) { display: none; }
  .leo-ui :is(.section-title,.module-head,.card-head,.company-section-head,.dialog-actions) { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  .leo-ui .leo-login-story { padding: 25px 24px 26px; min-height: 0; }
  .leo-ui .leo-story-copy { padding-top: 31px; }
  .leo-ui .leo-login-headline { font-size: clamp(29px,8.3vw,38px); }
  .leo-ui .leo-position { margin-top: 19px; padding-left: 13px; }
  .leo-ui .leo-position b { font-size: 14px; }
  .leo-ui .leo-brand .leo-wordmark { font-size: 19px; }
  .leo-ui .leo-login-operation { padding: 32px 24px; }
  .leo-ui .leo-login-note { margin-top: 26px; }
  .leo-ui .leo-login .leo-login-intro { margin-bottom: 24px; }
  .leo-ui .leo-login label { margin-top: 17px; }
  .leo-ui .leo-login input { height: 48px; }
  .leo-ui :is(.directory-account,.company-actions,.finance-account,.account) { max-width: 100%; flex-wrap: wrap; }
  .leo-ui :is(.directory-account select,.filters select,.filters input) { min-width: 0; max-width: 100%; }
  .leo-ui .company-overview-metrics { grid-template-columns: 1fr 1fr; }
  .leo-ui .company-metric strong { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .leo-ui *, .leo-ui *::before, .leo-ui *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}