/* Administrator workspace: reference-inspired layout with read-only data. */
.management-readonly { white-space: nowrap; font-size: 12px; opacity: .9; }
.management-logout { color: white; min-height: 44px; padding-inline: 8px; }
.management-login-label { display: flex; align-items: center; color: var(--text); }
.management-login { width: min(100%, 460px); margin: 44px auto 80px; }
.management-login .panel { padding: 32px; }
.management-login h1 { margin-top: 20px; font-size: 26px; }
.management-login form { margin-top: 26px; }
.management-note { color: var(--muted); margin-top: 10px; }
.management-login-submit { width: 100%; }
.management-login-error { color: var(--danger); margin: 0 0 14px; min-height: 22px; }
.management-error { padding: 24px; border: 1px solid var(--danger); border-radius: var(--radius-control); color: var(--danger); background: #fff8f9; }
.management-error p { margin: 8px 0 16px; }
.management-shortcut { display: flex; align-items: center; gap: 12px; min-height: 70px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-control); }
.management-shortcut:hover { background: var(--surface-subtle); }
.management-detail { width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 24px; border: 1px solid var(--line); border-radius: var(--radius-card); color: var(--ink); background: white; box-shadow: var(--shadow-float); }
.management-detail::backdrop { background: #203f6d55; }
.management-detail .panel-head { gap: 16px; }
.management-detail .detail-grid { margin-bottom: 0; }
@media (max-width: 640px) {
  .management-readonly { display: none; }
  .management-login { margin-top: 20px; }
  .management-login .panel { padding: 24px; }
  .management-detail { padding: 18px; }
  .management-detail .detail-grid { grid-template-columns: 1fr; }
  .table-footer { gap: 16px; flex-wrap: wrap; }
}

/* Shell */
body[data-mode="management_only"] { --identity-height:60px; --product-height:62px; --shell-height:calc(var(--identity-height) + var(--product-height)); --shell-gutter:clamp(20px,2.5vw,44px); --management-gutter:clamp(24px,2.7vw,52px); --management-sidebar:240px; --panel-radius:20px; --radius-card:20px; background:#f1f6fd; }
.management-main { max-width:1800px; padding:30px var(--management-gutter) 36px; }
.management-main + footer { max-width:1800px; padding:0 var(--management-gutter) 28px; }
.management-with-sidebar .layout { margin-left:var(--management-sidebar); }
.identity-bar { gap:24px; }
.brand-mark { width:45px; height:35px; }
.brand-word { font-size:28px; letter-spacing:-.8px; }
.top-actions { gap:14px; }
.management-readonly { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#edf5ff; padding:7px 10px; border:1px solid #ffffff55; border-radius:7px; }
.management-readonly .icon { width:15px; height:15px; }
.management-logout { min-height:40px; padding:6px 12px; border:1px solid #ffffff66; border-radius:9px; font-size:13px; white-space:nowrap; }
.management-logout:hover,.management-help:hover { background:#ffffff1c; }
.management-username { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
.management-username small { color:#e4eeff; font-size:10px; }
.user-chip { gap:8px; }
.user-chip .avatar { width:32px; height:32px; flex-basis:32px; }
.management-header-search { display:inline-flex; align-items:center; gap:10px; width:clamp(160px,15vw,230px); min-height:40px; padding:0 13px; border:1px solid #ffffff66; border-radius:9px; color:#fff; background:#ffffff10; font-size:12px; }
.management-header-search:hover { background:#ffffff22; }
.management-header-search .icon { width:18px; height:18px; }
.management-header-search kbd { margin-left:auto; padding:0 5px; border:1px solid #ffffff44; border-radius:4px; font:inherit; opacity:.8; }
.management-help { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:9px; }
.management-help .icon { width:22px; height:22px; }
.management-session-label { color:#fff; font-size:13px; }
.global-nav { max-width:1800px; padding-inline:var(--shell-gutter); gap:12px; }
.global-nav-item { min-width:125px; gap:10px; padding-inline:24px; font-size:16px; color:#1d2a3b; }
.global-nav-item:first-child { --nav-leading:24px; --nav-underline-left:20px; }
.global-nav-item .icon { width:20px; height:20px; }
.global-nav-item.active::after { height:3px; left:20px; right:20px; }
.management-login-label { gap:12px; color:var(--ink); font-weight:600; font-size:15px; }
.management-login-label > .icon { color:var(--blue); }
.management-login-label > span { border-left:1px solid var(--line); padding-left:16px; margin-left:6px; color:var(--muted); font-size:12px; font-weight:400; }
.management-muted,.management-note { color:var(--muted); }
.management-note { line-height:1.7; }
.management-eyebrow { color:#3e76eb; font-size:11px; letter-spacing:2px; font-weight:500; }
.management-art { display:block; pointer-events:none; }
.management-art img { display:block; width:100%; height:100%; object-fit:contain; }
.management-section-head { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:35px; }
.management-section-head h2 { display:inline-flex; align-items:center; gap:10px; font-size:20px; font-weight:650; }
.management-section-head h2 > .icon { color:var(--blue); }
.management-section-head .management-muted { font-size:12px; }
.management-section-head .text-link { white-space:nowrap; font-size:13px; }
.management-main .button { border-color:#c4d7f1; border-radius:10px; }
.management-main .button.primary { color:#fff; border-color:#2868f0; background:linear-gradient(130deg,#2e70f9,#235ce0); box-shadow:0 5px 15px #2868f018,inset 0 2px #ffffff25; }
.management-main .button.primary:hover { background:#2056ca; }
.management-main .text-link { font-size:14px; }
.management-main .button .icon { width:17px; height:17px; }

/* Dashboard */
.management-welcome { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 20px; color:#536f91; }
.management-welcome p { font-size:14px; }
.management-welcome strong { font-weight:500; }
.management-welcome .actions { flex-shrink:0; font-size:12px; }
.management-refresh { min-height:38px; padding:7px 12px; background:#ffffffb3; font-size:13px; }
.management-overview-grid { display:grid; grid-template-columns:minmax(0,2.05fr) minmax(340px,1fr); gap:20px; align-items:stretch; }
.management-summary { position:relative; isolation:isolate; min-height:418px; padding:28px 30px; overflow:hidden; border:1px solid #fff; background:linear-gradient(108deg,#fff 0%,#fff 45%,#edf7ff 76%,#d5edff 100%); }
.management-summary-top { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.management-summary-top .text-link { font-size:14px; }
.management-summary-copy { position:relative; z-index:1; width:70%; padding-top:16px; }
.management-summary-copy h2 { font-size:23px; font-weight:660; }
.management-subtitle { margin-top:8px; color:#607b9e; font-size:13px; }
.management-total { display:flex; align-items:baseline; gap:14px; margin-top:14px; color:#142f56; }
.management-total strong { font-size:clamp(47px,4.4vw,70px); font-weight:720; letter-spacing:-2px; line-height:1.15; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.management-total > span { font-size:16px; white-space:nowrap; }
.management-summary-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:24px 0 0; }
.management-summary-metrics > div { padding:0 16px; border-left:1px solid #cfdef4; }
.management-summary-metrics > div:first-child { border:0; padding-left:0; }
.management-summary-metrics dt { color:#607b9e; font-size:14px; white-space:nowrap; }
.management-summary-metrics dd { display:flex; align-items:baseline; gap:6px; margin:4px 0 0; }
.management-summary-metrics strong { font-size:27px; font-weight:650; line-height:1.35; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.management-summary-metrics dd > span { color:#607b9e; font-size:12px; }
.management-summary-note { display:flex; align-items:center; gap:6px; margin-top:22px; color:#607b9e; font-size:12px; }
.management-summary-note .icon { width:15px; height:15px; }
.management-summary-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.management-summary-actions .button { min-height:44px; padding:9px 12px; background:#ffffffd9; font-size:14px; }
.management-summary-foot { margin-top:16px; color:#607b9e; font-size:12px; }
.management-summary-foot b { font-weight:600; margin-left:8px; font-variant-numeric:tabular-nums; }
.management-summary-art { position:absolute; z-index:0; right:0; top:103px; bottom:24px; width:33%; }
.management-overview-rail { display:grid; grid-template-rows:auto 1fr; align-items:stretch; gap:14px; }
.management-quick,.management-status-panel { padding:20px 22px; }
.management-quick-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:13px; }
.management-shortcut { justify-content:center; gap:7px; min-width:0; min-height:48px; padding:9px 5px; border:1px solid #dae7fb; border-radius:11px; background:linear-gradient(120deg,#fbfdff,#f0f5ff); color:#45678f; font-size:13px; white-space:nowrap; }
.management-shortcut .icon { width:18px; height:18px; color:var(--blue); }
.management-shortcut:hover { border-color:#9cbff1; background:#eaf2ff; color:#2459c8; }
.management-status-panel .management-section-head { margin-bottom:3px; }
.management-status-row { display:flex; align-items:center; gap:11px; min-height:64px; padding:11px 0; border-top:1px solid #e9f0fa; }
.management-status-row:first-child { border-top:0; }
.management-status-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; background:#edf5ff; color:#3577ee; border-radius:50%; }
.management-status-icon .icon { width:18px; height:18px; }
.management-status-row strong { font-size:14px; font-weight:600; }
.management-status-row p { font-size:12px; color:#617c9e; margin-top:2px; }
.management-status-badge { margin-left:auto; color:#267553; background:#edf8f2; border-radius:6px; padding:2px 7px; font-size:12px; white-space:nowrap; }
.management-status-time { border-top:1px solid #e9f0fa; padding-top:10px; margin-top:1px; font-size:11px; color:#6b819c; }
.management-status-time time { float:right; }
.management-status-panel .empty { padding:20px 4px; min-height:130px; }
.management-services { margin-top:25px; }
.management-services > .management-section-head { margin-bottom:12px; padding-inline:3px; }
.management-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.management-service { position:relative; isolation:isolate; overflow:hidden; min-height:210px; border:1px solid #fff; border-radius:20px; background:linear-gradient(112deg,#fff 12%,#fff 65%,#e9f6ff); box-shadow:var(--shadow-card); }
.management-service-copy { position:relative; z-index:1; padding:23px 25px; }
.management-service-title { display:flex; align-items:center; gap:9px; }
.management-service-title > .icon { color:var(--blue); width:22px; height:22px; }
.management-service-title h3 { font-size:20px; font-weight:650; }
.management-service-badge { display:inline-flex; margin-left:2px; padding:2px 7px; border-radius:5px; color:#267553; background:#eaf7f0; font-size:11px; white-space:nowrap; }
.management-service-metric { display:flex; align-items:baseline; gap:8px; max-width:67%; margin-top:12px; }
.management-service-metric strong { font-size:33px; font-weight:690; line-height:1.3; color:#163861; font-variant-numeric:tabular-nums; }
.management-service-metric > span { color:#577596; font-size:13px; }
.management-service-note { max-width:67%; margin-top:6px; color:#647d9c; font-size:12px; }
.management-service-copy > .text-link { margin-top:15px; }
.management-service-art { position:absolute; z-index:0; width:37%; height:155px; right:0; bottom:1px; }
.management-recent { margin-top:24px; padding:20px 24px 12px; }
.management-recent > .management-section-head { margin-bottom:12px; }
.management-log-table table { min-width:620px; }
.management-log-table th { font-size:12px; font-weight:500; color:#7a8ea9; background:#f6f9fe; }
.management-log-table td { padding-block:15px; font-size:13px; }
.management-log-person { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; }
.management-log-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#4776ad; background:#edf4ff; }
.management-log-avatar .icon { width:16px; height:16px; }
.management-log-path { color:#7087a4; margin-top:2px; font-size:11px; font-weight:400; }
.management-log-empty { display:flex; align-items:center; gap:18px; padding:32px 14px; color:#607d9e; }
.management-log-empty > .icon { width:34px; height:34px; color:#8db5eb; }
.management-log-empty strong { color:#45678e; font-size:14px; font-weight:500; }
.management-log-empty p { font-size:12px; margin-top:4px; }

/* Contextual sidebar and data pages. */
.management-sidebar { position:fixed; top:var(--shell-height); left:0; bottom:0; display:flex; flex-direction:column; width:var(--management-sidebar); background:#ffffffed; border-right:1px solid #d9e6f6; }
.management-nav-context { display:flex; align-items:center; gap:11px; padding:26px 24px 20px; }
.management-nav-context .icon-box { width:37px; height:37px; border:1px solid #d8e7fb; background:linear-gradient(135deg,#fff,#e6f0ff); }
.management-nav-context strong { font-size:16px; font-weight:650; }
.management-nav-context small { display:block; font-size:12px; color:#6d86a6; }
.management-nav-scroll { flex:1; padding:0 13px 18px; overflow-y:auto; scrollbar-width:thin; }
.management-nav-caption { margin:15px 12px 9px; color:#7b90ad; font-size:12px; }
.management-nav-item { display:flex; align-items:center; gap:11px; min-height:47px; padding:10px 13px; border:1px solid transparent; border-radius:10px; margin:4px 0; color:#5e7a9c; font-size:14px; }
.management-nav-item .icon { width:19px; height:19px; color:#7b98ba; }
.management-nav-item.active { color:#245ecc; font-weight:600; border-color:#d6e5fe; background:#eaf2ff; }
.management-nav-item.active .icon { color:#3277f7; }
.management-nav-item:hover { background:#f0f6ff; }
.management-nav-dot { width:5px; height:5px; margin-left:auto; border-radius:50%; background:#377af3; }
.management-nav-foot { display:flex; align-items:center; gap:10px; margin:0 22px; padding:20px 0; border-top:1px solid #e5edf8; color:#5f7c9f; font-size:12px; }
.management-nav-foot .icon { color:#76a1cf; }
.management-nav-foot small { display:block; font-size:11px; color:#8a9cb4; }
.management-menu-toggle,.management-nav-scrim,.management-nav-close { display:none; }
.management-page-title { align-items:center; margin-bottom:25px; }
.management-page-title h1 { font-size:30px; font-weight:670; }
.management-page-title p { color:#6b83a2; }
.management-page-hero { position:relative; display:flex; align-items:center; justify-content:space-between; min-height:178px; padding:26px 30px; margin-bottom:26px; overflow:hidden; border:1px solid #d7e7fb; border-radius:20px; background:linear-gradient(110deg,#fff,#f4f8ff 62%,#e8f8ff); }
.management-page-hero > div { position:relative; z-index:1; max-width:calc(100% - 160px); }
.management-page-hero h2 { margin-top:12px; font-size:25px; font-weight:650; letter-spacing:-.4px; }
.management-page-hero > div > p:last-child { margin-top:10px; color:#6883a4; font-size:13px; }
.management-page-hero-art { position:absolute; width:154px; height:154px; right:26px; bottom:10px; }
.management-list-panel { padding:24px 26px 20px; }
.management-list-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:22px; }
.management-list-head h2 { font-size:20px; }
.management-read-badge { display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border:1px solid #dce8f7; background:#f4f8fe; border-radius:6px; color:#6a84a5; font-size:12px; }
.management-read-badge .icon { width:14px; height:14px; }
.management-list-panel .filters { padding:17px 18px; margin-bottom:18px; border:1px solid #e6eef9; border-radius:12px; background:#f8faff; }
.management-list-panel .filters input { border-color:#c8d7eb; }
.management-list-panel .filters .search { flex:2; }
.management-list-panel .empty { padding:55px 18px; }
.management-list-panel th { background:#f4f8fe; color:#607b9d; font-size:12px; font-weight:500; }
.management-list-panel td { font-size:13px; }
.management-list-panel .table-footer { margin-top:14px; }
.management-system-detail .detail-grid > div { min-height:100px; padding:20px; background:linear-gradient(130deg,#fff,#f3f8ff); border-color:#e0eaf7; border-radius:13px; font-size:13px; }
.management-system-detail .detail-grid b { font-size:17px; margin-top:10px; }
.management-error { border-color:#ecc7cf; border-radius:12px; }
.management-error p { overflow-wrap:anywhere; }
.management-summary > .management-error { min-height:300px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.management-status-panel .management-error { padding:14px; margin-top:10px; font-size:12px; }
.management-status-panel .management-error p { margin-bottom:8px; }
.management-status-panel .management-error .button { min-height:36px; padding:5px 12px; }

/* Real administrator sign-in. */
.management-signed-out .management-main { max-width:1340px; padding-top:48px; padding-bottom:48px; }
.management-login { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(370px,.82fr); align-items:center; gap:65px; width:100%; margin:0; min-height:570px; }
.management-login-intro { position:relative; padding:24px 24px 16px 0; }
.management-login-intro h1 { margin-top:18px; color:#1d3d68; font-size:clamp(34px,3.2vw,45px); line-height:1.4; letter-spacing:-1px; font-weight:680; }
.management-login-lead { margin-top:17px; font-size:14px; line-height:1.8; color:#6582a4; }
.management-login-art-stage { position:relative; height:250px; margin:4px 0 10px; }
.management-login-art-stage::before { content:""; position:absolute; width:340px; height:240px; left:80px; top:24px; border-radius:50%; background:radial-gradient(ellipse,#d6ebff 0%,#e4f2ff88 45%,transparent 70%); }
.management-login-art { position:absolute; width:285px; height:285px; top:-15px; left:110px; transform:rotate(-5deg); }
.management-login-art-caption { position:absolute; left:0; bottom:36px; padding:8px 14px; background:#ffffffa6; border:1px solid #fff; border-radius:9px; color:#6c86a7; font-size:11px; box-shadow:0 4px 20px #3866a408; }
.management-login-features { display:flex; flex-wrap:wrap; gap:22px; border-top:1px solid #dbe7f7; padding-top:19px; }
.management-login-features > span { display:flex; align-items:center; gap:8px; font-size:13px; color:#6683a7; }
.management-login-features .icon { width:18px; height:18px; color:#3e7ef5; }
.management-login .management-login-panel { padding:32px 34px; border-color:#d5e5fa; box-shadow:0 12px 50px #325b9608; background:#ffffffed; }
.management-login-panel-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.management-login-panel-head .icon-box { width:46px; height:46px; border:1px solid #d7e7ff; background:linear-gradient(135deg,#fff,#e8f2ff); }
.management-login-panel-head .icon { width:24px; height:24px; }
.management-safe-label { display:inline-flex; align-items:center; gap:5px; color:#6985a5; border:1px solid #dce7f5; border-radius:6px; background:#f6f9fd; padding:4px 8px; font-size:12px; }
.management-safe-label .icon { width:13px; height:13px; }
.management-login-panel h2 { font-size:26px; font-weight:650; }
.management-login-panel > .management-note { font-size:13px; margin-top:9px; }
.management-login form { margin-top:28px; }
.management-login .field { font-size:13px; margin-bottom:19px; gap:8px; }
.management-login .field input { min-height:49px; border:1px solid #b9cce6; padding:12px 14px; border-radius:9px; font-size:14px; }
.management-login .field input::placeholder { color:#98a9c1; }
.management-login-submit { min-height:49px; justify-content:center; gap:12px; }
.management-login-error { margin:-2px 0 13px; min-height:20px; font-size:12px; }
.management-login-assurance { display:flex; align-items:flex-start; gap:10px; border-top:1px solid #e6eef8; margin-top:26px; padding-top:20px; }
.management-login-assurance > .icon { width:18px; height:18px; margin-top:2px; color:#5d8ac6; }
.management-login-assurance strong { font-size:12px; color:#57779f; font-weight:500; }
.management-login-assurance p { margin-top:4px; font-size:11px; color:#7d91ad; }
.management-login-session { color:#8b9bb1; text-align:center; font-size:11px; margin-top:21px; }
.management-detail { padding:28px; border-radius:20px; }
.management-detail::backdrop { backdrop-filter:blur(3px); }
.management-help-intro { display:flex; align-items:center; gap:12px; padding:20px; border:1px solid #dfebfb; background:#f6faff; border-radius:12px; font-size:14px; }
.management-help-intro > .icon { color:var(--blue); }
.management-search-field { margin:22px 0 14px; }
.management-search-results { display:grid; gap:5px; }
.management-search-results a { display:flex; align-items:center; gap:13px; padding:12px; border:1px solid transparent; border-radius:10px; }
.management-search-results a:hover { background:#f1f6ff; border-color:#dbe8fb; }
.management-search-results a > .icon:first-child { color:var(--blue); }
.management-search-results a > .icon:last-child { margin-left:auto; color:#8da4c3; }
.management-search-results strong { display:block; font-size:14px; font-weight:600; }
.management-search-results small { display:block; margin-top:3px; color:var(--muted); font-size:12px; }

@media(min-width:1700px) {
  .management-summary { min-height:450px; padding:30px 34px; }
  .management-summary-copy { padding-top:25px; }
  .management-summary-metrics { margin-top:28px; }
  .management-summary-actions { margin-top:22px; }
  .management-summary-art { width:34%; top:100px; }
  .management-service { min-height:225px; }
}
@media(max-width:1279px) {
  body[data-mode="management_only"] { --management-sidebar:218px; --management-gutter:24px; }
  .global-nav { gap:3px; }
  .global-nav-item { min-width:112px; padding-inline:18px; font-size:15px; }
  .top-actions { gap:10px; }
  .management-overview-grid { grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr); gap:16px; }
  .management-summary { padding:23px 25px; }
  .management-summary-copy { width:76%; }
  .management-summary-art { width:29%; right:-1%; opacity:.85; }
  .management-summary-metrics > div { padding-inline:10px; }
  .management-summary-metrics strong { font-size:25px; }
  .management-summary-actions { gap:7px; }
  .management-summary-actions .button { padding:8px 10px; font-size:13px; }
  .management-quick,.management-status-panel { padding:18px; }
  .management-section-head h2 { font-size:18px; }
  .management-shortcut { font-size:12px; gap:5px; }
  .management-service-copy { padding:20px; }
  .management-service-title h3 { font-size:18px; }
  .management-service-title { gap:7px; }
  .management-service-art { width:34%; height:140px; }
  .management-login { gap:38px; }
}
@media(max-width:1050px) {
  .management-readonly { display:none; }
  .management-overview-grid { grid-template-columns:minmax(0,1fr); }
  .management-summary { min-height:370px; }
  .management-summary-copy { width:66%; }
  .management-summary-art { width:34%; top:60px; right:0; opacity:1; }
  .management-overview-rail { grid-template-columns:1fr 1fr; grid-template-rows:auto; gap:16px; }
  .management-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .management-shortcut { min-height:44px; font-size:13px; }
  .management-service-title h3 { font-size:17px; }
  .management-service-badge { display:none; }
  .management-service-art { width:34%; height:120px; }
  .management-service-note { max-width:72%; }
  .management-login { grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:30px; }
  .management-login-art { left:60px; }
  .management-login-intro h1 { font-size:34px; }
  .management-page-hero { padding:24px; }
  .management-page-hero h2 { font-size:22px; }
  .management-page-hero-art { width:130px; height:130px; right:12px; }
  .management-page-hero > div { max-width:calc(100% - 130px); }
}
@media(max-width:960px) {
  .management-with-sidebar .layout { margin-left:0; }
  .management-sidebar { width:260px; visibility:hidden; transform:translateX(-100%); transition:transform .2s,visibility .2s; z-index:32; box-shadow:12px 0 35px #18375d16; }
  .management-menu-open .management-sidebar { visibility:visible; transform:none; }
  .management-menu-toggle { display:inline-flex; }
  .management-nav-close { display:block; align-self:flex-end; min-height:40px; margin:10px 15px -10px 0; color:#57799f; font-size:12px; }
  .management-menu-open .management-nav-scrim { display:block; position:fixed; inset:var(--shell-height) 0 0; z-index:31; width:100%; height:calc(100dvh - var(--shell-height)); background:#203f6d42; backdrop-filter:blur(2px); }
  .management-menu-open { overflow:hidden; }
  .management-page-title .actions { flex-shrink:0; }
  .management-login { gap:20px; }
  .management-login .management-login-panel { padding:28px; }
  .management-signed-out .management-main { padding-top:28px; }
  .management-login-art { left:10px; }
  .management-login-features { gap:14px; }
}
@media(max-width:767px) {
  body[data-mode="management_only"] { --identity-height:56px; --product-height:56px; --shell-gutter:18px; --management-gutter:20px; }
  .brand-mark { width:36px; height:29px; }
  .brand-word { font-size:24px; }
  .management-username small { display:none; }
  .management-username { max-width:110px; }
  .management-header-search { width:40px; padding:0; justify-content:center; border:0; background:transparent; }
  .management-header-search span,.management-header-search kbd { display:none; }
  .management-help { width:34px; }
  .top-actions { gap:8px; }
  .global-nav-item { min-width:106px; padding-inline:15px; font-size:14px; }
  .global-nav-item:first-child { --nav-leading:15px; }
  .global-nav-item .icon { width:18px; height:18px; }
  .management-main { padding-top:24px; }
  .management-welcome { align-items:flex-start; }
  .management-welcome .actions > span { display:none; }
  .management-welcome p { max-width:450px; }
  .management-summary { padding:23px; }
  .management-summary-copy { width:76%; }
  .management-summary-art { width:27%; top:90px; }
  .management-summary-top .management-eyebrow { font-size:10px; letter-spacing:1.2px; }
  .management-summary-metrics strong { font-size:25px; }
  .management-summary-actions { margin-top:20px; }
  .management-services-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  .management-service { min-height:185px; }
  .management-service-art { width:33%; max-width:215px; height:175px; }
  .management-service-copy { padding:20px 25px; }
  .management-service-title h3 { font-size:21px; }
  .management-service-badge { display:inline-flex; }
  .management-service-note { max-width:67%; }
  .management-service-copy > .text-link { margin-top:9px; }
  .management-services > .management-section-head > .management-muted { display:none; }
  .management-login { grid-template-columns:minmax(0,1fr); gap:22px; min-height:auto; max-width:510px; margin:auto; }
  .management-login-intro { padding:8px 0 0; }
  .management-login-intro h1 { font-size:31px; line-height:1.35; }
  .management-login-intro h1 br { display:none; }
  .management-login-lead { font-size:13px; margin-top:12px; }
  .management-login-art-stage { display:none; }
  .management-login-features { border-top:0; padding-top:0; margin-top:17px; }
  .management-signed-out .management-main { padding-top:25px; }
  .management-page-title { flex-wrap:wrap; gap:12px; }
  .management-page-title > .actions { width:100%; justify-content:flex-end; }
  .management-page-title h1 { font-size:27px; }
  .management-list-panel { padding:22px; }
  .management-list-panel .filters { padding:15px; }
}
@media(max-width:520px) {
  body[data-mode="management_only"] { --shell-gutter:14px; --management-gutter:14px; --panel-radius:16px; }
  .identity-bar { gap:9px; }
  .brand-mark { width:28px; height:25px; }
  .brand-word { font-size:21px; }
  .brand { gap:4px; }
  .top-actions { gap:2px; }
  .management-username { max-width:68px; font-size:11px; }
  .management-logout { min-height:36px; padding:5px 7px; font-size:11px; margin-left:5px; }
  .management-help { width:30px; }
  .management-help .icon { width:20px; height:20px; }
  .management-header-search { width:32px; min-width:32px; }
  .global-nav { gap:0; padding-inline:14px; }
  .global-nav-item { min-width:103px; padding-inline:13px; gap:7px; }
  .management-login-label { font-size:14px; gap:9px; }
  .management-login-label > span { display:none; }
  .management-session-label { margin-left:6px; font-size:12px; }
  .management-welcome { gap:10px; margin-bottom:15px; }
  .management-welcome p { font-size:12px; line-height:1.75; }
  .management-welcome .management-refresh { min-height:36px; padding:7px 9px; }
  .management-welcome .management-refresh > span { display:none; }
  .management-summary { min-height:0; padding:20px; border-radius:17px; }
  .management-summary-copy { width:100%; padding-top:14px; }
  .management-summary-art { display:none; }
  .management-summary-top { gap:6px; }
  .management-summary-top .management-eyebrow { max-width:170px; font-size:9px; letter-spacing:1px; }
  .management-summary-top .text-link { font-size:12px; gap:3px; }
  .management-summary-copy h2 { font-size:22px; }
  .management-subtitle { font-size:12px; }
  .management-total { margin-top:17px; }
  .management-total strong { font-size:58px; }
  .management-total > span { font-size:14px; }
  .management-summary-metrics { margin-top:22px; }
  .management-summary-metrics dt { font-size:12px; }
  .management-summary-metrics dd { gap:4px; }
  .management-summary-metrics strong { font-size:24px; }
  .management-summary-metrics > div { padding-inline:12px; }
  .management-summary-note { margin-top:20px; align-items:flex-start; font-size:11px; }
  .management-summary-note .icon { margin-top:2px; }
  .management-summary-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
  .management-summary-actions .button { font-size:13px; }
  .management-summary-actions .button:last-child { grid-column:1/-1; }
  .management-summary-foot { margin-top:14px; }
  .management-overview-rail { grid-template-columns:1fr; gap:14px; }
  .management-quick,.management-status-panel { padding:19px; }
  .management-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .management-shortcut { font-size:12px; min-height:47px; gap:5px; }
  .management-shortcut .icon { width:16px; height:16px; }
  .management-services { margin-top:21px; }
  .management-service { min-height:185px; border-radius:17px; }
  .management-service-copy { padding:20px; }
  .management-service-title h3 { font-size:20px; }
  .management-service-art { width:36%; height:155px; }
  .management-service-metric strong { font-size:32px; }
  .management-recent { padding:17px 16px 10px; margin-top:20px; }
  .management-section-head h2 { font-size:19px; }
  .management-recent .management-section-head .text-link { font-size:13px; }
  .management-page-title h1 { font-size:26px; }
  .management-page-title p { font-size:13px; }
  .management-page-title { margin-bottom:18px; }
  .management-page-title > .actions { justify-content:space-between; }
  .management-page-hero { min-height:186px; padding:22px; margin-bottom:20px; border-radius:17px; }
  .management-page-hero > div { max-width:100%; }
  .management-page-hero h2 { margin-top:11px; font-size:22px; max-width:92%; }
  .management-page-hero > div > p:last-child { font-size:12px; max-width:93%; line-height:1.7; }
  .management-page-hero-art { opacity:.11; right:-30px; bottom:-20px; width:180px; height:180px; }
  .management-list-panel { padding:19px 16px; }
  .management-list-head { margin-bottom:18px; }
  .management-list-head h2 { font-size:19px; }
  .management-list-panel .filters { padding:13px; gap:13px; }
  .management-list-panel .filters input { font-size:16px; }
  .management-list-panel .empty { padding:43px 8px; }
  .management-list-panel .table-footer { gap:15px; flex-wrap:wrap; }
  .management-list-panel .table-footer .actions { width:100%; justify-content:space-between; }
  .management-system-detail { padding:20px; }
  .management-system-detail .detail-grid { grid-template-columns:1fr; }
  .management-system-detail .detail-grid > div { min-height:90px; padding:17px; }
  .management-login-intro h1 { max-width:300px; font-size:29px; }
  .management-login-intro .management-eyebrow { font-size:9px; letter-spacing:1.4px; }
  .management-login-lead { max-width:300px; }
  .management-login-features { gap:14px; }
  .management-login-features > span { font-size:12px; gap:6px; }
  .management-login .management-login-panel { padding:25px 22px; border-radius:17px; }
  .management-login-panel h2 { font-size:24px; }
  .management-login .field input { font-size:16px; }
  .management-login form { margin-top:24px; }
  .management-detail { padding:20px; border-radius:16px; }
  .management-detail .detail-grid { grid-template-columns:1fr; }
  .management-help-intro { padding:16px; font-size:13px; }
  .management-search-results a { gap:10px; padding:12px 5px; }
  .management-search-results small { font-size:11px; }
  .management-main + footer { padding-bottom:24px; font-size:11px; }
}
@media(max-width:370px) {
  .management-username { display:none; }
  .management-summary { padding:17px; }
  .management-summary-metrics > div { padding-inline:8px; }
  .management-shortcut { flex-direction:column; gap:4px; padding-block:9px; }
  .management-service-title h3 { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { .management-sidebar { transition:none; } }

/* Global banking: account workspace and agent configuration. */
.banking-workspace { display:grid; gap:22px; min-width:0; max-width:100%; }
.banking-workspace > *,.banking-layout > *,.banking-config-grid > * { min-width:0; }
.banking-workspace .panel { padding:25px; border-color:#dce7f5; }
.banking-workspace .actions { flex-wrap:wrap; }
.banking-workspace .button { min-height:42px; }
.banking-workspace :is(a,button,input):focus-visible { outline:3px solid #93baff; outline-offset:3px; }
.banking-hero { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:222px; padding:30px 34px; overflow:hidden; border:1px solid #dbe8fa; border-radius:20px; background:linear-gradient(110deg,#fff 10%,#f9fcff 48%,#e6f2ff 100%); }
.banking-hero > div { position:relative; z-index:1; flex:1; min-width:0; max-width:740px; }
.banking-hero h2 { margin:12px 0 10px; color:#173960; font-size:clamp(25px,2.2vw,32px); line-height:1.4; font-weight:680; letter-spacing:-.5px; }
.banking-hero > div > p:not(.management-eyebrow) { max-width:640px; color:#637d9d; font-size:14px; line-height:1.85; }
.banking-hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.banking-hero-tags > span { display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border:1px solid #d7e6fb; border-radius:6px; background:#ffffffb8; color:#3f6da6; font-size:11px; line-height:1.5; }
.banking-hero-tags .icon { width:14px; height:14px; }
.banking-hero-art { flex:0 1 230px; width:230px; height:180px; min-width:0; margin:-10px -6px -10px 0; }
.banking-tabs { display:flex; align-items:center; gap:28px; min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; border-bottom:1px solid #d9e4f3; }
.banking-tabs a { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; min-height:49px; padding:0 4px 13px; color:#6a809c; font-size:14px; font-weight:500; white-space:nowrap; }
.banking-tabs a > .icon { width:17px; height:17px; }
.banking-tabs a:hover { color:#2868f0; }
.banking-tabs a.active,.banking-tabs a[aria-current="page"] { color:#2462db; font-weight:650; }
.banking-tabs a.active::after,.banking-tabs a[aria-current="page"]::after { content:""; position:absolute; right:0; bottom:0; left:0; height:3px; border-radius:3px 3px 0 0; background:#2d6aef; }
.banking-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,310px); gap:22px; align-items:start; }
.banking-main-column { display:grid; gap:20px; min-width:0; }
.banking-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.banking-metrics > article { min-width:0; padding:22px 21px; border:1px solid #dce7f5; border-radius:15px; background:#fff; box-shadow:0 3px 12px #193c6a03; }
.banking-metrics > article > span { display:block; color:#637e9e; font-size:13px; }
.banking-metrics strong { display:block; margin:12px 0 5px; color:#20456e; font-size:29px; line-height:1.3; font-weight:660; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.banking-metrics small { display:block; color:#768ca7; font-size:11px; line-height:1.7; }
.banking-section-head { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.banking-section-head > div { min-width:0; }
.banking-section-head h2 { color:#23466e; font-size:18px; font-weight:650; line-height:1.5; }
.banking-section-head p { margin:6px 0 0; color:#6e84a0; font-size:12px; line-height:1.75; }
.banking-section-head > .tag { margin-top:2px; }
.banking-empty { display:flex; flex-direction:column; align-items:center; padding:34px 20px 29px; text-align:center; }
.banking-empty-art { display:grid; place-items:center; width:78px; height:78px; margin-bottom:19px; border:1px solid #e1ebf9; border-radius:24px; background:linear-gradient(140deg,#f8fbff,#edf4ff); color:#7099d6; }
.banking-empty-art > svg { width:35px; height:35px; stroke-width:1.5; }
.banking-empty h3 { color:#375a84; font-size:17px; font-weight:600; line-height:1.6; }
.banking-empty p { max-width:440px; margin:9px 0 0; color:#7b8fa8; font-size:13px; line-height:1.9; }
.banking-empty > .button { margin-top:21px; padding-inline:18px; font-size:13px; }
.banking-note { display:flex; align-items:flex-start; gap:9px; padding:13px 15px; border:1px solid #e1eaf6; border-radius:10px; background:#f6f9fe; color:#6a809c; }
.banking-note > svg { flex:0 0 16px; width:16px; height:16px; margin-top:3px; color:#7093be; }
.banking-note p { min-width:0; margin:0; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.banking-channel { align-self:start; }
.banking-channel-brand { display:flex; align-items:center; gap:12px; min-width:0; }
.banking-provider-mark { display:grid; place-items:center; flex:0 0 43px; width:43px; height:43px; border:1px solid #d9e6fc; border-radius:13px; background:linear-gradient(140deg,#edf5ff,#dceaff); color:#3169d8; font-size:25px; font-weight:700; }
.banking-channel-brand > div { min-width:0; }
.banking-channel-brand strong { display:block; color:#274970; font-size:16px; font-weight:650; }
.banking-channel-brand small { display:block; margin-top:4px; color:#7b90ab; font-size:11px; }
.banking-channel-brand > .tag { margin-left:auto; padding:3px 6px; font-size:10px; }
.banking-connection-status { margin-top:22px; padding:15px; border:1px solid #e0e8f3; border-radius:10px; background:#f7f9fd; }
.banking-status-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#e9ad51; vertical-align:middle; }
.banking-connection-status strong { color:#5f718a; font-size:13px; font-weight:600; }
.banking-connection-status p { margin:7px 0 0; color:#7b8ea6; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.banking-connection-status .button { margin-top:12px; min-height:36px; font-size:12px; }
.banking-checklist { display:grid; gap:18px; margin:23px 0; padding:0; list-style:none; }
.banking-checklist li { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.banking-checklist li > .icon { flex:0 0 17px; width:17px; height:17px; margin-top:2px; color:#608bd2; }
.banking-checklist li > div { min-width:0; }
.banking-checklist strong { display:block; color:#4f6c8d; font-size:12px; font-weight:500; line-height:1.7; }
.banking-checklist small { display:block; margin-top:3px; color:#8193ab; font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
.banking-channel-footer { padding-top:17px; border-top:1px solid #e5edf7; color:#7e90a8; font-size:11px; line-height:1.8; }
.banking-channel-footer .button { width:100%; margin-top:13px; justify-content:center; font-size:13px; }
.banking-channel-footer p { margin:0; }
.banking-channel-footer .text-link { margin-top:10px; font-size:12px; }
.banking-id-list { display:grid; gap:14px; margin:22px 0; }
.banking-id-list > div { min-width:0; padding:15px 16px; border:1px solid #e1eaf6; border-radius:10px; background:#f7faff; }
.banking-id-list dt { color:#6a82a2; font-size:12px; }
.banking-id-list dt > span { margin-left:5px; color:#879ab3; font-size:10px; }
.banking-id-list dd { display:flex; align-items:center; gap:9px; min-width:0; margin:5px 0 0; }
.banking-id-list code { flex:1; min-width:0; color:#2c527f; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:14px; line-height:1.8; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.banking-copy { display:inline-flex; align-items:center; justify-content:center; gap:4px; flex:0 0 auto; min-width:40px; min-height:36px; padding:6px 8px; border:1px solid #d9e5f6; border-radius:7px; background:#fff; color:#3c6aa8; font:inherit; font-size:11px; cursor:pointer; }
.banking-copy:hover { border-color:#b8cfee; background:#edf4ff; }
.banking-copy > .icon { width:14px; height:14px; }
.banking-copy:disabled { cursor:wait; opacity:.6; }
.banking-copy-status { min-height:18px; margin:-10px 0 9px; color:#4d7baf; font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
.banking-config-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:22px; }
.banking-compare-form { min-width:0; }
.banking-compare-form > form { margin-top:23px; }
.banking-compare-form .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.banking-compare-form .field { min-width:0; margin:0; color:#5c7596; font-size:12px; }
.banking-compare-form .field input { width:100%; min-width:0; min-height:44px; padding:11px 13px; border:1px solid #d2dff0; border-radius:8px; background:#fbfdff; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:13px; }
.banking-compare-form .field input::placeholder { color:#92a3ba; }
.banking-compare-form .actions { margin-top:18px; gap:10px; }
.banking-compare-form .actions .button { font-size:13px; }
.banking-match-result { margin-top:17px; padding:12px 14px; border:1px solid #dce7f6; border-radius:9px; background:#f5f9ff; color:#647d9e; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.banking-match-result[hidden] { display:none; }
.banking-match-result[data-state="success"] { border-color:#c7e7d9; background:#f0faf5; color:#2e795b; }
.banking-match-result[data-state="error"] { border-color:#efd0d6; background:#fff6f7; color:#a84b59; }
.banking-match-result p { margin:4px 0 0; }
.banking-match-result ul { margin:5px 0 0; padding-left:18px; }
.banking-config-grid .management-note,.banking-compare-form > .management-note { font-size:12px; }
.banking-doc-links { display:grid; gap:9px; margin-top:21px; }
.banking-doc-links > a { display:flex; align-items:center; gap:12px; min-width:0; padding:12px 14px; border:1px solid #e0e9f6; border-radius:10px; background:#fbfdff; }
.banking-doc-links > a:hover { border-color:#b8cff0; background:#f0f6ff; }
.banking-doc-links > a > span { min-width:0; flex:1; }
.banking-doc-links strong { display:block; color:#3c608d; font-size:13px; font-weight:600; }
.banking-doc-links small { display:block; margin-top:3px; color:#8093ac; font-size:11px; line-height:1.65; overflow-wrap:anywhere; }
.banking-doc-links > a > .icon { flex:0 0 16px; width:16px; height:16px; color:#6e93c5; }
.banking-process ol,.banking-process:is(ol) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:22px 0 0; padding:0; list-style:none; }
.banking-process li { display:flex; gap:12px; align-items:flex-start; min-width:0; }
.banking-process li > b { display:grid; place-items:center; flex:0 0 29px; width:29px; height:29px; border-radius:50%; background:#eaf2ff; color:#4279d3; font-size:12px; font-weight:600; }
.banking-process li > div { min-width:0; }
.banking-process strong { display:block; color:#47678e; font-size:13px; font-weight:600; line-height:1.8; }
.banking-process p { margin:5px 0 0; color:#7b90aa; font-size:12px; line-height:1.8; }
@media(max-width:1180px) {
  .banking-layout { grid-template-columns:minmax(0,1fr); }
  .banking-channel > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:26px; align-items:start; }
  .banking-channel-brand { align-self:center; }
  .banking-connection-status { margin-top:0; }
  .banking-channel .banking-checklist { margin-bottom:0; }
  .banking-channel-footer { align-self:end; margin-top:20px; }
  .banking-hero { padding:27px; gap:16px; }
  .banking-hero-art { flex-basis:185px; width:185px; height:165px; }
  .banking-config-grid { gap:18px; }
  .banking-workspace .panel { padding:22px; }
}
@media(max-width:767px) {
  .banking-workspace { gap:18px; }
  .banking-hero { min-height:210px; padding:25px; }
  .banking-hero h2 { font-size:25px; }
  .banking-hero > div > p:not(.management-eyebrow) { font-size:13px; }
  .banking-hero-art { flex-basis:140px; width:140px; height:150px; }
  .banking-tabs { gap:22px; }
  .banking-tabs a { min-height:46px; font-size:13px; }
  .banking-layout,.banking-config-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .banking-metrics { gap:11px; }
  .banking-metrics > article { padding:19px 15px; }
  .banking-metrics strong { font-size:26px; }
  .banking-compare-form .form-grid { grid-template-columns:minmax(0,1fr); }
  .banking-process ol,.banking-process:is(ol) { grid-template-columns:minmax(0,1fr); gap:19px; }
}
@media(max-width:520px) {
  .banking-workspace { gap:16px; }
  .banking-workspace .panel { padding:20px 18px; }
  .banking-hero { display:block; min-height:0; padding:23px 21px; border-radius:17px; }
  .banking-hero > div { width:100%; max-width:none; }
  .banking-hero .management-eyebrow { font-size:10px; letter-spacing:1.5px; }
  .banking-hero h2 { margin:13px 0 9px; font-size:25px; }
  .banking-hero > div > p:not(.management-eyebrow) { font-size:12px; }
  .banking-hero-art { position:absolute; z-index:-1; right:-42px; bottom:-31px; width:175px; height:175px; margin:0; opacity:.12; }
  .banking-hero-tags { gap:6px; margin-top:17px; }
  .banking-hero-tags > span { padding:4px 7px; font-size:10px; }
  .banking-tabs { gap:20px; }
  .banking-tabs a { min-height:43px; padding-bottom:11px; }
  .banking-layout,.banking-main-column { gap:16px; }
  .banking-metrics { grid-template-columns:minmax(0,1fr); gap:10px; }
  .banking-metrics > article { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:4px 10px; padding:16px 18px; border-radius:13px; }
  .banking-metrics strong { grid-column:2; grid-row:1/3; margin:0; text-align:right; font-size:26px; }
  .banking-metrics small { grid-column:1; grid-row:2; font-size:10px; }
  .banking-section-head { gap:10px; }
  .banking-section-head h2 { font-size:17px; }
  .banking-section-head p { font-size:11px; }
  .banking-section-head > .tag { font-size:10px; }
  .banking-empty { padding:29px 4px 25px; }
  .banking-empty-art { width:68px; height:68px; margin-bottom:16px; border-radius:20px; }
  .banking-empty-art > svg { width:30px; height:30px; }
  .banking-empty h3 { font-size:16px; }
  .banking-empty p { font-size:12px; }
  .banking-note { padding:12px; }
  .banking-note p { font-size:11px; }
  .banking-channel > div { display:block; }
  .banking-connection-status { margin-top:20px; }
  .banking-channel .banking-checklist { margin:21px 0; }
  .banking-channel-footer { margin-top:0; }
  .banking-id-list { gap:11px; margin:19px 0; }
  .banking-id-list > div { padding:13px 12px; }
  .banking-id-list code { font-size:12px; }
  .banking-copy { min-width:36px; padding:5px 6px; font-size:10px; }
  .banking-compare-form > form { margin-top:20px; }
  .banking-compare-form .field input { font-size:16px; }
  .banking-compare-form .actions .button { flex:1 1 auto; justify-content:center; }
  .banking-doc-links > a { padding:12px; }
}