:root {
  color-scheme: dark;
  --bg: #0c1422; --bg2: #101b2a; --panel: #131f30; --panel2: #182638;
  --line: #273447; --text: #edf2f8; --muted: #9aabbe;
  --blue: #5b9cf5; --cyan: #8bbdff; --green: #62cfb0; --red: #f18d98;
  --amber: #eac075; --purple: #b2a1ed; --shadow: 0 3px 12px #0000000c; --sidebar: 248px;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font: 14px/1.5 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
body { -webkit-font-smoothing: antialiased; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
button, a, input, select, textarea, summary { outline-offset: 4px; }
:focus-visible { outline: 2px solid var(--blue); }
button:disabled { opacity: .5; cursor: wait; }
[hidden], [x-cloak] { display: none !important; }
.icon { width: 19px; height: 19px; flex-shrink: 0; vertical-align: middle; }
.skip-link { position: fixed; top: -60px; left: 16px; z-index: 100; padding: 10px 16px; background: var(--blue); color: #081421; border-radius: 6px; }
.skip-link:focus { top: 12px; }
.app { display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: sticky; top: 0; height: 100dvh; background: #101a29; border-right: 1px solid var(--line); display: flex; flex-direction: column; z-index: 40; }
.brand { display: flex; align-items: center; gap: 11px; padding: 25px 23px 22px; text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 37px; height: 37px; background: #1c3657; color: #9ac5ff; border: 1px solid #31577d; border-radius: 10px; }
.brand-mark .icon { width: 23px; height: 23px; }
.brand-name { display: block; font-size: 23px; font-weight: 700; letter-spacing: -.7px; line-height: 1.1; }
.brand-name > span { color: #87baff; }
.brand-caption { display: block; color: #93a3b8; font-size: 8px; font-weight: 600; letter-spacing: .18em; margin-top: 5px; }
.switch-identity { margin: 0 18px 8px; padding: 7px 10px; width: max-content; max-width: calc(100% - 36px); background: #fff; border-radius: 7px; }
.switch-identity:focus-visible, .institution-logo-link:focus-visible { outline:2px solid #78b8ff; outline-offset:3px; }
.switch-identity img { display: block; width: 148px; max-width: 100%; height: auto; }
.institution { margin: 0 18px 17px; padding: 12px 0 17px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 600; }
.institution-logo-link { display:grid; place-items:center; flex:none; border-radius:50%; }
.institution-monogram { width: 33px; height: 33px; display: grid; place-items: center; color: #d3bd89; background: #29291f; border: 1px solid #5c513a; border-radius: 7px; font: 600 10px/1 Georgia, serif; letter-spacing: .05em; }
.institution-crest { width:37px; height:37px; object-fit:contain; border-radius:50%; flex:none; background:#fff; }
.institution small, .sidebar-footer small { display: block; color: var(--muted); font-size: 10px; font-weight: 400; margin-top: 2px; }
.nav { padding: 0 12px 20px; overflow-y: auto; flex: 1; scrollbar-width: thin; scrollbar-color: #334259 transparent; }
.nav-group { margin-bottom: 15px; }
.section-title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 6px; padding: 4px 10px; color: #92a2b7; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
.section-title .icon { width: 13px; height: 13px; transform: rotate(-90deg); }
.nav-group[open] .section-title .icon { transform: rotate(0); }
.nav a { display: flex; align-items: center; gap: 11px; padding: 9px 11px; margin: 3px 0; border: 1px solid transparent; border-radius: 6px; color: #b6c3d3; font-size: 12px; text-decoration: none; }
.nav a .icon { width: 17px; height: 17px; color: #8b9db5; }
.nav a:hover { color: #fff; background: #1b2a3e; }
.nav a.active { background: #203752; color: #ecf4ff; border-color: #314c6c; font-weight: 600; }
.nav a.active .icon { color: #8bbdff; }
.sidebar-footer { display: flex; align-items: center; gap: 10px; margin: 0 18px; padding: 16px 0 20px; border-top: 1px solid var(--line); color: #bdcada; font-size: 11px; }
.sidebar-footer .icon { color: #8095ae; }
.sidebar-footer{text-decoration:none;border-radius:6px}
.sidebar-footer:hover,.sidebar-footer.active{color:#f1f7ff}
.sidebar-footer:hover .icon,.sidebar-footer.active .icon{color:#8bbdff}
.main { min-width: 0; display: flex; flex-direction: column; }
.topbar { min-height: 76px; display: flex; align-items: center; gap: 18px; padding: 14px 30px; border-bottom: 1px solid var(--line); background: #101a29; position: sticky; top: 0; z-index: 30; }
.breadcrumb { display: flex; align-items: center; gap: 13px; font-size: 12px; white-space: nowrap; }
.breadcrumb > span { color: var(--muted); }
.breadcrumb strong { font-weight: 500; text-transform: capitalize; }
.breadcrumb-divider { opacity: .45; }
.search { display: flex; align-items: center; gap: 10px; margin-left: auto; width: min(330px, 30vw); min-width: 180px; padding: 8px 11px; border: 1px solid #304056; border-radius: 7px; color: var(--muted); background: #131f30; }
.search .icon { width: 16px; height: 16px; }
.search:focus-within { border-color: var(--blue); box-shadow: 0 0 0 2px #5b9cf51f; }
.search input { width: 100%; min-width: 0; color: var(--text); background: transparent; border: 0; outline: none; font-size: 12px; }
input::placeholder, textarea::placeholder { color: #8192a8; }
kbd { white-space: nowrap; border: 1px solid #34445a; border-radius: 4px; padding: 1px 4px; font: 10px/1.4 inherit; }
.icon-button { display: inline-grid; place-items: center; padding: 8px; background: transparent; color: #afbed0; border: 1px solid transparent; border-radius: 6px; cursor: pointer; text-decoration: none; }
.icon-button:hover { background: var(--panel2); color: #fff; }
.menu-toggle { display: none; }
.account-menu { position: relative; flex-shrink: 0; }
.user { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.user b { display: block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 600; }
.user .icon { width: 14px; color: var(--muted); }
.avatar { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 50%; background: #2b3a51; border: 1px solid #44566f; color: #dce8f8; font-weight: 600; font-size: 13px; }
.sub { display: block; font-size: 10px; color: var(--muted); }
.account-popover { position: absolute; right: 0; top: 47px; width: 190px; padding: 6px; background: var(--panel2); border: 1px solid #3a4e69; border-radius: 8px; box-shadow: 0 12px 35px #0005; }
.account-popover a, .account-popover button { display: flex; align-items: center; gap: 10px; width: 100%; border: 0; border-radius: 4px; background: transparent; padding: 10px; color: var(--text); text-decoration: none; text-align: left; font-size: 12px; cursor: pointer; }
.account-popover a:hover, .account-popover button:hover { background: #263a53; }
.content { padding: 30px; flex: 1; width: 100%; max-width: 1920px; margin: 0 auto; }
.page-head { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.page-head h2 { font-size: 26px; line-height: 1.25; letter-spacing: -.7px; font-weight: 600; margin: 0; }
.page-head p { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.eyebrow { color: #8ea4bd; text-transform: uppercase; letter-spacing: .13em; font-size: 10px; font-weight: 600; margin-bottom: 8px; }
.actions { margin-left: auto; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; flex-shrink: 0; }
.control, .btn { border-radius: 6px; padding: 9px 13px; border: 1px solid #35465e; color: var(--text); background: #182638; font-size: 12px; min-height: 36px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; font-weight: 600; background: #387bd3; border-color: #5493e4; color: #fff; text-decoration: none; }
.btn:hover { filter: brightness(1.12); }
.btn .icon { width: 16px; height: 16px; }
.btn.secondary { background: #1a293c; border-color: #35465e; color: #d8e3f1; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 9px; box-shadow: var(--shadow); min-width: 0; }
.panel { padding: 20px; }
.panel-title { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; font-size: 14px; font-weight: 600; margin-bottom: 18px; letter-spacing: -.1px; }
.panel-title .spacer { margin-left: auto; }
.panel-title .small { font-weight: 400; }
.panel-subtitle { font-size: 11px; color: var(--muted); font-weight: 400; margin-top: 4px; letter-spacing: 0; }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.panel-heading .panel-title { margin-bottom: 0; }
.panel-heading > .link { white-space: nowrap; font-size: 11px; margin-top: 3px; }
.kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.kpi { padding: 18px 20px; display: flex; gap: 15px; align-items: flex-start; min-height: 116px; }
.kpi > div:last-child { min-width: 0; }
.iconbox { flex-shrink: 0; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; background: #213750; color: #9ac4fa; font-size: 18px; }
.kpi .value { font-size: clamp(20px, 1.85vw, 30px); line-height: 1.25; letter-spacing: -.6px; font-weight: 600; margin: 5px 0 7px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.kpi .muted, .kpi .up, .kpi .down { font-size: 10px; }
.label { color: #aab9ca; font-size: 11px; }
.muted { color: var(--muted); }.up { color: var(--green); }.down { color: var(--red); }.warn { color: var(--amber); }
.grid2 { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 20px; margin-bottom: 20px; }
.grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 20px; }
.chart-box, .graph-box { height: 300px; width: 100%; min-width: 0; }
.tabs { display: flex; gap: 3px; background: #0e1928; border: 1px solid var(--line); border-radius: 6px; padding: 3px; width: max-content; max-width: 100%; overflow: auto; }
.tab { padding: 6px 11px; border: 0; background: transparent; color: #aab9ca; border-radius: 4px; cursor: pointer; font-size: 11px; white-space: nowrap; }
.tab.active { background: #29486c; color: #edf5ff; }
.table-wrap { overflow: auto; border-radius: 6px; border: 1px solid #27374b; scrollbar-width: thin; scrollbar-color: #3a4d67 transparent; }
.switchiq-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; color: #a9bfd4; font-size: 12px; }
.switchiq-pagination p { margin: 0; }
.switchiq-pagination strong { color: #e4eefb; font-weight: 600; font-variant-numeric: tabular-nums; }
.switchiq-pagination-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.switchiq-page-button { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 34px; padding: 6px 11px; border: 1px solid #354b65; border-radius: 6px; background: #172a40; color: #d8e8fa; cursor: pointer; font-size: 12px; font-weight: 600; line-height: 1.2; text-decoration: none; }
.switchiq-page-button:hover:not(.is-disabled):not(.is-current) { background: #244367; border-color: #6596c9; }
.switchiq-page-button.is-current { border-color: #6fa9ea; background: #285483; color: #fff; cursor: default; }
.switchiq-page-button.is-disabled { opacity: .45; cursor: default; }
.switchiq-page-ellipsis { min-width: 24px; text-align: center; color: #8da3ba; }
table { width: 100%; border-collapse: collapse; min-width: 640px; font-variant-numeric: tabular-nums; }
th, td { padding: 12px 13px; border-bottom: 1px solid #243347; text-align: left; white-space: nowrap; }
th { font-size: 10px; font-weight: 600; letter-spacing: .035em; color: #9eafc3; background: #182639; }
td { font-size: 11px; color: #d4deeb; }
tbody tr:last-child td { border-bottom: 0; } tbody tr:hover { background: #1a2b40; }
.status { font-weight: 500; }.status.ok { color: var(--green); }.status.bad { color: var(--red); }.status.unknown { color: #f1d493; }
.badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border: 1px solid #36516f; border-radius: 5px; font-size: 10px; background: #20354c; color: #a4ccff; line-height: 1.4; font-weight: 500; }
.badge.green, .badge.ok { background: #163a34; border-color: #2c5a4f; color: #83dbc0; }
.badge.red, .badge.bad { background: #3b2733; border-color: #63404c; color: #f6a5ad; }
.badge.amber { background: #383126; border-color: #60523a; color: #efc98a; }
.link { color: #91bcf5; cursor: pointer; text-decoration: none; }.link:hover { color: #c8deff; text-decoration: underline; }
.list { display: flex; flex-direction: column; gap: 9px; }.row { display: flex; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); background: #142337; border-radius: 7px; }.row .grow { flex: 1; }.row b { display: block; }
.small { font-size: 11px; color: var(--muted); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.field label { display: block; color: #aebed1; font-size: 11px; margin-bottom: 7px; }
.field input, .field select, .field textarea { width: 100%; background: #101c2d; border: 1px solid #3a4b63; color: #e0e9f5; border-radius: 6px; padding: 10px 12px; font-size: 12px; min-height: 40px; }
.field textarea { min-height: 96px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); outline: 2px solid #5b9cf52b; outline-offset: 0; }
.password-input { position: relative; }
.password-input input { padding-right: 48px; }
.password-toggle { position: absolute; top: 50%; right: 4px; transform: translateY(-50%); display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 5px; background: transparent; color: #aebed1; cursor: pointer; }
.password-toggle:hover { color: #e0e9f5; background: #1d3049; }
.password-toggle:focus-visible { outline: 2px solid var(--blue); outline-offset: 1px; }
.password-toggle .icon { width: 18px; height: 18px; }
.password-toggle .password-icon-hide, .password-toggle[aria-pressed="true"] .password-icon-show { display: none; }
.password-toggle[aria-pressed="true"] .password-icon-hide { display: block; }
.health { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.health .h { padding: 14px; background: #142337; border: 1px solid var(--line); border-radius: 6px; }.h b { display: block; color: var(--green); font-size: 15px; margin-top: 5px; }
.detail { border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }.kv { display: flex; justify-content: space-between; gap: 16px; padding: 11px 14px; font-size: 12px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }.kv:last-child { border: 0; }.kv > span:first-child { color: var(--muted); }.kv b { font-weight: 500; }
.footer { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: #8e9fb5; font-size: 10px; padding: 18px 30px; border-top: 1px solid var(--line); }.footer-divider { margin: 0 9px; opacity: .5; }
.toast { position: fixed; right: 20px; bottom: 20px; max-width: calc(100vw - 40px); background: #20334b; border: 1px solid #446083; border-radius: 8px; padding: 12px 16px; box-shadow: 0 12px 30px #0005; display: none; z-index: 80; }
.modal { position: fixed; inset: 0; background: #050b15bd; display: none; place-items: center; z-index: 70; padding: 16px; backdrop-filter: blur(4px); }.modal.open { display: grid; }.modal-card { width: min(780px, 100%); max-height: 85dvh; overflow: auto; background: var(--panel); border: 1px solid #40546f; border-radius: 12px; padding: 24px; box-shadow: 0 24px 70px #0007; }
.notice { padding: 14px 16px; border-left: 3px solid #629ce5; border-radius: 0 6px 6px 0; background: #15273b; color: #bdccdf; margin-bottom: 16px; font-size: 12px; line-height: 1.7; }.notice.warn { border-left-color: var(--amber); background: #29271f; color: #d8ccb1; }
.dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--green); }.live { display: flex; align-items: center; gap: 7px; color: var(--green); }
.scope-label { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; color: #b9c7d9; font-size: 11px; border: 1px solid var(--line); border-radius: 6px; }.scope-label .icon { width: 14px; height: 14px; }
.summary-strip { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 13px 17px; margin-bottom: 24px; border: 1px solid var(--line); border-radius: 7px; background: #111e2e; color: var(--muted); font-size: 11px; }.summary-strip .icon { color: #91b9eb; width: 16px; height: 16px; }.summary-strip .link { margin-left: auto; }
.empty-state { padding: 35px 15px; text-align: center; color: var(--muted); font-size: 12px; }.empty-state .icon { display: block; margin: 0 auto 12px; width: 26px; height: 26px; }.empty-state strong { display: block; margin-bottom: 5px; color: #d5e0ed; font-weight: 500; }
.filter-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); }
.filter-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; font-size: 11px; color: var(--muted); }
.mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; }.numeric { text-align: right; }
.auth-shell { min-height: 100dvh; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.auth-story { padding: 50px 9%; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); background: #101c2d; }
.auth-story .brand { padding: 0; }
.auth-brand-stack { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.auth-brand-stack .switch-identity { margin: 0; }
.auth-brand-stack .switch-identity img { width: 178px; }
.auth-story h1 { max-width: 520px; font-size: clamp(34px, 3.6vw, 54px); font-weight: 500; line-height: 1.14; letter-spacing: -1.8px; margin: 18px 0 24px; }
.auth-story p { color: #a7b9ce; font-size: 14px; line-height: 1.8; max-width: 420px; }
.auth-capabilities { display: flex; flex-direction: column; gap: 16px; margin: 35px 0; color: #becde0; font-size: 12px; }.auth-capabilities > div { display: flex; align-items: center; gap: 12px; }.auth-capabilities .icon { color: #8ab8f4; }
.auth-institution { font-size: 11px; color: #91a6c1; border-top: 1px solid #2b3b50; padding-top: 22px; }
.auth-main { display: flex; flex-direction: column; justify-content: center; padding: 50px 12%; }.auth-main h2 { font-size: 27px; font-weight: 600; letter-spacing: -.5px; margin: 8px 0; }.auth-main > p { color: var(--muted); font-size: 13px; margin: 0 0 32px; }.auth-main form > .field { margin-bottom: 20px; }.auth-options { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 24px 0; font-size: 12px; }.auth-options label { display: flex; align-items: center; gap: 8px; color: #b6c5d7; }.auth-options input { accent-color: var(--blue); }.auth-submit { width: 100%; padding: 12px; }.auth-note { display: flex; gap: 9px; align-items: flex-start; margin-top: 30px; color: #91a4bd; font-size: 11px; line-height: 1.7; }.auth-note .icon { width: 16px; margin-top: 2px; }.auth-errors { margin-bottom: 20px; padding: 12px 16px; border: 1px solid #744a56; border-radius: 6px; background: #38242e; color: #f2bac2; font-size: 12px; }.auth-errors ul { margin: 0; padding-left: 16px; }
@media (min-width: 1750px) { .kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }.kpi { flex-direction: column; }.kpi .value { font-size: 25px; } }
@media (max-width: 1200px) { :root { --sidebar: 224px; }.topbar { padding: 14px 22px; gap: 12px; }.content { padding: 24px; }.breadcrumb > span { display: none; }.user-label { display: none; }.grid2, .grid3 { grid-template-columns: minmax(0, 1fr); }.health { grid-template-columns: repeat(2, minmax(0, 1fr)); }.kpi { gap: 10px; padding: 16px; }.kpi .iconbox { width: 30px; height: 30px; }.actions { flex-shrink: 1; } }
@media (max-width: 900px) { .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }.filter-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }.filter-grid .field:first-child { grid-column: 1 / -1; }.auth-main { padding: 40px 9%; }.auth-story { padding: 40px 9%; } }
@media (max-width: 760px) {
  .app { display: block; }.sidebar { position: fixed; left: 0; width: 270px; transform: translateX(-100%); transition: transform .18s ease; visibility: hidden; }.nav-open .sidebar { transform: translateX(0); visibility: visible; }.nav-open { overflow: hidden; }.sidebar-scrim { position: fixed; inset: 0; background: #030913b3; border: 0; z-index: 35; }.menu-toggle { display: inline-grid; }.topbar { min-height: 65px; padding: 12px 16px; gap: 10px; flex-wrap: wrap; }.breadcrumb { font-size: 12px; }.search { width: 100%; order: 5; margin: 0; padding: 10px; }.header-alerts { margin-left: auto; }.user .icon { display: none; }.content { padding: 24px 16px; }.page-head { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 20px; }.page-head h2 { font-size: 24px; }.page-head p { font-size: 12px; }.actions { margin-left: 0; }.kpis { gap: 10px; margin-bottom: 20px; }.kpi { flex-direction: column; gap: 10px; min-height: 148px; }.kpi .value { font-size: 23px; }.kpi .label { font-size: 10px; }.panel { padding: 16px; }.panel-title { font-size: 13px; }.grid2, .grid3 { gap: 16px; margin-bottom: 16px; }.form-grid { grid-template-columns: minmax(0, 1fr); }.filter-grid .field:first-child { grid-column: auto; }.chart-box, .graph-box { height: 270px; }.footer { padding: 18px 16px; }.summary-strip .link { margin-left: 28px; }.filter-footer { align-items: flex-start; flex-direction: column; }.auth-shell { display: block; }.auth-story { padding: 28px; border: 0; border-bottom: 1px solid var(--line); }.auth-story-content, .auth-institution { display: none; }.auth-main { padding: 36px 28px; max-width: 500px; margin: 0 auto; }.auth-options { font-size: 11px; }.kv { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; } }
.compact-table { min-width: 360px; }

.navigation-close { display: none; }
@media (max-width: 760px) { .navigation-close { display: inline-grid; position: absolute; right: 8px; top: 7px; } }
.auth-secondary { min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 20px; background: var(--bg); }
.auth-secondary .brand { padding: 0; margin-bottom: 30px; }
.auth-secondary-card { width: 100%; max-width: 460px; background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 30px; color: var(--text); }
.auth-secondary-title { font-size: 24px; font-weight: 600; margin: 0 0 12px; letter-spacing: -.5px; }
.auth-secondary-card .text-gray-600, .auth-secondary-card .text-gray-700 { color: #aebed1; }
.auth-secondary-card input:not([type=checkbox]) { background: #101c2d; color: var(--text); border-color: #3a4b63; padding: 10px 12px; font-size: 13px; }
.auth-secondary-card .password-input input { padding-right: 48px; }
.mfa-steps { margin: 0 0 20px; padding: 16px 16px 16px 36px; border: 1px solid #30465f; border-radius: 7px; background: #10263b; color: #bfd0e2; font-size: 12px; line-height: 1.7; }
.mfa-steps li + li { margin-top: 5px; }
.auth-secondary-card .auth-signout { padding: 0; border: 0; background: transparent; color: #9fc9ff; text-decoration: underline; font-size: 12px; cursor: pointer; }
.auth-secondary-card button[type=submit] { background: #387bd3; color: white; text-transform: none; letter-spacing: 0; padding: 11px 16px; }
.auth-secondary-card button[type=submit]:hover { background: #488ee7; }
.auth-back { display: inline-block; margin-top: 22px; font-size: 12px; }
.auth-secondary-footer { font-size: 11px; color: var(--muted); margin-top: 26px; }
@media (max-width: 760px) { .kpi .money-value { font-size: clamp(13px, 4vw, 21px); white-space: nowrap; letter-spacing: -.4px; } }
.auth-secondary { color: var(--text); }
.auth-secondary-card input:focus { --tw-ring-color: var(--blue); border-color: var(--blue); }
.topbar > .account-menu:last-child { margin-left: auto; }
.topbar:has(.search) > .account-menu:last-child { margin-left: 0; }

.action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.action-grid .small { overflow-wrap: anywhere; }
.action-grid .card > div:first-child { flex-wrap: wrap; }
@media (max-width: 760px) { .action-grid { grid-template-columns: minmax(0, 1fr); } }

.actions .control { min-width: 0; max-width: 100%; }

/* Original dashboard density and panel proportions, restored from the supplied build. */
.content:has(.dashboard-original) { padding: 16px; }
.dashboard-original { --panel:#0b1927; --line:#19384f; --muted:#8ca5ba; }
.dashboard-original .page-head { align-items: flex-end; gap: 12px; margin-bottom: 12px; }
.dashboard-original .page-head h2 { font-size: 25px; font-weight: 700; }
.dashboard-original .page-head p { margin: 2px 0 0; }
.dashboard-original .kpis { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin-bottom: 12px; }
.dashboard-original .kpi { padding: 12px; gap: 10px; align-items: center; min-height: 83px; }
.dashboard-original .kpi .iconbox { width: 32px; height: 36px; background: #0f3557; color: #70c4ff; }
.dashboard-original .kpi .value { font-size: clamp(14px,1.3vw,21px); font-weight: 700; margin: 4px 0; letter-spacing: -.4px; white-space: nowrap; }
.dashboard-original .panel { padding: 12px; }
.dashboard-original .panel-title { font-size: 16px; font-weight: 700; margin-bottom: 9px; gap: 8px; }
.dashboard-original .grid2 { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 12px; margin-bottom: 12px; }
.dashboard-original th,.dashboard-original td { padding: 8px 9px; }
.dashboard-original td { font-size: 12px; }
.dashboard-original th { font-size: 10px; }
.dashboard-original .health { gap: 10px; }
.dashboard-original .health .h { padding: 11px; }
.dashboard-original .chart-box { height: 300px; }
.dashboard-original .graph-box { height: 330px; }
.network-viz { display: flex; flex-direction: column; height: 100%; border: 1px solid #294056; border-radius: 7px; overflow: hidden; background: #0c1a29; }
.graph-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 9px 12px; border-bottom: 1px solid #253c52; }
.graph-toolbar label { display:flex; align-items: center; gap: 9px; color: #9bb0c6; font-size: 11px; min-width: 0; }
.graph-toolbar select { max-width: 230px; min-width: 0; border: 1px solid #344f69; border-radius: 4px; padding: 6px 8px; background: #15283b; color: #d7e6f5; font-size: 11px; }
.graph-tools { display: flex; gap: 4px; }
.graph-tools button { background: #172c40; color: #cbdef1; border: 1px solid #344c64; border-radius: 4px; height: 30px; min-width: 30px; padding: 0 9px; cursor: pointer; font-size: 11px; }
.graph-tools button:hover { background: #274764; }
.graph-toolbar :focus-visible { outline: 2px solid #91bdff; outline-offset: 2px; }
.graph-canvas { flex: 1; min-height: 160px; width: 100%; }
.graph-summary { min-height: 34px; border-top: 1px solid #253c52; padding: 9px 12px; font-size: 11px; color: #afc3d8; line-height: 1.5; overflow-wrap: anywhere; }
.graph-full { height: 550px; }
.flow-graph-overview { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin:0 0 10px; color:#a9c0d6; font-size:11px; line-height:1.5; }
.flow-filter-indicator { padding:3px 8px; border:1px solid #4c6f93; border-radius:4px; color:#bad8f6; background:#1a3652; }
.flow-graph-guide { margin:10px 0 0; color:#afc3d7; font-size:11px; line-height:1.55; }
.flow-graph-settings { margin-top:14px; border:1px solid #30475f; border-radius:7px; background:#102237; }
.flow-graph-settings > summary { cursor:pointer; padding:12px 14px; color:#dce9f7; font-size:12px; font-weight:600; }
.flow-graph-settings > summary span { margin-left:10px; color:#a9c9e9; font-size:11px; font-weight:400; }
.flow-graph-settings-content { padding:4px 14px 14px; border-top:1px solid #30475f; }
.flow-graph-settings-content .form-grid { margin-top:12px; }
.flow-snapshot-controls { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:14px; }
.flow-snapshot-controls .control { max-width:min(100%, 440px); }
.flow-graph-settings-content > .small, .flow-graph-metrics { margin:10px 0 0; color:#9fb4ca; font-size:11px; line-height:1.5; }
.flow-graph-settings:focus-within, .flow-graph-settings > summary:focus-visible { outline:2px solid #79adf4; outline-offset:2px; }
.viz-empty { display:flex; align-items:center; justify-content:center; min-height:160px; height:100%; color:#9bb0c6; text-align:center; padding:24px; font-size:12px; }
@media(max-width:1250px) { .dashboard-original .kpis { grid-template-columns: repeat(3,minmax(0,1fr)); } .dashboard-original .grid2 { grid-template-columns: minmax(0,1fr); } .dashboard-original .kpi .value { font-size:21px; } }
@media(max-width:760px) { .content:has(.dashboard-original) { padding:10px; } .dashboard-original .kpis { grid-template-columns: repeat(2,minmax(0,1fr)); } .dashboard-original .kpi { padding:10px; gap:7px; } .dashboard-original .kpi .value { font-size:18px; } .dashboard-original .kpi .iconbox { width:26px; } .graph-toolbar { padding:8px; } .graph-toolbar label { width:100%; } .graph-toolbar select { flex:1; max-width:none; min-height:40px; } .graph-tools button { min-width:42px; height:40px; } .graph-full { height:540px; } .dashboard-original .graph-box { height:410px; } }
@media(max-width:760px) { .flow-snapshot-controls { align-items:stretch; flex-direction:column; }.flow-snapshot-controls .control, .flow-snapshot-controls .btn { width:100%; max-width:none; }.flow-graph-settings > summary { line-height:1.5; } }
.dashboard-original table { min-width: 0; }
.dashboard-original td { line-height: 1.4; }
.dashboard-original .card { background: linear-gradient(180deg,#0b1927,#091621); }
.dashboard-original .kpi { flex-direction: row; }
.forecast-workspace .page-head { align-items: flex-start; margin-bottom: 18px; }
.forecast-workspace .page-head > div:first-child { flex: 1 1 auto; }
.forecast-workspace .page-head > .actions { flex: 0 0 auto; margin-left: auto; }
@media(max-width:760px) { .dashboard-original .page-head { align-items: flex-start; } }

.dashboard-original .payment-flow-chart { height: 290px; }
.flow-caption { margin: 6px 0 0; line-height: 1.5; }
@media(max-width:760px) { .dashboard-original .payment-flow-chart { height: 330px; } }

.trace-identifier { color: #91bcf5; font: 600 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.identifier-select { border: 0; background: transparent; padding: 0; text-align: left; font: inherit; }
.identifier-select[aria-pressed="true"] { color: #d9eaff; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.identifier-selected, .identifier-selected:hover { background: #1b3550; }
.trace-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 4px 0 14px; }
.trace-summary > div { min-width: 0; padding: 14px 16px; background: #101e2e; border: 1px solid #2a415a; border-radius: 7px; }
.trace-summary span { display: block; color: #a8bbcf; font-size: 11px; }
.trace-summary strong { display: block; margin-top: 4px; font-size: 19px; font-weight: 600; font-variant-numeric: tabular-nums; }
.trace-explanation { margin: 0 0 20px; color: #b5c6d8; font-size: 12px; line-height: 1.6; }
.trace-stage { margin-top: 14px; border: 1px solid #2b4159; border-radius: 8px; overflow: hidden; background: #101d2d; }
.trace-stage-heading { display: flex; align-items: center; gap: 14px; padding: 13px 16px; }
.trace-stage-heading > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 12px; }
.trace-stage-heading strong { font-size: 13px; font-weight: 600; }
.trace-step { flex: none; padding: 4px 8px; border: 1px solid #37618a; border-radius: 4px; background: #1a3853; color: #add2ff; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.trace-stage .table-wrap { border: 0; border-top: 1px solid #2b4159; border-radius: 0; }
.trace-table { min-width: 780px; }
.trace-table th, .trace-table td { padding: 10px 14px; }
.trace-table td { vertical-align: top; }
.trace-table td strong, .trace-table td span { display: block; }
.trace-table td strong, .trace-table td:last-child { font: 500 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.trace-table td strong { color: #e0ecfa; }
.trace-table td span { color: #9fb3c9; margin-top: 2px; }
@media(max-width:900px) { .trace-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:500px) { .trace-summary { grid-template-columns: minmax(0, 1fr); } }

.money-workspace .page-head { align-items: flex-start; }
.money-eyebrow { display: block; margin-bottom: 7px; color: #80abd9; font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.money-search { margin-bottom: 14px; }
.money-search > .small { font-size:12px; line-height:1.5; }
.money-search-row { display: flex; align-items: end; gap: 12px; }
.money-search-row .field { flex: 1; min-width: 0; max-width: 650px; }
.money-search-row .btn { min-height: 39px; white-space: nowrap; }
.money-options { margin-top: 16px; border-top: 1px solid #294057; padding-top: 13px; }
.money-options > summary { display: flex; align-items: center; gap: 12px; width: fit-content; color: #c9dcf0; font-size: 12px; font-weight: 650; cursor: pointer; }
.money-options > summary span { color: #8ca9c4; font-weight: 400; }
.money-options-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.money-options .small { margin-bottom: 0; }
.money-result-options { margin:0 0 16px; }
.money-empty-notice p { margin:5px 0 0; }
.account-network-empty p { margin:5px 0 0; }
.money-result-options > summary { padding:12px 0; }
.money-analysis-brief { margin-bottom:14px; padding:20px 21px; border:1px solid #3b6687; border-left:3px solid #78b5fa; border-radius:8px; background:#102740; }
.money-analysis-brief h3 { margin:0 0 9px; color:#f0f7ff; font-size:19px; line-height:1.35; }
.money-analysis-brief > p { margin:0; color:#d3e3f1; font-size:13px; line-height:1.65; }
.money-sequence { display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1.15fr) 28px minmax(0,1fr); align-items:center; gap:10px; margin:17px 0; }
.money-sequence-node { min-width:0; min-height:100px; padding:13px 15px; border:1px solid #416481; border-radius:7px; background:#122e48; }
.money-sequence-node span, .money-sequence-node strong, .money-sequence-node small { display:block; }
.money-sequence-node span { color:#a8c6df; font-size:10px; font-weight:700; letter-spacing:.06em; }
.money-sequence-node strong { margin:5px 0; color:#f1f8ff; font-size:20px; overflow-wrap:anywhere; }
.money-sequence-node small { color:#b8cddd; font-size:11px; }
.money-sequence-account { border-color:#69b5b6; background:#14363b; }
.money-sequence-account strong { font:650 13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
.money-sequence-arrow { color:#89bdf3; text-align:center; font-size:24px; }
.money-sequence-possible { color:#83cfbc; }
.money-interpretation { display:grid; grid-template-columns:120px minmax(0,1fr); gap:12px; padding:12px 14px; border:1px solid #3f5e78; border-radius:6px; background:#112235; color:#cfe0ed; font-size:12px; line-height:1.55; }
.money-interpretation strong { color:#f0f6fb; }
.money-analysis-brief .money-analysis-boundary { margin:12px 0 0; color:#a9c8de; font-size:12px; }
.money-elapsed { margin:0 0 13px !important; padding:10px 12px; border-left:3px solid #8dc8b9; background:#17363e; color:#d8ece9 !important; }
.money-elapsed strong { color:#f2fff9; font-size:16px; }
.money-analysis-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:16px; }
.money-network-link { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:15px 0; padding:16px 18px; border:1px solid #37688a; border-radius:8px; background:#132a40; }
.money-network-link h3 { margin:5px 0; font-size:16px; }
.money-network-link p { max-width:760px; margin:0; color:#bbcfdf; font-size:12px; line-height:1.5; }
.money-network-link .btn { flex:none; }
.account-network-page .page-head { margin-bottom:15px; }
.account-network-search { margin-bottom:14px; }
.account-network-search .money-search-row { align-items:end; }
.account-network-filters { margin-top:11px; }
.account-network-search.is-active { padding:12px 18px; margin-bottom:10px; }
.account-network-search.is-active .account-network-filters { margin-top:8px; padding-top:8px; }
.account-network-controls > summary { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px 16px; color:#e7f3fd; font-size:12px; font-weight:650; cursor:pointer; }
.account-network-controls > summary strong { color:#f4f9ff; font-size:13px; overflow-wrap:anywhere; }
.account-network-controls > summary span:last-child { color:#8cc9f2; font-weight:500; }
.account-network-controls[open] > summary { padding-bottom:10px; border-bottom:1px solid #294057; }
.account-network-controls form { padding-top:10px; }
.account-network-primary { margin-top:0; }
.account-network-primary .account-network-heading { align-items:center; margin-bottom:11px; }
.account-network-primary .account-network-heading p { margin-bottom:0; }
.account-network-direct-count { flex:none; padding:7px 10px; border:1px solid #375975; border-radius:6px; color:#d3e7f6; font-size:11px; white-space:nowrap; }
.account-network-primary .account-network-totals { margin:12px 0 6px; }
.account-network-primary .account-network-scope { margin-top:8px; }
.account-network-guide { display:grid; grid-template-columns:minmax(240px,.9fr) minmax(0,2fr); gap:20px; align-items:center; margin-top:14px; padding:18px 20px; border:1px solid #416d92; border-left:3px solid #70b9f2; border-radius:8px; background:#132c43; }
.account-network-guide h3 { margin:5px 0 7px; color:#edf5fd; font-size:18px; }
.account-network-guide p { margin:0; color:#c2d6e6; font-size:12px; line-height:1.5; }
.account-network-guide ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0; padding:0; list-style:none; counter-reset:network-step; }
.account-network-guide li { display:flex; flex-direction:column; gap:6px; min-width:0; padding:11px; border:1px solid #3b5d78; border-radius:6px; background:#10243a; counter-increment:network-step; }
.account-network-guide li::before { content:'0' counter(network-step); color:#8dc9f7; font-size:11px; font-weight:700; letter-spacing:.08em; }
.account-network-guide li b { color:#eef6fd; font-size:12px; }
.account-network-guide li span { color:#b9cfe0; font-size:11px; line-height:1.4; }
.account-network-scope { margin:10px 2px 0; color:#a9c2d7; font-size:11px; line-height:1.5; }
.account-network-answers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; }
.account-network-answer { padding:16px 18px; border:1px solid #365978; border-radius:8px; background:#14283d; }
.account-network-answer h3 { margin:5px 0 8px; font-size:18px; overflow-wrap:anywhere; }
.account-network-answer p { margin:7px 0; color:#cbdbea; font-size:12px; line-height:1.55; }
.account-network-answer p:last-child { margin-bottom:0; }
.account-network-answer small { color:#afc6d9; font-weight:400; }
.account-network-upstream { padding:8px 0; border-top:1px solid #294a65; }
.account-network-upstream > strong { font-size:12px; overflow-wrap:anywhere; }
.account-network-route-list { padding:0 14px 12px; color:#cbdbea; font-size:12px; line-height:1.55; }
.account-network-route-list p { overflow-wrap:anywhere; }
.account-network-full { margin-top:14px; }
.account-network-full .account-network-totals { flex-wrap:wrap; margin:7px 0 14px; }
.account-network-full .account-network-viewport { height:clamp(430px,68vh,760px); max-height:none; overflow:auto; }
.account-network-evidence { margin-top:12px; border:1px solid #335672; border-radius:8px; background:#102238; }
.account-network-evidence > summary { padding:14px 18px; color:#d9eaf7; font-size:12px; font-weight:650; cursor:pointer; }
.account-network-evidence[open] > summary { border-bottom:1px solid #294a65; }
.account-network-evidence > .account-network-totals { margin:12px 18px 0; flex-wrap:wrap; }
.account-network-evidence > .account-network-scope { margin:12px 18px 0; }
.account-network-evidence .account-network-answers { margin:12px 18px 18px; }
.account-network-panel { margin:16px 0; padding:18px; border:1px solid #335672; border-radius:8px; background:#102238; }
.account-network-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.account-network-heading h3 { margin:0 0 5px; color:#ecf5fd; font-size:17px; }
.account-network-heading p { margin:0 0 13px; color:#b5cadd; font-size:12px; line-height:1.5; }
.account-network-totals { display:flex; gap:8px; flex:none; }
.account-network-totals span { padding:8px 12px; border:1px solid #375975; border-radius:6px; color:#bad0e3; font-size:11px; white-space:nowrap; }
.account-network-totals b { color:#f1f7fd; font-size:17px; }
.account-network-graph { border:1px solid #31516c; border-radius:7px; background:#0c1c2e; scroll-margin-top:90px; }
.account-network-viewport { max-height:600px; overflow:auto; }
.account-network-canvas { min-width:1000px; min-height:340px; }
.account-network-canvas { cursor:grab; }
.account-network-canvas:active { cursor:grabbing; }
.account-network-selection { min-height:37px; margin:0; padding:10px 13px; border-top:1px solid #294a65; color:#c9dceb; font-size:12px; }
.account-network-caveat { margin:10px 0 0; color:#aec5d9; line-height:1.5; }
.account-network-list { margin-top:12px; border:1px solid #31516c; border-radius:6px; background:#12283c; }
.account-network-graph > .account-network-list { margin:0; border:0; border-top:1px solid #31516c; border-radius:0; }
.account-network-list > summary { display:flex; justify-content:space-between; gap:12px; padding:12px 14px; color:#e6f2fb; font-size:12px; font-weight:650; cursor:pointer; }
.account-network-list > summary::before { content:'▸'; color:#8fbee9; }
.account-network-list[open] > summary::before { content:'▾'; }
.account-network-list > summary span { color:#aac2d8; font-weight:400; }
.account-network-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0 14px 14px; }
.account-network-columns h4 { margin:5px 0 9px; color:#dcecf8; font-size:12px; }
.account-connection-row { display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px solid #29445c; font-size:11px; }
.account-connection-row > a, .account-connection-row > button { overflow-wrap:anywhere; }
.account-connection-row span { color:#adc4d7; text-align:right; flex:none; }
.account-network-list > .btn, .account-network-list > p { margin:0 14px 14px; }
.account-network-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:9px 12px; color:#adc6db; font-size:11px; border-bottom:1px solid #294a65; }
.account-network-toolbar strong { flex:1; }
.account-network-toolbar .btn { padding:5px 9px; font-size:11px; }
.account-network-status { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:8px 13px; border-bottom:1px solid #294a65; background:#142d42; color:#d6e7f4; font-size:12px; line-height:1.5; }
.account-network-status .btn { flex:none; }
.account-network-path { display:flex; flex-direction:column; gap:6px; padding:12px 14px; border-bottom:1px solid #294a65; background:#102b42; color:#dcecf8; font-size:12px; line-height:1.45; }
.account-network-path > span { color:#b8d0e2; }
.account-network-path-links { display:flex; flex-wrap:wrap; gap:7px; padding-top:4px; }
.account-network-path-links .btn { padding:6px 9px; font-size:11px; overflow-wrap:anywhere; }
.account-network-labels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:10px 16px; border-bottom:1px solid #294a65; color:#a8c7df; font-size:11px; font-weight:700; letter-spacing:.05em; text-align:center; }
.account-network-graph .account-network-canvas { min-width:1000px; }
.account-network-inspector { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:11px 12px; border-top:1px solid #294a65; }
.account-network-inspector input { flex:0 1 280px; max-width:100%; }
.account-network-inspector p { flex:1; margin:0; color:#c9dceb; font-size:12px; line-height:1.5; }
.account-network-inspector .btn { flex:none; }
.account-network-routes { margin-top:12px; padding:12px 14px; border:1px solid #8c713c; border-radius:6px; background:#28271f; color:#f3dda8; font-size:12px; }
.account-network-routes p { margin:7px 0; overflow-wrap:anywhere; font-family:monospace; }
.account-network-routes span { color:#d5c9ac; }
.account-network-open { padding:0; border:0; background:none; text-align:left; cursor:pointer; }
.account-network-open small { color:#aac5d9; font-size:11px; }
.account-network-open:disabled { cursor:default; opacity:.7; }
.account-connection-row .btn { flex:none; padding:5px 8px; font-size:11px; }
.pass-through-dialog.account-connection-dialog { width:min(980px,94vw); max-height:88vh; }
.account-connection-dialog-body { padding:18px 22px 22px; overflow:auto; }
.account-connection-dialog-body > p { line-height:1.55; }
.account-connection-participants { margin:0 0 14px; color:#bcd8eb; font-size:12px; }
.account-connection-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.account-payment-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.account-connection-metrics > div { display:flex; flex-direction:column; gap:5px; padding:11px; border:1px solid #345672; border-radius:6px; background:#112b42; min-width:0; }
.account-connection-metrics small { color:#abc3d8; font-size:11px; }
.account-connection-metrics strong { color:#edf6fe; font-size:13px; overflow-wrap:anywhere; }
.account-connection-table-wrap { max-height:46vh; overflow:auto; border:1px solid #345672; border-radius:6px; }
.account-connection-table { width:100%; border-collapse:collapse; font-size:12px; }
.account-connection-table th, .account-connection-table td { padding:10px 12px; border-bottom:1px solid #2d4c65; text-align:left; vertical-align:top; }
.account-connection-table th { position:sticky; top:0; background:#18334b; color:#d4e7f5; }
.account-connection-table td small { display:block; margin-top:4px; color:#a9bfd2; overflow-wrap:anywhere; }
.account-connection-pager { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:13px; color:#b8cfe1; font-size:12px; }
.account-connection-pager > div { display:flex; gap:8px; }
@media(max-width:760px) { .account-connection-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .account-connection-pager { align-items:flex-start; flex-direction:column; } }
@media(max-width:900px) { .account-network-guide { grid-template-columns:1fr; } .account-network-status, .account-network-inspector { align-items:stretch; flex-direction:column; } .account-network-inspector input { flex:auto; width:100%; } }
@media(max-width:1000px) { .account-network-full .account-network-viewport { height:clamp(400px,62vh,680px); } }
@media(max-width:620px) { .account-network-guide ol { grid-template-columns:1fr; } }
@media(max-width:900px) { .money-network-link { align-items:flex-start; flex-direction:column; } .account-network-answers { grid-template-columns:1fr; } }
.money-upstream-note { margin:12px 0; padding:12px 15px; border:1px solid #35526e; border-radius:7px; background:#102135; color:#c3d5e6; font-size:12px; line-height:1.5; }
.money-records-heading { margin:20px 0 12px; scroll-margin-top:90px; }
.money-records-heading h3 { margin:0 0 5px; color:#ecf5fd; font-size:15px; }
.money-records-heading p { margin:0; color:#a9bfd3; font-size:12px; line-height:1.5; }
.trace-direction { margin: 16px 0; border: 1px solid #2d4962; border-radius: 8px; background: #102033; overflow: hidden; }
.trace-direction-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 15px 18px 0; }
.trace-direction-heading h3 { margin: 0 0 4px; color: #eaf3fc; font-size: 14px; }
.trace-direction-heading p { margin: 0; color: #a9c0d5; font-size: 12px; }
.trace-direction-heading > .small { color: #a9c0d5; }
.trace-direction-flow { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .8fr) minmax(0, 1fr); align-items: center; gap: 16px; padding: 18px; }
.trace-direction-party { min-width: 0; padding: 12px 14px; border: 1px solid #4b7196; border-radius: 7px; background: #162e47; }
.trace-direction-party span { display: block; margin-bottom: 4px; color: #a8c1d7; font-size: 11px; }
.trace-direction-party strong { color: #e9f3fb; font: 600 12px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.trace-direction-transfer { display: flex; align-items: center; gap: 12px; color: #bcd6ed; }
.trace-direction-transfer strong { flex: 1; font-size: 12px; font-weight: 600; text-align: center; }
.trace-direction-transfer span { color: #8fc0f7; font-size: 22px; line-height: 1; }
.trace-direction-next { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 18px 15px; border-top: 1px solid #294057; }
.trace-direction-next p { margin: 0; color: #c6d9eb; font-size: 12px; line-height: 1.5; }
.trace-direction-next .btn { flex: none; white-space: nowrap; }
.trace-same-day { margin: 16px 0; padding: 16px 18px; border: 1px solid #335b75; border-left: 3px solid #70b4f5; border-radius: 8px; background: #11283e; }
.trace-same-day-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.trace-same-day-head h3 { margin: 4px 0 0; color: #eaf3fc; font-size: 15px; }
.trace-same-day-head .btn { flex: none; }
.trace-same-day-answer { margin: 12px 0 6px; color: #eaf3fc; line-height: 1.5; }
.trace-same-day > .small { margin: 0 0 12px; color: #aec4d9; line-height: 1.5; }
.trace-same-day-details { border-top: 1px solid #33516d; padding-top: 10px; }
.trace-same-day-details summary { color: #cfe4f7; cursor: pointer; font-size: 12px; font-weight: 600; }
.trace-same-day-details .table-wrap { margin-top: 10px; }
.trace-same-day-details .trace-table { width: 100%; min-width: 600px; }
.trace-same-day-details td span { display: block; color: #a8bbcf; margin-top: 3px; }
.money-transaction-note { margin: 0; padding: 12px 15px; border-bottom: 1px solid #294057; color: #bed1e3; }
.trace-diagram { margin: 16px 0; border: 1px solid #2d4962; border-radius: 8px; background: #0e1d2e; overflow: hidden; }
.trace-diagram-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 16px 18px 14px; border-bottom: 1px solid #294057; }
.trace-diagram-heading h3 { margin: 0 0 5px; color: #eaf3fc; font-size: 14px; }
.trace-diagram-heading p { margin: 0; color: #a9c0d5; font-size: 12px; line-height: 1.55; }
.trace-diagram-heading > .small { flex: none; margin: 2px 0 0; }
.trace-diagram-legend { display: flex; flex-wrap: wrap; gap: 8px 22px; padding: 10px 18px; border-bottom: 1px solid #294057; color: #b9cddd; font-size: 11px; line-height: 1.45; }
.trace-diagram-legend span { display: inline-flex; align-items: center; gap: 7px; }
.trace-diagram-legend i { display: inline-block; width: 16px; height: 10px; border: 2px solid #79adf4; border-radius: 3px; }
.trace-diagram-legend .trace-legend-match { border-color: #61cbb0; }
.trace-diagram-legend .trace-legend-link { height: 0; border: 0; border-top: 2px dashed #e8bb72; border-radius: 0; }
.trace-diagram-scroll { overflow-x: auto; overflow-y: hidden; max-width: 100%; }
.trace-diagram-board { position: relative; min-height: 205px; background: linear-gradient(180deg, #102338 0, #0e1d2e 100%); }
.trace-diagram-connectors { position: absolute; inset: 0; z-index: 0; overflow: visible; pointer-events: none; }
.trace-diagram-connectors path { fill: none; stroke: #e8bb72; stroke-width: 2; stroke-dasharray: 6 5; opacity: .82; }
.trace-diagram-columns { position: relative; z-index: 1; display: flex; justify-content: center; align-items: flex-start; gap: 74px; padding: 22px 26px 28px; }
.trace-diagram-column { display: grid; align-content: start; gap: 12px; width: 320px; flex: none; }
.trace-diagram-column h4 { min-height: 18px; margin: 0 0 3px; color: #abc5dd; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.trace-diagram-card { min-width: 0; padding: 13px 14px; border: 1.5px solid #79adf4; border-radius: 8px; background: #162e47; box-shadow: 0 4px 12px #04101e38; }
.trace-diagram-match { border-color: #61cbb0; background: #17342f; }
.trace-diagram-count { display: block; color: #f0f6fc; font-size: 13px; }
.trace-diagram-route { display: flex; align-items: center; gap: 8px; margin: 11px 0; }
.trace-diagram-route > span:not(.trace-diagram-route-arrow) { min-width: 0; flex: 1; }
.trace-diagram-route small, .trace-diagram-route b { display: block; }
.trace-diagram-route small { margin-bottom: 3px; color: #a8c1d7; font-size: 9px; letter-spacing: .08em; }
.trace-diagram-route b { color: #e9f3fb; font: 600 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.trace-diagram-route-arrow { color: #a8c1d7; font-size: 16px; }
.trace-diagram-detail { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3px 8px; padding-top: 9px; border-top: 1px solid #ffffff20; color: #bad0e0; font-size: 10px; font-variant-numeric: tabular-nums; }
.trace-diagram-limit { margin: 0; padding: 0 18px 14px; color: #a9c0d5; }
.money-boundary { margin: 5px 0 17px; padding: 12px 15px; border: 1px solid #405169; border-radius: 7px; background: #1b2736; }
.money-boundary summary { cursor:pointer; color:#e7eff8; font-size:12px; font-weight:600; }
.money-boundary p { margin: 5px 0 0; color: #adc1d4; font-size: 12px; line-height: 1.6; }
.money-workspace .trace-summary strong { font-size: clamp(15px, 1.4vw, 19px); overflow-wrap: anywhere; }
.money-workspace .trace-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.money-workspace .trace-table { min-width: 720px; }
.money-stage-details > summary { cursor: pointer; list-style: none; }
.money-stage-details > summary::-webkit-details-marker { display: none; }
.money-stage-details > summary::after { content: '+'; margin-left: auto; color: #9fc7f2; font-size: 18px; line-height: 1; }
.money-stage-details[open] > summary::after { content: '−'; }
.money-stage-details > summary:focus-visible { outline: 2px solid #92c4ff; outline-offset: -3px; }
.money-referral { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr); gap: 24px; margin-top: 20px; padding: 22px; border: 1px solid #315475; border-radius: 8px; background: #10243a; }
.money-referral h3 { margin: 7px 0 10px; color: #eef6ff; font-size: 17px; }
.money-referral p { color: #bad0e4; font-size: 13px; line-height: 1.6; }
.money-referral-copy .link { display: inline-block; margin: 8px 18px 0 0; }
.money-referral-form { display: grid; align-content: start; gap: 12px; }
.money-referral-form textarea { min-height: 100px; resize: vertical; }
.money-referral-form .btn { justify-self: start; }
.header-alerts { position: relative; }
.header-alert-count { position: absolute; top: -4px; right: -5px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: #e45065; color: #fff; font: 700 10px/17px system-ui, sans-serif; text-align: center; }
.pass-through-intro { padding: 20px 24px; margin-bottom: 16px; border: 1px solid #315475; background: #10243a; }
.pass-through-intro h3 { margin: 7px 0 6px; font-size: 18px; }
.pass-through-intro p { margin: 0; color: #bbcee1; font-size: 12px; line-height: 1.55; }
.pass-through-intro-lead p { max-width: 900px; }
.pass-through-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 16px 0 13px; }
.pass-through-guide > div { min-width: 0; padding: 12px 14px; border: 1px solid #34516e; border-radius: 7px; background: #132a42; }
.pass-through-guide span { display: block; margin-bottom: 5px; color: #92bee8; font-size: 10px; font-weight: 700; letter-spacing: .09em; }
.pass-through-guide strong { display: block; margin-bottom: 4px; color: #edf5ff; font-size: 13px; }
.pass-through-boundary { padding: 10px 13px; border-left: 3px solid #e8bb72; background: #332c22; }
.pass-through-intro .pass-through-boundary { color: #e2d2b9; }
.pass-through-list-intro { margin: -3px 0 13px; color: #b6c9da; font-size: 12px; line-height: 1.55; }
.pass-through-method { margin-bottom: 14px; padding: 11px 14px; border: 1px solid #30465e; border-radius: 6px; color: #aebfd0; font-size: 12px; line-height: 1.6; }
.pass-through-method summary { color: #cfe0f2; cursor: pointer; font-weight: 600; }
.pass-through-method[open] summary { margin-bottom: 8px; }
.pass-through-selected { background: #12334d; }
.pass-through-identifier { padding: 0; border: 0; background: none; color: #9dc7fa; cursor: pointer; font: 500 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: left; overflow-wrap: anywhere; }
.pass-through-identifier:hover, .pass-through-identifier:focus-visible { text-decoration: underline; }
.pass-through-dialog { width: min(1080px, calc(100vw - 32px)); max-width: none; max-height: min(90dvh, 980px); margin: auto; padding: 0; overflow: auto; color: var(--text); background: #101d2e; border: 1px solid #45627d; border-radius: 12px; box-shadow: 0 30px 90px #000b; overscroll-behavior: contain; }
.pass-through-dialog::backdrop { background: #030a13d9; backdrop-filter: blur(4px); }
.upload-overlay { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 12px; background: #030a13e8; backdrop-filter: blur(4px); }
.upload-dialog { width: min(940px, calc(100vw - 24px)); margin: 0; }
.upload-dialog .pass-through-dialog-head { position: sticky; }
.batch-detail-dialog { width: min(850px, calc(100vw - 24px)); max-height: min(88dvh, 900px); }
.batch-detail-dialog .pass-through-dialog-head { align-items: center; }
.batch-detail-heading { min-width: 0; }
.batch-detail-heading p { max-width: 690px; margin: 5px 0 0; overflow: hidden; color: #a9bfd4; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.batch-detail-body { display: grid; gap: 16px; padding: 20px 24px 24px; }
.batch-detail-outcome { padding: 17px 19px; border: 1px solid #307b68; border-radius: 9px; background: #11342f; }
.batch-detail-outcome.is-processing { border-color: #3b6185; background: #142b43; }
.batch-detail-outcome.is-warning { border-color: #8b7044; background: #302a20; }
.batch-detail-outcome.is-error { border-color: #854c56; background: #351f2b; }
.batch-detail-outcome strong { display: block; margin-top: 9px; color: #f1f7ff; font-size: 17px; line-height: 1.35; }
.batch-detail-outcome p { margin: 5px 0 0; color: #c5d6e7; font-size: 13px; line-height: 1.55; }
.batch-detail-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.batch-detail-facts div { min-width: 0; padding: 13px 14px; border: 1px solid #31485f; border-radius: 8px; background: #14263a; }
.batch-detail-facts span { display: block; min-height: 30px; color: #a9bfd4; font-size: 11px; line-height: 1.35; }
.batch-detail-facts strong { display: block; margin-top: 5px; color: #f0f6ff; font-size: 22px; font-variant-numeric: tabular-nums; }
.batch-detail-facts .batch-detail-count-warn { color: #ffd17e; }
.batch-detail-reasons, .batch-detail-source { padding: 15px 17px; border: 1px solid #31485f; border-radius: 8px; background: #14263a; }
.batch-detail-reasons h4, .batch-detail-source h4 { margin: 0 0 10px; color: #edf5ff; font-size: 13px; }
.batch-detail-reason { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-top: 1px solid #30445a; color: #c9d9e9; font-size: 12px; }
.batch-detail-reason:first-of-type { border-top: 0; }
.batch-detail-reason strong { flex: none; color: #ffd17e; font-variant-numeric: tabular-nums; }
.batch-detail-source { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.batch-detail-source p { margin: 0; color: #a9bfd4; font-size: 12px; }
.batch-detail-source .btn { flex: none; }
.batch-detail-technical { overflow: hidden; border: 1px solid #31485f; border-radius: 8px; background: #14263a; }
.batch-detail-technical summary { padding: 13px 16px; color: #c8def2; cursor: pointer; font-size: 12px; font-weight: 600; }
.batch-detail-technical summary:focus-visible { outline: 2px solid #92c4ff; outline-offset: -2px; }
.batch-detail-technical-body { padding: 0 16px 16px; border-top: 1px solid #31485f; }
.batch-detail-technical dl { margin: 0; }
.batch-detail-technical dl > div { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid #30445a; font-size: 12px; }
.batch-detail-technical dt { color: #9fb5ca; }
.batch-detail-technical dd { margin: 0; overflow-wrap: anywhere; color: #e2edf8; }
.batch-detail-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
.batch-detail-technical h5 { margin: 17px 0 7px; font-size: 12px; }
.batch-detail-technical ul { max-height: 180px; overflow: auto; margin: 0; padding-left: 20px; color: #c9d9e9; font-size: 12px; line-height: 1.8; }
.batch-detail-actions { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 24px; border-top: 1px solid #31485f; background: #12233a; }
.batch-detail-actions > span { min-width: 0; margin-right: auto; overflow: hidden; color: #9fb5ca; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 620px) { .batch-detail-body { padding: 16px; } .batch-detail-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .batch-detail-source { align-items: flex-start; flex-direction: column; } .batch-detail-actions { flex-wrap: wrap; padding: 12px 16px; } .batch-detail-actions > span { flex-basis: 100%; } .batch-detail-technical dl > div { grid-template-columns: 1fr; gap: 2px; } }
.upload-receipt h4 { margin: 12px 0 6px; font-size: 21px; }
.upload-receipt p { margin: 0 0 18px; color: #bdd0e2; }
.upload-archive-receipt { padding-bottom: 22px; }
.upload-archive-intro h4 { margin: 10px 0 6px; }
.upload-archive-intro p { max-width: 680px; margin-bottom: 20px; font-size: 13px; line-height: 1.55; }
.upload-archive-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; }
.upload-archive-summary > div { min-width: 0; padding: 13px 14px; border: 1px solid #31485f; border-radius: 8px; background: #14263a; }
.upload-archive-summary span, .upload-archive-summary small { display: block; color: #a9bfd4; font-size: 11px; }
.upload-archive-summary strong { display: block; margin: 5px 0 2px; color: #f0f6ff; font-size: 24px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.upload-archive-summary .upload-archive-issue-count { color: #ffd17e; }
.upload-archive-progress-label { display: flex; justify-content: space-between; gap: 12px; }
.upload-archive-progress-label span { color: #a9bfd4; }
.upload-receipt .upload-archive-skipped-note { margin: -3px 0 14px; color: #a9bfd4; font-size: 11px; }
.upload-archive-attention { margin-bottom: 14px; }
.upload-archive-attention strong { display: block; color: #ffe1a7; font-size: 13px; }
.upload-archive-attention p { margin: 5px 0 0; color: inherit; line-height: 1.55; }
.upload-archive-details { margin-top: 10px; border: 1px solid #31485f; border-radius: 8px; background: #14263a; }
.upload-archive-details summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 15px; color: #dceafb; cursor: pointer; font-size: 13px; font-weight: 600; list-style: none; }
.upload-archive-details summary::-webkit-details-marker { display: none; }
.upload-archive-details summary::before { content: '▸'; margin-right: 4px; color: #83bcfa; }
.upload-archive-details[open] summary::before { content: '▾'; }
.upload-archive-details summary span { margin-left: auto; color: #a9bfd4; font-size: 11px; font-weight: 400; white-space: nowrap; }
.upload-archive-details summary:hover { background: #1a3047; }
.upload-archive-details summary:focus-visible { outline: 2px solid #92c4ff; outline-offset: -2px; }
.upload-archive-details[open] summary { border-bottom: 1px solid #31485f; }
.upload-archive-details .upload-archive-results { max-height: none; overflow: visible; margin: 0; padding: 10px; }
.upload-archive-results .upload-archive-item { background: #101f31; }
.upload-archive-results .upload-archive-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.upload-receipt-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 15px; }
.upload-receipt-facts div { padding: 12px; border: 1px solid #31485f; border-radius: 8px; background: #14263a; min-width: 0; }
.upload-receipt-facts span { display: block; margin-bottom: 5px; color: #9ab2c8; font-size: 11px; }
.upload-receipt-facts strong { display: block; overflow-wrap: anywhere; }
.upload-archive-progress { margin-bottom: 14px; color: #d9ebff; font-size: 12px; }
.upload-archive-progress progress { display: block; width: 100%; height: 8px; margin-top: 8px; border: 0; border-radius: 99px; background: #2a425d; accent-color: #73aff6; }
.upload-archive-progress progress::-webkit-progress-bar { background: #2a425d; border-radius: 99px; }
.upload-archive-progress progress::-webkit-progress-value { background: #73aff6; border-radius: 99px; }
.upload-archive-list { display: grid; gap: 7px; max-height: 42dvh; overflow: auto; margin: 12px 0; }
.upload-archive-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #31485f; border-radius: 7px; background: #14263a; font-size: 12px; }
.upload-archive-item > div { flex: 1; min-width: 0; }
.upload-archive-item strong { display: block; overflow-wrap: anywhere; }
.upload-archive-item > div > span { display: block; margin-top: 4px; color: #9ab2c8; font-size: 11px; }
.upload-page-receipt { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; border-left-color: #21dfa2; color: #cceada; }
.upload-page-receipt .btn { margin-left: auto; }
.upload-dialog-body { padding: 20px 24px 10px; }
.upload-dialog-body > .small { margin: 0 0 20px; }
.upload-dialog-body .field { margin-bottom: 18px; }
.upload-dialog-body .field input[type="file"] { width: 100%; }
.upload-dialog-body .field .small { display: block; margin-top: 8px; }
.upload-transfer { margin-top: 12px; padding: 11px 13px; border: 1px solid #3b6185; border-radius: 7px; background: #142b43; }
.upload-transfer > div { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: #d9ebff; font-size: 12px; }
.upload-transfer progress { display: block; width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: 99px; background: #2a425d; accent-color: #73aff6; }
.upload-transfer progress::-webkit-progress-bar { background: #2a425d; border-radius: 99px; }
.upload-transfer progress::-webkit-progress-value { background: #73aff6; border-radius: 99px; }
.upload-transfer progress::-moz-progress-bar { background: #73aff6; border-radius: 99px; }
.upload-submit-status { display: flex; align-items: center; gap: 10px; margin: 0 24px 14px; padding: 11px 14px; border: 1px solid #3b6185; border-radius: 7px; background: #142b43; color: #d9ebff; font-size: 12px; }
.upload-spinner { flex: none; width: 17px; height: 17px; border: 2px solid #5483a7; border-top-color: #9ad2ff; border-radius: 50%; animation: upload-spin .8s linear infinite; }
.upload-processing { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 10px 12px; padding: 13px 15px; margin-bottom: 14px; border: 1px solid #3b6185; border-radius: 7px; background: #142b43; }
.upload-processing strong, .upload-processing span { display: block; }
.upload-processing strong { color: #d9ebff; font-size: 13px; }
.upload-processing div > span { margin-top: 3px; color: #a9bfd4; font-size: 11px; }
.upload-indeterminate { grid-column: 1 / -1; height: 5px; overflow: hidden; border-radius: 99px; background: #2a425d; }
.upload-indeterminate span { width: 32%; height: 100%; background: #73aff6; border-radius: inherit; animation: upload-travel 1.5s ease-in-out infinite; }
@keyframes upload-spin { to { transform: rotate(360deg); } }
@keyframes upload-travel { from { transform: translateX(-110%); } to { transform: translateX(330%); } }
@media (prefers-reduced-motion: reduce) { .upload-spinner, .upload-indeterminate span { animation: none; } }
.upload-mapping-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin: 22px 0 12px; }
.upload-mapping-head h4 { margin: 0 0 5px; font-size: 15px; }
.upload-mapping-head p { margin: 0; }
.upload-mapping-table-wrap { max-height: min(42dvh, 440px); overflow: auto; border: 1px solid #31485f; border-radius: 8px; }
.upload-mapping-table { width: 100%; min-width: 660px; border-collapse: collapse; }
.upload-mapping-table th { position: sticky; top: 0; z-index: 1; background: #1a2b42; text-align: left; }
.upload-mapping-table th, .upload-mapping-table td { padding: 9px 13px; border-bottom: 1px solid #263a50; vertical-align: middle; }
.upload-mapping-table td:first-child { width: 34%; }
.upload-mapping-table td:nth-child(2) { width: 34%; }
.upload-mapping-table select { width: 100%; min-width: 180px; }
.upload-sample { max-width: 250px; overflow-wrap: anywhere; color: #a9c7e4; font-family: ui-monospace, monospace; font-size: 12px; }
.upload-xml-path { color: #a9c7e4; font-family: ui-monospace, monospace; font-size: 11px; overflow-wrap: anywhere; }
.upload-check-result { padding: 17px 20px; border: 1px solid; border-radius: 8px; margin-bottom: 14px; }
.upload-check-result strong { display: block; font-size: 17px; margin-bottom: 6px; }
.upload-check-result p { margin: 0 0 8px; line-height: 1.55; }
.upload-check-result span { display: block; font-size: 12px; }
.upload-check-result-ready { border-color: #307b68; background: #11342f; color: #e1f8ef; }
.upload-check-result-ready strong { color: #82e7bd; }
.upload-check-result-ready span { color: #add8c9; }
.upload-check-result-warn { border-color: #9a7845; background: #332c20; color: #fff0d2; }
.upload-check-result-warn strong { color: #ffd17e; }
.upload-check-result-warn span { color: #e4d0ae; }
.upload-technical { margin: 0 0 14px; border: 1px solid #31485f; border-radius: 8px; background: #14263a; }
.upload-technical summary { cursor: pointer; padding: 13px 16px; color: #c8def2; font-size: 12px; font-weight: 600; }
.upload-technical summary:hover { color: #fff; }
.upload-technical .upload-mapping-table-wrap { border: 0; border-top: 1px solid #31485f; border-radius: 0 0 8px 8px; }
.upload-technical .notice { margin: 0 12px 12px; }
.upload-required { margin-left: 8px; color: #ffd267; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.upload-dialog-actions { position: sticky; bottom: 0; z-index: 2; display: flex; justify-content: flex-end; align-items: center; gap: 12px; padding: 16px 24px; background: #12233a; border-top: 1px solid #31485f; }
.upload-dialog-actions .small { margin-right: auto; }
@media(max-width:620px) { .upload-dialog-body { padding: 16px; } .upload-submit-status { margin: 0 16px 12px; } .upload-dialog-actions { padding: 12px 16px; flex-wrap: wrap; } .upload-dialog-actions .small { width: 100%; } .upload-receipt-facts, .upload-archive-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .upload-archive-progress-label { display: block; } .upload-archive-progress-label span { display: block; margin-top: 4px; } .upload-archive-results .upload-archive-item { flex-wrap: wrap; } }
.pass-through-dialog-head { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 21px 25px; border-bottom: 1px solid #31485f; background: #12233a; }
.pass-through-dialog-head h3 { margin: 7px 0 0; font-size: clamp(17px, 1.7vw, 23px); line-height: 1.25; overflow-wrap: anywhere; }
.pass-through-dialog-head .btn { flex: none; }
.pass-through-review-purpose { margin: 17px 24px 0; padding: 12px 15px; border-left: 3px solid #78b8f5; color: #cee0f2; background: #142d47; font-size: 13px; line-height: 1.55; }
.pass-through-review-purpose strong { color: #edf5ff; }
.pass-through-brief, .pass-through-ai { margin: 17px 24px 0; padding: 16px 18px; border: 1px solid #345b7d; border-radius: 7px; background: #142d47; }
.pass-through-brief strong { display: block; margin-bottom: 6px; color: #e7f3ff; font-size: 13px; }
.pass-through-brief p, .pass-through-ai p { margin: 0; color: #c6d9eb; font-size: 13px; line-height: 1.65; }
.pass-through-summary { display: grid; gap: 12px; margin: 18px 24px 0; }
.pass-through-flow { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr); align-items: center; gap: 10px; }
.pass-through-flow > div { display: grid; gap: 5px; min-width: 0; padding: 15px 17px; border: 1px solid #345b7d; border-radius: 8px; background: #142d47; }
.pass-through-flow span:not(.pass-through-flow-arrow), .pass-through-flow small { color: #b2c8dc; font-size: 12px; }
.pass-through-flow strong { font-size: 18px; }
.pass-through-flow-arrow { color: #7fbaf2; font-size: 23px; text-align: center; }
.pass-through-timing { padding: 16px 18px; border: 1px solid #46716d; border-radius: 8px; background: #15302f; }
.pass-through-timing h4 { margin: 5px 0 9px; font-size: 15px; }
.pass-through-timing > strong { display: block; margin-bottom: 5px; color: #9cf0d7; font-size: 20px; }
.pass-through-timing p { max-width: 850px; margin: 0; color: #c4ddd6; font-size: 12px; line-height: 1.55; }
.pass-through-next { margin: 14px 24px 0; }
.pass-through-next strong { color: #eaf4ff; font-size: 13px; }
.pass-through-next p { max-width: 900px; margin: 4px 0 0; color: #b6c9da; font-size: 12px; line-height: 1.55; }
.pass-through-more { margin-top: 12px; padding: 13px 15px; border: 1px solid #314d68; border-radius: 8px; background: #12253b; }
.pass-through-more summary { color: #d8e8f7; cursor: pointer; font-size: 13px; font-weight: 650; }
.pass-through-more[open] summary { margin-bottom: 12px; }
.pass-through-more > .small { margin: 0 0 10px; }
.pass-through-ai { border-color: #446e72; background: #14312f; }
.pass-through-ai .panel-title { align-items: center; margin-bottom: 9px; }
.pass-through-ai .small { display: block; margin-top: 7px; }
.pass-through-dialog-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 15px; margin: 17px 24px; padding-bottom: 16px; border-bottom: 1px solid #31485f; }
.pass-through-dialog-actions .small { max-width: 560px; }
.pass-through-dialog-body { padding: 0 24px 24px; }
.pass-through-dialog-body .grid2 { margin-bottom: 0; }
.rule-overview { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 14px; padding: 20px 24px; border-color: #365470; background: linear-gradient(110deg, #142a40, #132235 70%); }
.rule-overview h3 { margin: 5px 0 7px; font-size: 19px; line-height: 1.3; }
.rule-overview p { max-width: 850px; margin: 0; color: #c0cedd; font-size: 12px; }
.rule-overview .rule-overview-boundary { margin-top: 9px; color: #e0bf84; }
.rule-overview .rule-preview-overview { margin-top: 9px; color: #b8dfd3; }
.rule-overview .btn { flex: none; }
.rule-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.rule-stat { display: flex; flex-direction: column; gap: 3px; padding: 14px 17px; }
.rule-stat span { color: #aebed0; font-size: 11px; }
.rule-stat strong { font-size: 24px; line-height: 1.2; }
.rule-stat small { color: #91a5ba; font-size: 10px; }
.rule-stat .rule-stat-green { color: var(--green); }
.rule-stat .rule-stat-amber { color: var(--amber); }
.rule-library .panel-title { margin-bottom: 12px; }
.rule-filter { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 13px; padding: 4px; border: 1px solid #2a3e54; border-radius: 7px; width: fit-content; }
.rule-purpose { max-width: 700px; }
.rule-purpose strong, .rule-purpose span, .rule-purpose code { display: block; }
.rule-purpose strong { color: #eaf3fd; font-size: 12px; }
.rule-purpose span { max-width: 650px; margin-top: 3px; color: #aebed0; font-size: 11px; line-height: 1.45; }
.rule-purpose code { margin-top: 5px; color: #829bb4; font-size: 10px; }
.rule-purpose .rule-preview { display: block; margin-top: 6px; color: #e0c28b; font-size: 10px; }
.rule-empty { padding: 28px !important; text-align: center; color: var(--muted); }
.rule-detail-dialog { width: min(900px, calc(100vw - 32px)); }
.rules-model-dialog { width: min(980px, calc(100vw - 32px)); }
.rules-model-dialog-body { padding: 20px 24px 24px; }
.rules-model-dialog-body .grid2 { margin-bottom: 0; }
.rules-model-dialog-body .kv { min-width: 0; overflow-wrap: anywhere; }
.rules-model-dialog-controls { margin: 0 0 18px; }
.rules-model-name-cell .link, .rules-model-name-cell small { display: block; }
.rules-model-name-cell small { margin-top: 3px; color: #91a5ba; font-size: 10px; }
.rules-model-explainer, .rules-model-preview { padding: 17px 19px; margin-bottom: 14px; border: 1px solid #36516c; border-radius: 9px; background: #142b40; }
.rules-model-explainer h4, .rules-model-preview h4 { margin: 8px 0; font-size: 17px; line-height: 1.35; }
.rules-model-explainer p, .rules-model-preview p { margin: 0; color: #ceddeb; line-height: 1.55; }
.rules-model-explainer .small { margin-top: 11px; color: #aebfd0; }
.rules-model-example { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 15px; }
.rules-model-example span { padding: 8px 12px; border: 1px solid #5e83a2; border-radius: 7px; color: #e7f3ff; background: #203b54; font-weight: 600; }
.rules-model-example b { color: #80bcf3; font-size: 18px; }
.rules-model-preview { border-color: #426374; background: #11283b; }
.rules-model-candidate { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 14px; padding: 12px 14px; border: 1px solid #416384; border-radius: 8px; background: #17344c; }
.rules-model-candidate span, .rules-model-candidate b, .rules-model-candidate small { display: block; }
.rules-model-candidate span, .rules-model-candidate small { color: #adc4d9; font-size: 11px; }
.rules-model-candidate b { margin: 3px 0; color: #e9f5ff; font-size: 15px; overflow-wrap: anywhere; }
.rules-model-next { padding: 18px 19px; margin-bottom: 14px; border: 1px solid #5a87b0; border-radius: 9px; background: #122d46; }
.rules-model-next h4 { margin: 8px 0; font-size: 17px; }
.rules-model-next p { color: #c7d8e8; line-height: 1.5; }
.rules-model-next .small { margin-bottom: 0; color: #aebfd0; }
.rules-model-next .form-grid { margin: 14px 0; }
.rules-model-steps { display: flex; flex-wrap: wrap; gap: 8px; margin: 13px 0 16px; }
.rules-model-steps span { padding: 7px 10px; border: 1px solid #3d5872; border-radius: 6px; color: #a9bed1; font-size: 11px; font-weight: 600; }
.rules-model-steps span.current { border-color: #73aeeb; color: #eaf5ff; background: #214465; }
.rules-model-steps span.done { border-color: #39745e; color: #a6e8c8; background: #143c33; }
.rules-model-settings { padding: 17px 19px; margin-bottom: 14px; border: 1px solid #36516c; border-radius: 9px; background: #102338; }
.rules-model-settings h4 { margin: 0 0 8px; font-size: 15px; }
.rules-model-settings p { margin: 0 0 14px; color: #bfcfe0; line-height: 1.5; }
.rules-model-setting-values { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.rules-model-setting-values div { min-width: 190px; padding: 10px 12px; border: 1px solid #36516c; border-radius: 7px; }
.rules-model-setting-values b, .rules-model-setting-values span { display: block; }
.rules-model-setting-values b { margin-bottom: 3px; font-size: 21px; }
.rules-model-setting-values span { color: #afc1d4; font-size: 11px; }
.rules-model-settings .form-grid { margin-bottom: 12px; }
.rules-model-technical { padding: 14px 16px; border: 1px solid #344960; border-radius: 8px; }
.rules-model-optional-settings { margin-bottom: 14px; }
.rules-model-optional-settings p { color: #bfcfe0; line-height: 1.5; }
.rules-model-optional-settings .form-grid { margin-bottom: 12px; }
.rules-model-technical summary { cursor: pointer; color: #dce8f5; font-size: 12px; font-weight: 600; }
.rules-model-technical .grid2 { margin-top: 16px; }
@media (max-width: 760px) { .rules-model-dialog-body { padding: 16px; } .rules-model-dialog-body .grid2, .rules-model-dialog-body .form-grid { grid-template-columns: 1fr; } }
.rule-detail-body { padding: 20px 24px 24px; }
.rule-detail-summary { padding: 16px 18px; border: 1px solid #36516c; border-radius: 8px; background: #142b40; }
.rule-detail-summary p { margin: 6px 0 0; color: #c8d6e4; }
.rule-detail-summary .small { color: #a7b9ca; }
.rule-preview-summary { margin-top: 12px; border-color: #665533; background: #292a29; }
.rule-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 18px; }
.rule-detail-grid h4 { margin: 0 0 10px; font-size: 13px; }
.rule-detail-grid .kv { gap: 14px; }
.rule-detail-grid .kv b { text-align: right; overflow-wrap: anywhere; }
.rule-stage-note { padding: 10px 12px; border-left: 3px solid var(--amber); color: #d9c8a7; background: #2b2b29; font-size: 11px; }
.rule-backtest { margin-top: 14px; padding: 12px; border: 1px solid #344960; border-radius: 7px; color: #c4d2df; font-size: 11px; }
.rule-backtest summary { cursor: pointer; color: #dce8f5; font-weight: 600; }
.rule-backtest p { margin: 10px 0 0; }
.rule-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #31485f; }
@media(max-width:1050px) { .rule-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media(max-width:760px) { .rule-overview { align-items: flex-start; flex-direction: column; } .rule-detail-grid { grid-template-columns: 1fr; } }
@media(max-width:580px) { .rule-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rule-detail-body { padding: 16px; } }
@media(max-width:900px) { .pass-through-guide { grid-template-columns: 1fr; gap: 8px; } .pass-through-dialog-body .grid2 { grid-template-columns: 1fr; } }
@media(max-width:620px) { .pass-through-intro { padding: 16px; } .pass-through-dialog-head { padding: 16px; } .pass-through-brief, .pass-through-ai, .pass-through-summary, .pass-through-review-purpose { margin: 12px 16px 0; } .pass-through-flow { grid-template-columns: 1fr; } .pass-through-flow-arrow { line-height: 1; } .pass-through-next { margin: 12px 16px 0; } .pass-through-dialog-actions { margin: 15px 16px; } .pass-through-dialog-body { padding: 0 16px 16px; } }
@media(max-width:900px) { .money-options-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .money-sequence { grid-template-columns: minmax(0,1fr); gap:7px; } .money-sequence-node { min-height:0; } .money-sequence-arrow { transform:rotate(90deg); } .account-network-heading, .account-network-totals { flex-wrap:wrap; } }
@media(max-width:900px) { .money-workspace .trace-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:900px) { .money-referral { grid-template-columns: 1fr; } }
@media(max-width:620px) { .money-search-row { align-items: stretch; flex-direction: column; } .money-search-row .field { max-width: none; } .money-interpretation { grid-template-columns:1fr; gap:4px; } .account-network-panel { padding:13px; } .account-network-totals span { white-space:normal; } .account-network-columns { grid-template-columns:1fr; } .account-network-list > summary { flex-direction:column; } .account-connection-row { flex-direction:column; gap:3px; } .account-connection-row span { text-align:left; } .money-options-grid { grid-template-columns: 1fr; } .money-options > summary { align-items: flex-start; flex-direction: column; gap: 2px; } .money-referral { padding: 16px; } }
@media(max-width:620px) { .trace-diagram-heading { flex-direction: column; gap: 5px; } .trace-diagram-heading > .small { margin: 0; } }
@media(max-width:620px) { .trace-direction-heading { align-items: flex-start; flex-direction: column; } .trace-direction-flow { grid-template-columns: minmax(0, 1fr); gap: 10px; } .trace-direction-transfer { flex-direction: column; justify-content: center; gap: 2px; } .trace-direction-transfer span { transform: rotate(90deg); } .trace-direction-next { align-items: flex-start; flex-direction: column; } .trace-direction-next .btn { white-space: normal; } }
@media(max-width:620px) { .trace-same-day-head { align-items: flex-start; flex-direction: column; } }
@media(max-width:500px) { .money-workspace .trace-summary { grid-template-columns: minmax(0, 1fr); } }

/* Clear analytical workflow without changing the existing page structure. */
.analysis-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; padding:12px 0; margin-bottom:16px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:12px; }
.analysis-navigation > span { color:var(--muted); margin-right:8px; }
.analysis-navigation a { color:#afccef; text-decoration:none; padding:5px 0; }
.analysis-navigation a[aria-current] { color:#edf5ff; font-weight:600; border-bottom:2px solid #79adf4; }
.analysis-status-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 12px; }
.analysis-status-grid .card { padding:16px; }
.analysis-status-grid span, .analysis-status-grid small { display:block; color:#a9bdd1; font-size:11px; }
.analysis-status-grid strong { display:block; margin:5px 0; font-size:18px; font-weight:600; }
.analysis-status-grid small { line-height:1.45; }
.analysis-model-link { margin:0 0 16px; font-size:11px; }
@media(max-width:1250px) { .analysis-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .analysis-status-grid { grid-template-columns:minmax(0,1fr); } }
.ai-workspace { max-width: 1640px; margin: 0 auto; }
.dataset-scan { margin: 0 0 16px; border-color: #31516b; background: linear-gradient(120deg, #11253a, #0e1c2d 75%); }
.dataset-scan-head { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.dataset-scan-head h3 { margin:7px 0; font-size:19px; }
.dataset-scan-head p { margin:0; max-width:780px; color:#b5c9dd; line-height:1.5; }
.dataset-scan-head .btn { flex-shrink:0; }
.dataset-scan-search { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; margin-top:15px; color:#b5c9dd; font-size:12px; }
.dataset-scan-search label { font-weight:600; color:#e2edf7; }
.dataset-scan-search input { flex:0 1 310px; max-width:100%; }
.dataset-scan-search span { color:#a8bfd4; }
.dataset-scan-position { display:inline !important; color:#d5e4f3 !important; font-weight:500; }
.dataset-scan-meta { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:18px 0 12px; color:#aabed2; font-size:12px; }
.dataset-scan-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:16px 0; }
.dataset-scan-counts>div { display:flex; flex-direction:column; gap:5px; padding:13px; background:#10263a; border:1px solid #2a455e; border-radius:7px; }
.dataset-scan-counts span { color:#aabed2; font-size:11px; }
.dataset-scan-counts strong { font-size:21px; }
.dataset-scan-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.dataset-scan-results>div { min-width:0; padding:15px; background:#0d1e31; border:1px solid #294158; border-radius:7px; }
.dataset-scan-results h4 { margin:0 0 6px; font-size:15px; }
.dataset-scan-lead { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid #294158; }
.dataset-scan-lead>div { min-width:0; }
.dataset-scan-lead strong, .dataset-scan-lead span { display:block; overflow-wrap:anywhere; }
.dataset-scan-lead strong { color:#9cc8f5; font-size:12px; }
.dataset-scan-lead span { margin-top:3px; color:#abc0d2; font-size:11px; }
.dataset-scan-lead .btn { flex-shrink:0; }
.dataset-scan-extra { margin-top:14px; padding:10px 13px; border:1px solid #294158; border-radius:7px; }
.dataset-scan-extra summary { cursor:pointer; }
.dataset-scan-extra li { margin:8px 0; color:#abc0d2; font-size:12px; }
@media(max-width:900px) { .dataset-scan-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }.dataset-scan-results { grid-template-columns:1fr; } }
@media(max-width:620px) { .dataset-scan-head { align-items:flex-start; flex-direction:column; }.dataset-scan-counts { grid-template-columns:1fr 1fr; }.dataset-scan-lead { align-items:flex-start; flex-direction:column; } }
.ai-workspace .page-head { margin-bottom: 12px; }
.ai-eyebrow, .ai-section-kicker { display:block; color:#7fb5dc; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.ai-workspace .page-head .ai-eyebrow { margin-bottom:7px; }
.ai-input-panel { border-color:#31516b; }
.ai-input-panel .form-grid { margin-top:16px; }
.ai-examples { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:14px; }
.ai-examples > span { color:#a8bed1; font-size:11px; margin-right:4px; }
.ai-examples .btn { padding:7px 10px; font-size:11px; }
.ai-start-action { display:flex; align-items:center; gap:14px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.ai-start-action .btn { min-width:210px; min-height:40px; }
.ai-start-action > span { color:#9cb4c9; font-size:11px; }
.ai-advanced { margin-top:12px; }
.ai-advanced > details > summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; color:#d7e6f4; font-weight:600; font-size:12px; }
.ai-advanced > details > summary span { color:#9cb4c9; font-weight:400; font-size:11px; }
.ai-advanced > details > p { margin:14px 0; }
.ai-report { margin-top:14px; padding:24px; border-color:#31516b; box-shadow:0 12px 32px #030b1566; scroll-margin-top:90px; }
.ai-report-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:20px; border-bottom:1px solid #2b455d; }
.ai-report-head h3 { margin:6px 0; color:#f2f7ff; font-size:23px; letter-spacing:-.5px; }
.ai-report-head p { margin:0; color:#a8bed2; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.ai-report-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ai-report-summary { margin-top:20px; padding:20px; background:#0b2233; border:1px solid #27506a; border-left:3px solid #59a8df; border-radius:6px; }
.ai-report-summary p { margin:8px 0 0; color:#e6f0fa; font-size:13px; line-height:1.7; }
.ai-direction-guide { margin-top:16px; padding:20px; border:1px solid #31516b; border-radius:8px; background:#102033; }
.ai-direction-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.ai-direction-grid > div { padding:14px; border:1px solid #2d4860; border-radius:6px; background:#0c1b2d; }
.ai-direction-grid span { display:block; color:#a8c1d8; font-size:11px; }
.ai-direction-grid strong { display:block; margin:7px 0; color:#edf7ff; font-size:17px; font-variant-numeric:tabular-nums; }
.ai-direction-grid p, .ai-status-explanation p, .ai-risk-context p { margin:0; color:#bed0e0; font-size:12px; line-height:1.6; }
.ai-status-explanation, .ai-risk-context { margin-top:12px; padding:14px 16px; border:1px solid #31516b; border-radius:6px; background:#10283b; }
.ai-status-explanation > strong, .ai-risk-context > strong { display:block; margin-bottom:5px; color:#e8f3fc; font-size:12px; }
.ai-risk-context { border-left:3px solid #76b2ed; }
.ai-risk-context p + p, .ai-status-explanation p + p { margin-top:8px; }
.ai-technical-narrative { margin-top:12px; color:#a8bfd3; font-size:11px; }
.ai-technical-narrative summary { cursor:pointer; }
.ai-technical-narrative p { margin:8px 0 0; line-height:1.6; }
.ai-report-interpretation { margin-top:16px; padding:22px; background:linear-gradient(120deg,#10243a,#0b1c2d); border:1px solid #294760; border-radius:8px; }
.ai-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.ai-section-heading h4, .ai-report-block h4 { margin:6px 0 14px; color:#edf5fd; font-size:16px; font-weight:650; }
.ai-section-heading > span { color:#a9c2d6; border:1px solid #3a586e; border-radius:5px; padding:5px 8px; font-size:10px; white-space:nowrap; }
.ai-report-narrative { color:#dcebf7; font-size:13px; line-height:1.75; white-space:pre-wrap; margin:2px 0 14px; }
.ai-report-loading { display:flex; align-items:center; gap:10px; color:#bdd4e7; font-size:12px; line-height:1.5; padding:12px 0; }
.ai-pulse { width:9px; height:9px; border-radius:50%; background:#64d9b6; box-shadow:0 0 0 5px #64d9b626; animation:ai-pulse 1.5s ease-in-out infinite; flex:none; }
@keyframes ai-pulse { 50% { opacity:.45; transform:scale(.75); } }
.ai-interpretation-note { margin:14px 0 0; color:#9cb4c9; font-size:11px; line-height:1.5; }
.ai-citations { display:flex; align-items:center; flex-wrap:wrap; gap:7px; color:#a7bfd3; font-size:10px; }
.ai-citations b { font-weight:600; margin-right:4px; }
.ai-citations code, .ai-source-list code { display:inline-block; max-width:100%; overflow-wrap:anywhere; padding:5px 8px; border:1px solid #31536c; background:#0a1b2c; border-radius:4px; color:#a9d3f3; font-size:10px; }
.ai-report-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:14px; margin-top:14px; }
.ai-report-block { min-width:0; padding:18px; border:1px solid #294157; border-radius:7px; background:#101f31; }
.ai-report-block .detail { margin-top:6px; }
.ai-report-block .kv b { font-size:12px; font-weight:600; }
.ai-report-block ul { margin:0; padding-left:18px; color:#cbdded; font-size:12px; line-height:1.7; }
.ai-report-block li + li { margin-top:7px; }
.ai-source-list { display:flex; flex-wrap:wrap; gap:7px; }
.ai-method-details { margin-top:18px; color:#abc3d8; font-size:11px; }
.ai-method-details summary { cursor:pointer; color:#aed2ed; }
.ai-method-details p { line-height:1.6; }
.ai-followup { margin-top:18px; padding:16px 18px; border:1px solid #294157; border-radius:7px; }
.ai-followup summary { cursor:pointer; font-size:12px; font-weight:600; color:#d9e8f4; }
.ai-followup > p { color:#a6bed2; font-size:11px; }
.ai-followup .btn { margin-top:10px; }
.ai-followup-answer { margin-top:16px; padding:16px; border-radius:6px; background:#0b2233; border-left:3px solid #67b3df; font-size:12px; }
.ai-followup-answer p { line-height:1.7; }
.ai-system-details { margin-top:12px; padding:16px 20px; }
.ai-system-details > summary { cursor:pointer; color:#a9bfd1; font-size:11px; }
.ai-system-details .analysis-status-grid { margin-top:16px; }
@media(max-width:760px) { .ai-report { padding:16px; }.ai-report-head, .ai-start-action { align-items:flex-start; flex-direction:column; }.ai-report-grid, .ai-direction-grid { grid-template-columns:minmax(0,1fr); }.ai-section-heading { flex-wrap:wrap; } }
.forecast-overview { margin-bottom:12px; }
.forecast-summary { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:24px; padding:8px 0; }
.forecast-summary strong { display:block; font-size:25px; margin:8px 0; font-weight:600; }
.forecast-summary strong small { font-size:12px; color:var(--muted); font-weight:400; }
.forecast-summary p { line-height:1.6; }
.forecast-controls { margin-bottom:12px; padding:16px 20px; }
.forecast-controls .panel-title { margin-bottom:12px; }
.forecast-filter-grid { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.forecast-scope-note { margin:10px 0 0; line-height:1.5; }
.forecast-status { margin-bottom:12px; padding:10px 14px; line-height:1.55; }
.forecast-status strong { color:#ecf3fb; }
.forecast-status-label { display:inline-block; margin:0 7px; color:#f0ce8c; font-weight:600; }
.forecast-main-chart { margin-bottom:14px; padding:16px 20px; }
.forecast-main-chart .panel-title { margin-bottom:8px; }
.forecast-chart-canvas { height:360px; }
.forecast-workspace .kpis { margin-bottom:16px; }
.forecast-run-settings { margin-bottom:16px; scroll-margin-top:94px; }
.forecast-run-row { display:grid; grid-template-columns:minmax(220px,1fr) auto auto; align-items:end; gap:16px; }
.forecast-run-row > label { align-self:center; white-space:nowrap; }
.forecast-run-settings > .small { margin:12px 0 0; }
.evidence-details { font-weight:400; max-width:100%; overflow-wrap:anywhere; }
.evidence-details summary { cursor:pointer; color:#a8c9f4; padding:4px 0; }
.evidence-details dl { font-size:11px; }
.evidence-details dt { margin-top:10px; font-weight:600; }
.evidence-details dd { margin:4px 0 10px; }
.action-grid .card p { line-height:1.6; }
.panel-title { flex-wrap:wrap; }
.kv > * { min-width:0; overflow-wrap:anywhere; }
@media(max-width:1000px) { .forecast-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .forecast-run-row { grid-template-columns:minmax(0,1fr) auto; } .forecast-run-row > label { grid-column:1 / -1; } }
@media(max-width:760px) { .forecast-summary { grid-template-columns:minmax(0,1fr); gap:12px; }.forecast-summary > div + div { border-top:1px solid var(--line); padding-top:12px; }.analysis-navigation { gap:8px 14px; }.analysis-navigation > span { width:100%; }.forecast-workspace .page-head > .actions { margin-left:0; }.forecast-filter-grid, .forecast-run-row { grid-template-columns:minmax(0,1fr); }.forecast-run-row > label { grid-column:auto; }.forecast-chart-canvas { height:300px; }.forecast-main-chart, .forecast-controls { padding:16px; }.action-grid .btn { min-height:42px; } }

/* Switch operations dashboard: compact hierarchy drawn from the supplied reference. */
.dashboard-original { --panel:#0a1a2b; --line:#244059; --muted:#a3b7c9; color:#eaf2fb; }
.dashboard-original .card { background:#0c1c2e; border-color:#284158; box-shadow:0 8px 24px #020c1870; }
.dashboard-original .dashboard-head { align-items:flex-end; }
.dashboard-eyebrow { display:block; color:#7bc6e4; font-size:10px; font-weight:700; letter-spacing:.14em; margin-bottom:3px; }
.dashboard-original .dashboard-head h2 { font-size:25px; font-weight:700; }
.dashboard-freshness { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid #31516b; border-radius:6px; background:#122a3a; color:#b7d1e1; font-size:11px; white-space:nowrap; }
.dashboard-freshness .dot { width:7px; height:7px; box-shadow:0 0 0 3px #53c99b22; }
.dashboard-freshness.historical .dot { background:#e1ae68; box-shadow:0 0 0 3px #e1ae6822; }
.dashboard-original .dashboard-kpis { gap:8px; }
.dashboard-original .dashboard-kpis .kpi { position:relative; padding:10px 9px; gap:7px; min-height:83px; border-top:2px solid #517ca1; }
.dashboard-original .dashboard-kpis .kpi .label { font-size:10px; line-height:1.25; color:#b5c7d7; }
.dashboard-original .dashboard-kpis .kpi .value { font-size:clamp(13px,1.08vw,20px); line-height:1.2; letter-spacing:-.04em; margin:5px 0 3px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.dashboard-original .dashboard-kpis .kpi .muted,.dashboard-original .dashboard-kpis .kpi .up { font-size:9px; line-height:1.35; color:#92aabf; }
.dashboard-original .dashboard-kpis .kpi .iconbox { width:29px; height:31px; flex:none; border-radius:5px; }
.dashboard-original .dashboard-kpis .kpi .iconbox .icon { width:17px; height:17px; }
.dashboard-original .dashboard-kpis .metric-green { border-top-color:#2ebd94; }
.dashboard-original .dashboard-kpis .metric-green .iconbox { background:#164b41; color:#6de3ba; }
.dashboard-original .dashboard-kpis .metric-red { border-top-color:#d66b80; }
.dashboard-original .dashboard-kpis .metric-red .iconbox { background:#50303e; color:#ffa9ba; }
.dashboard-original .dashboard-priority-card { align-items:flex-start; }
.dashboard-original .dashboard-priority-card > div:last-child { flex:1; }
.dashboard-original .dashboard-kpis .dashboard-kpi-link { position:relative; color:inherit; text-decoration:none; cursor:pointer; padding-right:25px; transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.dashboard-original .dashboard-kpis .dashboard-kpi-link::after { content:'↗'; position:absolute; top:8px; right:9px; color:#9ab9d2; font-size:12px; line-height:1; opacity:.7; }
.dashboard-original .dashboard-kpis .dashboard-kpi-link:hover { transform:translateY(-2px); border-color:#5b8bb2; box-shadow:0 10px 26px #020c188a; }
.dashboard-original .dashboard-kpis .dashboard-kpi-link:hover::after { color:#9fd3ff; opacity:1; }
.dashboard-original .dashboard-kpis .dashboard-kpi-link:focus-visible { outline:2px solid #78b8ff; outline-offset:2px; z-index:1; }
.dashboard-priority-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin:5px 0; }
.dashboard-priority-levels span { min-width:0; padding:4px 3px; border:1px solid #304458; border-radius:4px; color:#aec1d3; font-size:9px; line-height:1.2; text-align:center; }
.dashboard-priority-levels strong { display:block; color:#eaf2fb; font-size:13px; font-variant-numeric:tabular-nums; }
.dashboard-priority-levels span:nth-child(2) strong { color:#e6bd7c; }
.dashboard-priority-levels span:nth-child(3) strong { color:#fa9cab; }
.dashboard-original .dashboard-kpis .metric-amber { border-top-color:#d5a65d; }
.dashboard-original .dashboard-kpis .metric-amber .iconbox { background:#4a3e2d; color:#f0cb83; }
.dashboard-original .dashboard-kpis .freshness-value { font-size:clamp(12px,1vw,18px) !important; white-space:normal !important; }
.dashboard-primary,.dashboard-middle,.dashboard-secondary { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr); gap:10px; margin-bottom:10px; align-items:stretch; }
.dashboard-middle { grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr); }
.dashboard-lower { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,.9fr); gap:10px; margin-bottom:10px; }
.dashboard-original .dashboard-primary .panel,.dashboard-original .dashboard-middle .panel,.dashboard-original .dashboard-lower .panel,.dashboard-original .dashboard-secondary .panel { padding:11px 12px; }
.dashboard-original .panel-title { font-size:13px; margin-bottom:9px; color:#edf5ff; }
.dashboard-original .panel-title-main { display:inline-flex; align-items:center; gap:7px; min-width:0; }
.dashboard-original .panel-title-main .dot { width:7px; height:7px; box-shadow:0 0 0 3px #54ca9d21; }
.dashboard-original .panel-title .link { font-weight:500; }
.dashboard-original .dashboard-transactions { min-width:560px; table-layout:fixed; }
.dashboard-original .dashboard-transactions th:nth-child(1) { width:54px; }
.dashboard-original .dashboard-transactions th:nth-child(2) { width:108px; }
.dashboard-original .dashboard-transactions th:nth-child(3),.dashboard-original .dashboard-transactions th:nth-child(4) { width:73px; }
.dashboard-original .dashboard-transactions th:nth-child(5) { width:92px; }
.dashboard-original .dashboard-transactions th:nth-child(6) { width:72px; }
.dashboard-original .dashboard-transactions th:nth-child(7) { width:84px; }
.dashboard-original .dashboard-transactions td { overflow:hidden; text-overflow:ellipsis; }
.dashboard-original .dashboard-transactions td,.dashboard-original .dashboard-transactions th { padding:6px 7px; font-size:10px; }
.dashboard-original .dashboard-transactions th { font-size:9px; }
.table-empty { text-align:center; padding:24px !important; color:#9db3c5; }
.transaction-status { display:inline-flex; padding:2px 6px; border-radius:3px; background:#2d3d4d; color:#bdd1e0; font-size:9px; font-weight:700; text-transform:capitalize; }
.transaction-status.accepted { background:#15503e; color:#9aefd0; }
.transaction-status.rejected { background:#5a2939; color:#ffb1bd; }
.transaction-status.pending { background:#5a482a; color:#f1d493; }
.transaction-status.unknown { background:#5a482a; color:#f1d493; }
.dashboard-panel-foot { display:flex; justify-content:space-between; gap:10px; padding-top:9px; font-size:10px; color:#93aabd; }
.dashboard-original .dashboard-network { height:325px; }
.dashboard-original .dashboard-network .graph-toolbar { padding:7px 9px; }
.dashboard-original .dashboard-network .graph-summary { font-size:10px; }
.dashboard-original .payment-flow-chart { height:280px; }
.dashboard-middle-stack { display:grid; grid-template-rows:1fr auto; gap:10px; min-width:0; }
.participant-spotlight { display:flex; align-items:center; gap:12px; margin:13px 0; }
.participant-avatar { display:grid; place-items:center; flex:none; width:46px; height:46px; border-radius:50%; background:#412b39; border:1px solid #9b5267; color:#f4a8b8; }
.participant-avatar .icon { width:26px; height:26px; }
.participant-spotlight strong { display:block; margin:2px 0; font-size:19px; }
.participant-stats { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.participant-stats > div { padding:8px 10px; border:1px solid #29435b; border-radius:5px; background:#10263a; }
.participant-stats span { display:block; color:#9eb2c3; font-size:10px; }
.participant-stats strong { display:block; margin-top:4px; font-size:14px; font-variant-numeric:tabular-nums; }
.participant-account-form { display:flex; align-items:end; gap:10px; flex-wrap:wrap; margin:18px 0; }
.participant-account-form .field { flex:1 1 320px; }
.participant-network-map { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.85fr) minmax(0,1fr); gap:18px; align-items:center; padding:22px; margin:16px 0 10px; border:1px solid #31506b; border-radius:8px; background:#0e2034; }
.participant-network-map > div { min-width:0; }
.participant-node { display:block; width:100%; margin:7px 0; padding:10px 12px; text-align:left; color:#e6f0fb; background:#17334a; border:1px solid #3b6b81; border-radius:6px; cursor:pointer; }
.participant-node:hover, .participant-node:focus-visible { background:#23506a; }
.participant-node b, .participant-node span { display:block; overflow-wrap:anywhere; }
.participant-node span { margin-top:3px; color:#aec6d8; font-size:11px; }
.participant-center { padding:20px; text-align:center; background:#214b67; border:2px solid #8bc7e8; border-radius:8px; overflow-wrap:anywhere; }
.participant-center strong, .participant-center span { display:block; }
.participant-center strong { font-size:17px; margin:8px 0; }
.participant-link-evidence { margin:20px 0; padding:16px; background:#10283d; border:1px solid #3a637e; border-radius:7px; }
.participant-quick-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
@media (max-width: 900px) { .participant-network-map { grid-template-columns:1fr; align-items:stretch; } }
.forecast-state-line { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.forecast-state-line label { margin-left:auto; }
.dashboard-forecast-period { width:auto; min-width:150px; max-width:100%; padding:5px 8px; font-size:11px; border:1px solid #35536c; border-radius:5px; background:#10263a; color:#dce8f2; }
.dashboard-forecast-status p { margin:10px 0 0; line-height:1.5; }
.forecast-spotlight-value { display:block; margin-top:10px; font-size:20px; }
.forecast-spotlight-value small { font-size:11px; color:#a7b9ca; font-weight:400; }
.dashboard-original .dashboard-lower .chart-box { height:245px; }
.dashboard-ranking { display:grid; gap:2px; }
.ranking-row { display:grid; grid-template-columns:16px minmax(65px,.7fr) minmax(45px,1fr) minmax(70px,.8fr); align-items:center; gap:6px; padding:6px 0; border-bottom:1px solid #223a50; font-size:10px; }
.ranking-row:last-child { border-bottom:0; }
.ranking-index { color:#84a1b9; }
.ranking-row .link { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ranking-row strong { text-align:right; font-size:10px; font-variant-numeric:tabular-nums; }
.ranking-row progress { width:100%; height:7px; border:0; border-radius:4px; background:#203a52; accent-color:#508de8; }
.ranking-row progress::-webkit-progress-bar { background:#203a52; border-radius:4px; }
.ranking-row progress::-webkit-progress-value { background:#508de8; border-radius:4px; }
.dashboard-findings > div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-bottom:1px solid #223a50; font-size:11px; }
.dashboard-findings > div:last-child { border:0; }
.dashboard-findings strong { color:#d8e7f5; font-variant-numeric:tabular-nums; }
.dashboard-original .dashboard-secondary .chart-box { height:255px; }
@media(max-width:1400px) { .dashboard-original .dashboard-kpis .kpi .value { font-size:15px; }.dashboard-original .dashboard-kpis .kpi .iconbox { width:26px; }.dashboard-original .dashboard-kpis .kpi { gap:5px; padding:9px 7px; } }
@media(max-width:1250px) { .dashboard-primary,.dashboard-middle,.dashboard-secondary { grid-template-columns:minmax(0,1fr); }.dashboard-lower { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-lower > :first-child { grid-column:1/-1; }.dashboard-original .dashboard-transactions { min-width:560px; } }
@media(max-width:760px) { .dashboard-original .dashboard-head { align-items:flex-start; }.dashboard-freshness { white-space:normal; }.dashboard-lower { grid-template-columns:minmax(0,1fr); }.dashboard-lower > :first-child { grid-column:auto; }.dashboard-original .dashboard-kpis .kpi { flex-direction:column; align-items:flex-start; min-height:102px; }.dashboard-original .dashboard-kpis .kpi .value { font-size:17px; }.dashboard-original .dashboard-network { height:380px; }.dashboard-original .dashboard-transactions { min-width:560px; }.dashboard-panel-foot { flex-wrap:wrap; } }
.operations-dashboard{margin-top:12px}
.operations-dashboard .panel-title{align-items:center;gap:12px}
.operations-dashboard .panel-title .btn{white-space:nowrap}
.operations-dashboard>.small{margin:5px 0 14px;color:var(--muted,#9db0c7)}
.operations-dashboard-frame{height:760px;overflow:hidden;border:1px solid #2a3b51;border-radius:10px;background:#0b141f}
.operations-dashboard-frame iframe{width:100%;height:100%;border:0;display:block}
.operations-dashboard-note{margin:12px 0 0!important}
@media(max-width:720px){.operations-dashboard .panel-title{flex-wrap:wrap}.operations-dashboard .panel-title .spacer{display:none}.operations-dashboard-frame{height:900px}}

/* Unusual activity: concise, evidence-first review. */
.anomaly-workspace .page-head{margin-bottom:16px}
.anomaly-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:18px 22px;margin-bottom:12px;border-color:#365470;background:linear-gradient(110deg,#142a40,#132235 75%)}
.anomaly-intro h3{margin:4px 0 6px;font-size:18px;line-height:1.3}
.anomaly-intro p{max-width:760px;margin:0;color:#bdccdc;font-size:12px;line-height:1.55}
.anomaly-coverage{flex:none;min-width:215px;padding-left:18px;border-left:1px solid #38506a}
.anomaly-coverage strong,.anomaly-coverage span{display:block}
.anomaly-coverage strong{font-size:15px;color:#e4eefb}
.anomaly-coverage span{margin-top:5px;font-size:11px;color:#e0c28b}
.anomaly-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.anomaly-totals .card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px}
.anomaly-totals span{color:#aebed0;font-size:11px}
.anomaly-totals strong{font-size:19px;font-variant-numeric:tabular-nums}
.anomaly-review-list{padding:18px 20px}
.anomaly-review-list .panel-title{margin-bottom:12px}
.anomaly-review-list .rule-filter{margin-bottom:12px}
.anomaly-items{display:grid;gap:8px}
.anomaly-item{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;padding:14px 16px;border:1px solid #30445a;border-radius:8px;background:#122238}
.anomaly-item-main{min-width:0}
.anomaly-item-top{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.anomaly-category{color:#9fc4ed;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.anomaly-item h3{margin:0 0 5px;font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.anomaly-item p{margin:0 0 5px;color:#c9d7e6;font-size:12px;line-height:1.5}
.anomaly-item .btn{flex:none;white-space:nowrap}
.anomaly-item .small{font-size:10px}
.anomaly-dialog{width:min(820px,calc(100vw - 32px))}
.anomaly-dialog-body{padding:20px 24px 24px}
.anomaly-dialog-lead{padding:15px 17px;border:1px solid #3e6384;border-radius:8px;background:#142d47}
.anomaly-dialog-lead strong{font-size:12px;color:#e8f4ff}
.anomaly-dialog-lead p{margin:5px 0 0;font-size:15px;line-height:1.5}
.anomaly-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.anomaly-dialog-grid section{padding:16px;border:1px solid #30445a;border-radius:8px;background:#13253a}
.anomaly-dialog-grid h4{margin:0 0 7px;font-size:12px}
.anomaly-dialog-grid p{margin:0;color:#c7d6e6;font-size:12px;line-height:1.6}
.anomaly-dialog-grid .small{margin-top:8px;color:#a8bbce}
.anomaly-dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}
.anomaly-method{border-top:1px solid #34495f;padding-top:12px;font-size:11px;color:#afc0d1}
.anomaly-method summary{cursor:pointer;color:#a8ccf3}
.anomaly-method .detail{margin-top:12px}
.anomaly-method .kv{gap:12px}
.anomaly-method .kv b{text-align:right;overflow-wrap:anywhere}
.anomaly-saved{margin-top:12px}
.anomaly-saved .panel-title{margin-bottom:9px}
.anomaly-saved .anomaly-items{margin-bottom:12px}
@media(max-width:760px){.anomaly-intro{align-items:flex-start;flex-direction:column;gap:12px}.anomaly-coverage{width:100%;padding:11px 0 0;border-left:0;border-top:1px solid #38506a}.anomaly-totals{grid-template-columns:1fr}.anomaly-item{align-items:flex-start;flex-direction:column;gap:10px}.anomaly-item .btn{width:100%}.anomaly-dialog-grid{grid-template-columns:1fr}.anomaly-dialog-body{padding:16px}.anomaly-review-list{padding:15px}}

/* Reports: place finished files first and make scope selection explicit. */
.reports-workspace .page-head{margin-bottom:16px}
.report-success{display:flex;align-items:center;justify-content:space-between;gap:15px;border-left-color:var(--green);color:#bcebd9}
.report-success .btn{flex:none}
.report-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 22px;margin-bottom:12px;border-color:#365470;background:linear-gradient(110deg,#142a40,#132235 75%)}
.report-intro h3{margin:4px 0 6px;font-size:18px}
.report-intro p{max-width:750px;margin:0;color:#bfcede;font-size:12px;line-height:1.55}
.report-counts{display:flex;gap:16px;flex:none}
.report-counts span{display:flex;align-items:center;gap:5px;color:#aebed0;font-size:11px;white-space:nowrap}
.report-counts strong{color:#edf5ff;font-size:17px;font-variant-numeric:tabular-nums}
.report-history,.report-create{margin-bottom:12px;padding:18px 20px}
.report-history .panel-title,.report-create .panel-title{margin-bottom:12px}
.report-history table{min-width:760px}
.report-history td{white-space:normal;vertical-align:middle}
.report-history td:first-child{min-width:210px}
.report-history td:nth-child(2){min-width:210px}
.report-history td strong,.report-history td .small{display:block}
.report-history td strong{margin-bottom:4px;color:#e7f0fa}
.report-history td .btn{white-space:nowrap}
.report-select-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.2fr);gap:14px;margin-bottom:20px}
.report-description{padding:11px 14px;border:1px solid #36516c;border-radius:7px;background:#142b40}
.report-description strong{display:block;color:#e7f2ff;font-size:12px}
.report-description p{margin:5px 0 0;color:#afc2d7;font-size:11px;line-height:1.55}
.report-fields-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;color:#e7f0fa;font-size:12px;font-weight:600}
.report-fields-heading .small{font-weight:400}
.report-fields{gap:12px 16px}
.report-period-note{margin:12px 0 0;color:#aec1d6;font-size:11px}
.report-create-action{display:flex;align-items:center;gap:15px;margin-top:16px}
.report-create-action .btn{flex:none}
.report-governance{padding:10px 2px 18px;color:#aebed0;font-size:11px}
.report-governance summary{cursor:pointer;color:#9dbfe6}
.report-governance p{max-width:850px;line-height:1.6}
.report-briefing-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;margin-bottom:14px;border-color:#365b78;background:linear-gradient(115deg,#15314a,#102337)}
.report-briefing-hero h3{margin:7px 0 10px;font-size:23px}.report-briefing-hero p{max-width:850px;margin:0;color:#c3d6e6;line-height:1.65;white-space:pre-wrap}
.report-downloads{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:none}
.report-briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.report-briefing-grid .panel{margin:0;padding:20px}
.report-facts{margin:0}.report-facts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #294157}.report-facts dt{color:#9fb6c9;font-size:12px}.report-facts dd{margin:0;overflow-wrap:anywhere;color:#e4eff9;font-size:12px}
.report-fact-pill{display:inline-block;margin:0 6px 5px 0;padding:3px 8px;border:1px solid #31546c;border-radius:4px;background:#17334b}
.report-ai-draft{margin:12px 0;padding:15px;border-left:3px solid #5ba7df;border-radius:4px;background:#142b40;color:#e5f0fa;line-height:1.7;white-space:pre-wrap}.report-ai-empty{color:#a9bfd1}
.report-notes{padding:20px;margin-bottom:10px}.report-notes .field{margin:16px 0}.report-notes textarea{width:100%;min-height:100px;resize:vertical}
.report-preview{padding:20px;margin-bottom:14px}.report-preview .table-wrap{max-height:430px;overflow:auto}.report-preview table{min-width:760px}.report-preview td{max-width:270px;overflow-wrap:anywhere;white-space:normal}
@media(max-width:950px){.report-briefing-hero{flex-direction:column}.report-downloads{justify-content:flex-start}.report-briefing-grid{grid-template-columns:1fr}}
@media(max-width:850px){.report-intro{align-items:flex-start;flex-direction:column;gap:13px}.report-select-layout{grid-template-columns:1fr}.report-create-action{align-items:flex-start;flex-direction:column}.report-create-action .btn{width:100%}}
@media(max-width:560px){.report-counts{flex-wrap:wrap;gap:8px 15px}.report-success{align-items:flex-start;flex-direction:column}.report-success .btn{width:100%}.report-history,.report-create{padding:15px}.report-fields-heading{align-items:flex-start;flex-direction:column;gap:3px}}

/* About SwitchIQ: a concise product guide with explicit interpretation limits. */
.about-switchiq{max-width:1320px;margin:0 auto;display:grid;gap:18px}
.about-kicker{display:block;color:#8dc3ef;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.about-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:48px;padding:44px 48px;border-color:#38536f;background:radial-gradient(circle at 13% 15%,#204168 0,#14283f 36%,#101d2e 78%)}
.about-hero h1{margin:14px 0 16px;font-size:clamp(30px,3vw,48px);line-height:1.12;letter-spacing:-.04em;font-weight:700}
.about-hero h1 span{color:#8fc7f7}
.about-hero-copy>p{max-width:750px;margin:0;color:#c4d4e5;font-size:15px;line-height:1.72}
.about-principle{align-self:center;padding:20px 24px;border:1px solid #41607f;border-radius:10px;background:#0b1b2dcc}
.about-principle-label{display:block;margin-bottom:10px;color:#93aac1;font-size:10px;font-weight:700;letter-spacing:.1em}
.about-principle>div{display:flex;align-items:center;gap:14px;padding:12px 0;color:#e6f1fc;font-size:13px;border-top:1px solid #2d435a}
.about-principle b{color:#74d4bc;font-size:12px;font-variant-numeric:tabular-nums}
.about-intelligence{padding:8px 0 2px}
.about-intelligence-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:17px}
.about-intelligence-heading h2{margin:8px 0 0;font-size:26px}
.about-intelligence-heading>p{max-width:430px;margin:0;color:#aebfd0;font-size:12px;line-height:1.65}
.about-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.about-capability{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:25px 27px;border-color:#31506b;background:linear-gradient(140deg,#12283f,#101e31 75%)}
.about-capability:nth-child(2){border-color:#41605e;background:linear-gradient(140deg,#153238,#101e31 75%)}
.about-capability-label{color:#91c4eb;font-size:10px;font-weight:700;letter-spacing:.13em}
.about-capability:nth-child(2) .about-capability-label{color:#84d9c5}
.about-capability h3{margin:12px 0 9px;color:#eff7ff;font-size:19px;line-height:1.3;letter-spacing:-.02em}
.about-capability p{margin:0 0 17px;color:#b9cbdc;font-size:13px;line-height:1.67}
.about-capability-detail{margin-top:auto;padding-top:14px;border-top:1px solid #2b465f;width:100%;color:#91aec5;font-size:11px;line-height:1.5}
.about-capability a{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#a8d6fb;font-size:12px;font-weight:650;text-decoration:none}
.about-capability a:hover,.about-capability a:focus-visible{color:#e5f5ff;text-decoration:underline}
.about-two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px}
.about-section{padding:28px 30px}
.about-switchiq h2{margin:8px 0 13px;font-size:21px;line-height:1.3;letter-spacing:-.025em}
.about-section>p,.about-next p{margin:0 0 12px;color:#bacbdd;font-size:13px;line-height:1.7}
.about-section>p:last-child{margin-bottom:0}
.about-evidence dl{margin:0}
.about-evidence dl>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;padding:11px 0;border-top:1px solid #2e4157}
.about-evidence dt{color:#ecf5ff;font-size:12px;font-weight:700}
.about-evidence dd{margin:0;color:#afc2d7;font-size:12px;line-height:1.55}
.about-boundaries{padding:28px 30px;border-color:#695b43;background:linear-gradient(135deg,#211f25,#17202c 52%,#142030)}
.about-boundaries-heading p{margin:0 0 20px;color:#c8c8c4;font-size:12px}
.about-boundaries .about-kicker{color:#efc989}
.about-boundaries-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-boundaries-grid>div{padding:16px 18px;border:1px solid #514d49;border-radius:7px;background:#172433b8}
.about-boundaries-grid strong{color:#fff0d8;font-size:13px}
.about-boundaries-grid p{margin:6px 0 0;color:#c4cbd4;font-size:12px;line-height:1.6}
.about-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 30px}
.about-next h2{margin-bottom:7px;font-size:18px}
.about-next p{max-width:680px;margin:0}
.about-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:none}
@media(max-width:1050px){.about-hero{gap:24px;padding:32px}.about-intelligence-heading{align-items:flex-start;flex-direction:column;gap:8px}.about-intelligence-heading>p{max-width:760px}.about-two-column{grid-template-columns:1fr}.about-next{align-items:flex-start;flex-direction:column}.about-actions{justify-content:flex-start}}
@media(max-width:700px){.about-hero{grid-template-columns:1fr;padding:26px}.about-hero-copy>p{font-size:13px}.about-intelligence-heading h2{font-size:22px}.about-capability-grid{grid-template-columns:1fr}.about-capability{padding:22px}.about-section,.about-boundaries,.about-next{padding:22px}.about-boundaries-grid{grid-template-columns:1fr}.about-evidence dl>div{grid-template-columns:1fr;gap:3px}.about-actions{width:100%}.about-actions .btn{width:100%}}

.casework-guide{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding:23px 26px;margin-bottom:16px;background:linear-gradient(115deg,#152b43,#132236 70%);border-color:#365877}
.casework-eyebrow{color:#8fc6fa;font-size:10px;font-weight:700;letter-spacing:.15em}
.casework-guide h3{margin:7px 0 9px;font-size:18px;line-height:1.3;color:#edf5ff}
.casework-guide p{margin:0;color:#b8ccdf;font-size:12px;line-height:1.6;max-width:650px}
.casework-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:9px;list-style:none;margin:0;padding:0}
.casework-steps li{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #34516e;border-radius:7px;background:#122338;color:#d5e4f2;font-size:11px;line-height:1.35}
.casework-steps b{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#2d6aac;color:white}
.casework-start{margin-bottom:16px}
.casework-start .panel-heading{margin-bottom:16px}
.casework-start h3{margin:0 0 5px;font-size:16px}
.casework-start .panel-heading p{margin:0;max-width:700px;line-height:1.55}
.casework-start .panel-heading>span{white-space:nowrap}
.casework-lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.casework-lead-group{min-width:0;padding:16px;border:1px solid #30455e;border-radius:8px;background:#101e30}
.casework-lead-group h4{margin:0 0 5px;font-size:13px;color:#ecf5ff}
.casework-lead-group>p{margin:0 0 11px;min-height:34px;color:#a9bed4;font-size:11px;line-height:1.5}
.casework-lead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #293e54}
.casework-lead-details{display:flex;flex-direction:column;min-width:0;gap:3px}
.casework-lead-details strong{overflow-wrap:anywhere;font-size:12px;color:#e7f2ff}
.casework-lead-details span{font-size:11px;color:#a8bdd2}
.casework-lead .btn{flex:none}
.casework-source-note{margin:13px 0 0;color:#9eb6cb;line-height:1.5}
.casework-start-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:15px;padding-top:14px;border-top:1px solid #2b4056;font-size:12px}
.casework-empty-note,.casework-boundary{color:#9fb3c7;font-size:11px;line-height:1.6}
.casework-empty-note{margin:0 0 14px}
.casework-boundary{margin:18px 0 0}
@media(max-width:1120px){.casework-guide,.casework-lead-grid{grid-template-columns:1fr}}
@media(max-width:700px){.casework-guide{padding:20px}.casework-steps{grid-template-columns:1fr}.casework-lead{align-items:flex-start;flex-direction:column}.casework-lead .btn{width:100%}.casework-start .panel-heading{flex-direction:column}}

/* Administration: put account work before secondary platform statistics. */
.admin-tabs{margin-bottom:18px}
.admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.admin-summary>div{display:flex;align-items:baseline;gap:12px;min-width:0;padding:14px 18px;border:1px solid #2d435b;border-radius:7px;background:#13263a}
.admin-summary strong{color:#edf5ff;font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.admin-summary span{color:#a9bed2;font-size:11px}
.admin-registry{padding:22px}
.admin-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.admin-toolbar h3{margin:0 0 5px;color:#edf5ff;font-size:17px;line-height:1.3}
.admin-toolbar p{margin:0;color:#a9bed2;line-height:1.5}
.admin-search{max-width:540px;margin-bottom:16px}
.admin-search input{width:100%}
.admin-email{margin-top:4px;overflow-wrap:anywhere}
.admin-selected-row{background:#17304b}
.admin-list-note{margin:12px 0 0;color:#9fb7cd}
.admin-dialog-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:#050e1ac9;backdrop-filter:blur(4px)}
.admin-dialog{width:min(100%,1020px);max-height:min(90vh,920px);overflow:auto;padding:26px;border-color:#496887;box-shadow:0 22px 80px #0009}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.admin-form-grid .field{min-width:0;margin:0}
.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%}
.admin-form-grid .small{display:block;margin-top:6px;line-height:1.45}
.admin-form-wide{grid-column:1/-1}
.admin-form-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px;padding-top:18px;border-top:1px solid #2e445d}
.admin-form-footer p{max-width:610px;margin:0;color:#aac0d4;font-size:11px;line-height:1.6}
.admin-field-error{display:block;margin-top:5px;color:#ffaaa9;font-size:11px}
.admin-user-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-user-facts>div{min-width:0;padding:14px 16px;border:1px solid #30455d;border-radius:6px;background:#102138}
.admin-user-facts span{display:block;margin-bottom:6px;color:#9db3c7;font-size:10px}
.admin-user-facts strong{overflow-wrap:anywhere;color:#e8f2fd;font-size:12px;font-weight:600}
.admin-assigned-roles,.admin-access-change,.admin-permission-details{margin-top:18px;padding-top:18px;border-top:1px solid #2e445d}
.admin-assigned-roles>strong,.admin-access-change>div>strong{display:block;margin-bottom:10px;font-size:12px}
.admin-assigned-roles>div,.admin-permission-list{display:flex;flex-wrap:wrap;gap:6px}
.admin-access-change>div>p{margin:0 0 14px;line-height:1.5}
.admin-role-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.admin-permission-details summary{cursor:pointer;color:#c7dff4;font-size:12px;font-weight:600}
.admin-permission-details p{margin:10px 0;line-height:1.5}
.admin-access-note{margin:18px 0 0;padding:13px 15px;border:1px solid #33506b;border-radius:6px;background:#142a40;line-height:1.5}
.admin-role-intro{margin:0 0 18px;color:#b3c7da;line-height:1.6}
.admin-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-role-profile{display:flex;flex-direction:column;min-width:0;min-height:145px;padding:18px;border:1px solid #365270;border-radius:8px;background:#132940}
.admin-role-profile h3{margin:0 0 9px;color:#edf5ff;font-size:16px}
.admin-role-profile p{margin:0 0 15px;color:#b6c9dc;font-size:12px;line-height:1.55}
.admin-role-profile .small{margin-top:auto;color:#8fb2d2}
.admin-role-disclosure{margin-top:15px;padding:14px 16px;border:1px solid #2e455e;border-radius:7px;background:#102137}
.admin-role-disclosure summary{cursor:pointer;color:#d3e5f6;font-size:12px;font-weight:600}
.admin-role-disclosure>p{margin:12px 0;color:#a9bdd1;line-height:1.55}
.admin-legacy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.admin-legacy-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #2b4058;border-radius:5px;background:#14283c;font-size:11px}
.admin-legacy-list strong{overflow-wrap:anywhere;color:#dceaf7;font-weight:600}
.admin-legacy-list span{flex:none;color:#9fb7cd}
@media(max-width:1100px){.admin-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-summary{grid-template-columns:1fr}.admin-toolbar,.admin-form-footer{flex-direction:column;align-items:stretch}.admin-toolbar .actions{margin-left:0}.admin-dialog-backdrop{padding:10px}.admin-dialog{max-height:calc(100vh - 20px);padding:18px}.admin-form-grid,.admin-user-facts{grid-template-columns:1fr}.admin-form-wide{grid-column:auto}.admin-form-footer .actions{margin-left:0}.admin-form-footer .btn{flex:1}}
@media(max-width:650px){.admin-role-grid,.admin-legacy-list{grid-template-columns:1fr}}
/* Account settings share the workspace shell and use its controls without Jetstream's default page styling. */
.account-settings { max-width: 1380px; margin: 0 auto; }
.account-settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 320px); align-items: start; gap: 20px; }
.account-settings-main { display: grid; gap: 18px; min-width: 0; }
.account-settings-card { min-width: 0; padding: 24px; }
.account-settings-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 22px; }
.account-settings-heading .eyebrow, .account-settings-aside .eyebrow { color: #8bbdff; margin-bottom: 5px; }
.account-settings-heading h3, .account-settings-aside h3 { margin: 0; font-size: 17px; line-height: 1.35; letter-spacing: -.2px; }
.account-settings-heading p, .account-settings-aside p { margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.account-settings-heading .badge { flex-shrink: 0; margin-top: 3px; }
.account-settings-fields { display: grid; gap: 18px; max-width: 640px; }
.account-settings-card .field label { font-size: 12px; color: #c3d1e1; }
.account-settings-card .field input:not([type=file]) { font-size: 13px; }
.account-settings-card .field input:focus { border-color: #79abeb; box-shadow: 0 0 0 3px #5b9cf526; outline: none; }
.account-settings-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.account-settings-actions .btn { min-height: 38px; }
.account-settings-actions > span { display: inline-flex; }
.account-settings-error { display: block; margin: 6px 0 0; color: #f6a5ad !important; font-size: 11px; }
.account-settings-success { color: #83dbc0 !important; font-size: 12px; }
.account-settings-text-button { padding: 0; border: 0; background: transparent; color: #91bcf5; text-decoration: underline; cursor: pointer; }
.account-settings-photo { width: 70px; height: 70px; margin: 5px 0 10px; border-radius: 50%; overflow: hidden; border: 2px solid #517092; background: #1c3048; }
.account-settings-photo img { width: 100%; height: 100%; object-fit: cover; }
.account-settings-info { padding: 16px; border: 1px solid #35516f; border-radius: 8px; background: #14283c; max-width: 680px; }
.account-settings-info strong { display: block; font-size: 13px; }
.account-settings-info p, .account-settings-note { color: #adbed0; font-size: 12px; line-height: 1.6; }
.account-settings-info p { margin: 5px 0 14px; }
.account-settings-qr { display: inline-flex; padding: 12px; background: #fff; border-radius: 8px; margin-bottom: 14px; }
.account-settings-qr svg { width: min(220px, 55vw); height: auto; }
.account-settings-secret { display: block; padding: 10px 12px; border: 1px solid #3a4b63; border-radius: 6px; background: #0d1b2a; color: #e6f0fb; overflow-wrap: anywhere; user-select: all; }
.account-settings-code { max-width: 260px; margin-top: 16px; }
.account-settings-recovery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.account-settings-recovery code { padding: 9px 11px; border: 1px solid #3a4b63; border-radius: 5px; background: #0d1b2a; color: #e6f0fb; overflow-wrap: anywhere; user-select: all; }
.account-settings-sessions { border: 1px solid #304258; border-radius: 7px; overflow: hidden; }
.account-settings-session { display: flex; align-items: center; gap: 13px; padding: 12px 14px; background: #102034; }
.account-settings-session + .account-settings-session { border-top: 1px solid #304258; }
.account-settings-session .iconbox { width: 32px; height: 32px; }
.account-settings-session .iconbox .icon { width: 17px; height: 17px; }
.account-settings-session strong, .account-settings-session span { display: block; font-size: 11px; }
.account-settings-session strong { color: #e3edf8; font-weight: 600; }
.account-settings-session div > span { color: var(--muted); margin-top: 2px; }
.account-settings-session .status { display: inline; }
.account-settings-aside { position: sticky; top: 96px; background: #13263b; border-color: #31516d; }
.account-settings-aside p + p { border-top: 1px solid #34506a; padding-top: 13px; margin-top: 14px; }
.account-settings-danger { border-color: #5b3b49; }
.account-settings-danger .eyebrow { color: #f1a7ae; }
.account-settings-danger-button { background: #793548; border-color: #a85165; }
.account-settings-danger-button:hover { background: #914255; }
.account-settings .jetstream-modal { position: fixed; inset: 0; z-index: 100; overflow-y: auto; display: grid; place-items: center; padding: 18px; }
.account-settings .jetstream-modal > div:first-child { position: fixed; inset: 0; background: #030912cc; }
.account-settings .jetstream-modal > div:nth-child(2) { position: relative; width: min(520px, 100%); max-height: calc(100dvh - 36px); overflow-y: auto; margin: min(9vh, 80px) auto 0; border: 1px solid #466482; border-radius: 10px; background: #132338; box-shadow: 0 24px 70px #0008; color: var(--text); }
.account-settings .jetstream-modal > div:nth-child(2) > div { padding: 20px 22px; }
.account-settings .jetstream-modal > div:nth-child(2) > div:last-child { border-top: 1px solid #334962; background: #192d43; }
.account-settings .jetstream-modal .text-lg { color: #eef5fd; font-size: 17px; font-weight: 600; }
.account-settings .jetstream-modal .text-sm { color: #b8cadd; font-size: 12px; line-height: 1.65; }
.account-settings .jetstream-modal .account-settings-actions { margin: 0; justify-content: flex-end; }
.account-settings-confirm-field { margin-top: 16px; }
.account-settings-confirm-field input { width: 100%; }
@media(max-width:1000px) { .account-settings-grid { grid-template-columns: minmax(0, 1fr); }.account-settings-aside { position: static; grid-row: 1; } }
@media(max-width:620px) { .account-settings-card { padding: 18px; }.account-settings-heading { flex-direction: column; gap: 8px; }.account-settings-recovery { grid-template-columns: minmax(0, 1fr); }.account-settings .jetstream-modal > div:nth-child(2) > div { padding: 16px; } }