/* source: dashboard.css */
:root {
  color-scheme: light;
  --bg: #f3f6fa;
  --panel: #ffffff;
  --panel-soft: #f8fafc;
  --text: #172033;
  --muted: #667085;
  --border: #e1e7ef;
  --nav: #111b2e;
  --nav-soft: #1b2941;
  --blue: #2868d8;
  --blue-soft: #edf4ff;
  --red: #d92d20;
  --red-soft: #fff0ef;
  --yellow: #b65e00;
  --yellow-soft: #fff7e4;
  --green: #137a4c;
  --green-soft: #edf9f2;
  --purple-soft: #f5efff;
  --gray-soft: #f0f2f5;
  --shadow: 0 8px 24px rgba(23, 32, 51, .07);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
}

.usage-panel { position: relative; min-width: 0; padding: 20px; margin-bottom: 14px; }
.usage-panel .section-head p { margin-bottom: 0; margin-top: 7px; }
.usage-toolbar, .usage-legend, .usage-table-heading { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.usage-toolbar { justify-content: space-between; margin: 12px 0; }
.usage-legend { gap: 6px; }
.usage-legend button { display: inline-flex; gap: 6px; align-items: center; background: var(--panel); color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 7px 9px; font-size: 12px; }
.usage-legend button[aria-pressed="false"] { opacity: .45; }
.usage-legend button { max-width: 100%; }
.usage-account-label, .usage-tip span { overflow-wrap: anywhere; min-width: 0; }
.usage-identity { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.usage-account-id { font-weight: 400; color: var(--muted); overflow-wrap: anywhere; max-width: 210px; }
.usage-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: currentColor; flex-shrink: 0; margin-right: 3px; }
.usage-a { color: #2868d8; } .usage-b { color: #b9770c; } .usage-c { color: #178578; }
.usage-color-0 { color: #2868d8; } .usage-color-1 { color: #b9770c; } .usage-color-2 { color: #178578; }
.usage-color-3 { color: #8b5fc7; } .usage-color-4 { color: #d34e57; } .usage-color-5 { color: #167fa8; }
.usage-color-6 { color: #827327; } .usage-color-7 { color: #bd5589; }
.usage-line-solid, .usage-line-dashed { width: 18px; border-top: 2px solid var(--muted); }
.usage-line-dashed { border-top-style: dashed; }
.usage-toolbar label { display: flex; gap: 8px; align-items: center; font-size: 12px; color: var(--muted); }
.usage-hour { width: auto; max-width: 240px; min-height: 34px; padding: 6px; font-size: 12px; }
.usage-chart { width: 100%; height: 290px; min-width: 0; }
.usage-chart svg { width: 100%; height: 290px; display: block; overflow: visible; }
.usage-chart svg text { fill: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.usage-grid { stroke: var(--border); stroke-width: 1; }
.usage-selected-line { stroke: var(--muted); stroke-dasharray: 3 4; stroke-width: 1; }
.usage-hit { cursor: crosshair; }
.usage-tip { position: absolute; z-index: 9; border: 1px solid var(--border); border-radius: 7px; background: var(--panel); padding: 10px; box-shadow: var(--shadow); font-size: 12px; pointer-events: none; max-width: calc(100% - 16px); }
.usage-tip span { display: block; margin-top: 6px; }
.usage-table-heading { margin: 16px 0 10px; font-size: 12px; }
.usage-table-heading h3 { margin: 0; font-size: 14px; }
.usage-panel .usage-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.usage-table thead { background: var(--panel-soft); }
.usage-table tr { border-bottom: 1px solid var(--border); }
.usage-table tr:last-child { border-bottom: none; }
.usage-table tbody tr:nth-child(even) { background: #f4f7fb; }
.usage-panel .usage-table th, .usage-panel .usage-table td { text-align: right; font-size: 12px; padding: 8px 10px; line-height: 1.35; font-variant-numeric: tabular-nums; }
.usage-panel .usage-table th:first-child { text-align: left; }
.usage-panel .usage-table .usage-tasks { text-align:left; max-width:250px; min-width:140px; white-space:normal; color:var(--muted); }
.channel-cost-trigger{display:flex;align-items:flex-start;gap:5px;flex-direction:column;border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer;width:100%;font:inherit}
.channel-cost-trigger small{font-size:12px;color:var(--primary,#2868d8);font-weight:400}
.channel-cost-trigger:hover small{text-decoration:underline}
.channel-cost-trigger:focus-visible{outline:2px solid #2868d8;outline-offset:4px;border-radius:4px}
.modal.channel-cost-modal{width:min(1100px,94vw);max-width:min(1100px,94vw);max-height:90vh}
.channel-cost-modal .data-table{min-width:760px;table-layout:auto}
.global-config-tabs{display:flex;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line,#dbe3ef)}
.global-config-tabs button{padding:11px 20px;border:1px solid #9cbff5;border-radius:9px;background:#edf4ff;color:#2463cb;font:inherit;font-weight:650}
.global-config-tabs button:focus-visible{outline:2px solid #2463cb;outline-offset:3px}
.channel-cost-modal .data-table-wrap{max-height:55vh;overflow:auto}
.channel-cost-modal small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.channel-cost-modal .channel-cost-total{font-size:22px;font-weight:600}
.channel-cost-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;flex-wrap:wrap;font-size:13px}
.usage-table tbody th { position: static; font-weight: 500; }
.usage-table small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; }
.usage-note, .usage-message { font-size: 11px; line-height: 1.7; margin: 12px 0 0; overflow-wrap: anywhere; }
.usage-warning { color: var(--red); }
@media (max-width: 600px) { .usage-panel { padding: 14px; } .usage-legend { gap: 4px; } }

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); }
button, input, select, textarea { font: inherit; }
/* Numeric fields keep native validation, but never show stepper arrows. */
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
input, select, textarea {
  width: 100%;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--text);
  background: var(--panel);
}
textarea { resize: vertical; }
input:focus, select:focus, textarea:focus, button:focus-visible {
  outline: 2px solid rgba(40, 104, 216, .28);
  outline-offset: 1px;
}
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 { color: var(--text); }
h1 { font-size: 1.24rem; margin-bottom: 4px; }
h2 { font-size: 1rem; margin-bottom: 0; }
h3 { font-size: .95rem; }
.muted { color: var(--muted); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }

/* Scale record content, never its heading, filters, pagination, or neighbouring modules. */
.module-zoom-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-width: 0; margin-bottom: 10px; }
.module-zoom-heading > h2, .module-zoom-heading > h3, .module-zoom-heading > h4 { margin: 0; }
.module-zoom-heading > :not(.module-zoom-control) { min-width: 0; }
.module-zoom-heading > div:first-child:not(.module-zoom-control) { flex: 1 1 220px; }
.module-zoom-control { display: inline-flex; align-items: center; flex-shrink: 0; gap: 4px; margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; }
.module-zoom-control > span { margin-right: 3px; }
.module-zoom-control button { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding: 3px 6px; border: 1px solid var(--border); border-radius: 5px; color: var(--text); background: var(--panel); font-size: 12px; font-variant-numeric: tabular-nums; }
.module-zoom-control button[data-zoom-action="reset"] { min-width: 53px; }
.module-zoom-control button:hover:not(:disabled) { border-color: var(--blue); color: var(--blue); background: var(--blue-soft); }
.module-zoom-viewport { min-width: 0; max-width: 100%; overflow: auto; }
.module-zoom-content { transform-origin: top left; }
@media (max-width: 600px) { .module-zoom-heading { gap: 8px; } .module-zoom-control { margin-left: auto; } }
@media print { .module-zoom-control { display: none; } .module-zoom-content { zoom: 1 !important; } }

.login-screen { min-height: 100vh; display: grid; place-items: center; padding: 22px; background: #edf2f8; }
.login-card { width: min(100%, 400px); padding: 32px; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); box-shadow: var(--shadow); }
.login-card h1, .login-card p { text-align: center; }
.login-card label { display: grid; gap: 7px; margin: 16px 0; color: var(--muted); font-size: .9rem; }
.login-mark, .brand-mark { display: grid; place-items: center; color: #fff; background: var(--blue); font-weight: 700; }
.login-mark { width: 48px; height: 48px; margin: 0 auto 16px; border-radius: 13px; }
.form-message { min-height: 22px; margin-top: 10px; color: var(--red); }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 220px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; display: flex; flex-direction: column; padding: 18px 12px; color: #d6dfed; background: var(--nav); }
.brand-block { display: flex; align-items: center; gap: 11px; padding: 4px 8px 20px; }
.brand-block strong { display: block; color: #fff; font-size: .98rem; }
.brand-block span { display: block; margin-top: 3px; color: #8191aa; font-size: .69rem; letter-spacing: .04em; }
.brand-mark { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 9px; }
.brand-block, .sidebar-footer { flex: 0 0 auto; }
.side-nav { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; gap: 4px; overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #52647f transparent; scrollbar-gutter: stable; padding: 2px 3px 12px 0; }
.side-nav > * { flex: 0 0 auto; }
.side-nav::-webkit-scrollbar { width: 5px; }
.side-nav::-webkit-scrollbar-thumb { background: #52647f; border-radius: 6px; }
.side-nav .nav-item:focus-visible { outline: 2px solid #91baff; outline-offset: -2px; }
.nav-group { display: grid; gap: 3px; }
.nav-submenu { display: grid; gap: 3px; padding-left: 18px; }
.nav-group.is-collapsed .nav-submenu { display: none; }
.nav-group-toggle[aria-expanded="false"] small { transform: rotate(-90deg); }
.nav-subitem { min-height: 39px; }
.nav-item { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; min-height: 44px; padding: 8px 11px; border: 0; border-radius: 8px; color: #aebbd0; background: transparent; text-align: left; }
.nav-item span { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #35445d; border-radius: 6px; font-size: .72rem; }
.nav-item small { color: #72829c; font-size: .68rem; }
.nav-item:hover { color: #fff; background: #16243a; }
.nav-item.is-active { color: #fff; background: var(--blue); }
.nav-item.is-active span { border-color: rgba(255,255,255,.42); }
.nav-item.is-active small { color: #dbe8ff; }
.nav-item.nav-subitem { min-height: 36px; padding-top: 6px; padding-bottom: 6px; }
.sidebar-footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 8px 2px; border-top: 1px solid #29364b; }
.sidebar-footer strong, .sidebar-footer span { display: block; }
.sidebar-footer strong { color: #fff; font-size: .85rem; }
.sidebar-footer span { margin-top: 3px; color: #8191aa; font-size: .72rem; }
.icon-button { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--border); border-radius: 8px; color: inherit; background: transparent; }
.sidebar .icon-button { border-color: #35445d; }
.footer-actions { display: flex; gap: 5px; }

.workspace { min-width: 0; }
.workspace-head { display: flex; align-items: center; gap: 14px; min-height: 74px; padding: 14px 26px; border-bottom: 1px solid var(--border); background: var(--panel); }
.workspace-heading { min-width: 0; }
.workspace-title-line { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.workspace-title-line h1 { margin-bottom: 0; }
.workspace-head p { margin: 4px 0 0; font-size: .82rem; }
.page-title-actions { display: flex; align-items: center; gap: 7px; }
.page-title-actions .button { min-height: 34px; padding: 6px 10px; }
.global-status { margin-left: auto; color: var(--muted); font-size: .82rem; }
.app-page { padding: 20px 26px 34px; }
.panel, .summary-panel, .relation-panel, .search-results { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--shadow); }
.compact-panel { padding: 13px; }
.toolbar, .summary-head, .section-head, .detail-head, .section-title-row, .page-actions, .modal-head, .modal-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.toolbar { margin-bottom: 8px; }
.page-actions { justify-content: flex-end; margin-bottom: 14px; }
.section-title-row { margin: 17px 0 10px; }
.section-title-row p { margin: 4px 0 0; font-size: .8rem; }
.treasure-results-title, .treasure-result-filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.treasure-result-filters .button { min-height: 34px; padding: 6px 13px; }
.treasure-result-filters .button.is-active { color: #fff; border-color: var(--blue); background: var(--blue); box-shadow: 0 5px 14px rgba(37, 99, 235, .18); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 9px 13px; border: 1px solid var(--border); border-radius: 7px; color: var(--text); background: var(--panel); white-space: nowrap; }
.button.primary { color: #fff; background: var(--blue); border-color: var(--blue); }
.button.secondary { background: var(--panel); }
.button.danger { color: var(--red); border-color: #fac7c3; }
.button.small { min-height: 32px; padding: 5px 9px; font-size: .8rem; }
.button.wide { width: 100%; }
.tiny-button { min-height: 28px; padding: 4px 7px; border: 1px solid var(--border); border-radius: 5px; color: var(--blue); background: rgba(255,255,255,.72); white-space: nowrap; font-size: .72rem; }
.tiny-button:hover { border-color: #aac4ee; background: var(--blue-soft); }
.search-form { display: flex; width: min(100%, 430px); }
.search-form.small { width: 300px; }
.search-form input { border-radius: 7px 0 0 7px; }
.search-form .button { border-radius: 0 7px 7px 0; }
.relation-filter { display: inline-flex; align-items: center; padding: 0; margin: 0 auto 0 0; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--panel); }
.relation-filter legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.relation-filter label { position: relative; }
.relation-filter input { position: absolute; opacity: 0; pointer-events: none; }
.relation-filter span { display: block; padding: 9px 11px; color: var(--muted); border-right: 1px solid var(--border); font-size: .82rem; }
.relation-filter label:last-child span { border-right: 0; }
.relation-filter input:checked + span { color: #fff; background: var(--blue); }
.sort-controls { display: flex; align-items: flex-end; gap: 8px; }
.sort-controls label { display: grid; gap: 3px; color: var(--muted); font-size: .72rem; }
.sort-controls select { min-width: 130px; }

.status-message { min-height: 24px; margin: 7px 0; color: var(--muted); font-size: .84rem; }
.status-message.error { color: var(--red); }
.search-results { padding: 7px; margin-bottom: 14px; box-shadow: none; }
.search-result { width: 100%; display: flex; justify-content: space-between; gap: 12px; padding: 10px 11px; border: 0; border-bottom: 1px solid var(--border); color: var(--text); background: transparent; text-align: left; }
.search-result:last-child { border-bottom: 0; }
.search-result:hover { background: var(--panel-soft); }
.loading-state, .placeholder-page { min-height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--muted); background: var(--panel); border: 1px solid var(--border); border-radius: 10px; }
.placeholder-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; color: var(--blue); background: var(--blue-soft); font-size: 1.5rem; }
.spinner { width: 18px; height: 18px; border: 2px solid var(--border); border-top-color: var(--blue); border-radius: 50%; animation: spin .9s linear infinite; }
.refresh-icon { display: inline-block; font-size: 1.15em; }
.is-refreshing .refresh-icon { animation: spin .9s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .spinner, .is-refreshing .refresh-icon { animation: none; } }

.summary-panel { padding: 16px 17px; margin-bottom: 16px; }
.summary-head .muted { margin-top: 6px; }
.summary-meta { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 13px; color: var(--muted); }
.summary-meta strong { color: var(--text); }
.text-red { color: var(--red) !important; }
.text-yellow { color: var(--yellow) !important; }
.text-green { color: var(--green) !important; }
.relation-panel { padding: 15px; margin-bottom: 16px; box-shadow: none; }
.legend { display: flex; gap: 12px; flex-wrap: wrap; color: var(--muted); font-size: .8rem; }
.legend span, .relation-level { display: inline-flex; align-items: center; gap: 6px; }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.dot.red { background: var(--red); }.dot.yellow { background: var(--yellow); }.dot.green { background: var(--green); }.dot.blue { background: var(--blue); }
.relation-graph svg { display: block; width: 100%; height: auto; min-height: 260px; }
.graph-line { stroke: var(--border); stroke-width: 2; }.graph-line.high { stroke: var(--red); }.graph-line.medium { stroke: var(--yellow); }.graph-line.low { stroke: var(--green); }
.graph-node { cursor: pointer; }.graph-node:focus rect { stroke-width: 3; }.graph-node rect { stroke-width: 1.5; rx: 9; }
.graph-node text { fill: var(--text); text-anchor: middle; font-size: 12px; }
.graph-node.current rect { fill: var(--blue-soft); stroke: var(--blue); }.graph-node.high rect { fill: var(--red-soft); stroke: var(--red); }.graph-node.medium rect { fill: var(--yellow-soft); stroke: var(--yellow); }.graph-node.low rect { fill: var(--green-soft); stroke: var(--green); }
.graph-label { fill: var(--muted); font-size: 11px; text-anchor: middle; }.mobile-relations { display: none; }

.data-table-wrap { overflow: auto; background: var(--panel); border: 1px solid var(--border); border-radius: 10px; }
.data-table-wrap, .module-zoom-viewport { overflow-anchor: none; }
.data-read-status { min-height: 20px; margin: 3px 0; color: var(--muted); font-size: .75rem; line-height: 20px; }
.data-read-status.is-error { color: #b42318; }
.data-table { width: 100%; min-width: 1260px; border-collapse: separate; border-spacing: 0; }
.data-table th { position: sticky; top: 0; z-index: 2; padding: 11px 10px; text-align: left; color: var(--muted); background: var(--panel-soft); font-weight: 600; font-size: .78rem; white-space: nowrap; border-bottom: 1px solid var(--border); }
.data-table td { padding: 12px 10px; vertical-align: middle; border-bottom: 1px solid var(--border); font-size: .83rem; }
.data-table tbody tr:nth-child(odd) td { background-color: #fff; }
.data-table tbody tr:nth-child(even) td { background-color: #f4f7fb; }
.data-table tbody tr:last-child td { border-bottom: 0; }.data-table tbody tr:hover td { background-color: #eaf1fa; }
.directory-table { min-width: 1170px; }
.relation-level { font-weight: 600; white-space: nowrap; }.relation-level.high { color: var(--red); }.relation-level.medium { color: var(--yellow); }.relation-level.low { color: var(--green); }.relation-level.current { color: var(--blue); }
.site, .number { font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }.sub { margin-top: 4px; color: var(--muted); white-space: nowrap; font-size: .75rem; }
.member-link, .text-link { border: 0; padding: 0; color: var(--blue); background: transparent; font-weight: 600; }.member-link:hover, .text-link:hover { text-decoration: underline; }
.positive { color: var(--green); }.negative { color: var(--red); }.order-status { font-weight: 600; white-space: nowrap; }
.data-cell { display: flex; align-items: center; gap: 7px; }.row-refresh { width: 34px; height: 34px; padding: 0; }
.tag { display: inline-block; padding: 2px 6px; color: var(--blue); background: var(--blue-soft); border-radius: 999px; font-size: .72rem; }
.pagination { display: flex; justify-content: flex-end; align-items: center; gap: 7px; margin-top: 11px; flex-wrap: wrap; }
.pagination label { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: .78rem; }
.pagination select { width: auto; min-height: 36px; padding: 6px 26px 6px 8px; }
.page-jump { display: flex; align-items: center; gap: 5px; }
.page-jump input { width: 76px; min-height: 36px; padding: 6px 8px; }
.page-jump .button { min-height: 36px; padding: 6px 10px; }
.page-back { margin-bottom: 12px; }

#back-to-graph { margin-bottom: 14px; }.detail-head { margin-bottom: 12px; }.detail-head .muted { margin-top: 5px; }
.detail-tabs { display: flex; min-height: 48px; gap: 3px; overflow-x: auto; border-bottom: 1px solid var(--border); margin-bottom: 14px; }
.detail-tab { min-height: 48px; padding: 0 13px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; white-space: nowrap; }.detail-tab.is-active { color: var(--blue); border-bottom-color: var(--blue); }
.detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }.detail-panel { padding: 15px; box-shadow: none; }.detail-panel h3 { margin-bottom: 9px; }
.pull-rate-panel { margin-bottom: 13px; }.pull-rate-panel h3 { margin-bottom: 3px; }.pull-rate-panel h4 { margin: 15px 0 8px; }
.pull-rate-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; margin-top: 13px; }.pull-rate-note { margin: 9px 0 0; }.pull-rate-table { min-width: 720px; }
.fact { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--border); }.fact:last-child { border-bottom: 0; }.fact dt { color: var(--muted); }.fact dd { margin: 0; text-align: right; word-break: break-word; }
.kpi-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; margin-bottom: 13px; }.kpi { padding: 14px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.kpi-label { color: var(--muted); margin-bottom: 6px; }.kpi-value { font-weight: 600; font-variant-numeric: tabular-nums; }.kpi-value.compact { font-size: .92rem; }
.detail-table { min-width: 760px; }.payout-table { min-width: 1120px; }

.kpi-strip { display: grid; grid-template-columns: repeat(5,minmax(150px,1fr)); gap: 10px; margin-bottom: 14px; }.kpi-strip article { padding: 14px 15px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); }.kpi-strip span { display: block; color: var(--muted); font-size: .78rem; }.kpi-strip strong { display: block; margin-top: 7px; font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.operations-kpis { grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); }
.bonus-kpis { grid-template-columns: repeat(4,minmax(160px,1fr)); }
.bonus-difference { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 20px; padding:12px 16px; margin-bottom:16px; border:1px solid #d8e1ec; border-radius:10px; background:#f4f7fb; }
.bonus-difference strong { margin-left:8px; font-variant-numeric:tabular-nums; }
.bonus-difference small { flex-basis:100%; }
.bonus-difference.has-difference { background:#fff8e8; border-color:#efd08d; }
.bonus-difference.has-difference strong { color:#996000; }
.operations-filter-bar { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; padding: 16px 18px; }
.operations-filter-bar > label { display: grid; gap: 6px; min-width: 150px; color: var(--muted); font-size: .76rem; line-height: 18px; }
.operations-filter-bar .site-filter-label { min-width: 240px; max-width: 320px; flex: 1; }
.operations-filter-bar [data-date-range] > .date-field-label { line-height: 18px; }
.operations-filter-bar select, .operations-filter-bar .date-filter-trigger, .operations-filter-bar > .button { height: 40px; min-height: 40px; }
.report-dimension-control { position: relative; padding-bottom: 0; color: var(--muted); font-size: .76rem; line-height: 18px; }
.report-dimension-control > .date-field-label { display: block; margin-bottom: 6px; }
.report-dimension-control > small { display: none; }
.report-dimension-switch { display: flex; align-items: center; gap: 9px; height: 40px; padding: 0 10px; border: 1px solid var(--border); border-radius: 8px; white-space: nowrap; background: #f8fafc; cursor: pointer; }
.report-dimension-switch input { appearance: none; width: 36px; height: 22px; min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 15px; background: #94a3b8; position: relative; cursor: pointer; flex: 0 0 36px; }
.report-dimension-switch input::before { content: ''; position: absolute; width: 18px; height: 18px; border-radius: 50%; left: 2px; top: 2px; background: white; transition: transform .15s; }
.report-dimension-switch input:checked { background: #2563eb; }
.report-dimension-switch input:checked::before { transform: translateX(14px); }
.report-dimension-switch input:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.report-dimension-switch:has(input:disabled) { cursor: not-allowed; }
.report-dimension-switch input:disabled { opacity: .5; cursor: not-allowed; }
.report-dimension-switch:has(input:disabled) span:last-child { color: #9ca3af; }
.bonus-breakdown-table th, .bonus-breakdown-table td { white-space: nowrap; }
#bonus-report-page { display: grid; gap: 18px; min-width: 0; }
#bonus-report-page > .panel { min-width: 0; padding: 18px 20px; margin: 0; }
#bonus-report-page .section-head { align-items: flex-start; margin-bottom: 16px; }
#bonus-report-page .section-head p { margin: 5px 0 0; font-size: .78rem; line-height: 1.6; }
#bonus-report-page .kpi-strip { grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; }
#bonus-report-page .kpi-strip article { min-width: 0; padding: 15px; background: var(--panel-soft); box-shadow: none; }
#bonus-report-page .kpi-strip strong { overflow-wrap: anywhere; }
#bonus-report-page .data-table-wrap { margin-top: 18px; }
#bonus-report-page .data-table { min-width: 980px; }
#bonus-report-page .data-table th, #bonus-report-page .data-table td { padding: 11px 12px; }
@media (max-width: 1100px) { #bonus-report-page .kpi-strip { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) {
  #bonus-report-page { gap: 12px; }
  #bonus-report-page > .panel { padding: 14px; }
  .operations-filter-bar > [data-date-range], .operations-filter-bar .site-filter-label { width: 100%; min-width: 0; max-width: none; flex-basis: 100%; }
  #bonus-report-page .kpi-strip article { padding: 10px; }
}
.report-period-note { margin: 0 0 12px; color: var(--muted); font-size: .8rem; }
.source-coverage { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0 0 12px; padding: 10px 13px; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); background: var(--panel); font-size: .78rem; }
.source-coverage strong { color: var(--text); }
.report-table-wrap { max-height: calc(100vh - 360px); }
.operations-table-wrap { width:fit-content; max-width:100%; }
.operations-table { width:max-content; min-width:0; table-layout: fixed; }
.operations-table th, .operations-table td { min-width:0; padding:6px 5px; font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; line-height:1.4; }
.operations-table thead tr:nth-child(2) th { white-space:normal; overflow-wrap:anywhere; text-align:right; line-height:1.3; }
.operations-table td[data-operation-field] { text-align:right; }
.operations-table tbody td { padding:3px 5px; line-height:1.2; }
.operations-table tbody .sub { margin-top:2px; font-size:11px; line-height:1.2; }
.operations-table thead tr:first-child { height: 36px; }
.operations-table thead tr:first-child th { top: 0; z-index: 6; }
.operations-table thead tr:nth-child(2) th { top: 36px; z-index: 5; }
.operations-table th.operations-group-boundary,
.operations-table td.operations-group-boundary { border-left: 2px solid #c4cfde; }
.operations-group-toggle { display:flex; justify-content:center; align-items:center; gap:7px; width:100%; padding:0; min-height:22px; border:0; background:transparent; color:inherit; font:inherit; font-weight:600; cursor:pointer; }
.operations-group-toggle:hover { color:#2563eb; }
.operations-group-toggle:focus-visible { outline:2px solid #2563eb; outline-offset:3px; border-radius:3px; }
.operations-table .operations-group-closed { background:#eaf1fa; }
.operations-table td.operations-collapsed-cell { color:var(--muted); text-align:center; font-size:11px; font-weight:normal; }
.operations-table tbody td:last-child, .operations-table tbody td:last-child .source-status,
.operations-table tbody td:first-child .sub { white-space:normal; overflow-wrap:anywhere; }
.operations-table tbody td:last-child .source-status { max-width:100%; margin:0; padding:1px 5px; font-size:11px; line-height:1.2; }
.operations-table .operations-station-head, .operations-table tbody td:first-child { position:sticky; left:0; min-width:0; }
.operations-table .report-site-caption { max-width:100%; }
.operations-table tbody td:first-child strong { display:block; white-space:normal; overflow-wrap:anywhere; }
.operations-table tbody td:first-child { z-index: 3; }
.operations-table thead tr:first-child .operations-station-head { z-index: 8; background: var(--panel-soft); }
.operations-table tbody tr:nth-child(odd) td:first-child { background: #fff; }
.operations-table tbody tr:nth-child(even) td:first-child { background: #f4f7fb; }
.operations-table tbody tr:hover td:first-child { background: #eaf1fa; }
.operations-table tbody .operations-summary-row td { background: #fffbdf; border-top: 2px solid #e6bc32; border-bottom: 2px solid #e6bc32; font-weight: 600; }
.operations-table tbody .operations-summary-row td:first-child { background: #fffbdf; border-left: 2px solid #e6bc32; }
.operations-table tbody .operations-summary-row td:last-child { border-right: 2px solid #e6bc32; }
.report-site-caption { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.report-calculation-note { margin: 10px 0; font-size: 12px; line-height: 1.6; }
.cost-warning { max-width: 150px; white-space: normal; color: #946200; font-size: 11px; font-weight: normal; }
#channel-cost-warning, #channel-edit-cost-help { max-width: none; font-size: .82rem; line-height: 1.6; }
.operations-table td.metric-tone-green { color: #157449; }
.operations-table td.metric-tone-red { color: #c32936; }
.operations-table td.metric-tone-yellow { color: #946200; }
.operations-table td.metric-tone-blue { color: #205fbd; }
.operations-table td.metric-tone-purple { color: #7a3caf; }
.operations-table td.metric-tone-gray { color: #667080; }
.highlight-rule input:disabled, .highlight-rule select:disabled { background: #e9edf2; color: #929aa6; cursor: not-allowed; opacity: .8; }
.remove-color-rule { align-self: end; }
.source-status { display: inline-flex; padding: 3px 7px; border-radius: 999px; font-size: .72rem; }
.source-status.complete { color: var(--green); background: var(--green-soft); }
.source-status.partial { color: var(--yellow); background: var(--yellow-soft); }
.bonus-category-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 10px; }
.bonus-category-grid article { display: grid; gap: 5px; padding: 13px; border: 1px solid var(--border); border-radius: 9px; background: var(--panel-soft); }
.bonus-category-grid span, .bonus-category-grid small { color: var(--muted); }
.bonus-category-grid strong { font-variant-numeric: tabular-nums; }
.channel-section-tabs { display: flex; gap: 4px; margin-bottom: 14px; border-bottom: 1px solid var(--border); }
.channel-section-tab { min-height: 44px; padding: 0 18px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; }
.channel-section-tab.is-active { color: var(--blue); border-bottom-color: var(--blue); font-weight: 600; }
.channel-filter-bar { justify-content: flex-start; align-items: flex-end; }
.channel-filter-bar > label { display: grid; gap: 4px; min-width: 126px; color: var(--muted); font-size: .72rem; }
.finance-history { padding: 15px; }
.finance-history .section-head p { margin: 4px 0 0; font-size: .78rem; }
.channel-page-note { margin: -4px 0 12px; font-size: .78rem; }
.channel-table-wrap { max-height: calc(100vh - 330px); }
.channel-table { width: 2314px; min-width: 2314px; table-layout: fixed; font-size: .75rem; }
.channel-table th, .channel-table td { min-width: 0; padding: 6px 5px; overflow: hidden; }
.channel-col-favorite { width: 32px; }.channel-col-id { width: 72px; }.channel-col-date { width: 60px; }.channel-col-site { width: 88px; }
.channel-col-backend { width: 96px; }.channel-col-form { width: 60px; }.channel-col-links { width: 82px; }.channel-col-delivery { width: 88px; }
.channel-col-count { width: 68px; }.channel-col-small { width: 46px; }.channel-col-metric { width: 80px; }.channel-col-rate { width: 70px; }
.channel-col-amount { width: 104px; }.channel-col-money { width: 82px; }.channel-col-rate-wide { width: 82px; }.channel-col-price { width: 64px; }
.channel-col-actual { width: 104px; }.channel-col-exchange { width: 66px; }.channel-col-note { width: 96px; }.channel-col-actions { width: 104px; }
.channel-table .sticky-col { position: sticky; z-index: 4; }.channel-table th.sticky-col { z-index: 6; }.channel-table .col-favorite { left: 0; }.channel-table .col-id { left: 32px; }.channel-table .col-date { left: 104px; }.channel-table .col-site { left: 164px; }
.channel-table tbody tr:nth-child(odd) td.sticky-col { background: #fff; }.channel-table tbody tr:nth-child(even) td.sticky-col { background: #f4f7fb; }.channel-table tbody tr:hover td.sticky-col { background: #eaf1fa; }
.channel-table .col-backend { left: 252px; box-shadow: 2px 0 3px rgba(21,38,62,.1); }
.channel-table .favorite-button { width: 22px; min-width: 22px; padding: 0; }
.channel-table .channel-actions { gap: 3px; }
.channel-col-refreshed { width: 94px; }
.channel-col-actions { width: 146px; }
.channel-info-kpis { grid-template-columns: repeat(6,minmax(0,1fr)); }
.channel-info-kpis article { min-width: 0; }.channel-info-kpis strong { overflow-wrap: anywhere; }
.channel-table.channel-simple { width: 100%; min-width: 1420px; }
/* Only links/notes share remaining width. Keeping the other 980px fixed
   preserves the 60px sticky-date offset at every container size. */
.channel-simple-col-date { width: 60px; }.channel-simple-col-site { width: 112px; }.channel-simple-col-links { width: auto; }
.channel-simple-col-delivery { width: 100px; }.channel-simple-col-count { width: 76px; }.channel-simple-col-rate { width: 78px; }
.channel-simple-col-hit { width: 74px; }
.channel-simple-col-money { width: 88px; }.channel-simple-col-note { width: auto; }.channel-simple-col-refreshed { width: 94px; }.channel-simple-col-actions { width: 146px; }
.channel-table.channel-simple .sticky-col { position: sticky; }.channel-table.channel-simple .col-date { left: 0; }
.channel-table.channel-simple .col-site { left: 60px; box-shadow: 2px 0 3px rgba(21,38,62,.1); }
/* Keep the frozen name column compact at every viewport/zoom. The nine
   data columns share spare width without changing the frozen offsets. */
.channel-table.channel-query { width: 100%; min-width: 1200px; --channel-query-extra: calc((100% - 1200px) / 9); }
.channel-query-col-id { width: 72px; }.channel-query-col-date { width: 60px; }.channel-query-col-backend { width: 224px; }
.channel-query-col-delivery { width: calc(100px + var(--channel-query-extra)); }.channel-query-col-count { width: calc(76px + var(--channel-query-extra)); }.channel-query-col-hit { width: calc(74px + var(--channel-query-extra)); }
.channel-query-col-money { width: calc(88px + var(--channel-query-extra)); }.channel-query-col-rate { width: calc(114px + var(--channel-query-extra)); }
.channel-table.channel-query .sticky-col { position: sticky; }
.channel-table.channel-query .col-id { left: 0; }.channel-table.channel-query .col-date { left: 72px; }
.channel-table.channel-query .col-backend { left: 132px; box-shadow: 2px 0 3px rgba(21,38,62,.1); }
.channel-table.channel-query .col-backend, .channel-query-name { white-space: normal; overflow-wrap: anywhere; word-break: break-word; overflow: visible; text-overflow: clip; }
.channel-query-name { display: block; max-height: none; }
@media (max-width: 600px) {
  .channel-table.channel-query { min-width: 1100px; --channel-query-extra: calc((100% - 1100px) / 9); }
  .channel-query-col-backend { width: 124px; }
}
.channel-table .channel-short-text { display: block; width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left; line-height: 1.4; }
.channel-table tbody tr.channel-summary-row td,
.channel-table tbody tr.channel-summary-row td.sticky-col { background: #fffbdf; border-top: 2px solid #e6bc32; border-bottom: 2px solid #e6bc32; font-weight: 600; }
.channel-table tbody tr.channel-summary-row td:first-child { border-left: 2px solid #e6bc32; }
.channel-table tbody tr.channel-summary-row td:last-child { border-right: 2px solid #e6bc32; }
.channel-summary-row .sub { font-weight: normal; }
.channel-table .channel-summary-row .channel-summary-coverage { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.3; }
@media (max-width: 1350px) { .channel-info-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 760px) { .channel-info-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.channel-table-heading { gap: 8px; }
.channel-table-heading > h3 { font-size: 14px; white-space: nowrap; }
.channel-title-filters { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.channel-title-filters[hidden] { display: none; }
.channel-title-filters .button { min-height: 30px; height: 30px; padding: 4px 8px; border-radius: 5px; font-size: 12px; line-height: 20px; }
.title-color-filter { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; white-space: nowrap; color: var(--muted); }
.title-color-filter select { min-width: 88px; width: auto; min-height: 30px; height: 30px; padding: 3px 6px; border-radius: 5px; font-size: 12px; }
.filter-toggle { gap: 5px; white-space: nowrap; }
.filter-toggle.is-active { background: var(--blue-soft); color: var(--blue); border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); }
.filter-icon { font-size: 14px; line-height: 1; }
.channel-refresh-pending { color: var(--blue); white-space: nowrap; }
th.table-sortable { cursor: pointer; user-select: none; }
th.table-sortable::after { content: " ↕"; font-size: .72em; opacity: .4; }
th.table-sortable[data-sort-direction="desc"]::after { content: " ↓"; opacity: 1; }
th.table-sortable[data-sort-direction="asc"]::after { content: " ↑"; opacity: 1; }
th.table-sortable[data-sort-direction="desc"], th.table-sortable[data-sort-direction="asc"] { color: var(--blue); }
th.table-sortable:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
.channel-table .tiny-button { min-height: 25px; padding: 3px 5px; }
@media (max-width: 600px) { .channel-table .sticky-col { position: static; } }
.pending-entry-button { position: relative; overflow: visible; }
.pending-indicator { position: absolute; right: -3px; bottom: -3px; width: 11px; height: 11px; border: 2px solid #fff; border-radius: 50%; background: #e53935; box-shadow: 0 0 0 1px rgba(229,57,53,.1); }
.pending-indicator[hidden] { display: none; }
#channel-click-count:disabled { background: #eef1f5; color: #758091; border-color: #d6dce5; cursor: not-allowed; opacity: 1; -webkit-text-fill-color: #758091; }
.click-mode-field { display: flex; flex-direction: column; gap: 8px; }
.click-mode-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.click-mode-switch { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; font-size: 12px; cursor: pointer; }
.click-mode-switch input { appearance: none; width: 36px; min-height: 22px; height: 22px; margin: 0; padding: 2px; border: 0; border-radius: 15px; background: #2966cf; cursor: pointer; }
.click-mode-switch input::before { content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s; }
.click-mode-switch input:checked { background: #56657d; }
.click-mode-switch input:checked::before { transform: translateX(14px); }
.click-mode-switch input:disabled { cursor: not-allowed; opacity: .65; }
.click-mode-field small { color: #637084; font-size: 12px; line-height: 1.5; }
.modal.pending-modal { width: min(96vw, 1400px); }
#pending-recharge-modal { width: min(96vw, 1150px); }
.pending-modal .data-table-wrap { max-height: 60vh; }
.pending-channel-table { min-width: 1720px; }
.pending-channel-table .channel-name { max-width: 160px; }
.pending-channel-table th:last-child, .pending-channel-table td:last-child { position: sticky; right: 0; min-width: 100px; background: #fff; z-index: 2; }
.pending-channel-table tbody tr:nth-child(even) td:last-child { background: #f4f7fb; }
.pending-select-cell { position: sticky; left: 0; z-index: 2; min-width: 52px; width: 52px; text-align: center; background: #fff; }
thead .pending-select-cell { z-index: 4; background: #f7f9fc; }
tbody tr:nth-child(even) .pending-select-cell { background: #f4f7fb; }
.pending-select-cell label { display: grid; justify-items: center; gap: 3px; font-size: .7rem; cursor: pointer; }
.pending-select-cell input { width: 17px; height: 17px; min-height: 0; margin: 0; padding: 0; accent-color: var(--blue); cursor: pointer; vertical-align: middle; }
.pending-select-cell input:disabled { cursor: not-allowed; }
.pending-bulk-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; padding: 12px 14px; background: #eef4ff; border: 1px solid #d7e4ff; border-radius: 8px; font-size: .85rem; }
.pending-bulk-bar[hidden] { display: none; }
.pending-bulk-message { overflow-wrap: anywhere; }
.channel-name { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: help; }.channel-name:focus { outline: 2px solid rgba(40,104,216,.3); outline-offset: 2px; border-radius: 3px; }
.product-cell { display: block; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .74rem; }.compact-date { border: 0; padding: 0; color: var(--text); background: transparent; cursor: help; font-variant-numeric: tabular-nums; }
.link-stack { display: grid; gap: 4px; }.sync-state { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: .72rem; }.sync-state.synced { color: var(--green); }.sync-state.failed { color: var(--red); }.sync-state.pending { color: var(--yellow); }
.highlight-blue td { color: #175cd3; }.highlight-green td { color: var(--green); }.highlight-yellow td { color: #9a5200; }.highlight-purple td { color: #6938b6; }.highlight-red td { color: var(--red); }.highlight-gray td { color: #475467; }
.favorite-button { width: 28px; height: 28px; padding: 0; border: 0; color: #b9c2cf; background: transparent; font-size: 1.2rem; }.favorite-button.is-favorite { color: #f4b400; }.copy-link { padding: 0; border: 0; color: var(--blue); background: transparent; font-size: .78rem; }.copy-link:hover { text-decoration: underline; }
.channel-actions { display: flex; flex-wrap: wrap; gap: 4px; }.channel-table .sub { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }.channel-cell-notice { color: var(--muted); font-size: .72rem; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }.discount-note { color: var(--muted); font-weight: 400; }.pending-value { color: var(--muted); font-style: normal; }.calculated-value { font-variant-numeric: tabular-nums; white-space: nowrap; }

.import-modal { width: min(96vw, 1040px); }
.import-modal .modal-head { align-items: flex-start; }
.import-help { margin: 5px 0 0; font-size: .78rem; }
.import-picker { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px dashed #aac4ee; border-radius: 9px; color: var(--blue); background: var(--blue-soft); cursor: pointer; }
.import-picker span { flex: 0 0 auto; font-weight: 600; }
.import-picker input { min-width: 0; padding: 6px; border: 0; background: transparent; }
.import-message { margin: 10px 0 4px; }
.import-message.success { color: var(--green); }
.import-message.error { color: var(--red); }
.import-summary { display: grid; grid-template-columns: repeat(6,minmax(90px,1fr)); gap: 8px; margin: 12px 0; }
.import-summary-item { padding: 10px 11px; border: 1px solid var(--border); border-radius: 8px; background: var(--panel-soft); }
.import-summary-item span { display: block; color: var(--muted); font-size: .72rem; }
.import-summary-item strong { display: block; margin-top: 4px; font-variant-numeric: tabular-nums; }
.import-error-panel { padding: 10px 12px; margin: 10px 0; border: 1px solid #fac7c3; border-radius: 8px; color: var(--red); background: var(--red-soft); }
.import-error-panel ul { margin: 6px 0 0; padding-left: 20px; }
.import-ignored { margin: 9px 0; font-size: .76rem; }
.import-results-wrap { max-height: min(48vh, 430px); }
.import-results-table { min-width: 820px; }
.import-status { display: inline-flex; align-items: center; min-width: 42px; justify-content: center; padding: 3px 7px; border-radius: 999px; font-size: .72rem; font-weight: 600; }
.import-status.create { color: var(--green); background: var(--green-soft); }
.import-status.update { color: var(--blue); background: var(--blue-soft); }
.import-status.skip { color: var(--muted); background: var(--gray-soft); }
.import-status.blocked { color: var(--red); background: var(--red-soft); }
.import-row-blocked td { background: #fffafa; }
.prepayment-table { min-width: 850px; }

.operations-config-grid { display:grid; grid-template-columns:minmax(320px,.9fr) minmax(460px,1.1fr); gap:18px; align-items:start; }
.operations-config-grid > div, .operations-sites-panel { min-width:0; }
.operations-config-grid .panel { padding:18px; margin-bottom:18px; }
.operations-config-grid .global-config-form { max-width:none; }
.operations-config-grid .data-table { min-width:0; }
.operations-config-grid .data-table th { white-space:normal; }
.operations-config-grid .data-table td { overflow-wrap:anywhere; }
.operations-config-grid .section-head p { margin:4px 0; font-size:.82rem; line-height:1.6; }
.operations-config-grid .pagination { justify-content:flex-start; padding-top:12px; }
.operations-account-plan { margin-top:20px; padding-top:16px; border-top:1px solid var(--border); font-size:.82rem; line-height:1.7; }
.operations-account-plan h3 { margin:0 0 8px; }
.operations-config-grid .form-message.success { color:var(--green); }
.operations-sites-panel h3 { margin:22px 0 10px; }
.operations-sites-panel td { white-space:normal; }
.operations-initial-status { padding:12px; margin:10px 0; border-radius:8px; background:var(--blue-soft); color:var(--blue); font-size:.84rem; }
@media(max-width:1200px) { .operations-config-grid {grid-template-columns:1fr;} }
.admin-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); gap: 14px; }.admin-grid > .panel { padding: 15px; }.admin-table { min-width: 680px; }.group-cards { display: grid; gap: 10px; margin-top: 11px; }.group-card { padding: 12px; border: 1px solid var(--border); border-radius: 8px; }.group-card-head { display: flex; justify-content: space-between; gap: 10px; }.permission-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }.permission-tag { padding: 3px 6px; border-radius: 999px; color: var(--muted); background: var(--panel-soft); font-size: .7rem; }.permission-tag.edit { color: var(--blue); background: var(--blue-soft); }
.global-config-panel { max-width: 720px; padding: 20px; }.global-config-form { display: grid; gap: 14px; max-width: 440px; margin-top: 18px; }.global-config-form > label { display: grid; gap: 7px; font-weight: 600; }.global-config-form small { color: var(--muted); font-weight: 400; line-height: 1.5; }

.treasure-safety-banner { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 11px 14px; margin-bottom: 14px; border: 1px solid #f6d68b; border-radius: 9px; color: #7a4b00; background: var(--yellow-soft); font-size: .82rem; }
.treasure-safety-banner strong { padding-right: 12px; border-right: 1px solid #edc767; }
.treasure-kpis { grid-template-columns: repeat(5,minmax(140px,1fr)); }
.treasure-run-panel { padding: 15px; margin-bottom: 14px; box-shadow: none; }
.treasure-run-panel .section-head p { margin: 4px 0 0; font-size: .78rem; }
.run-status { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; border-radius: 999px; color: var(--muted); background: var(--gray-soft); font-size: .75rem; }
.run-status.success { color: var(--green); background: var(--green-soft); }
.run-status.failed { color: var(--red); background: var(--red-soft); }
.run-status.running { color: var(--yellow); background: var(--yellow-soft); }
.treasure-table { min-width: 1380px; }
.treasure-verdict { display: inline-flex; min-width: 68px; justify-content: center; padding: 3px 7px; border-radius: 999px; font-weight: 600; font-size: .72rem; }
.treasure-verdict.pass { color: var(--green); background: var(--green-soft); }
.treasure-verdict.manual_review, .treasure-verdict.unwhitelisted { color: var(--yellow); background: var(--yellow-soft); }
.treasure-verdict.reject { color: var(--red); background: var(--red-soft); }
.treasure-reason { max-width: 220px; white-space: normal; word-break: break-word; }
.treasure-remark { display: block; max-width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: help; }
.treasure-rules-form { max-width: 1260px; padding: 20px; }
.treasure-basic-fields { margin: 18px 0; }
.treasure-basic-fields label, .treasure-wide-label { display: grid; gap: 7px; color: var(--muted); font-size: .82rem; }
.treasure-wide-label { margin: 14px 0; font-weight: 600; }
.treasure-wide-label small { font-weight: 400; }
.treasure-rules-form textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .78rem; line-height: 1.45; }
.treasure-rule-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.treasure-rule-section { min-width: 0; padding: 16px; margin: 14px 0; border: 1px solid var(--border); border-radius: 10px; background: var(--panel-soft); }
.treasure-rule-columns .treasure-rule-section { margin: 0; }
.treasure-rule-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 13px; }
.treasure-rule-heading h3 { margin: 0; font-size: .96rem; }
.treasure-rule-heading p, .treasure-section-help { margin: 4px 0 0; color: var(--muted); font-size: .76rem; line-height: 1.55; }
.treasure-field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.treasure-config-field, .treasure-toggle-field { min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--panel); }
.treasure-config-field { display: grid; gap: 6px; }
.treasure-config-field > span, .treasure-toggle-copy > span { color: var(--text); font-size: .8rem; font-weight: 600; }
.treasure-config-field small, .treasure-toggle-copy small { color: var(--muted); font-size: .7rem; font-weight: 400; line-height: 1.45; }
.treasure-config-field.span-2 { grid-column: 1 / -1; }
.treasure-toggle-field { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; }
.treasure-toggle-copy { display: grid; gap: 4px; }
.treasure-toggle-field input { width: 18px; min-width: 18px; min-height: 18px; }
.treasure-field-unit { color: var(--muted); font-size: .68rem; font-weight: 400; }
.treasure-inline-add { display: flex; gap: 8px; max-width: 470px; }
.treasure-inline-add input { flex: 1; }
.treasure-chip-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.treasure-chip { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border: 1px solid #b9cff1; border-radius: 999px; color: var(--blue); background: var(--blue-soft); font-size: .75rem; }
.treasure-chip button { width: 17px; min-height: 17px; padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; font-size: .92rem; line-height: 1; }
.treasure-editor-table-wrap { margin-top: 8px; }
.treasure-editor-table { min-width: 620px; }
.treasure-editor-table th, .treasure-editor-table td { padding: 7px 9px; }
.treasure-editor-table input { min-width: 130px; }
.treasure-editor-table .button { min-height: 32px; padding: 5px 9px; }
.treasure-add-row { margin-top: 9px; }
.treasure-subheading { margin: 19px 0 0; font-size: .84rem; }
.treasure-system-note { padding: 9px 10px; margin-top: 10px; border-radius: 7px; color: var(--muted); background: var(--gray-soft); font-size: .72rem; }
.telegram-config-panel { margin-top: 14px; }
.telegram-config-form { max-width: 620px; }
.notification-events { padding: 12px; margin: 0; border: 1px solid var(--border); border-radius: 8px; }
.notification-events legend { padding: 0 5px; color: var(--muted); font-size: .78rem; font-weight: 600; }
#telegram-event-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 14px; }
#telegram-event-fields label { display: flex; align-items: center; gap: 7px; color: var(--text); font-size: .8rem; }
#telegram-event-fields input { width: 17px; min-height: 17px; }

.modal { width: min(94vw, 660px); padding: 20px; border: 0; border-radius: 12px; color: var(--text); background: var(--panel); box-shadow: 0 24px 70px rgba(15,23,42,.25); }.modal::backdrop { background: rgba(15,23,42,.55); }.wide-modal { width: min(94vw, 900px); }.modal-head { margin-bottom: 16px; }.modal-head h2 { font-size: 1.05rem; }.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.form-grid label, .modal > form > label { display: grid; gap: 6px; color: var(--muted); font-size: .82rem; }.form-grid .span-2 { grid-column: 1 / -1; }.check-label { display: flex !important; align-items: center; grid-auto-flow: column; justify-content: flex-start; }.check-label input { width: 17px; min-height: 17px; }.modal-actions { justify-content: flex-end; margin-top: 16px; }.permission-matrix { display: grid; gap: 4px; margin-top: 15px; }.permission-row { display: grid; grid-template-columns: 1fr 90px 90px; align-items: center; padding: 8px 9px; border-bottom: 1px solid var(--border); }.permission-row label { display: flex; align-items: center; gap: 5px; color: var(--muted); }.permission-row input { width: 16px; min-height: 16px; }
.channel-core-entries { display: grid; gap: 10px; margin-bottom: 10px; }.channel-core-card, .highlight-rule { position: relative; padding: 14px; border: 1px solid #b9cff1; border-radius: 10px; background: var(--blue-soft); }.channel-core-card legend, .highlight-rule legend { padding: 0 6px; color: var(--blue); font-weight: 600; font-size: .8rem; }.channel-core-card .remove-core { position: absolute; right: 10px; top: -14px; }.shared-channel-fields { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); }.highlight-rule-fields { display: grid; gap: 12px; }.highlight-rule { background: var(--panel-soft); border-color: var(--border); }
.history-list { display: grid; gap: 10px; }.history-item { padding: 11px; border: 1px solid var(--border); border-radius: 8px; }.history-meta { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: .76rem; }.history-diff { margin-top: 8px; white-space: pre-wrap; word-break: break-word; font-size: .78rem; }
.history-item pre, #history-content pre { max-width: 320px; max-height: 220px; overflow: auto; margin: 0; white-space: pre-wrap; word-break: break-word; font-size: .7rem; }
.toast { position: fixed; right: 20px; bottom: 20px; z-index: 30; max-width: min(420px,calc(100vw - 40px)); padding: 11px 14px; border-radius: 8px; color: #fff; background: #172033; box-shadow: var(--shadow); }.toast.error { background: var(--red); }
.mobile-only { display: none; }

@media (max-width: 1050px) {
  .app-shell { grid-template-columns: 188px minmax(0,1fr); }
  .admin-grid { grid-template-columns: 1fr; }
  .kpi-strip { grid-template-columns: repeat(2,minmax(150px,1fr)); }
  .treasure-kpis { grid-template-columns: repeat(3,minmax(140px,1fr)); }
  .treasure-rule-columns { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .app-shell { display: block; }.sidebar { position: fixed; z-index: 20; left: -230px; width: 220px; transition: left .2s ease; }.app-shell.menu-open .sidebar { left: 0; }
  .mobile-only { display: inline-grid; }.workspace-head { padding: 12px; flex-wrap: wrap; }.workspace-heading { flex: 1; }.global-status { width: 100%; margin-left: 0; }.app-page { padding: 14px 12px 26px; }
  .toolbar, .page-actions { align-items: stretch; flex-direction: column; }.search-form, .search-form.small { width: 100%; }.relation-filter { margin: 0; align-self: flex-start; }
  .detail-grid, .kpi-grid, .pull-rate-summary, .form-grid { grid-template-columns: 1fr; }.form-grid .span-2 { grid-column: auto; }.kpi-strip { grid-template-columns: 1fr 1fr; }
  .relation-graph svg { display: none; }.mobile-relations { display: block; }.mobile-current { width: 100%; padding: 10px; border: 1px solid var(--blue); border-radius: 8px; background: var(--blue-soft); }.mobile-relation { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 10px 0; border: 0; border-bottom: 1px solid var(--border); background: transparent; text-align: left; }.mobile-reason { color: var(--muted); text-align: right; }
  .permission-row { grid-template-columns: 1fr 70px 70px; }.modal { padding: 16px; }
  .import-summary { grid-template-columns: repeat(2,minmax(90px,1fr)); }
  .import-picker { align-items: stretch; flex-direction: column; }
  .treasure-kpis, #telegram-event-fields { grid-template-columns: 1fr 1fr; }
  .treasure-field-grid { grid-template-columns: 1fr; }.treasure-config-field.span-2 { grid-column: auto; }.treasure-inline-add { align-items: stretch; flex-direction: column; }
}
.permission-help { margin: 0 0 14px; color: #53657e; line-height: 1.7; font-size: 13px; }
.permission-row.permission-parent { background: #eaf1fb; border-radius: 8px; margin-top: 12px; border-left: 3px solid #2868d8; }
.permission-row.permission-child { padding-left: 28px; }
.permission-row strong small { display: block; color: #728098; font-size: 11px; font-weight: 400; margin-top: 3px; }
.permission-row input:disabled { cursor: not-allowed; }
.permission-row label { white-space: nowrap; }
.permission-row.permission-finance { grid-template-columns: minmax(165px,1fr) repeat(4,minmax(85px,auto)); gap:8px; }
@media(max-width:720px) { .permission-row.permission-finance { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.permission-finance strong { grid-column:1 / -1; } }
.permission-parent > .muted { font-size: 12px; white-space: nowrap; }

/* Only top KPI explanations; no table cell, sort control or finance card styles. */
.kpi-strip .metric-formula-label { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 8px; }
.metric-formula-button { flex: 0 0 auto; appearance: none; min-height: 26px; padding: 2px 7px; border: 1px solid #c8d9f4; border-radius: 6px; background: #f2f7ff; color: #235fae; font: inherit; font-size: 11px; line-height: 1.4; cursor: pointer; }
.metric-formula-button:hover { background: #e4efff; border-color: #88afe8; }
.metric-formula-button:focus-visible { outline: 3px solid #8db5f0; outline-offset: 2px; }
.metric-formula-modal { width: min(94vw, 700px); max-height: 88vh; overflow-y: auto; overscroll-behavior: contain; }
.metric-formula-modal .modal-head { align-items: flex-start; }
.metric-formula-modal .modal-head h2 { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.metric-formula-result { color: var(--muted); font-size: .88rem; margin: 0 0 10px; }
.metric-formula-expression { margin: 0 0 18px; padding: 14px 16px; background: #eef5ff; border: 1px solid #cbdcf4; border-radius: 9px; color: #174e91; font-weight: 600; line-height: 1.7; overflow-wrap: anywhere; }
.metric-formula-modal section + section { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
.metric-formula-modal h3 { font-size: .85rem; margin: 0 0 7px; }
.metric-formula-modal section p { margin: 6px 0; line-height: 1.7; font-size: .84rem; overflow-wrap: anywhere; }
.metric-formula-footer { font-size: .76rem; margin: 18px 0 0; }
/* Each permission family starts collapsed; grants remain per page. */
.permission-section{border:1px solid #dce3ed;border-radius:10px;margin:10px 0;overflow:hidden}
.permission-section>summary{cursor:pointer;padding:12px 16px;background:#f4f7fc;font-weight:650}
.permission-section>summary small{float:right;color:#7b889a;font-weight:400}
.permission-section[open]>summary{border-bottom:1px solid #dce3ed}
.permission-section>div{padding:0 12px}

/* Explicit labels distinguish membership from relation strength. */
.blacklist-badge {display:inline-block;font-size:12px;line-height:1.5;padding:3px 8px;border-radius:5px;white-space:nowrap;font-weight:600;}
.blacklist-active {color:#a31525;background:#ffe5e8;border:1px solid #f2afb7;}
.blacklist-unknown {color:#805b13;background:#fff3d1;border:1px solid #ead395;}
.blacklist-clear {color:#526071;background:#f1f4f8;border:1px solid #dce3ec;}
.graph-node .graph-blacklist-label {fill:#b91c35;font-size:11px;font-weight:700;}
#detail-blacklist {margin-top:8px;}
.blacklist-detail summary {cursor:pointer;margin:12px 0;}
.blacklist-detail td:last-child {white-space:normal;max-width:480px;overflow-wrap:anywhere;}

.channel-spend-amounts { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 10px; width:100%; }
.channel-info-kpis .channel-remaining-balance { display:inline; margin-top:7px; font-size:.82rem; line-height:1.4; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.channel-info-kpis .channel-remaining-balance.negative { color:var(--red); }
.channel-info-kpis .channel-remaining-balance.positive { color:var(--green); }

.played-games-panel { margin-bottom: 18px; }
.played-game-group { display: grid; grid-template-columns: minmax(64px, 100px) 1fr; gap: 12px; margin-top: 14px; align-items: start; }
.played-game-list { display: flex; gap: 6px; flex-wrap: wrap; }
.played-game-list .tag { white-space: normal; overflow-wrap: anywhere; }

/* source: date-filters.css */
/* One date control for all current and future reports; ISO source inputs remain
   available to forms and existing query code, but never invoke native pickers. */
[data-date-source] { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
[data-date-range], .date-single-field { position: relative; display: grid; gap: 6px; min-width: 0; }
[data-date-range] > .date-field-label { color: var(--muted, #66758b); font-size: .76rem; }
.date-filter-trigger { display: block; width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid var(--border, #dbe3ee); border-radius: 7px; color: var(--text, #172033); background: #fff; text-align: left; font: inherit; font-size: .84rem; font-variant-numeric: tabular-nums; cursor: pointer; white-space: nowrap; }
[data-date-range] .date-filter-trigger { min-width: 300px; }
.date-filter-trigger:hover, .date-filter-trigger:focus-visible { border-color: #2b6cdd; outline: 2px solid #2b6cdd26; outline-offset: 1px; }
.date-filter-trigger:disabled { color: #8a96a8; background: #f1f4f8; cursor: not-allowed; }
.site-date-picker { position: fixed; inset: auto; margin: 0; width: 730px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 0; border: 1px solid #dbe3ee; border-radius: 10px; background: #fff; color: #172033; box-shadow: 0 14px 45px #17203330; overflow: auto; font: 13px/1.5 system-ui, sans-serif; }
.site-date-picker::backdrop { background: #16233c0a; }
.site-date-picker.is-single { width: 430px; }
.sdp-layout { display: grid; grid-template-columns: 82px minmax(0, 1fr); }
.sdp-shortcuts { padding: 13px 8px; border-right: 1px solid #e4eaf2; display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
.site-date-picker button { font: inherit; cursor: pointer; border: 1px solid transparent; background: transparent; color: inherit; border-radius: 5px; min-height: 30px; padding: 4px 7px; }
.site-date-picker button:hover:not(:disabled) { background: #edf4ff; color: #2466d8; }
.site-date-picker button:focus-visible { outline: 2px solid #2b6cdd; outline-offset: -2px; }
.site-date-picker button:disabled { color: #b6bfcd; cursor: not-allowed; }
.sdp-shortcuts button { text-align: left; padding-left: 12px; }
.sdp-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid #e4eaf2; }
.sdp-endpoint-inputs { display: grid; grid-template-columns: 1.2fr 1fr; gap: 6px; padding: 10px; }
.sdp-endpoint-inputs + .sdp-endpoint-inputs { border-left: 1px solid #e4eaf2; }
.sdp-endpoint-inputs label { display: grid; gap: 4px; color: #718097; font-size: 11px; min-width: 0; }
.sdp-endpoint-inputs input { width: 100%; min-width: 0; min-height: 32px; border: 1px solid #dbe3ee; border-radius: 5px; padding: 5px 7px; font: 12px/1.5 system-ui; color: #172033; font-variant-numeric: tabular-nums; }
.sdp-endpoint-inputs input:read-only { background: #f6f8fb; color: #8590a1; }
.sdp-calendars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdp-calendar { min-width: 0; padding: 10px; }
.sdp-calendar + .sdp-calendar { border-left: 1px solid #e4eaf2; }
.sdp-month-head { display: flex; align-items: center; justify-content: space-between; gap: 1px; margin-bottom: 8px; }
.sdp-month-head button { padding: 1px 4px; min-width: 23px; }
.sdp-month-head select { width: auto; min-width: 0; min-height: 30px; padding: 2px 0; border: 0; background: #fff; color: #172033; font: inherit; }
.sdp-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); row-gap: 4px; }
.sdp-weekday { text-align: center; color: #8693a6; padding: 3px 0 8px; font-size: 12px; }
.sdp-days .sdp-day { height: 30px; padding: 0; border-radius: 0; font-variant-numeric: tabular-nums; }
.sdp-days .outside-month { color: #a3aebb; }
.sdp-days .in-range { background: #edf3fc; }
.sdp-days .is-today { font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.sdp-days .is-endpoint, .sdp-days .is-endpoint:hover:not(:disabled) { background: #2b6cdd; color: #fff; border-radius: 6px; }
.sdp-days button:disabled { background: #fafbfc; color: #ccd3dd; }
.sdp-footer { border-top: 1px solid #e4eaf2; display: flex; gap: 12px; justify-content: space-between; align-items: center; padding: 10px 12px; }
.sdp-note { font-size: 11px; color: #8491a5; }
.sdp-error { color: #cf4047; font-size: 11px; max-width: 350px; }
.sdp-actions { display: flex; gap: 5px; flex-shrink: 0; }
.sdp-actions .sdp-confirm, .sdp-actions .sdp-confirm:hover:not(:disabled) { background: #2b6cdd; color: #fff; padding-inline: 16px; }
.sdp-actions .sdp-confirm:disabled { background: #dbe5f7; color: #9bacc7; }
.is-single .sdp-inputs, .is-single .sdp-calendars { grid-template-columns: 1fr; }
@media (max-width: 600px) {
  [data-date-range] .date-filter-trigger { min-width: 0; white-space: normal; }
  .sdp-layout { grid-template-columns: 1fr; }
  .sdp-shortcuts { flex-direction: row; flex-wrap: wrap; border-right: 0; border-bottom: 1px solid #e4eaf2; padding: 6px; }
  .sdp-shortcuts button { padding: 5px 8px; text-align: center; }
  .sdp-inputs, .sdp-calendars { grid-template-columns: 1fr; }
  .sdp-calendar + .sdp-calendar { border-left: 0; border-top: 1px solid #e4eaf2; }
  .sdp-footer { position: sticky; bottom: 0; background: #fff; flex-wrap: wrap; }
}

/* source: date-entry-guard.css */
.date-entry-confirm { box-sizing:border-box; width:min(460px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:22px; border:1px solid #d9e1ec; border-radius:12px; background:#fff; color:#34465e; box-shadow:0 18px 60px #172b4d33; }
.date-entry-confirm::backdrop { background:#15243e66; }
.date-entry-confirm h2 { margin:0 0 14px; font-size:18px; }
.date-entry-confirm p { margin:12px 0; line-height:1.7; font-size:14px; }
.date-entry-confirm .date-entry-confirm-value { color:#d92d3f; font-weight:700; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.date-entry-confirm .date-entry-confirm-hint { color:#718198; font-size:12px; }
.date-entry-confirm-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.date-entry-confirm-actions .button { min-width:76px; }

/* source: finance.css */
/* K11 and M finance. Shared report controls and financial rules are untouched. */
#k11-finance-page { min-width:0; }
#finance-status:empty { display:none; }
.fin-tabs,.fin-type-tabs { display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px; }
.fin-tabs { padding-bottom:12px;border-bottom:1px solid #dfe6f0; }
.fin-tabs .fin-config-gear { margin-left:auto;min-width:36px;padding:5px 9px;font-size:20px; }
.fin-entry-panel details>summary { display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;font-size:13px;font-weight:600;cursor:pointer;list-style:none; }
.fin-entry-panel details>summary::-webkit-details-marker { display:none; }
.fin-entry-panel details[open]>summary { margin-bottom:10px; }
.fin-entry-panel details[open]>summary span { transform:rotate(180deg); }
.fin-entry-panel details>summary:focus-visible { outline:3px solid #89b7ff;outline-offset:2px; }
.fin-no-value { overflow:visible;background:transparent!important; }
.fin-no-value span { position:absolute;bottom:2px;left:50%;transform:translateX(-50%);color:#718198; }
[data-fin-payment-rates],[data-fin-workflow-chart],[data-fin-workflow-rates] { min-width:0; }
[data-fin-workflow-rates]>section { margin-top:18px; }
.fin-tabs button,.fin-type-tabs button { min-height:36px;padding:7px 12px;border:1px solid #d5deea;border-radius:7px;background:#fff;color:#46566c;font:inherit;font-size:13px;cursor:pointer; }
.fin-tabs [aria-selected=true],.fin-type-tabs [aria-pressed=true] { color:#245fc2;background:#edf4ff;border-color:#a8c7f7;font-weight:600; }
.fin-tabs button:focus-visible,.fin-type-tabs button:focus-visible,.fin-card-button:focus-visible { outline:3px solid #89b7ff;outline-offset:2px; }
.fin-status { font-size:13px;margin:0 0 10px;color:#62738a; }
.fin-status.error,.fin-error { color:#ba2c3b; }
.fin-panel { min-width:0;margin-bottom:16px;padding:16px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;box-shadow:0 2px 8px #172d4d04; }
.fin-panel.fin-entry-panel { padding:7px 13px;margin-bottom:12px;border-radius:8px; }
.fin-entry-panel details[open] { padding-bottom:7px; }
.fin-entry-panel .fin-form-grid { gap:10px 14px; }
.fin-entry-panel .fin-form label { gap:4px; }
.fin-entry-panel .fin-form .fin-actions { margin-top:12px; }
.fin-heading { display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin:0 0 12px; }
.fin-heading h2,.fin-heading h3 { margin:0;font-size:15px;line-height:1.5; }
.fin-heading .fin-spacer,.fin-heading>.module-zoom-control { margin-left:auto; }
.fin-heading>.fin-muted { line-height:1.55; }
.fin-muted,.fin-note { color:#65758a;font-size:12px; }
.fin-note { padding:9px 11px;margin:12px 0;border:1px solid #e5ebf3;border-radius:6px;background:#f7f9fc;line-height:1.65;overflow-wrap:anywhere; }
.fin-note:last-child { margin-bottom:0; }
.fin-muted small { display:block; }
.fin-overview { display:grid;grid-template-columns:minmax(175px,.8fr) minmax(270px,1.2fr);gap:10px;margin-bottom:10px; }
.fin-card,.fin-card-button { min-width:0;padding:12px 14px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#203248;text-align:left; }
.fin-card-button { display:block;width:100%;font:inherit;cursor:pointer; }
.fin-card-button:hover { border-color:#9fb8dc;background:#f8fbff; }
.fin-summary { background:#f5f8fd;border-color:#cfddf0; }
.fin-card-label { display:block;margin-bottom:6px;color:#5b6d84;font-size:13px;line-height:1.5;overflow-wrap:anywhere; }
.fin-amount { display:block;color:#23364e;font-size:23px;line-height:1.35;font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums; }
.fin-amount small { margin-left:4px;font-size:12px;font-weight:500; }
.fin-secondary { display:block;margin-top:4px;color:#718097;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.fin-capital-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.fin-capital-grid>div { min-width:0; }
.fin-capital-grid .fin-amount { font-size:19px; }
.fin-capital-grid>div:last-child { align-self:end;text-align:right; }
.fin-card-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px; }
.fin-card-grid .fin-amount { font-size:18px; }
.fin-card-grid .fin-card-label { margin-bottom:4px; }
.fin-link-note { display:block;margin-top:7px;color:#5578aa;font-size:11px;line-height:1.5; }
.fin-filter { display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 14px; }
.fin-filter label,.fin-form label { display:flex;flex-direction:column;gap:6px;min-width:0;color:#4e6077;font-size:13px;line-height:1.5; }
.fin-filter input,.fin-filter select,.fin-form input,.fin-form select,.fin-form textarea { box-sizing:border-box;min-width:0;max-width:100%;min-height:38px;padding:8px 10px;border:1px solid #ced8e5;border-radius:6px;background:#fff;color:#24354b;font:inherit; }
.fin-filter select { min-width:112px; }
.fin-filter .date-filter-trigger { min-height:38px; }
.fin-category-filter { min-width:180px;max-width:100%;font-size:13px;color:#4e6077; }
.fin-filter-label { display:block;margin-bottom:6px;line-height:1.5; }
.fin-category-filter details { position:relative; }
.fin-category-filter summary { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;box-sizing:border-box;padding:8px 10px;border:1px solid #ced8e5;border-radius:6px;background:#fff;color:#24354b;cursor:pointer;list-style:none; }
.fin-category-filter summary::-webkit-details-marker { display:none; }
.fin-category-filter summary:focus-visible { outline:2px solid #2868d8;outline-offset:2px; }
.fin-category-options { position:absolute;top:calc(100% + 4px);left:0;z-index:30;width:260px;max-width:calc(100vw - 64px);max-height:300px;overflow:auto;padding:6px;box-sizing:border-box;border:1px solid #ced8e5;border-radius:8px;background:#fff;box-shadow:0 6px 20px #1d345220; }
.fin-filter .fin-category-options label { flex-direction:row;align-items:center;gap:8px;padding:7px 8px;cursor:pointer;overflow-wrap:anywhere; }
.fin-category-options label:first-child { border-bottom:1px solid #e1e7ef;margin-bottom:3px; }
.fin-category-options label:hover { background:#f0f5fc; }
@media (max-width:640px) { .fin-category-filter { flex-basis:100%; }.fin-category-options { width:100%;max-width:100%; } }
.fin-form input[readonly],.fin-form input:disabled,.fin-form select:disabled { background:#f1f4f8;color:#68788e; }
.fin-form input[readonly] { cursor:default; }
.fin-form-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 18px; }
.fin-entry-amount { min-width:0; }
.fin-amount-preview { margin-top:7px;color:#718198;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.fin-amount-preview-values { display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 9px;font-variant-numeric:tabular-nums; }
.fin-amount-preview-primary { color:#24354b;font-size:21px;line-height:1.35;font-weight:700;overflow-wrap:anywhere; }
.fin-amount-preview-secondary { color:#64758c;font-size:13px;overflow-wrap:anywhere; }
.fin-amount-preview-hint { display:block;margin-top:3px;font-size:11px; }
.fin-native-row-amount { font-size:14px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums; }
.fin-wide { grid-column:1/-1; }
.fin-inline,.fin-actions,.fin-row-actions { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
.fin-form .fin-check { display:flex;flex-direction:row;align-items:center;gap:9px;min-height:36px;margin:12px 0;padding:8px 10px;border:1px solid #e1e8f2;border-radius:6px;background:#f8fafc;cursor:pointer; }
/* Reset shared full-width inputs in every finance form, bulk bar and table. */
#k11-finance-page input[type=checkbox],#k11-finance-dialog input[type=checkbox],#k11-finance-settings-dialog input[type=checkbox] { appearance:auto;width:16px;height:16px;min-width:16px;min-height:0;max-width:16px;max-height:16px;padding:0;margin:0;flex:0 0 16px;align-self:center;vertical-align:middle;accent-color:#2868d8;cursor:pointer; }
.fin-form .fin-actions { margin-top:16px; }
.fin-form small { color:#718198;font-size:11px;line-height:1.5; }
.fin-error { margin-top:10px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere; }
.fin-error:empty { display:none; }
.fin-list-status { min-height:20px;margin-bottom:5px;font-size:12px;line-height:1.6;color:#63768b; }
.fin-list-status.fin-error { color:#ba2c3b; }
#finance-content, .fin-dialog-body { overflow-anchor:none; }
.fin-list-status .button { margin-left:6px; }
[data-fin-capital-query-status] { font-size:12px;line-height:1.6;color:#63768b; }
[data-fin-capital-query-status].fin-error { color:#ba2c3b; }
#k11-finance-page .button,#k11-finance-dialog .button,#k11-finance-settings-dialog .button { min-height:36px;padding:7px 11px;font-size:13px; }
#k11-finance-page .tiny-button,#k11-finance-dialog .tiny-button,#k11-finance-settings-dialog .tiny-button { min-height:28px;padding:4px 8px;font-size:12px; }
.fin-table { width:100%;min-width:620px;font-size:12px; }
.fin-table th,.fin-table td { padding:9px 10px;vertical-align:middle;white-space:nowrap;font-size:12px;line-height:1.5; }
.fin-table tbody tr:nth-child(even) td { background:#f3f6fb; }
.fin-table tbody tr:nth-child(odd) td { background:#fff; }
.fin-table tbody tr:hover td { background:#eaf1fa; }
.fin-table td.fin-wrap { min-width:130px;max-width:250px;white-space:normal;overflow-wrap:anywhere; }
.fin-table td small { display:block;margin-top:3px;color:#6c7d94;font-size:11px;line-height:1.5; }
.fin-table td .tiny-button { white-space:nowrap; }
.fin-table th { color:#5d6f87;background:#f5f8fc; }
.fin-table th.fin-amount-cell,.fin-table td.fin-amount-cell { text-align:right;font-variant-numeric:tabular-nums; }
/* Keep the K11 ledger within its available width; all fields remain visible. */
.fin-table.fin-ledger-table { min-width:0;width:100%;table-layout:fixed; }
.fin-ledger-table th,.fin-ledger-table td { padding:7px 6px;white-space:normal;overflow-wrap:anywhere; }
.fin-ledger-table .fin-col-recorded { width:10%; }
.fin-ledger-table .fin-col-date { width:9%; }
.fin-ledger-table .fin-col-direction { width:5%; }
.fin-ledger-table .fin-col-category { width:11%; }
.fin-ledger-table .fin-col-account { width:10%; }
.fin-ledger-table .fin-col-amount,.fin-ledger-table .fin-col-balance { width:14%; }
.fin-ledger-table .fin-col-action { width:6%; }
.fin-ledger-table td.fin-wrap { min-width:0;max-width:none; }
.fin-ledger-table .fin-badge { max-width:100%;white-space:normal;overflow-wrap:anywhere; }
.fin-ledger-table .fin-money { max-width:100%;white-space:normal;grid-template-columns:1ch minmax(0,1fr); }
.fin-ledger-table .fin-money:has(.fin-money-currency) { grid-template-columns:1ch minmax(0,1fr) auto; }
.fin-ledger-table .fin-money-number { min-width:0;overflow-wrap:anywhere; }
.fin-ledger-table td:has(.fin-money) { white-space:normal; }
.fin-ledger-table td small { margin-top:2px; }
.fin-ledger-table .tiny-button { padding:4px 5px!important;min-height:26px!important; }
#fin-ledger-list .fin-list-status:empty { min-height:0;margin:0; }
#fin-ledger-summary { padding-bottom:8px;gap:6px 14px; }
#fin-ledger-list { container-type:inline-size;container-name:fin-ledger; }
@container fin-ledger (max-width:900px) {
  .fin-table.fin-ledger-table { display:block; }
  .fin-ledger-table thead,.fin-ledger-table tbody { display:block; }
  .fin-ledger-table thead tr { display:flex;flex-wrap:wrap;gap:4px;padding:7px;background:#f5f8fc; }
  .fin-ledger-table thead th { position:static;width:auto!important;padding:4px 7px;border:1px solid #dfe6ef;border-radius:5px;font-size:11px; }
  .fin-ledger-table tbody tr { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 12px;padding:9px 10px;border-bottom:1px solid #dfe6ef; }
  .fin-table.fin-ledger-table tbody tr:nth-child(odd) { background:#fff; }
  .fin-table.fin-ledger-table tbody tr:nth-child(even) { background:#f3f6fb; }
  .fin-table.fin-ledger-table tbody tr td { display:block;min-width:0;width:auto;padding:0;border:0;background:transparent;text-align:left; }
  .fin-ledger-table td::before { content:attr(data-fin-label);display:block;margin-bottom:3px;color:#6c7d94;font-size:11px;font-weight:400; }
  .fin-ledger-table td.fin-col-description { grid-column:1/-1; }
  .fin-ledger-table td.fin-col-action { grid-column:3;grid-row:1;justify-self:end; }
  .fin-ledger-table .fin-money { grid-template-columns:1ch max-content;white-space:nowrap; }
  .fin-ledger-table .fin-money:has(.fin-money-currency) { grid-template-columns:1ch max-content auto; }
  .fin-ledger-table td:has(.fin-money)>small { text-align:left; }
}
@container fin-ledger (max-width:480px) {
  .fin-ledger-table tbody tr { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fin-ledger-table td.fin-col-action { grid-column:auto;grid-row:auto; }
}
.fin-money { display:inline-grid;grid-template-columns:1ch max-content;align-items:baseline;gap:.2ch;white-space:nowrap;font-variant-numeric:tabular-nums; }
.fin-money:has(.fin-money-currency) { grid-template-columns:1ch max-content 3ch; }
.fin-money-sign { text-align:center; }.fin-money-number { text-align:right; }.fin-money-currency { text-align:left;padding-left:.3ch; }
.fin-table td:has(.fin-money),.pay-table td:has(.fin-money),.fm-records td:has(.fin-money) { text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap; }
.fin-table td:has(.fin-money)>small { text-align:right; }
.fin-table-actions { min-width:120px; }
.fin-table-actions .fin-row-actions { flex-wrap:nowrap;gap:6px; }
.fin-flow { display:flex;gap:8px 18px;flex-wrap:wrap;padding:0 0 12px;color:#405975;font-size:12px;font-variant-numeric:tabular-nums; }
.fin-ledger-charts { margin:0 0 16px;min-width:0; }
.fin-collapse-toggle.button{padding:0;border:0;background:transparent;color:inherit;font:inherit;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer}
.fin-collapse-toggle span{color:#71839b;font-size:16px}.fin-collapse-toggle:focus-visible{outline:2px solid #2767d8;outline-offset:5px}
[data-fin-collapse-content][hidden]{display:none!important}
.fin-pie-caption { margin:0 0 6px;color:#6b7c93;font-size:11px;line-height:1.5;overflow-wrap:anywhere; }
.fin-ledger-charts [data-fin-pie-status]:empty { display:none; }
.fin-pie-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.fin-pie-card { padding:14px;border:1px solid #e0e7f1;border-radius:10px;background:#fff;min-width:0; }
.fin-pie-heading { display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px;min-width:0; }
.fin-pie-heading h3 { margin:0;font-size:14px;white-space:nowrap; }
.fin-pie-heading>strong { font-size:15px;color:#334b66;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right; }
.fin-pie-body { display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:14px;min-height:186px; }
.fin-pie-figure { position:relative;width:160px;height:160px; }
.fin-pie { display:block;width:100%;height:100%;overflow:visible; }
.fin-pie text { fill:#6b7c93;font-size:15px; }
.fin-pie path { cursor:pointer;stroke:#fff;stroke-width:1;outline:none; }
.fin-pie path.is-selected,.fin-pie path:focus-visible { stroke:#243e5d;stroke-width:3; }
.fin-pie-tooltip { position:absolute;left:0;top:10px;width:100%;padding:8px 10px;border:1px solid #d6dfeb;border-radius:7px;background:rgba(255,255,255,.97);box-shadow:0 3px 12px #20344b24;color:#273e58;font-size:11px;line-height:1.6;pointer-events:none;overflow-wrap:anywhere;z-index:1; }
.fin-pie-tooltip[hidden] { display:none; }
.fin-pie-tooltip strong,.fin-pie-tooltip span { display:block; }
.fin-pie-legend { min-width:0;align-self:stretch; }
.fin-pie-legend-header,.fin-pie-legend-row { display:grid;grid-template-columns:minmax(40px,1fr) minmax(80px,max-content) 54px;gap:8px;align-items:center; }
.fin-pie-legend-header { padding:0 6px 7px;font-size:11px;color:#728096;border-bottom:1px solid #e9eef5; }
.fin-pie-legend-header>span:not(:first-child) { text-align:right; }
.fin-pie-legend-scroll { max-height:162px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable; }
.fin-pie-legend-header { padding-right:20px; }
.fin-pie-legend-row { width:100%;border:0;border-bottom:1px solid #f0f3f7;border-radius:0;padding:8px 6px;background:transparent;color:#344960;text-align:left;line-height:1.5;font:inherit;font-size:12px;cursor:pointer; }
.fin-pie-legend-row:hover,.fin-pie-legend-row.is-selected { background:#f0f5fc; }
.fin-pie-legend-row:focus-visible,.fin-pie-legend-scroll:focus-visible { outline:2px solid #4779b4;outline-offset:-2px; }
.fin-pie-category { display:flex;gap:6px;align-items:center;min-width:0; }
.fin-pie-category>span { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.fin-pie-category i { width:9px;height:9px;flex:0 0 9px;border-radius:2px; }
.fin-pie-money,.fin-pie-share { text-align:right;font-variant-numeric:tabular-nums; }
.fin-pie-money { overflow-wrap:anywhere;min-width:0; }
.fin-pie-share { white-space:nowrap;color:#718097; }
#fin-ledger-list { min-width:0; }
@media(max-width:1200px) { .fin-pie-pair { grid-template-columns:minmax(0,1fr); } }
@media(max-width:700px) {
  .fin-pie-body { grid-template-columns:112px minmax(0,1fr);gap:10px; }
  .fin-pie-figure { width:112px;height:112px; }
  .fin-pie-card { padding:12px; }
  .fin-pie-legend-header,.fin-pie-legend-row { grid-template-columns:minmax(35px,1fr) minmax(55px,1fr) 44px;gap:4px; }
  .fin-pie-legend-row { font-size:11px; }
}
.fin-badge { display:inline-block;max-width:100%;padding:4px 8px;border-radius:5px;background:#edf0f5;color:#526982;font-size:12px;line-height:1.45;overflow-wrap:anywhere;white-space:normal; }
/* Static palette supports strict CSP. Only the category label receives color. */
.fin-badge--blue { background:#e3edfc;color:#255398; }
.fin-badge--green { background:#e2f2e8;color:#266141; }
.fin-badge--orange { background:#fcecd8;color:#8c4d13; }
.fin-badge--yellow { background:#faf1ce;color:#745719; }
.fin-badge--purple { background:#eee6f7;color:#654493; }
.fin-badge--red { background:#f9e2e4;color:#a03747; }
.fin-badge--gray { background:#edf0f5;color:#526174; }
.fin-category-list { display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));align-content:start;gap:8px; }
.fin-category-item,.fin-category-list>span { display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 9px;border:1px solid #e2e8f1;border-radius:7px;background:#fff; }
.fin-category-item .tiny-button { flex:0 0 auto; }
.fin-category-preview,[data-fin-category-preview] { display:flex;align-items:center;gap:10px;min-height:44px;margin-top:12px;padding:10px 12px;border:1px dashed #cedbea;border-radius:7px;color:#6a7d93;font-size:12px; }
.fin-category-preview .fin-badge { flex:0 1 auto; }
.fin-pending-button { position:relative; }
.fin-pending-dot { position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#d83948; }
.fin-bulk { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:8px 10px;border:1px solid #e2e8f1;border-radius:7px;background:#f7f9fc; }
.fin-bulk[hidden] { display:none; }
.fin-bulk>label { display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:13px;cursor:pointer; }
.fin-bulk [data-fin-selection-count] { color:#64768d;font-size:12px; }
.fin-empty { padding:24px;color:#77849a;text-align:center; }
.fin-dialog { width:min(880px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;border:1px solid #d5dfea;border-radius:12px;background:#fff;color:#263750;overflow:auto;box-sizing:border-box;box-shadow:0 20px 70px #14264030; }
.fin-dialog::backdrop { background:#13233c77; }
.fin-settings-dialog { width:min(1060px,calc(100vw - 32px)); }
.fin-settings-dialog>.modal-head { position:sticky;top:-20px;z-index:2;background:#fff;padding-top:12px; }
.fin-settings-dialog .fin-panel:last-child { margin-bottom:0; }
.fin-settings-dialog .fin-config-grid { margin-bottom:0; }
.fin-dialog>.modal-head { margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5ebf3; }
.fin-dialog .modal-head h2 { min-width:0;overflow-wrap:anywhere;flex:1; }
.fin-dialog .modal-head .button { flex-shrink:0; }
.fin-dialog-body { min-width:0; }
.fin-dialog .fin-card-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr)); }
.fin-dialog .fin-amount { font-size:19px; }
.fin-dialog .pagination { gap:7px;flex-wrap:wrap; }
.fin-dialog .pagination input { max-width:68px; }
.fin-dialog-actions { display:flex;gap:8px;flex-wrap:wrap;margin-top:16px; }
.fin-kv { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px; }
.fin-kv label { display:flex;flex-direction:column;gap:5px;min-width:0;color:#6b7c93;font-size:12px; }
.fin-kv input { width:100%;min-height:36px;padding:8px 10px;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:6px;background:#f7f9fc;color:#334963;font:inherit; }
.fin-remarks { list-style:none;padding:0;margin:10px 0; }
.fin-remarks li { padding:9px 0;border-bottom:1px solid #e4eaf2;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6; }
.fin-remarks small { display:block;margin-top:5px;color:#73839b;font-size:11px; }
.fin-config-grid { display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px;align-items:stretch; }
.fin-config-grid .fin-panel { margin-bottom:16px; }
.fin-config-grid .fin-actions { margin-top:12px; }
.fin-config-grid [name=rate] { max-width:200px; }
.fin-subtitle { margin:16px 0 10px;font-size:14px; }
.fin-loading { padding:24px;color:#677a94; }
.fin-spacing,.fin-space-top { margin-top:14px; }
.fin-popup-kpis { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px; }
.fin-popup-kpis article { min-width:0;padding:12px;border:1px solid #dce4ef;border-radius:8px;background:#f7f9fc; }
.fin-popup-kpis article>span { display:block;margin-bottom:7px;color:#65768d;font-size:12px; }
.fin-popup-kpis .fin-amount { font-size:18px; }
.fin-stat-date { display:block;font-size:14px;line-height:1.55;overflow-wrap:anywhere; }
.fin-popup-kpis article>small { display:block;margin-top:4px;color:#78869a;font-size:11px; }
.fin-popup-statistics { min-width:0; }
/* Personal card order only. The amount and detail actions stay on original cards. */
.fin-heading>.fin-layout-edit { margin-left:auto; }
#k11-finance-page .fin-layout-edit { min-height:28px;padding:4px 9px;font-size:12px;line-height:1.5; }
.fin-overview[data-fin-capital-first=true] { grid-template-columns:minmax(270px,1.2fr) minmax(175px,.8fr); }
.fin-layout-editor { min-width:0; }
.fin-layout-lane { margin-top:16px; }
.fin-layout-lane h3 { margin:0 0 8px;color:#40566f;font-size:13px;line-height:1.5; }
.fin-layout-list { list-style:none;margin:0;padding:0;display:grid;gap:7px; }
.fin-layout-item { display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid #dce4ef;border-radius:7px;background:#f8fafc; }
.fin-layout-handle { flex:0 0 auto;color:#7b8da5;cursor:grab;user-select:none; }
.fin-layout-position { flex:0 0 22px;color:#73839a;font-size:12px;text-align:center;font-variant-numeric:tabular-nums; }
.fin-layout-name { flex:1;min-width:0;color:#344961;font-size:13px;overflow-wrap:anywhere; }
.fin-layout-controls { display:flex;align-items:center;gap:6px;flex:0 0 auto; }
.fin-layout-controls button { white-space:nowrap; }
.fin-layout-controls button:disabled { opacity:.4;cursor:default; }
.fin-layout-item.is-dragging { opacity:.5; }
.fin-layout-item.is-drop-target { border-color:#5c8ee0;background:#edf4ff;box-shadow:0 0 0 1px #aecafa; }
.fin-layout-editor .fin-actions { margin-top:16px; }
.fin-layout-editor button:focus-visible { outline:3px solid #89b7ff;outline-offset:2px; }
/* Capital flow and cumulative principal have distinct, explicit time bases.
   The native chart, exact investor table and detail ledger each use full width. */
.fin-capital-analysis { display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start; }
.fin-capital-analysis>div,.fin-capital-analysis>aside,.fin-capital-analysis>section { min-width:0; }
.fin-capital-chart.usage-chart { height:auto;min-height:0;min-width:0;padding:12px 0;color:#344a62; }
.fin-capital-chart-scale { display:flex;justify-content:space-between;gap:12px;margin:8px 0;color:#6b7c93;font-size:11px;font-variant-numeric:tabular-nums; }
.fin-capital-chart-caption { overflow-wrap:anywhere; }
.fin-capital-chart h3 { margin:0 0 6px;font-size:14px;line-height:1.5; }
.fin-capital-chart p { margin:6px 0;font-size:12px;line-height:1.6;color:#6b7c93; }
.fin-capital-legend { display:flex;flex-wrap:wrap;gap:9px 14px;margin:12px 0 16px;padding:0;list-style:none;font-size:12px; }
.fin-capital-legend span,.fin-capital-legend li { display:inline-flex;gap:6px;align-items:center; }
.fin-capital-legend i { display:inline-block;width:10px;height:10px;border-radius:2px; }
.fin-capital-bars { display:flex;gap:16px;min-width:0;max-width:100%;padding:4px 8px 12px;overflow-x:auto;overscroll-behavior-x:contain; }
.fin-capital-bar-group { flex:1 0 144px;min-width:144px;max-width:220px;text-align:center; }
.fin-capital-bar-stack { display:flex;gap:6px;align-items:flex-end;justify-content:center;height:208px;border-bottom:1px solid #cbd5e3;background:repeating-linear-gradient(to top,transparent 0,transparent 51px,#edf1f6 51px,#edf1f6 52px); }
.fin-capital-bar { display:block;min-width:16px;width:24px;max-width:30px;position:relative;min-height:0;flex:0 1 24px;border:0;padding:0;border-radius:3px 3px 0 0;cursor:default; }
.fin-capital-bar--investment { background:#356bc2; }
.fin-capital-bar--recovery { background:#7e9252; }
.fin-capital-bar--distribution { background:#ce8730; }
.fin-capital-bar--principal { background:#a46d9b; }
.fin-capital-bar-labels { display:flex;gap:6px;justify-content:center;margin-top:5px;color:#66778c;font-size:10px;line-height:1.4; }
.fin-capital-bar-labels>span { flex:0 1 24px;min-width:16px;max-width:30px; }
[data-fin-comparison] .fin-capital-bar-labels>span { flex:0 1 64px;min-width:32px;max-width:72px; }
[data-fin-comparison] .fin-capital-bar-stack { gap:12px; }
[data-fin-comparison] .fin-capital-bar-labels { gap:12px; }
.fin-principal-warning,.fin-table td small.fin-principal-warning { color:#9c4e16;font-size:12px;line-height:1.6; }
.fin-capital-bar-group>.fin-principal-warning { display:block;margin-top:4px;overflow-wrap:anywhere; }
.fin-flow>.fin-principal-warning { flex-basis:100%;border-left:3px solid #ce8730;padding:4px 8px;background:#fff6e8; }
.fin-flow small { color:#6b7c93;font-size:11px; }
.fin-capital-investor { display:block;margin-top:9px;font-size:12px;line-height:1.5;color:#435870;overflow-wrap:anywhere; }
.fin-capital-chart-value { display:block;color:#4f6279;font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.fin-capital-chart [tabindex]:focus-visible { outline:3px solid #89b7ff;outline-offset:2px; }
@media(max-width:1100px) {
  .fin-capital-analysis { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:900px) { .fin-config-grid { grid-template-columns:minmax(0,1fr);gap:0; } }
@media(max-width:700px) {
  .fin-overview { grid-template-columns:minmax(0,1fr); }
  .fin-overview[data-fin-capital-first=true] { grid-template-columns:minmax(0,1fr); }
  .fin-card-grid,.fin-dialog .fin-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fin-panel { padding:13px; }
  .fin-form-grid,.fin-kv { grid-template-columns:minmax(0,1fr); }
  .fin-dialog { width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:14px; }
  .fin-filter { align-items:stretch; }
  .fin-filter>label { flex:1; }
  .fin-filter>[data-date-range] { width:100%; }
  .fin-tabs button,.fin-type-tabs button { padding:7px 9px;font-size:12px; }
  .fin-heading h2,.fin-heading h3 { font-size:14px; }
  .fin-capital-grid .fin-amount { font-size:18px; }
  .fin-popup-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fin-popup-kpis article { padding:10px; }
  .fin-popup-kpis .fin-amount { font-size:17px; }
  .fin-category-list { grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); }
  .fin-bulk { gap:7px; }
  .fin-bulk [data-fin-selection-count] { width:100%; }
  .fin-layout-item { gap:6px;padding:8px; }
  .fin-layout-position { flex-basis:16px; }
  .fin-layout-controls { gap:4px; }
  .fin-capital-bar-group { flex-basis:132px;min-width:132px; }
  .fin-capital-bars { gap:10px; }
  #k11-finance-dialog .fin-layout-controls button { padding:4px 6px;font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { #k11-finance-page *,#k11-finance-dialog * { scroll-behavior:auto; } }
/* PKR returns use the existing comparison renderer, one blue amount series. */
#k11-finance-page .fin-payment-chart{height:auto;min-height:0;min-width:0;overflow:hidden}
#k11-finance-page [data-fin-payment-return-only] .fin-capital-bar-group{flex-basis:168px;min-width:168px;max-width:210px}
#k11-finance-page [data-fin-payment-return-only] .fin-capital-investor{margin-top:5px;min-height:36px}
#k11-finance-page .fin-payment-return-amount{display:block;margin-top:8px;font-size:13px;font-weight:650;color:#344a62;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#k11-finance-page .fin-payment-return-rate{display:block;margin-top:4px;line-height:1.5;font-size:11px;color:#64748b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#k11-finance-page .fin-payment-summary-heading{margin-top:14px}
#k11-finance-page .fin-payment-legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:10px 0;list-style:none;font-size:12px;color:#536981}
#k11-finance-page .fin-payment-legend li{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere;max-width:100%}
#k11-finance-page .fin-payment-legend i{width:10px;height:10px;border-radius:2px;flex:none}
#k11-finance-page .fin-payment-days{display:flex;gap:18px;overflow-x:auto;align-items:flex-start;padding:8px 2px 12px;max-width:100%}
#k11-finance-page .fin-payment-day{flex:0 0 auto;min-width:112px;text-align:center;font-size:12px;color:#516a84}
#k11-finance-page .fin-payment-provider-bars{display:flex;justify-content:center;gap:8px;padding:0 10px;background:linear-gradient(to bottom,transparent calc(50% - .5px),#8099b5 calc(50% - .5px),#8099b5 calc(50% + .5px),transparent calc(50% + .5px));margin-bottom:10px}
#k11-finance-page .fin-payment-pair{flex:0 0 24px;width:24px}
#k11-finance-page .fin-payment-half{height:120px;display:flex;align-items:flex-end}
#k11-finance-page .fin-payment-half.negative{align-items:flex-start}
#k11-finance-page .fin-payment-bar{display:block;width:24px;min-width:0;min-height:0;border:0;border-radius:3px 3px 0 0;padding:0;cursor:pointer;transition:filter .15s}
#k11-finance-page .fin-payment-half.negative .fin-payment-bar{border-radius:0 0 3px 3px}
#k11-finance-page .fin-payment-bar:hover{filter:brightness(1.12)}
#k11-finance-page .fin-payment-bar:focus-visible{outline:2px solid #263f65;outline-offset:2px}
#k11-finance-page .fin-payment-axis-labels{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#59708a;font-size:11px;margin-top:12px}
/* A small, initially collapsed metadata editor inside the existing order dialog. */
.fin-category-editor{margin-top:12px}
.fin-category-editor>summary{cursor:pointer;color:#2563eb;font-size:14px;font-weight:600;width:fit-content;padding:6px 0}
.fin-category-editor .fin-form{margin-top:10px;max-width:560px}
.fin-dialog .fin-order-fees { display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:12px; padding-top:10px; border-top:1px solid #e5ebf3; color:#65758a; font-size:13px; }
.fin-dialog .fin-order-fees small { flex-basis:100%; line-height:1.6; }
/* Shared entry composition, scoped to K11/M entry dialogs only. */
.fin-entry-modal .fin-entry-type { padding:12px 14px; background:#f4f7fc; border:1px solid #e1e8f2; border-radius:8px; }
.fin-entry-modal .fin-entry-type>label { flex-direction:row; align-items:center; gap:16px; font-weight:600; }
.fin-entry-modal .fin-entry-type select { flex:1; font-weight:400; }
.fin-entry-modal .fin-entry-section { margin-top:18px; padding-top:14px; border-top:1px solid #e5ebf3; }
.fin-entry-modal .fin-entry-section h3 { margin:0 0 12px; color:#33465f; font-size:13px; font-weight:650; }
.fin-entry-modal .fin-entry-section .fin-form-grid { gap:10px 16px; }
.fin-entry-modal .fin-form label { gap:5px; }
.fin-entry-modal .fin-form input,.fin-entry-modal .fin-form select { min-height:38px; }
.fin-entry-modal .fin-entry-section .fin-note { grid-column:1/-1; margin:0; }
.fin-entry-modal .fin-entry-link-note { margin:0; font-size:11px; line-height:1.6; color:#718198; }
.fin-entry-modal .fin-entry-guidance .fin-note { margin-top:12px; font-size:11px; }
.fin-entry-modal [data-entry-section=specific]:not(:has(>.fin-form-grid>:not([hidden]):not([type=hidden]))) { display:none; }
.fin-entry-modal .fin-form>.fin-actions { justify-content:flex-end; padding-top:14px; border-top:1px solid #e5ebf3; }
@media(max-width:700px) {
  .fin-entry-modal .fin-entry-type { padding:10px; }
  .fin-entry-modal .fin-entry-type>label { flex-direction:column; align-items:stretch; gap:5px; }
}
.fin-settings-dialog>.modal-head>h2{flex-shrink:0;white-space:nowrap}
@media(max-width:620px){.fin-settings-dialog [data-fin-settings-links]{order:3;flex-basis:100%}}

.fin-danger{color:#dc2626!important;border-color:#fca5a5!important;background:#fff5f5!important}.fin-danger:hover{background:#fee2e2!important}

/* Archived records are visually distinct but remain readable for audit. */
.fin-table tbody tr.fin-archived-row { background:#f1f3f6;color:#6b7280; }
.fin-archived-row td:first-child { box-shadow:inset 3px 0 #8b96a7; }
.fin-archive-badge { display:inline-block;border:1px solid #aeb8c6;border-radius:5px;padding:4px 7px;font-weight:700;color:#526174;background:#e8ecf1;white-space:nowrap; }
.fin-archive-notice { margin:16px 0;padding:14px 16px;border:1px solid #b6c0cd;border-left:4px solid #7a889c;border-radius:6px;background:#f3f5f8;color:#536176; }
.fin-archive-notice p { margin:8px 0;overflow-wrap:anywhere; }
/* Daily WG observations retain actual timing separately from hourly cards. */
.fin-wg-consumption { color: #c82b3c; font-variant-numeric: tabular-nums; }
.fin-wg-daily { min-width: 1100px; }
.fin-wg-daily th, .fin-wg-daily td { white-space: nowrap; }
.fin-wg-calculation td { white-space: normal; color: #62738c; font-size: 13px; line-height: 1.6; }

/* source: finance-monthly.css */
/* Scoped finance overview and monthly report, without global table overrides. */
.fm-hero{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,30fr) minmax(0,25fr);gap:14px;margin-bottom:14px}
.fm-hero .fin-card-button{min-height:146px;padding:22px;text-align:left;background:#f5f8fd}
.fm-hero .fm-total{background:linear-gradient(115deg,#edf4ff,#f7faff);border-color:#c5d9fb}
.fm-hero .fm-total .fin-amount{font-size:clamp(28px,3vw,42px)}
.fm-hero .fin-amount{font-size:clamp(24px,2.2vw,32px);margin:12px 0}
.fm-wallets{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.fm-business{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:stretch}
.fm-business>[data-fin-layout-lane=big]>.fin-card-button{height:100%;width:100%;text-align:left;background:#f0f6ff;padding:26px}
.fm-business .fin-card-grid{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.fm-business .fin-card-grid .fin-card-button{padding:16px;min-width:0}
.fm-business .fin-amount{font-size:26px}
.fm-business>[data-fin-layout-lane=big] .fin-amount{font-size:clamp(30px,3vw,42px)}
.fm-investors{display:grid;gap:5px;margin-top:12px;font-size:12px}
.fm-investor{display:flex;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}
.fm-investor>span:first-child{overflow-wrap:anywhere}.fm-investor>span:last-child{white-space:nowrap}
.fm-report .fin-heading{justify-content:space-between}
.fm-report .fin-note{margin:5px 0}.fm-year{color:#557092;font-weight:700}
.fm-legend{display:flex;gap:22px;color:#2868c5;font-size:14px;margin-top:16px}.fm-legend span+span{color:#d49a52}
.fm-chart-scroll{overflow:auto}.fm-chart{width:100%;min-width:650px;display:block;font-family:inherit;font-size:13px;fill:#52627b}
.fm-gridline{stroke:#e4eaf2;stroke-width:1}.fm-axis{font-size:11px;fill:#78889c}
.fm-month-hit{fill:transparent}.fm-month-hit.is-selected{fill:#edf3ff}.fm-chart g:hover .fm-month-hit,.fm-chart g:focus .fm-month-hit{fill:#e1ecff}
.fm-chart g{cursor:pointer;outline:none}.fm-bar-0{fill:#3677d1}.fm-bar-1{fill:#dfb17a}
.fm-chart-readout{background:#f3f7fd;border-radius:8px;padding:12px 16px;color:#334d70;font-size:14px;margin:0}
.fm-filter{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 14px}.fm-filter label{display:flex;align-items:center;gap:12px;font-weight:600}
.fm-filter input{padding:10px 12px;border:1px solid #cbd7e8;border-radius:8px;min-height:42px;background:white;color:#22324c;font:inherit}
.fm-filter>span{color:#6d7e96;font-size:13px}.fm-feedback{flex-basis:100%;margin:0;font-size:13px}.fm-feedback:empty{display:none}
.fm-filter label{white-space:nowrap;flex:0 0 auto}
.fm-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
.fm-kpis article{border:1px solid #dae3f0;padding:18px;background:#fff;border-radius:12px;min-width:0}
.fm-kpis span{color:#677d99;display:block;font-size:13px;margin-bottom:10px}.fm-kpis strong{font-size:clamp(17px,1.65vw,26px);display:block;overflow-wrap:anywhere}
.fm-expenses-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:18px;align-items:start;margin-bottom:18px}
@media(max-width:680px){.fm-category-panel h3 small::after{content:' · 可横向滑动查看全部列'}}
.fm-category-panel{min-width:0;margin:0!important}.fm-category-scroll{overflow:auto}
.fm-category-head,.fm-category>summary{display:grid;grid-template-columns:minmax(125px,1.25fr) minmax(100px,1fr) 78px minmax(100px,1fr) 78px;align-items:center;gap:10px;padding:14px 10px;min-width:570px}
.fm-category-head{background:#f4f7fc;color:#718198;font-size:12px}
.fm-category-head>span:not(:first-child),.fm-category>summary>*:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fm-category{border-bottom:1px solid #e1e8f2;min-width:570px}.fm-category>summary{cursor:pointer;list-style:none;font-size:13px}.fm-category summary::-webkit-details-marker{display:none}
.fm-category>summary>span:first-child::before{content:'▸';display:inline-block;width:18px;color:#647998}.fm-category[open]>summary>span:first-child::before{content:'▾'}
.fm-category>summary small{display:block;font-size:11px;color:#718198;padding-left:18px;margin-top:4px}
.fm-category>summary>span:not(:first-child){color:#64758e}.fm-category>.fm-record-scroll{margin:0 8px 10px}
.fm-expense-pie{position:sticky;top:12px}.fm-expense-pie .fin-pie-body{grid-template-columns:140px minmax(0,1fr);gap:10px}
.fm-expense-pie .fin-pie-figure{width:140px;height:140px}.fm-expense-pie .fin-pie-legend-header,.fm-expense-pie .fin-pie-legend-row{grid-template-columns:minmax(38px,1fr) minmax(70px,max-content) 47px;gap:4px}
.fm-record-scroll{overflow:auto;max-height:450px;background:white;border:1px solid #e0e7f2;border-radius:8px;margin-bottom:10px}
.fm-records{width:100%;min-width:610px;table-layout:fixed;border-collapse:collapse;font-size:13px}.fm-records th{position:sticky;top:0;background:#f2f6fc;font-weight:600;color:#637891;z-index:1}.fm-records th,.fm-records td{padding:10px 12px;text-align:left;border-bottom:1px solid #e7edf5;vertical-align:top}
.fm-records td:nth-child(3){white-space:nowrap;text-align:right}.fm-records small{display:block;font-size:11px;color:#78889b;margin:4px 0;overflow-wrap:anywhere}.fm-records td:nth-child(4){overflow-wrap:anywhere;white-space:normal}.fm-records th:nth-child(1){width:110px}.fm-records th:nth-child(2){width:95px}.fm-records th:nth-child(3){width:135px}.fm-records th:nth-child(5){width:90px}.fm-records td:nth-child(2){overflow-wrap:anywhere}
.fm-category-total{display:flex;justify-content:space-between;padding:18px;font-weight:700;background:#f0f5ff}.fm-other>summary{cursor:pointer;padding:14px;font-weight:600}.fm-pages{display:flex;justify-content:flex-end;gap:15px;align-items:center;padding:8px;font-size:13px}
.fm-method{font-size:13px;color:#64758e}.fm-method summary{font-weight:600;cursor:pointer}.fm-method p{line-height:1.8}.fm-rule{background:#f4f7fc;border-radius:12px;padding:12px 20px;font-size:15px;line-height:1.8}
[data-fm-details] h3{margin:0 0 16px}[data-fm-details] h3 small{font-size:12px;font-weight:400;color:#7d8ba0;margin-left:10px}
@media(max-width:1100px){.fm-business{grid-template-columns:1fr}.fm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.fm-hero .fin-card-button{padding:16px}.fm-wallets{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1100px){.fm-expenses-layout{grid-template-columns:1fr}.fm-expense-pie{position:static}.fm-expense-pie .fin-pie-body{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:680px){.fm-hero{grid-template-columns:1fr 1fr}.fm-hero>.fm-total{grid-column:1/-1}.fm-hero .fin-card-button{min-height:120px}.fm-business .fin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fm-filter{gap:10px}.fm-rule{padding:10px;overflow-wrap:anywhere}.fm-business .fin-amount{font-size:22px}.fm-business>[data-fin-layout-lane=big] .fin-amount{font-size:32px}.fm-expense-pie .fin-pie-body{grid-template-columns:112px minmax(0,1fr)}.fm-expense-pie .fin-pie-figure{width:112px;height:112px}.fm-category-panel{padding:12px!important}}

/* source: finance-notifications.css */
.finance-notifications{margin-top:18px;padding:20px;border:1px solid #dce4ef;border-radius:12px;background:#fff;color:#23364c}
.finance-notifications h2{font-size:18px;margin:0}.finance-notifications h3{font-size:15px;margin:0}
.notify-note,.finance-notifications small{font-size:12px;line-height:1.55;color:#687b94}.finance-notifications small{display:block}
.notify-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}
.finance-notifications label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#53677e}
.finance-notifications input:not([type=checkbox]),.finance-notifications select{width:100%;min-height:38px;border:1px solid #cfdaea;border-radius:7px;padding:8px 10px;background:white;color:#23364c;font-size:14px;box-sizing:border-box}
.finance-notifications .notify-check{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:38px}.notify-check input{width:17px;height:17px;min-height:17px}
.notify-actions{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.finance-notifications button{font-size:13px;min-height:34px;padding:6px 12px}
.notify-secret,.notify-deliveries{margin:14px 0;padding:10px 12px;border:1px solid #e2e8f1;border-radius:8px}.finance-notifications summary{font-size:13px;cursor:pointer}.notify-secret form{margin-top:12px;max-width:650px}.notify-secret form button{margin-top:8px}
.notify-rule-head{margin-top:20px}.notify-table-wrap{overflow:auto;max-height:320px}.notify-table{width:100%;border-collapse:collapse;font-size:13px}.notify-table th,.notify-table td{padding:9px 10px;border-bottom:1px solid #e3eaf3;text-align:left;white-space:nowrap}.notify-table th{background:#f5f7fb;position:sticky;top:0}.notify-table td:last-child button+button{margin-left:6px}
.notify-error{color:#b52c42}[data-notify-status]{font-size:13px;margin:8px 0;min-height:18px}.notify-token-status{font-size:13px;align-self:center}
@media(max-width:650px){.finance-notifications{padding:14px}.notify-fields{grid-template-columns:1fr}.finance-notifications .section-head{align-items:flex-start;gap:10px}}

/* source: finance-verification.css */
.finance-verification{margin-top:22px;padding:22px;border:1px solid var(--border,#dbe3ef);border-radius:14px;background:var(--panel,#fff);color:var(--text,#24364d)}
.finance-verification h2{margin:0;font-size:20px}.finance-verification h3{font-size:16px;margin:18px 0 10px}
.fv-help{font-size:14px;line-height:1.7;color:var(--muted,#60748c);max-width:90em}
.fv-settings,.fv-actions,.fv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}
.fv-settings label{display:flex;gap:8px;align-items:center}.fv-settings input{width:18px;height:18px}
.fv-meta{font-size:14px;gap:24px}.fv-error{color:#b42318!important}
.fv-table-wrap{overflow:auto;max-height:420px;margin:14px 0;border:1px solid #dbe3ef;border-radius:10px}
.fv-table-wrap table{border-collapse:collapse;min-width:740px;width:100%;font-size:14px}
.fv-table-wrap th{position:sticky;top:0;background:#f3f6fb;color:#536d8c;text-align:left;z-index:1}
.fv-table-wrap th,.fv-table-wrap td{padding:12px 14px;border-bottom:1px solid #e3eaf3;vertical-align:top}
.fv-table-wrap tbody tr:nth-child(even){background:#f8faff}.fv-table-wrap small{display:block;color:#738299;margin-top:5px}
.fv-table-wrap pre{white-space:pre-wrap;word-break:break-word;max-width:460px;font-size:12px}
.fv-result{border-top:1px solid #dbe3ef;margin-top:20px;padding-top:10px}.fv-upload{padding:16px;background:#f5f8fd;border:1px solid #dbe3ef;border-radius:10px}.fv-upload input{display:block;margin-top:8px;max-width:100%}
@media(max-width:700px){.finance-verification{padding:14px}.fv-meta{display:block}.fv-meta span{display:block;margin-top:6px}}

/* source: payment-success.css */
.ps-panel{padding:24px}.ps-panel .section-head p{margin:5px 0 0}.ps-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.ps-filter label{max-width:240px}.ps-filter input{min-width:200px}.ps-filter .muted{align-self:center}.ps-status{min-height:25px;margin-top:12px}.ps-overview{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px;min-height:32px}.ps-pill{background:#eef4fd;border:1px solid #d5e2f7;border-radius:20px;padding:5px 12px}.ps-chart-heading,.ps-legend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}.ps-chart-heading h3,.ps-legend-head h3{margin:0}.ps-chart{margin-top:18px;width:100%;min-height:180px}.ps-chart svg{display:block;width:100%;max-height:440px;touch-action:pan-y}.ps-chart text{font:11px system-ui;fill:#62728b}.ps-grid{stroke:#e7ecf4;stroke-width:1}.ps-target{stroke:#50866a;stroke-dasharray:6 6;opacity:.65}.ps-severe{stroke:#c76b6b;stroke-dasharray:6 6;opacity:.65}.ps-chart .ps-no-data{font-size:15px}.ps-chart rect{cursor:crosshair}.ps-zoom{display:flex;align-items:center;gap:20px;padding:8px 14px;background:#f6f8fc;border-radius:8px;flex-wrap:wrap}.ps-zoom label{display:flex;align-items:center;gap:8px;flex:1;min-width:170px;font-size:13px}.ps-zoom input{padding:0;height:24px;min-width:100px;border:0}.ps-zoom>span{font-size:13px;white-space:nowrap}.ps-zoom .button{font-size:12px;padding:6px 10px;min-height:30px}.ps-legend{max-height:240px;overflow:auto;margin-top:12px;border:1px solid #e3e9f2;border-radius:10px}.ps-legend-row{display:grid;grid-template-columns:18px 20px minmax(160px,1fr) 90px 100px 105px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf0f5;cursor:pointer}.ps-legend-row:last-child{border:0}.ps-legend-row input{width:16px;height:16px;min-width:0;margin:0}.ps-legend-row small{display:block;font-size:12px;color:#73839d;font-weight:400}.ps-legend-row strong{font-size:14px;font-variant-numeric:tabular-nums}.ps-legend-row>span:not(.ps-legend-name){text-align:right}.ps-series-state{font-size:12px;color:#73839d}.ps-legend i,.ps-tooltip i{width:18px;height:4px;background:var(--series-color);display:inline-block;border-radius:2px}.ps-note{font-size:12px;line-height:1.8;margin-bottom:0}.ps-error{color:#be3346}.ps-empty{padding:18px}.ps-tooltip{background:#f8faff;border:1px solid #d4dfef;border-radius:10px;padding:14px 18px;max-height:210px;overflow:auto;margin:0 0 12px}.ps-tooltip>div{display:flex;align-items:center;gap:12px;font-size:13px;padding:5px 0}.ps-tooltip>div span{flex:1}.ps-tooltip strong{font-variant-numeric:tabular-nums}.ps-tooltip small{color:#73839d}.ps-tooltip-head{justify-content:space-between}.ps-tooltip .button{padding:4px 8px;min-height:28px;font-size:12px}.ps-modal{max-width:900px}.ps-modal fieldset{padding:0;border:0;min-width:0}.ps-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ps-settings-grid p{font-size:13px}.ps-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:200px;overflow:auto;padding:12px;background:#f6f8fc;margin-top:10px}.ps-choices label{font-size:13px;display:flex;align-items:center;gap:8px}.ps-choices input{width:16px;height:16px;min-width:0}.ps-deliveries{font-size:13px;max-height:180px;overflow:auto;padding:12px}.ps-deliveries>div{padding:8px;border-bottom:1px solid #eee}.ps-deliveries small{display:block}.ps-modal [data-ps-settings-status]{color:#be3346}
@media(max-width:900px){.ps-legend-row{grid-template-columns:16px 16px minmax(120px,1fr) 80px 85px}.ps-series-state{display:none}.ps-panel{padding:16px}.ps-legend-head .muted{font-size:12px}}@media(max-width:600px){.ps-settings-grid,.ps-choices{grid-template-columns:1fr}.ps-legend-row{gap:7px;padding:10px}.ps-legend-name strong{font-size:12px}.ps-tooltip>div{flex-wrap:wrap}.ps-chart svg{min-width:600px}.ps-chart{overflow:auto}.ps-chart-heading .muted{font-size:12px}.ps-zoom{gap:10px}}
/* Keep the two range labels horizontal at desktop and narrow widths. */
.ps-zoom label{white-space:nowrap}
.ps-chart{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
.ps-chart svg{height:340px;max-height:none;max-width:none;touch-action:pan-x pan-y}
.ps-legend i,.ps-tooltip i{height:12px;width:12px;border-radius:2px;flex-shrink:0}

/* source: daily-briefing.css */
.brief-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.brief-tabs [aria-pressed=true]{background:#e8f0ff;border-color:#7c9ed7;color:#244f93}.brief-panel{padding:24px}.brief-badge{border-radius:20px;background:#edf3ff;color:#315582;padding:7px 14px;white-space:nowrap}.brief-timing{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.brief-timing>div{display:grid;gap:8px;background:#f4f7fc;border:1px solid #dce5f2;border-radius:12px;padding:16px}.brief-timing span,.brief-description{color:#5d6c80;line-height:1.7}.brief-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:24px;margin-top:24px}.brief-preview,.brief-config{min-width:0}.brief-filter{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.brief-filter label,.brief-config form{display:grid;gap:12px}.brief-config form>label:not(.brief-toggle){display:grid;gap:8px}.brief-toggle{display:flex;align-items:center;gap:10px}.brief-toggle input{width:auto}.brief-config input{min-width:0}.brief-config form button{justify-self:start}.brief-message{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.85 system-ui,sans-serif;background:#f7f9fc;border:1px solid #dce5f2;border-radius:12px;padding:18px;margin:16px 0;color:#283b54}.brief-history{margin-top:28px}.brief-history td{white-space:normal}.brief-error{color:#b3261e}[data-brief-status]{min-height:1.6em;margin-top:12px}#daily-briefing-page details summary{cursor:pointer}#daily-briefing-page input[type=date]{min-width:170px}#daily-briefing-page h3{margin:0 0 16px}#daily-briefing-page input{box-sizing:border-box;max-width:100%}.brief-config{border-left:1px solid #e1e7f0;padding-left:24px}#daily-briefing-page [data-brief-worker]{margin-top:18px;font-size:13px;line-height:1.6}@media(max-width:850px){.brief-grid{grid-template-columns:1fr}.brief-config{border-left:0;border-top:1px solid #e1e7f0;padding:20px 0 0}.brief-timing{grid-template-columns:1fr}.brief-panel{padding:16px}.brief-panel>.section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.brief-message{font-size:13px;padding:12px}}

.brief-image-button{display:block;width:100%;padding:0;margin-top:16px;border:1px solid #dce5f2;border-radius:12px;overflow:hidden;background:white;cursor:zoom-in}.brief-image-button img{display:block;width:100%;height:auto}.brief-image-dialog{box-sizing:border-box;width:96vw;max-width:2200px;max-height:94vh;border:1px solid #dce5f2;border-radius:12px;padding:16px}.brief-image-dialog::backdrop{background:rgba(20,35,55,.55)}.brief-image-dialog>div:first-child{display:flex;gap:12px;justify-content:flex-end;margin-bottom:12px}.brief-image-scroll{max-height:80vh;overflow:auto}.brief-image-scroll img{display:block;max-width:none}.brief-history a{white-space:nowrap}

/* source: customer-service.css */
#customer-service-page{min-width:0}
.hz-operator-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:24px;align-items:start}
.hz-operator-details{min-width:0}.hz-operator-layout h3{font-size:15px;margin:0 0 12px}
.hz-operator-details .hz-table{min-width:660px;table-layout:auto}.hz-operator-details .hz-table th,.hz-operator-details .hz-table td{padding:9px 10px;font-size:13px}
.hz-operator-details .hz-table small{font-size:11px;margin-top:3px}.hz-operator-details .hz-table th:first-child{width:auto;min-width:90px}
.hz-operator-chart{min-width:0;padding:0 4px}.hz-operator-chart>p{font-size:12px;margin:0 0 15px}.hz-bars{max-height:480px;overflow:auto;padding:2px}
.hz-bar-row{display:grid;grid-template-columns:minmax(64px,.7fr) minmax(65px,1fr) auto;gap:9px;align-items:center;font-size:12px;padding:11px 0;border-bottom:1px solid #edf1f7}
.hz-bar-name{overflow-wrap:anywhere}.hz-bar-track{background:#eff3f9;min-width:0;display:block;height:17px;border-radius:3px}.hz-bar{height:100%;display:block;background:#4779b4;border-radius:3px}.hz-bar-row strong{font-variant-numeric:tabular-nums;font-weight:500}.hz-bar-row:focus-visible{outline:2px solid #4779b4}
@media(max-width:1100px){.hz-operator-layout{grid-template-columns:1fr}.hz-bars{max-height:300px}.hz-bar-row{grid-template-columns:120px 1fr auto}}
@media(max-width:450px){.hz-bar-row{grid-template-columns:80px 1fr auto;gap:7px}}
#customer-service-page .hz-filter-panel{padding:20px}
.hz-filters{display:grid;grid-template-columns:minmax(280px,1.5fr) 1.3fr 1.2fr auto;gap:16px;align-items:end}
.hz-filters label{display:grid;gap:8px;min-width:0;color:#566b85;font-size:14px}
.hz-filters input,.hz-filters select{width:100%;min-width:0}
.hz-status{margin-top:12px;min-height:22px;font-size:13px}
.hz-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}
.hz-cards .panel{padding:22px 24px}
.hz-cards span{color:#667a94;font-size:14px}
.hz-cards strong{display:block;font-size:30px;margin-top:12px;font-variant-numeric:tabular-nums;color:#243b56}
.hz-cards strong small{font-size:15px;font-weight:400}
.hz-cards p{margin:10px 0 0;color:#7789a0;font-size:13px}
.hz-section{padding:24px;margin:18px 0}
.hz-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.hz-heading h2{margin:0;font-size:19px}.hz-heading p{font-size:13px;margin:8px 0 0}
.hz-heading>span{font-size:13px}
.hz-table-wrap{overflow:auto;border:1px solid #dce5f0;border-radius:12px}
.hz-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:750px}
.hz-table th,.hz-table td{padding:16px 18px;text-align:right;border-bottom:1px solid #e4eaf3;white-space:nowrap;font-variant-numeric:tabular-nums}
.hz-table th:first-child{width:20%;text-align:left;overflow-wrap:anywhere;white-space:normal}
.hz-table thead{background:#f5f8fc;color:#60738c;font-size:13px}
.hz-table tbody{font-size:15px;color:#263b55}
.hz-table tbody th{font-weight:500}
.hz-table tbody tr:nth-child(even){background:#f8faff}
.hz-table small{display:block;font-weight:400;font-size:12px;color:#7a8aa1;margin-top:6px}
.hz-table tfoot{background:#fff8e5;border-top:2px solid #e4ba57;font-weight:600}
.hz-note{font-size:13px;line-height:1.8;color:#7789a0;margin:14px 0 0}
.hz-warning{color:#8b621d;background:#fff7e6;border:1px solid #f1dfb7;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.7}
.hz-tabs{display:flex;gap:8px}.hz-tabs [aria-pressed=true]{color:#245fc5;background:#edf3ff;border-color:#8bb0ed}
.hz-periods{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}
.hz-periods p{font-size:12px;line-height:1.8;color:#5e728c;margin:0}.hz-periods strong{display:block;color:#263b55;font-size:14px}.hz-periods small{display:block}
.hz-change-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#f5f8fc;border-radius:10px;padding:16px;gap:10px;margin:16px 0}
.hz-change-strip span{color:#677a93;font-size:12px}.hz-change-strip strong{display:block;font-size:18px;color:#263b55;margin-top:8px;font-variant-numeric:tabular-nums}
.hz-definitions{padding:18px 24px;font-size:13px;color:#6c7f98;line-height:1.8}.hz-definitions summary{cursor:pointer;color:#3e5572}.hz-empty{text-align:center!important;color:#8190a5;padding:32px!important}
@media(max-width:1100px){.hz-filters{grid-template-columns:1fr 1fr}.hz-filters>button{justify-self:start}.hz-table th,.hz-table td{padding:14px 10px}.hz-cards strong{font-size:25px}}
@media(max-width:650px){.hz-cards{grid-template-columns:1fr;gap:10px}.hz-cards .panel{padding:16px 20px}.hz-cards strong{font-size:27px;margin-top:8px}.hz-section{padding:16px}.hz-periods{grid-template-columns:1fr}.hz-change-strip{grid-template-columns:repeat(3,1fr)}.hz-filters{grid-template-columns:1fr}.hz-heading{gap:12px}.hz-heading>span{line-height:1.6}}
.hz-bar-track{width:100%}.hz-bar-track rect.hz-bar{fill:#4779b4}

/* source: withdrawal-review.css */
#withdrawal-review-page .wr-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}
#withdrawal-review-page .wr-nav .is-active{background:#edf4ff;border-color:#9cbaff;color:#2462ca}
#withdrawal-review-page .panel{padding:20px;margin-bottom:20px}
#withdrawal-review-page .wr-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
#withdrawal-review-page .wr-cards .panel{padding:20px;margin:0}
#withdrawal-review-page .wr-cards strong{font-size:30px;display:block;margin:8px 0}
#withdrawal-review-page .wr-cards small{display:block;font-size:13px;color:#718199}
#withdrawal-review-page .wr-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:16px}
#withdrawal-review-page .wr-filters label{min-width:140px;flex:1}
#withdrawal-review-page .wr-filters [data-date-range]{min-width:290px;flex:1.5}
#withdrawal-review-page .wr-state{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
#withdrawal-review-page .wr-notice{background:#f5f8fc;border:1px solid #e1e8f2;border-radius:10px;padding:14px 18px;color:#627791;line-height:1.7}
#withdrawal-review-page .wr-table{width:100%;min-width:1000px;table-layout:auto}
#withdrawal-review-page .wr-table small{display:block;font-size:12px;color:#748298;margin-top:5px}
#withdrawal-review-page .wr-table td{vertical-align:top}
#withdrawal-review-page .wr-remark{max-width:320px;white-space:normal;overflow-wrap:anywhere;display:block}
#withdrawal-review-page .wr-badge{padding:5px 9px;background:#eff2f6;border-radius:7px;white-space:nowrap;font-size:13px}
#withdrawal-review-page .wr-badge.PASS{color:#23744d;background:#e7f4ed}
#withdrawal-review-page .wr-badge.MANUAL{color:#a85e18;background:#fff0dc}
#withdrawal-review-page .wr-rules-card{padding:18px 22px;margin:14px 0;background:#fff;border:1px solid #dce5f1;border-radius:12px}
#withdrawal-review-page .wr-rules-card>summary{font-weight:650;font-size:17px;cursor:pointer;line-height:1.8}
#withdrawal-review-page .wr-rules-card>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#withdrawal-review-page .wr-rules-card label.wr-rule-toggle{display:inline-flex;flex-direction:row;align-items:center;gap:9px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
#withdrawal-review-page .wr-rule-toggle input{appearance:none;width:38px;height:22px;min-height:22px;padding:0;margin:0;border:1px solid #a8b6c9;border-radius:20px;background:#bac5d3;position:relative;cursor:pointer;flex:none;transition:background .15s}
#withdrawal-review-page .wr-rule-toggle input:before{content:'';position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:transform .15s}
#withdrawal-review-page .wr-rule-toggle input:checked{background:#2869d7;border-color:#2869d7}
#withdrawal-review-page .wr-rule-toggle input:checked:before{transform:translateX(16px)}
#withdrawal-review-page .wr-rule-toggle input:disabled{opacity:.45;cursor:not-allowed}
#withdrawal-review-page .wr-rule-toggle input:focus-visible{outline:3px solid #a8caff;outline-offset:3px}
#withdrawal-review-page .wr-rules-card .form-grid{margin-top:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
#withdrawal-review-page .wr-rules-card label{display:flex;flex-direction:column;gap:7px;min-width:0}
#withdrawal-review-page .wr-rules-card label.check-label{flex-direction:row;align-items:center;align-self:start}
#withdrawal-review-page .wr-rules-card textarea{min-height:90px;resize:vertical}
#withdrawal-review-page fieldset{border:0;padding:0;min-width:0;margin:0}
#withdrawal-review-page .wr-rules-card .span-3{grid-column:1/-1}
#withdrawal-review-page .wr-save{position:sticky;bottom:0;z-index:3;background:#fff;padding:14px 0;display:flex;align-items:center;gap:12px;border-top:1px solid #e0e7f1;flex-wrap:wrap}
#withdrawal-review-page .wr-rule-hint{font-size:13px;line-height:1.7;color:#6c7e95;margin:10px 0 0}
#withdrawal-review-page .wr-rule-status{float:right;font-weight:400;font-size:13px;color:#6c7e95}
#withdrawal-review-page [data-wr-status]{min-height:1.6em;margin:12px 0;overflow-wrap:anywhere}
.wr-detail .wr-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.wr-detail .wr-metrics p{margin:0;padding:12px;background:#f5f8fc;border-radius:8px;overflow-wrap:anywhere}
.wr-detail .wr-metrics small{display:block;color:#718199;margin-bottom:5px}
.wr-detail article{padding:15px 0;border-top:1px solid #e4e9f1;overflow-wrap:anywhere;line-height:1.7}
@media(max-width:1100px){#withdrawal-review-page .wr-rules-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#withdrawal-review-page .wr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#withdrawal-review-page .wr-rules-card .form-grid,.wr-detail .wr-metrics{grid-template-columns:1fr}#withdrawal-review-page .wr-filters [data-date-range]{min-width:0;flex-basis:100%}}

#withdrawal-review-page .wr-formal-toggle{margin-left:auto;min-height:40px;background:#fff1f2;color:#bd2337;border:1px solid #e09aa5;font-weight:650;padding:10px 16px;white-space:nowrap}
#withdrawal-review-page .wr-formal-toggle::before{content:'⏻';margin-right:8px;font-size:17px}
#withdrawal-review-page .wr-formal-toggle:hover:not(:disabled){background:#ffe2e6;border-color:#cb4458}
#withdrawal-review-page .wr-formal-toggle.is-on{background:#c92c43;border-color:#c92c43;color:#fff}
#withdrawal-review-page .wr-formal-toggle.is-on:hover:not(:disabled){background:#ad2237}
#withdrawal-review-page .wr-formal-toggle:focus-visible{outline:3px solid #f7a6b3;outline-offset:3px}
#withdrawal-review-page .wr-formal-toggle:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:480px){#withdrawal-review-page .wr-formal-toggle{flex-basis:100%;margin-left:0}}

.wr-formal-summary{margin:0 0 16px;padding:10px 14px;background:#fff5f5;border:1px solid #fee2e2;border-radius:8px;color:#7f1d1d;font-size:14px}.wr-formal-result{display:block;margin-bottom:5px}

.wr-formal-dialog{width:min(520px,calc(100vw - 40px));box-sizing:border-box;border:1px solid #fecaca;border-radius:16px;padding:28px;color:#1e293b;box-shadow:0 24px 80px #0f172a33}.wr-formal-dialog::backdrop{background:#0f172a66}.wr-formal-dialog h2{font-size:21px;margin:0 0 18px}.wr-formal-dialog p{font-size:15px;line-height:1.8}.wr-formal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.wr-formal-actions .wr-formal-toggle{margin-left:0}
.wc-gear{font-size:22px;line-height:1;padding:9px 12px!important}
.wc-field{display:flex;flex-direction:column;gap:10px;min-width:0}.wc-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:38px;max-height:160px;overflow:auto;align-content:start}.wc-chip{background:#edf4ff;color:#265fae;border:1px solid #d2e2f8;border-radius:6px;padding:5px 9px;font-size:14px;overflow-wrap:anywhere}.wc-field>.button{align-self:start}
.wc-dialog{width:min(960px,calc(100vw - 32px));max-height:90vh;box-sizing:border-box;border:1px solid #dce5f1;border-radius:16px;padding:24px;color:#1e293b;box-shadow:0 24px 80px #0f172a33;background:#fff}.wc-dialog::backdrop{background:#0f172a66}.wc-dialog header{display:flex;justify-content:space-between;align-items:start;gap:16px}.wc-dialog h2{margin:0;font-size:22px}.wc-dialog header p{color:#708096;font-size:14px;margin:8px 0 18px}.wc-tabs{display:flex;gap:8px;margin-bottom:18px}.wc-tabs .is-active{background:#eaf2ff;color:#2462ca;border-color:#9cbaff}.wc-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.wc-tools label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#64748b;min-width:130px}.wc-tools label.wc-search{flex:1;min-width:200px}.wc-tools input,.wc-tools select{min-height:40px;padding:8px 10px;border:1px solid #d4deeb;border-radius:8px;background:#fff;color:#1e293b;font:inherit;font-size:14px;width:100%;box-sizing:border-box}.wc-tools select{max-width:220px}.wc-dialog [hidden]{display:none!important}.wc-status{min-height:20px;font-size:13px;color:#64748b;line-height:1.6;margin:12px 0}.wc-list{height:min(400px,45vh);overflow:auto;border:1px solid #e1e8f1;border-radius:10px}.wc-row{display:flex;flex-direction:row!important;align-items:center;gap:12px!important;padding:12px 16px;border-bottom:1px solid #edf1f6;cursor:pointer;margin:0!important;font-size:14px}.wc-row:last-child{border-bottom:0}.wc-row:hover{background:#f5f8fd}.wc-row.is-selected{background:#eef5ff}.wc-row input{appearance:auto!important;flex:none;width:17px!important;height:17px!important;min-height:0!important;margin:0!important;accent-color:#2869d7}.wc-row>span{min-width:0;flex:1;overflow-wrap:anywhere}.wc-row strong{font-weight:550}.wc-row small{display:block;font-size:12px;color:#7b8899;margin-top:4px}.wc-row .wc-unavailable{color:#a36b24;max-width:160px}.wc-empty{padding:50px 20px;text-align:center;color:#768499}.wc-dialog footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px}.wc-pages{display:flex;gap:10px;align-items:center;font-size:13px;color:#64748b}.wc-dialog [data-wc-count]{margin-left:auto;color:#64748b;font-size:13px}.wc-dialog :focus-visible{outline:3px solid #a8caff;outline-offset:2px}.wc-dialog button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:640px){.wc-dialog{padding:16px}.wc-tools{gap:10px}.wc-tools label.wc-search{flex-basis:100%}.wc-dialog footer{gap:10px}.wc-dialog [data-wc-count]{margin-left:0}.wc-dialog [data-wc-save]{margin-left:auto}.wc-row{padding:10px}.wc-row .wc-unavailable{max-width:95px}}
.wc-dialog[open]{display:flex;flex-direction:column;height:min(760px,90vh);overflow:hidden}.wc-dialog>header,.wc-dialog>.wc-tools,.wc-dialog>.wc-tabs,.wc-dialog>.wc-status,.wc-dialog>footer{flex:none}.wc-dialog>.wc-list{height:auto;min-height:90px;flex:1}

/* source: treasure-control.css */
#treasure-page .channel-section-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#treasure-page .treasure-control-toggle,.treasure-control-dialog .treasure-control-toggle{margin-left:auto;min-height:40px;background:#fff1f2;color:#bd2337;border:1px solid #e09aa5;font-weight:650;padding:10px 16px;white-space:nowrap}
.treasure-control-toggle::before{content:'⏻';margin-right:8px;font-size:17px}
#treasure-page .treasure-control-toggle:hover:not(:disabled),.treasure-control-dialog .treasure-control-toggle:hover{background:#ffe2e6;border-color:#cb4458}
#treasure-page .treasure-control-toggle.is-on,.treasure-control-dialog .treasure-control-toggle.is-on{background:#c92c43;border-color:#c92c43;color:#fff}
#treasure-page .treasure-control-toggle.is-on:hover:not(:disabled),.treasure-control-dialog .treasure-control-toggle.is-on:hover{background:#ad2237}
.treasure-control-toggle:focus-visible{outline:3px solid #f7a6b3;outline-offset:3px}
#treasure-page .treasure-control-toggle:disabled{opacity:.6;cursor:not-allowed}
.treasure-control-dialog{width:min(520px,calc(100vw - 40px));box-sizing:border-box;border:1px solid #fecaca;border-radius:16px;padding:28px;color:#1e293b;box-shadow:0 24px 80px #0f172a33}
.treasure-control-dialog::backdrop{background:#0f172a66}
.treasure-control-dialog h2{font-size:21px;margin:0 0 18px}
.treasure-control-dialog p{font-size:15px;line-height:1.8}
.treasure-control-note{color:#64748b}
.treasure-control-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.treasure-control-dialog .treasure-control-actions .treasure-control-toggle{margin-left:0}
@media(max-width:480px){#treasure-page .treasure-control-toggle{flex-basis:100%;margin-left:0}}

/* source: source-center.css */
.source-actions,.source-targets{display:flex;gap:12px;flex-wrap:wrap}.source-targets span{padding:12px 16px;border-radius:10px;background:#f2f6fc;color:#38516f}.source-status{border-left:3px solid #326ed9;padding:8px 12px;background:#f6f8fc}.source-alerts{margin-top:20px}.source-alerts summary{cursor:pointer;padding:12px 0;font-weight:600}#source-center-panel td{vertical-align:top}#source-center-panel th{white-space:nowrap}.source-account-dialog{width:min(760px,94vw);max-height:90vh;padding:0;border:1px solid #dbe4f1;border-radius:16px;color:#24364d}.source-account-dialog::backdrop{background:#17293b77}.source-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;background:#fff;border-bottom:1px solid #e0e6ee;padding:16px 24px;z-index:2}.source-dialog-head h2{margin:0;font-size:22px}.source-form-body{padding:20px 24px;display:grid;gap:16px}.source-form-body>label{display:grid;gap:8px}.source-form-body input:not([type=checkbox]){width:100%;padding:11px 12px;border:1px solid #cbd6e5;border-radius:8px;font:inherit;box-sizing:border-box}.source-form-body fieldset{border:1px solid #dbe4f1;border-radius:8px;padding:14px}.source-roles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.source-roles label,.source-form-body>.source-enable{display:flex;align-items:center;gap:8px}.source-account-dialog .form-message{margin:0;color:#a33131}@media(max-width:560px){.source-roles{grid-template-columns:1fr}.source-dialog-head,.source-form-body{padding:16px}}
.source-account-dialog .source-dialog-head.global-modal-header{padding:16px 24px;margin:0;flex-wrap:nowrap}
.source-account-dialog input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;flex:0 0 18px;margin:0}
.source-roles label{justify-content:flex-start;white-space:normal;line-height:1.5;font-size:14px}
.source-account-dialog .source-enable{justify-content:flex-start;font-size:14px}
#source-center-panel{margin-bottom:16px}
#source-center-panel table{width:100%;border-collapse:collapse}
#source-center-panel th,#source-center-panel td{padding:12px;text-align:left;font-size:14px;border-bottom:1px solid #e1e7ef}
.source-health{margin:16px 0;padding:16px;border:1px solid #dbe4f1;border-radius:12px;background:#fff}.source-health-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.source-health-summary>div{display:grid;gap:6px}.source-health-summary span,.source-health-summary small{color:#667991}.source-health-summary strong{font-size:17px;color:#24364d}.source-health-warning{padding:10px;background:#fff2ee;color:#a33131;border-radius:8px}.source-health .data-table-wrap{overflow-x:auto}.source-health table{min-width:800px}@media(max-width:600px){.source-health-summary{grid-template-columns:1fr}.source-health{padding:12px}}

/* Scoped layout: compact controls and independently scrollable long tables. */
#source-center-panel{min-width:0;padding:22px}
.source-heading{align-items:center;gap:16px;margin-bottom:14px}
.source-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.source-title-line h2{margin:0}
.source-heading p{margin:6px 0 0;font-size:13px}
.source-actions{gap:8px;flex-shrink:0}
.source-actions .button{min-height:36px;padding:8px 12px;font-size:13px}
.source-badge{display:inline-block;width:fit-content;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.5;background:#edf1f7;color:#52667f}
.source-badge-ok{color:#227050;background:#e7f4ec}
.source-badge-error{color:#ac3c37;background:#fbecea}
.source-status{margin:0 0 14px;font-size:12px;line-height:1.7;border-radius:0 7px 7px 0}
.source-health{margin:0 0 22px;padding:0;border:0;background:none}
.source-health-summary{gap:10px}
.source-health-summary>div{padding:13px 15px;border:1px solid #e0e7f1;border-radius:10px;background:#f7f9fd;align-content:start}
.source-health-summary span{font-size:12px}
.source-health-summary strong{font-size:16px}
.source-health-summary small{font-size:12px;line-height:1.6}
.source-health-warning{font-size:13px;line-height:1.7;margin:10px 0 0}
.source-accounts-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.source-accounts-heading h3,.source-support-card h3{font-size:15px;margin:0}
.source-accounts-heading p{font-size:12px;margin:5px 0 0}
.source-account-section>summary{cursor:pointer;list-style:none;padding:10px 0}
.source-account-section>summary::-webkit-details-marker{display:none}
.source-account-section>summary>span:first-child{flex:1}
.source-account-section>summary small{display:block;font-size:12px;margin-top:5px;font-weight:400}
.source-account-section>summary:before{content:'▸';color:#617591}
.source-account-section[open]>summary:before{content:'▾'}
.source-account-section>summary:focus-visible{outline:2px solid #2868d8;outline-offset:4px}
[data-source-account-count]{font-size:12px}
.source-account-toolbar{display:flex;align-items:end;gap:10px;margin:14px 0 12px;flex-wrap:wrap}
.source-account-toolbar label{display:grid;gap:5px;font-size:12px;color:#60728c;min-width:155px}
.source-account-toolbar .source-search{flex:1;max-width:440px;min-width:180px}
.source-account-toolbar input,.source-account-toolbar select{width:100%;min-height:36px;padding:7px 10px;font-size:13px}
.source-account-toolbar .button{min-height:36px;padding:8px 12px;font-size:13px}
#source-center-panel .data-table-wrap{max-width:100%;overflow:auto;border:1px solid #dfe6f0;border-radius:9px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#abbcd3 transparent}
.source-accounts-wrap{max-height:560px}
#source-center-panel .source-accounts-table{min-width:820px;table-layout:fixed}
.source-accounts-table th:first-child{width:20%}
.source-accounts-table th:nth-child(2){width:27%}
.source-accounts-table th:nth-child(3){width:17%}
.source-accounts-table th:nth-child(4){width:19%}
.source-accounts-table th:nth-child(5){width:17%}
#source-center-panel th,#source-center-panel td{padding:9px 12px;font-size:13px;line-height:1.5;vertical-align:middle}
#source-center-panel thead th{position:sticky;top:0;z-index:1;background:#f3f6fb;color:#60728c;font-weight:600;font-size:12px}
#source-center-panel tr:last-child td{border-bottom:0}
#source-center-panel tbody tr:nth-child(even){background:#fafbfd}
#source-center-panel tbody tr:hover{background:#f0f5fc}
.source-account-name{font-size:13px;display:block;overflow-wrap:anywhere}
.source-login{display:block;font-size:11px;color:#77879d;margin-top:2px;overflow-wrap:anywhere}
.source-task-tags{display:flex;gap:4px;flex-wrap:wrap}
.source-task-tags span{font-size:11px;line-height:1.5;background:#eef3fa;color:#526988;padding:2px 6px;border-radius:4px;overflow-wrap:anywhere}
.source-state-stack{display:grid;gap:3px;justify-items:start}
.source-state-stack small{font-size:11px;color:#708199}
.source-date{font-variant-numeric:tabular-nums;color:#60728c;font-size:12px!important}
.source-row-actions{display:flex;gap:5px;flex-wrap:wrap}
.source-row-actions .tiny-button{padding:5px 8px;min-height:30px;font-size:12px}
.source-help{font-size:12px;margin-top:9px;color:#6c7e96}
.source-help summary{cursor:pointer;padding:6px 0}
.source-help p{line-height:1.7;margin:4px 0}
.source-targets{margin:22px 0 12px;gap:8px}
.source-targets span{font-size:12px;padding:7px 10px;border-radius:6px}
.source-support-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;margin-bottom:16px}
.source-support-card{border:1px solid #e0e7f1;border-radius:10px;padding:14px 16px;min-width:0}
.source-support-card h3 small{font-size:11px;font-weight:400;color:#78899f;margin-left:6px}
.source-support-card p{font-size:12px;line-height:1.7;margin:10px 0 0}
.source-tracking-numbers{display:flex;gap:32px;margin-top:12px;flex-wrap:wrap}
.source-tracking-numbers>div{display:grid;gap:4px}
.source-tracking-numbers strong,.source-reuse dd{font-size:19px;font-weight:650;font-variant-numeric:tabular-nums;color:#2a405b}
.source-tracking-numbers span{font-size:11px;color:#78899f}
.source-reuse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 0}
.source-reuse dt{font-size:11px;color:#78899f}
.source-reuse dd{margin:4px 0 0}
.source-reuse dd small{font-size:11px;font-weight:400;margin-left:4px}
.source-alerts{margin:0;border-top:1px solid #e4eaf2;padding:0 2px}
.source-alerts summary{padding:14px 0;font-size:13px;color:#344d6b;line-height:1.6}
.source-alerts summary span{font-weight:400;font-size:11px;color:#7d8da3;margin-left:12px}
.source-alerts>p{font-size:12px;line-height:1.7;margin-top:0}
.source-alerts>.data-table-wrap{max-height:420px;margin-bottom:14px}
.source-alerts table{min-width:880px}
.source-refresh-note{font-size:11px;margin:12px 0 0;line-height:1.7}
#source-center-panel .form-message:empty{display:none}
#source-center-panel [hidden]{display:none!important}
#source-center-panel :is(summary,input,select,button,.data-table-wrap):focus-visible{outline:2px solid #4588e9;outline-offset:2px}
@media(max-width:1100px){.source-health-summary{grid-template-columns:1fr 1fr}.source-health-summary>div:last-child{grid-column:1/-1}.source-support-grid{grid-template-columns:1fr}}
@media(max-width:600px){#source-center-panel{padding:14px}.source-heading{align-items:flex-start;flex-direction:column}.source-actions{width:100%}.source-health-summary{grid-template-columns:1fr}.source-health-summary>div:last-child{grid-column:auto}.source-account-toolbar .source-search{max-width:none;flex-basis:100%}.source-account-toolbar label{flex:1}.source-account-toolbar{gap:8px}.source-targets{display:grid}.source-support-card{padding:12px}.source-alerts summary span{display:block;margin-left:16px}.source-reuse{gap:8px}.source-reuse dd{font-size:17px}.source-accounts-wrap{max-height:480px}}

/* source: payments.css */
#k11-payments-page{min-width:0}.pay-panel,.pay-total{padding:18px;margin-bottom:16px}.pay-note{color:#61758d;font-size:12px;line-height:1.65;margin:10px 0}.pay-muted{color:#718198;font-size:12px}.pay-error{color:#ba343b!important;font-size:12px;line-height:1.6}.pay-total-value{display:flex;flex-direction:column;gap:6px;padding:8px 0}.pay-total-value>strong{font-size:32px;font-variant-numeric:tabular-nums;color:#223b58;overflow-wrap:anywhere}.pay-total-value strong small{font-size:15px}.pay-total-value>span{font-size:15px;color:#718198}.pay-table{min-width:650px;table-layout:auto}.pay-table th,.pay-table td{padding:11px 12px;white-space:nowrap;font-size:13px}.pay-table td small{display:block;margin-top:4px;color:#7b889b;line-height:1.5;max-width:300px;white-space:normal;overflow-wrap:anywhere}.pay-table tbody tr:nth-child(even){background:#f0f5fa}.pay-table .button{min-height:32px;padding:5px 10px;font-size:12px}.pay-dialog{width:min(640px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border:1px solid #cfdaea;border-radius:12px}.pay-dialog::backdrop{background:#162d4980}.pay-dialog-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.pay-dialog h2{font-size:18px;margin:0}.pay-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pay-form label{display:flex;flex-direction:column;gap:6px;color:#52677e;font-size:12px;min-width:0}.pay-form input:not([type=checkbox]),.pay-form select{height:38px;min-height:0;width:100%;border:1px solid #d5dfed;border-radius:6px;padding:7px 10px;background:#fff;font-size:13px;color:#213b59}.pay-form input[readonly],.pay-form select:disabled{background:#f2f5f9;color:#718096}.pay-form .pay-check{display:flex;flex-direction:row;align-items:center;min-height:34px;line-height:1.6;margin:12px 0}.pay-check input[type=checkbox]{flex:none;width:16px;height:16px;min-height:0;padding:0}.pay-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.pay-dialog .button{min-height:36px;padding:7px 12px;font-size:13px}#payments-status:not(:empty){margin:0 0 12px;font-size:13px}#payments-tabs{display:flex;gap:8px;border-bottom:1px solid #dce5f0;margin:0 0 16px;padding-bottom:12px}#payments-tabs button{min-height:34px;padding:6px 13px;border:1px solid #d5dfed;border-radius:6px;background:white;color:#4d637f;font-size:13px}#payments-tabs [aria-selected=true]{color:#2462b5;border-color:#b9d0ef;background:#eaf2fe}
@media(max-width:760px){.pay-panel,.pay-total{padding:12px}.pay-total-value>strong{font-size:27px}.pay-form-grid{grid-template-columns:1fr}.pay-dialog{padding:14px}.pay-dialog-head h2{font-size:16px}.pay-table th,.pay-table td{padding:9px 10px}}
.pay-totals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pay-returned-value{border-left:1px solid #dce5f0;padding-left:20px}.pay-returned-value>span:last-child{font-size:12px;line-height:1.6}@media(max-width:600px){.pay-totals-grid{grid-template-columns:1fr;gap:8px}.pay-returned-value{border-left:0;border-top:1px solid #dce5f0;padding-left:0;padding-top:12px}}
.pay-read-status{height:34px;min-height:34px;display:flex;align-items:center;gap:8px;color:#61758d;font-size:12px;line-height:1.4;overflow:hidden}.pay-read-status>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-read-status>.button{flex:none;min-height:26px;height:26px;padding:2px 8px;font-size:12px}.pay-read-status:empty{visibility:hidden}#payments-status{height:30px;min-height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 12px}
html.pay-settings-open{overflow:hidden;scrollbar-gutter:stable}.pay-settings-dialog{width:min(1120px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:0;overflow:hidden;background:#f3f6fb}.pay-settings-dialog[open]{display:flex;flex-direction:column}.pay-settings-dialog>.pay-dialog-head{padding:16px 20px;margin:0;flex:none;background:#fff;border-bottom:1px solid #dce5ef}.pay-settings-dialog>.pay-dialog-head .button{flex:none}.pay-settings-dialog>[data-pay-settings-status]{flex:none;margin:0 20px;white-space:nowrap;text-overflow:ellipsis}#payments-settings-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 20px;scrollbar-gutter:stable}#payments-settings-content>.pay-panel:last-child{margin-bottom:0}.pay-settings-dialog .pagination{flex-wrap:wrap}.pay-settings-dialog .section-head{gap:12px}.pay-settings-dialog .data-table-wrap{max-width:100%}@media(max-width:620px){.pay-settings-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.pay-settings-dialog>.pay-dialog-head{padding:12px}.pay-settings-dialog>[data-pay-settings-status]{margin:0 12px}#payments-settings-content{padding:0 12px 12px}.pay-settings-dialog .section-head{align-items:flex-start;flex-wrap:wrap}}
#payments-tabs{display:flex;align-items:center;gap:8px;width:100%}#payments-tabs .pay-config-tab{margin-left:auto;width:40px;min-width:40px;height:40px;padding:8px;display:grid;place-items:center}#payments-tabs .pay-config-tab svg{display:block}.pay-total .pay-totals-grid{gap:18px;align-items:stretch}.pay-metric-card{border:1px solid #dce5ef;border-radius:14px;background:#f8fafc;padding:22px 24px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.pay-metric-card .pay-metric-label{font-size:14px;font-weight:700;color:#52627a}.pay-metric-card>strong{font-size:clamp(24px,3vw,34px);font-weight:750;letter-spacing:-.025em;line-height:1.2;color:#17263d;overflow-wrap:anywhere}.pay-metric-card>strong>small{font-size:15px;letter-spacing:0;font-weight:600;color:#62738a}.pay-metric-card .pay-metric-secondary{font-size:15px;color:#42536b}.pay-metric-card .pay-metric-note{font-size:12px;color:#738196;margin-top:auto}.pay-picker-label{display:flex;flex-direction:column;gap:6px;max-width:460px;margin:14px 0}.pay-picker-label select{min-height:40px;max-width:100%}.pay-entry>summary{cursor:pointer;font-weight:700;padding:10px 0}.pay-entry[open]>summary{margin-bottom:10px}@media(max-width:620px){.pay-total .pay-totals-grid{grid-template-columns:1fr;gap:12px}.pay-metric-card{padding:18px}.pay-metric-card>strong{font-size:28px}}

.pay-settings-links{display:flex;gap:8px;flex-wrap:wrap;flex:none;padding:12px 20px;background:#fff}

/* source: operations-adjustments.css */
.oa-tabs,.oa-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oa-tabs{margin-bottom:20px}.oa-tabs .button{padding:10px 18px}.oa-overview{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,2fr);gap:24px;padding:24px;margin-bottom:22px}.oa-total{background:#f1f6fd;border:1px solid #dce6f5;border-radius:12px;padding:22px;display:flex;flex-direction:column;justify-content:center}.oa-total>span,.oa-month-grid article>span{color:#687b96;font-size:14px}.oa-total>strong{display:block;font-size:30px;letter-spacing:-.6px;margin:12px 0;font-variant-numeric:tabular-nums}.oa-total p,.oa-month-grid p{font-size:12px;color:#6f8198;line-height:1.6;margin:5px 0}.oa-total small,.oa-month-grid strong small{font-size:12px;font-weight:500}.oa-months h3,.oa-provider-breakdown h3{font-size:16px;margin:0 0 14px}.oa-months h3 small,.oa-provider-breakdown h3 small{display:block;font-size:12px;color:#8291a6;font-weight:400;margin-top:6px}.oa-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oa-month-grid article{padding:16px 13px;border:1px solid #e1e8f2;border-radius:10px;background:#fff}.oa-month-grid strong{display:block;margin:10px 0;font-size:19px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.oa-month-grid .oa-rise{color:#9c6423}.oa-month-grid .oa-fall{color:#2a7e73}.oa-provider-breakdown{grid-column:1/-1;border-top:1px solid #e3eaf3;padding-top:18px}.oa-provider-breakdown>span{display:inline-block;font-size:13px;background:#f4f7fb;border-radius:8px;padding:10px 14px;margin:0 8px 8px 0}.oa-detail{padding:24px}.oa-detail .section-head{justify-content:flex-start;gap:16px}.oa-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0 12px}.oa-filter label{min-width:150px;max-width:270px}.oa-filter label,.oa-entry label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#53657e}.oa-filter select,.oa-entry select,.oa-entry input,.oa-entry textarea{width:100%;border:1px solid #d5dfef;border-radius:8px;padding:10px;background:#fff;min-height:40px;color:#243954}.oa-entry textarea{resize:vertical}.oa-caption,#oa-read-status{font-size:13px}.oa-table{width:100%;min-width:820px;font-size:13px}.oa-table th,.oa-table td{padding:13px 14px;vertical-align:middle;text-align:left}.oa-table .oa-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.oa-table tbody tr:nth-child(even){background:#f0f4fa}.oa-table small{display:block;font-size:11px;color:#8693a7;line-height:1.5;margin-top:5px}.oa-table .oa-note{min-width:130px;max-width:270px;white-space:normal;overflow-wrap:anywhere}.oa-table .button{font-size:12px;padding:7px 10px;white-space:nowrap}.oa-table .oa-empty{text-align:center;padding:35px;color:#8393a8}.oa-dot{position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-radius:50%;background:#e54350;box-shadow:0 0 0 2px #fff}#oa-pending-button{position:relative}.oa-dialog{width:min(1160px,95vw);max-height:88vh;border:1px solid #dbe4f1;border-radius:16px;padding:24px;color:#243954;overflow:auto}.oa-dialog::backdrop{background:rgb(18 32 53 / 42%)}.oa-dialog>.section-head{justify-content:space-between}.oa-dialog .section-head h2{font-size:20px}.oa-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:780px;margin:20px auto}.oa-full,.oa-reserve-fields{grid-column:1/-1}.oa-reserve-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:1px solid #dce8f7;background:#f7faff;border-radius:10px;padding:16px}.oa-reserve-fields p{grid-column:1/-1;font-size:12px}.oa-reserve-fields[hidden]{display:none}.oa-error{color:#c63140;font-size:13px}.oa-badge{display:inline-block;border-radius:6px;padding:5px 8px;font-size:12px;white-space:nowrap}.oa-success,.oa-confirmed{color:#217855;background:#e5f5ec}.oa-failed{color:#b13b49;background:#fae9ed}.oa-pending,.oa-reviewing{color:#916324;background:#fff3d9}@media(max-width:1100px){.oa-overview{grid-template-columns:1fr}.oa-total>strong{font-size:28px}.oa-filter [data-date-range]{flex-basis:100%}}@media(max-width:620px){.oa-month-grid,.oa-entry{grid-template-columns:1fr}.oa-overview,.oa-detail,.oa-dialog{padding:16px}.oa-reserve-fields{grid-template-columns:1fr}.oa-filter label{max-width:none;flex:1}.oa-month-grid article{padding:13px}.oa-table{font-size:12px}}
.oa-filter input{width:100%;min-width:0;min-height:40px;border:1px solid #d5dfef;border-radius:8px;padding:10px;color:#243954;background:#fff}.oa-range{display:flex;gap:6px;max-width:260px}.oa-range input{width:50%;min-width:0}.ot-overview{display:grid;grid-template-columns:minmax(240px,.8fr) 2fr;gap:20px;padding:24px;margin-bottom:22px}.ot-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.ot-status-cards article{border:1px solid #e1e8f2;border-radius:10px;padding:16px;background:#fff}.ot-status-cards strong{display:block;font-size:19px;margin:14px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ot-status-cards small,.ot-status-cards article>span:last-child{font-size:12px;color:#73839a}.ot-processing,.ot-unfilled{background:#fff3d9;color:#916324}.ot-completed,.ot-automatic,.ot-manual{background:#e5f5ec;color:#217855}.ot-compensated,.ot-failed{background:#fae9ed;color:#b13b49}.ot-table{min-width:1350px}.ot-record-heading{display:flex;flex-direction:column;gap:10px;margin:20px 0}.ot-record-heading small{color:#73839a}.ot-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.oa-note{white-space:pre-wrap!important}#ot-status{font-size:13px;min-height:18px}@media(max-width:1100px){.ot-overview{grid-template-columns:1fr}}@media(max-width:620px){.ot-overview{padding:16px}.oa-filter .oa-range{max-width:none}.ot-status-cards{grid-template-columns:1fr 1fr}}

/* source: modal-layout.css */
dialog.global-modal { max-height:90dvh; overflow:auto; }
dialog .global-modal-header {
  position:sticky; top:0; z-index:25; display:flex; align-items:center;
  flex-wrap:wrap; gap:10px; grid-column:1 / -1; margin:0 0 16px;
  padding:10px 0; background:var(--panel,#fff); border-bottom:1px solid var(--border,#dbe3ef);
}
dialog .global-modal-header > h1, dialog .global-modal-header > h2 {
  margin:0; flex:1; min-width:0; overflow-wrap:anywhere;
}
.fin-dialog-header-actions { display:flex; align-items:center; gap:8px; }
.fin-dialog-header-actions [hidden] { display:none !important; }
.fin-entry-modal .fin-form { margin-top:0; }
.fin-category-scopes { display:flex; flex-wrap:wrap; gap:10px 20px; border:1px solid var(--border,#dbe3ef); border-radius:8px; padding:12px; margin:14px 0; }
.fin-category-scopes legend { color:var(--muted,#52647a); font-size:.85rem; }
.fin-category-scopes .fin-check { display:flex; align-items:center; gap:6px; font-size:.85rem; }
.fin-category-scopes input[type=checkbox] { width:16px; height:16px; min-height:16px; }
.oa-audit { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.oa-audit > div { padding:10px; border:1px solid var(--border,#dbe3ef); border-radius:8px; overflow-wrap:anywhere; }
.oa-audit small { display:block; color:var(--muted,#52647a); margin-bottom:5px; }
@media (max-width:600px) { .oa-audit { grid-template-columns:1fr; } }

/* source: channel-entry.css */
.channel-defaults-gear {font-size:21px;width:34px;height:34px;padding:0;flex-shrink:0;color:#64748b;}
.channel-defaults-gear:hover {color:#2563eb;background:#eff6ff;border-color:#93b4f5;}
.channel-inline-input {box-sizing:border-box;width:100%;min-width:56px;max-width:145px;padding:7px 8px;border:1px solid #d6deea;border-radius:6px;background:#fff;color:#243047;font:inherit;line-height:1.3;}
.channel-inline-input[data-channel-inline="delivery_count"] {min-width:94px;}
.channel-inline-input[data-channel-inline="delivery_channel"] {min-width:85px;}
.channel-inline-input:hover {border-color:#94a3b8;}
.channel-inline-input:focus {outline:2px solid #93b4f5;outline-offset:1px;border-color:#2563eb;}
.channel-inline-input[aria-invalid="true"] {border-color:#dc2626;background:#fff1f2;}
.channel-inline-input:disabled {opacity:.6;cursor:progress;}
.entry-default-field .click-mode-head {gap:12px;flex-wrap:wrap;}
.entry-default-field input:disabled {background:#edf1f6;color:#64748b;}
.entry-default-field small {font-size:12px;line-height:1.5;color:#64748b;}
#channel-entry-defaults-modal {width:min(620px,calc(100vw - 32px));}
#channel-entry-defaults-modal .form-grid {margin-top:20px;}

/* 0.49.1: channel layout only; costs, editing and defaults are unchanged. */
#channels-page .channel-info-kpis {gap:12px;margin-bottom:10px;}
#channels-page .channel-info-kpis article {padding:14px 16px;min-height:118px;border-radius:12px;box-shadow:0 2px 5px rgba(30,50,80,.025);}
#channels-page .channel-info-kpis strong {font-size:20px;line-height:1.3;letter-spacing:-.25px;white-space:nowrap;overflow-wrap:normal;margin-top:10px;}
#channels-page .metric-formula-button {min-height:24px;padding:2px 6px;font-size:11px;background:#f8faff;border-color:#dfe7f4;}
#channels-page .channel-spend-amounts {gap:6px 10px;}
#channels-page .channel-info-kpis .channel-remaining-balance {font-size:11px;line-height:1.5;margin-top:2px;padding:2px 7px;border-radius:5px;}
#channels-page .channel-remaining-balance.negative {background:#fff0ed;color:#c7352b;}
#channels-page .channel-remaining-balance.positive {background:#edf8f1;color:#167645;}
#channels-page .channel-calculation-help {margin:8px 0 12px;font-size:11px;line-height:1.6;color:#728099;}
#channels-page .channel-calculation-help summary {width:fit-content;cursor:pointer;color:#5b6d86;}
#channels-page .channel-calculation-help summary span {margin-left:12px;color:#8995a6;}
#channels-page .channel-calculation-help p {margin:6px 0 0;padding:8px 12px;border-left:2px solid #d8e2ef;max-width:1050px;}
#channels-page #channel-status:empty {display:none;}
#channels-page .channel-table-heading {padding:10px 12px;margin:0;gap:8px;background:#fff;border:1px solid var(--border);border-bottom:0;border-radius:11px 11px 0 0;}
#channels-page .channel-table-heading > h3 {font-size:14px;margin-right:0;}
#channels-page .channel-defaults-gear {width:30px;height:30px;font-size:17px;min-width:30px;border-radius:6px;}
#channels-page .channel-title-filters {gap:6px;}
#channels-page .channel-title-filters .button {height:30px;min-height:30px;padding:4px 9px;font-size:12px;border-color:#dce4ef;border-radius:6px;}
#channels-page .channel-title-filters .button.is-active {border-color:#8fb4f0;background:#eef5ff;box-shadow:none;}
#channels-page .channel-table-wrap {border-radius:0 0 11px 11px;max-height:calc(100vh - 310px);scrollbar-gutter:stable;}
#channels-page .channel-table {font-size:12px;font-variant-numeric:tabular-nums;}
#channels-page .channel-table th {height:38px;padding:9px 8px;white-space:nowrap;font-size:11px;font-weight:600;color:#64748b;background:#f7f9fc;}
#channels-page .channel-table td {padding:8px;line-height:1.45;}
#channels-page .channel-table th.col-favorite,#channels-page .channel-table td.col-favorite {padding:4px;}
#channels-page .channel-table tbody tr:not(.channel-summary-row) td {height:48px;}
#channels-page .channel-table .channel-inline-input {display:block;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:32px;padding:5px 7px;border:1px solid #d5dfed;border-radius:6px;background:rgba(255,255,255,.94);font-size:12px;line-height:20px;outline-offset:-1px;}
#channels-page .channel-table .channel-inline-input[data-channel-inline="delivery_channel"],
#channels-page .channel-table .channel-inline-input[data-channel-inline="delivery_count"] {width:72px;max-width:100%;height:28px;min-height:28px;padding:3px 6px;}
#channels-page .channel-table .channel-inline-input[data-channel-inline="delivery_count"] {width:80px;}
#channels-page .channel-table .channel-inline-input[data-channel-inline="buried_count"],
#channels-page .channel-table .channel-inline-input[data-channel-inline="hit_status"] {width:56px;max-width:100%;height:28px;min-height:28px;padding:3px 6px;}
#channels-page .channel-inline-input[data-channel-inline="delivery_count"],#channels-page .channel-inline-input[data-channel-inline="buried_count"] {text-align:right;}
#channels-page .channel-inline-input:focus {border-color:#477ed6;box-shadow:0 0 0 2px #e4edfc inset;outline:0;}
#channels-page .channel-inline-input[aria-invalid="true"] {border-color:#dc2626;background:#fff1f2;}
#channels-page .channel-table tbody tr.channel-summary-row td {padding:10px 8px;background:#fffbeb;border-top:1px solid #ebd68f;border-bottom:1px solid #ebd68f;white-space:nowrap;vertical-align:middle;}
#channels-page .channel-table tbody tr.channel-summary-row td:first-child {border-left:3px solid #e6bd49;}
#channels-page .channel-table tbody tr.channel-summary-row td:last-child {border-right:1px solid #ebd68f;}
#channels-page .channel-table .channel-summary-row .channel-summary-coverage {display:flex;flex-wrap:wrap;gap:0 4px;align-items:baseline;font-size:10px;line-height:1.5;color:#8991a1;overflow:visible;overflow-wrap:normal;white-space:normal;}
#channels-page .channel-summary-coverage > span {white-space:nowrap;}
#channels-page .channel-summary-row .sub {font-size:10px;line-height:1.5;}
#channels-page .channel-table.channel-simple {min-width:1488px;}
#channels-page .channel-simple-col-delivery {width:88px;}
#channels-page .channel-simple-col-sent {width:96px;}
#channels-page .channel-simple-col-count {width:110px;}
#channels-page .channel-simple-col-buried,#channels-page .channel-simple-col-hit {width:72px;}
#channels-page .channel-simple-col-rate {width:96px;}
#channels-page .channel-simple-col-money {width:112px;}
#channels-page .channel-simple-col-refreshed {width:112px;}
#channels-page .channel-table.channel-query {min-width:1280px;--channel-query-extra:calc((100% - 1280px) / 5);}
#channels-page .channel-query-col-delivery {width:88px;}
#channels-page .channel-query-col-sent {width:96px;}
#channels-page .channel-query-col-buried,#channels-page .channel-query-col-hit {width:72px;}
#channels-page .channel-query-col-money {width:calc(112px + var(--channel-query-extra));}
#channels-page .channel-query-col-rate {width:calc(124px + var(--channel-query-extra));}
@media(max-width:1450px) {#channels-page .channel-info-kpis {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px) {#channels-page .channel-info-kpis {grid-template-columns:repeat(2,minmax(0,1fr));}#channels-page .channel-info-kpis article {padding:12px;min-height:110px;}#channels-page .channel-info-kpis strong {font-size:18px;}}
@media(max-width:600px) {#channels-page .channel-table-heading {padding:10px;}#channels-page .channel-title-filters {width:100%;}#channels-page .channel-calculation-help summary span {margin-left:6px;}#channels-page .channel-table.channel-query {min-width:1180px;--channel-query-extra:calc((100% - 1180px) / 5);}}

#channels-page .channel-table:not(.channel-simple):not(.channel-query) {width:2966px;min-width:2966px;}
#channels-page .channel-table[data-channel-kind="voice"]:not(.channel-simple):not(.channel-query) {width:2714px;min-width:2714px;}
#channels-page .channel-col-favorite {width:32px;}
#channels-page .channel-col-id {width:72px;}
#channels-page .channel-col-date {width:60px;}
#channels-page .channel-col-site {width:88px;}
#channels-page .channel-col-backend {width:96px;}
#channels-page .channel-col-form {width:68px;}
#channels-page .channel-col-links {width:100px;}
#channels-page .channel-col-delivery {width:88px;}
#channels-page .channel-col-sent {width:96px;}
#channels-page .channel-col-count {width:110px;}
#channels-page .channel-col-small {width:72px;}
#channels-page .channel-col-metric {width:124px;}
#channels-page .channel-col-rate {width:110px;}
#channels-page .channel-col-amount {width:132px;}
#channels-page .channel-col-money {width:112px;}
#channels-page .channel-col-rate-wide {width:124px;}
#channels-page .channel-col-price {width:78px;}
#channels-page .channel-col-actual {width:132px;}
#channels-page .channel-col-exchange {width:86px;}
#channels-page .channel-col-note {width:130px;}
#channels-page .channel-col-refreshed {width:112px;}
#channels-page .channel-col-actions {width:146px;}
#channels-page .data-read-status:empty {display:none;}
#channels-page .channel-info-kpis article {min-height:110px;}
#channels-page .channel-table tbody tr.channel-summary-row td {padding-top:8px;padding-bottom:8px;}
#channels-page .channel-summary-row .sub {margin-top:2px;}

/* Voice replaces the delivery-channel column with its existing cost column. */
#channels-page .channel-table[data-channel-kind="voice"].channel-simple {min-width:1512px;}
#channels-page .channel-table[data-channel-kind="voice"].channel-query {min-width:1304px;--channel-query-extra:calc((100% - 1304px) / 6);}
@media(max-width:600px) {#channels-page .channel-table[data-channel-kind="voice"].channel-query {min-width:1204px;--channel-query-extra:calc((100% - 1204px) / 6);}}

/* source: time-node.css */
#time-node-page{min-width:0}.tn-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tn-head [role=tablist]{display:flex;gap:10px}.tn-head [aria-selected=true]{background:#2563eb;color:white;border-color:#2563eb}.tn-head>[data-tn=settings]{font-size:25px;min-width:48px;padding:6px 12px}.tn-panel{padding:22px;min-width:0}.tn-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.tn-controls label,.tn-rule-grid label,.tn-modal-body [data-custom-bot] label,.tn-modal-body [data-custom-group] label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#53657b}.tn-controls input,.tn-controls select,.tn-modal-body input:not([type=checkbox]),.tn-modal-body select{padding:10px 12px;border:1px solid #ccd8e8;border-radius:8px;background:#fff;color:#172033;min-width:110px;font:inherit}.tn-controls select[data-tn-field=site]{max-width:330px}.tn-chart-head{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;margin-top:24px}.tn-chart-head h2,.tn-table-controls h2{font-size:18px;margin:0}.tn-legend{display:flex;gap:7px;flex-wrap:wrap}.tn-legend .button{font-size:13px;padding:7px 9px}.tn-legend [aria-pressed=false]{opacity:.4}.tn-dot{display:inline-block;width:8px;height:8px;border-radius:100%;margin-right:7px;vertical-align:middle}.tn-today{background:#2563eb}.tn-yesterday{background:#d89b10}.tn-week{background:#18a283}.tn-chart svg{width:100%;height:auto;min-height:200px;display:block;margin:12px 0}.tn-chart text{font-family:inherit;font-size:12px;fill:#64748b}.tn-grid{stroke:#e3eaf3;stroke-width:1}.tn-table-controls{margin-top:30px;margin-bottom:18px}.tn-table-controls h2{margin-right:auto;align-self:center}.tn-table-wrap{overflow:auto;max-height:670px;border:1px solid #dce5f2;border-radius:10px;isolation:isolate}/* Explicit column classes keep rowspan labels aligned during horizontal scroll. */
.tn-table{--tn-site-width:180px;--tn-series-width:140px;border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;table-layout:auto;font-variant-numeric:tabular-nums}
.tn-table td,.tn-table th{box-sizing:border-box;min-width:104px;white-space:nowrap;padding:12px 16px;font-size:13px;text-align:right;border-bottom:1px solid #e5eaf3;border-right:1px solid #edf1f7;background:#fff}
.tn-table .tn-site-cell{position:sticky;left:0;z-index:2;min-width:var(--tn-site-width);max-width:var(--tn-site-width);width:var(--tn-site-width);text-align:left;white-space:normal;vertical-align:middle}
.tn-table .tn-series-cell{position:sticky;left:var(--tn-site-width);z-index:2;min-width:var(--tn-series-width);max-width:var(--tn-series-width);width:var(--tn-series-width);text-align:left;white-space:normal;line-height:1.5;box-shadow:2px 0 0 #dce5f2}
.tn-table thead th{position:sticky;top:0;z-index:3;background:#f3f7fc}
.tn-table thead .tn-site-cell,.tn-table thead .tn-series-cell{z-index:5}
.tn-table tbody tr:nth-child(6n+4)>*,.tn-table tbody tr:nth-child(6n+5)>*,.tn-table tbody tr:nth-child(6n+6)>*{background:#f7faff}
.tn-table .tn-total>*{background:#fffbea!important}
.tn-table small{display:block;font-size:11px;font-weight:400;color:#7a879b;margin-top:4px}
.tn-table button{border:0;padding:0;background:transparent;color:#245ab8;font:inherit;font-weight:700;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.tn-table small.tn-negative{color:#de423e}.tn-table small.tn-positive{color:#14946b}
.tn-error{color:#c93731;white-space:normal}.tn-dialog{width:min(820px,calc(100vw - 30px));max-height:90dvh;overflow:auto;padding:0;border:1px solid #d8e2ef;border-radius:16px;color:#172033;box-shadow:0 20px 80px #0004}.tn-dialog::backdrop{background:#12203977}.tn-modal-head,.tn-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px;background:white;position:sticky;z-index:3;top:0;border-bottom:1px solid #e2e8f0}.tn-modal-head h2{font-size:20px;margin:0}.tn-modal-foot{top:auto;bottom:0;justify-content:flex-end;border-top:1px solid #e2e8f0;border-bottom:0}.tn-modal-body{padding:8px 24px 24px}.tn-modal-body fieldset{padding:18px;border:1px solid #d8e3f1;border-radius:10px;margin:15px 0}.tn-modal-body legend{font-weight:700;color:#214f8e;padding:0 5px}.tn-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}.tn-inline{display:flex!important;align-items:center;flex-direction:row!important;gap:8px;margin-bottom:10px}.tn-modal-body input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.tn-modal-body input:disabled,.tn-modal-body select:disabled{background:#f3f5f8;color:#7d8899}.tn-modal-body [data-custom-bot],.tn-modal-body [data-custom-group]{margin-top:15px}.tn-modal-body [hidden]{display:none!important}.tn-modal-body details{margin-top:18px}.tn-modal-body li{margin:7px 0;line-height:1.5;font-size:13px}.tn-modal-body .muted,.tn-panel>.muted{font-size:12px;line-height:1.7}@media(max-width:650px){.tn-panel{padding:12px}.tn-controls{gap:10px}.tn-controls label{flex:1;min-width:135px}.tn-controls select[data-tn-field=site]{max-width:100%}.tn-chart{overflow:auto}.tn-chart svg{min-width:600px}.tn-rule-grid{grid-template-columns:1fr}.tn-modal-body{padding:5px 15px 15px}.tn-modal-head,.tn-modal-foot{padding:14px}.tn-head .button{padding:9px 12px}.tn-table{--tn-site-width:115px;--tn-series-width:100px}.tn-table td,.tn-table th{padding:10px 12px;min-width:96px}.tn-table-controls h2{width:100%}}

/* One shared selected time for the chart, details, sorting and table. */
.tn-chart-selection{stroke:#d6a400;stroke-width:1.5;stroke-dasharray:4 3;pointer-events:none}
.tn-node-hit{cursor:pointer}.tn-node-hit:hover{fill:#eab30812}.tn-node-hit:focus-visible{outline:none;stroke:#a87800;stroke-width:2;fill:#eab30818}
.tn-node-details{display:flex;align-items:center;gap:22px;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:12px 0;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.tn-node-details>strong{font-size:20px;color:#8b6400;min-width:118px}.tn-node-details strong small{display:block;font-size:11px;font-weight:400;margin-top:5px;color:#64748b}
.tn-node-details>div{min-width:130px}.tn-node-details span{font-size:12px;color:#64748b}.tn-node-details b{display:block;margin-top:5px;font-size:18px}
.tn-node-details .tn-comparison{display:block;margin-top:4px;font-size:12px}
.tn-comparison.tn-negative{color:#de423e}.tn-comparison.tn-positive{color:#14946b}
.tn-time-label{display:inline-block;font-size:12px;font-weight:500;padding:5px 8px;color:#855f00;background:#fff0a8;border-radius:5px;white-space:nowrap}
.tn-table .tn-time-spacer{width:var(--tn-edge-space,0px);min-width:var(--tn-edge-space,0px);max-width:var(--tn-edge-space,0px);padding:0;border-right:0;pointer-events:none}
.tn-table td.tn-active-time,.tn-table .tn-total>td.tn-active-time{background:#fff0a8!important;box-shadow:inset 1px 0 #dfb529,inset -1px 0 #dfb529}
.tn-table thead th.tn-active-time{background:#f7d867!important;color:#5d4300;box-shadow:inset 1px 0 #dfb529,inset -1px 0 #dfb529}
@media(max-width:650px){.tn-node-details{gap:14px;padding:12px}.tn-node-details>strong{width:100%}.tn-node-details>div{min-width:80px;flex:1}.tn-node-details b{font-size:16px}.tn-node-details .tn-comparison{font-size:11px}}

.tn-head{gap:12px;align-items:flex-start}.tn-head [role=tablist]{flex:1;min-width:0;flex-wrap:wrap}.tn-head>[data-tn=settings]{flex-shrink:0}.tn-snapshot-note{font-size:12px;line-height:1.8;color:#64748b;overflow-wrap:anywhere;margin:10px 0}

/* Compact navigation and filters. All overrides are scoped to this page. */
#time-node-page{padding-top:18px}
#time-node-page .tn-head{align-items:center;gap:16px;margin-bottom:16px}
#time-node-page .tn-head [role=tablist]{display:flex;flex:0 1 auto;gap:3px;flex-wrap:nowrap;padding:4px;background:#eaf0f8;border:1px solid #e0e7f1;border-radius:12px;min-width:0}
#time-node-page .tn-head [role=tab]{min-height:40px;padding:8px 18px;border:0;border-radius:8px;font-size:14px;font-weight:600;line-height:24px;color:#596a80;background:transparent;transition:background .15s,color .15s,box-shadow .15s}
#time-node-page .tn-head [role=tab]:hover{background:#dfe9f8;color:#1d4ed8}
#time-node-page .tn-head [role=tab][aria-selected=true]{color:#fff;background:#2563eb;box-shadow:0 2px 5px #1d4ed82b}
#time-node-page .tn-head>[data-tn=settings]{font-size:13px;min-width:0;min-height:40px;padding:8px 13px;gap:7px;border-radius:9px;color:#52647c;background:#fff}
#time-node-page .tn-head>[data-tn=settings]:hover{color:#1d4ed8;border-color:#a6c4f9;background:#f7faff}
#time-node-page .tn-panel{padding:20px 22px;border-radius:14px;border-color:#e0e7f0;box-shadow:0 3px 16px #172b4d04}
#time-node-page .tn-filter-bar{display:grid;grid-template-columns:164px minmax(190px,280px) 136px auto;justify-content:start;align-items:end;gap:16px}
#time-node-page .tn-filter-bar label{position:relative;gap:7px;font-size:12px;font-weight:500;color:#66768c;min-width:0}
#time-node-page .tn-filter-date>small{position:absolute;top:0;left:34px;font-size:11px;font-weight:400;color:#8a97a9}
#time-node-page .tn-filter-bar input,#time-node-page .tn-filter-bar select,#time-node-page .tn-filter-bar .date-filter-trigger,#time-node-page .tn-filter-bar>.button{box-sizing:border-box;width:100%;max-width:100%;height:40px;min-height:40px;margin:0;font-size:14px;line-height:20px;border-radius:8px;color:#23354d}
#time-node-page .tn-filter-bar input,#time-node-page .tn-filter-bar select{padding:9px 12px;border-color:#d7e0ec;box-shadow:0 1px 2px #172b4d03}
#time-node-page .tn-filter-bar>.button{width:auto;padding:9px 14px;border-color:#ccddfa;background:#f3f7ff;color:#2563eb;font-size:13px;font-weight:600}
#time-node-page .tn-filter-bar>.button:hover{background:#e8f0ff}
#time-node-page .tn-status-strip{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;font-size:12px;line-height:20px;color:#77859a;padding:13px 0 16px;border-bottom:1px solid #edf1f6}
#time-node-page .tn-status-tag{padding:2px 8px;border-radius:5px;font-size:11px;font-weight:500;background:#edf4ff;color:#4570a9}
#time-node-page .tn-updated{margin-left:auto;color:#8491a3}
#time-node-page .tn-updated time{margin-left:5px;color:#52657f;font-variant-numeric:tabular-nums}
#time-node-page .tn-status-warning{color:#a56915;background:#fff7e6;border-radius:5px;padding:2px 7px}
#time-node-page .tn-chart-head{margin-top:20px;gap:12px}
#time-node-page .tn-chart-head h2{font-size:17px;line-height:26px;color:#25364c;font-weight:650}
#time-node-page .tn-legend{gap:5px}
#time-node-page .tn-legend .button{min-height:32px;font-size:12px;padding:5px 10px;border-color:transparent;background:#f5f7fb;border-radius:6px;color:#66758c}
#time-node-page .tn-legend [aria-pressed=false]{background:transparent;opacity:.45}
#time-node-page .tn-chart svg{margin:12px 0 16px}
#time-node-page .tn-node-details{display:grid;grid-template-columns:minmax(104px,.8fr) repeat(3,minmax(0,1fr));gap:0;padding:16px 20px;background:#f7f9fd;border-color:#e8edf5;border-radius:10px;margin:12px 0}
#time-node-page .tn-node-details>strong{min-width:0;font-size:22px;color:#976d13}
#time-node-page .tn-node-details>div{min-width:0;border-left:1px solid #e1e8f2;padding-left:22px}
#time-node-page .tn-node-details b{font-size:21px;font-weight:650;line-height:1.3;letter-spacing:-.2px;font-variant-numeric:tabular-nums}
#time-node-page .tn-node-details>div:nth-child(2) b{color:#2563eb}
#time-node-page .tn-help{margin:8px 0 0;font-size:12px;color:#8290a3;line-height:1.8}
#time-node-page .tn-help summary{cursor:pointer;width:fit-content;color:#718299;list-style-position:inside}
#time-node-page .tn-help summary:hover{color:#2563eb}
#time-node-page .tn-help p{margin:7px 0 0;padding:10px 12px;border-radius:7px;background:#f8fafc;color:#6c7c91}
#time-node-page .tn-table-controls{padding-top:22px;margin-top:22px;margin-bottom:14px;border-top:1px solid #edf1f6;gap:10px 12px}
#time-node-page .tn-table-controls label{font-size:11px;gap:5px}
#time-node-page .tn-table-controls select{font-size:12px;min-height:36px;padding:7px 10px;min-width:104px}
#time-node-page .tn-table-controls>.button{font-size:12px;min-height:36px;padding:7px 10px}
#time-node-page .tn-table-controls h2{font-size:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#time-node-page .tn-time-label{font-size:11px;border-radius:5px;padding:4px 7px}
#time-node-page .tn-table-wrap{border-color:#e1e8f2}
#time-node-page .tn-table thead th{font-size:12px;color:#6b7d95;background:#f3f6fb}
#time-node-page .tn-table thead th.tn-active-time{background:#f7d867;color:#5d4300}
#time-node-page .button:focus-visible,#time-node-page select:focus-visible,#time-node-page .tn-help summary:focus-visible{outline:2px solid #609aff;outline-offset:3px}
@media(max-width:1050px){
 #time-node-page .tn-head [role=tab]{padding:8px 12px;font-size:13px}
 #time-node-page .tn-filter-bar{grid-template-columns:154px minmax(165px,1fr) 124px auto;gap:12px}
 #time-node-page .tn-updated{margin-left:0}
 #time-node-page .tn-node-details>div{padding-left:15px}
}
@media(max-width:760px){
 #time-node-page .tn-panel{padding:16px}
 #time-node-page .tn-head{align-items:flex-start;gap:9px}
 #time-node-page .tn-head [role=tablist]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;gap:3px}
 #time-node-page .tn-head [role=tab]{padding:7px 8px;min-height:36px;font-size:12px;line-height:22px}
 #time-node-page .tn-head>[data-tn=settings]{width:40px;min-height:40px;padding:9px}
 #time-node-page .tn-head>[data-tn=settings] span{display:none}
 #time-node-page .tn-filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
 #time-node-page .tn-filter-bar label{min-width:0}
 #time-node-page .tn-filter-bar>.button{width:100%}
 #time-node-page .tn-status-strip{gap:7px 12px;padding:12px 0}
 #time-node-page .tn-node-details{padding:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 #time-node-page .tn-node-details>strong{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:20px;width:auto}
 #time-node-page .tn-node-details strong small{margin:0}
 #time-node-page .tn-node-details>div{padding-left:10px;border-left:1px solid #e1e8f2}
 #time-node-page .tn-node-details>div:nth-child(2){padding-left:0;border:0}
 #time-node-page .tn-node-details b{font-size:17px;overflow-wrap:anywhere}
 #time-node-page .tn-node-details .tn-comparison{font-size:10px}
 #time-node-page .tn-table-controls h2{width:100%}
}
@media(prefers-reduced-motion:reduce){#time-node-page .tn-head [role=tab]{transition:none}}

/* Completed-period alert configuration. */
#time-node-settings .tn-policy-note{background:#f5f8ff;border:1px solid #dae5f8;border-radius:10px;padding:12px 14px;margin:12px 0;color:#405570;font-size:12px;line-height:1.7}
#time-node-settings .tn-policy-note strong{color:#244f8c;font-size:13px}
#time-node-settings .tn-policy-note p{margin:6px 0 0}
#time-node-settings .tn-rule-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#time-node-settings .tn-rule-top>label:last-child{display:flex;align-items:center;gap:8px;font-size:13px}
#time-node-settings .tn-rule-top .tn-inline{margin:0}
#time-node-settings .tn-sites-check{margin:6px 0;font-size:13px}
#time-node-settings .tn-band{min-width:0;padding:12px;background:#f8fafc;border:1px solid #e3eaf4;border-radius:8px}
#time-node-settings .tn-band-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}
#time-node-settings .tn-band-inputs>span{padding-bottom:11px;color:#8190a2}
#time-node-settings .tn-band-inputs label{min-width:0;font-size:12px}
#time-node-settings .tn-band-inputs input{min-width:0;width:100%;box-sizing:border-box}
#time-node-settings .tn-rule-grid{gap:12px}
#time-node-settings input[type=checkbox]{flex-shrink:0}
@media(max-width:420px){#time-node-settings .tn-rule-top{flex-wrap:wrap}#time-node-settings .tn-rule-top>label:last-child{width:100%;justify-content:space-between}#time-node-settings .tn-modal-body fieldset{padding:12px}#time-node-settings .tn-band{padding:10px}}

/* One-day picker uses the existing confirmed date control. */
#time-node-page .tn-filter-bar{grid-template-columns:164px 174px minmax(180px,280px) 136px auto}
#time-node-page .tn-filter-comparison>small{position:absolute;top:0;left:65px;font-size:11px;font-weight:400;color:#a07c28}
#time-node-page .tn-comparison-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:14px;padding:8px 12px;border:1px solid #f0dfad;border-radius:8px;background:#fffaf0;color:#8b681f;font-size:12px}
#time-node-page .tn-comparison-note .button{padding:3px 8px;min-height:28px;margin-left:auto;font-size:12px;border-color:#e8d7aa;background:#fff;color:#8b681f}
#time-node-page .tn-comparison-empty{width:100%;color:#7f6d46}
@media(max-width:1150px){#time-node-page .tn-filter-bar{grid-template-columns:150px 158px minmax(150px,1fr) 120px;gap:12px}#time-node-page .tn-filter-bar>[data-tn=refresh]{grid-column:4;grid-row:2}}
@media(max-width:760px){#time-node-page .tn-filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#time-node-page .tn-filter-bar>[data-tn=refresh]{grid-column:1/-1;grid-row:auto}}
@media(max-width:760px){#time-node-page .tn-node-details>div:nth-of-type(2)>span{font-size:10px;white-space:nowrap}}

/* Recharge orders: existing collectors, independent status series. */
#time-node-page .tn-filter-bar.tn-pull-filters{grid-template-columns:164px minmax(190px,280px) 136px auto}
.tn-pull-all{background:#2563eb}.tn-pull-success{background:#13977c}.tn-pull-failed{background:#d96536}
.tn-pull-unit{font-size:12px;font-weight:400;color:#77859a;margin-left:8px}
.tn-pull-intro{font-size:12px;color:#77859a;line-height:1.7;margin:8px 0}
.tn-pull-details em{font-size:12px;font-style:normal;font-weight:400;color:#77859a}
.tn-pull-badge{margin-left:auto;border:1px solid #ead799;color:#946819!important;background:#fff8dd;border-radius:6px;padding:6px 10px;font-size:12px;white-space:nowrap}
.tn-pull-badge.is-ready{color:#16765c!important;background:#effaf5;border-color:#bfe4d5}
.tn-table small.tn-pull-note{color:#967029;font-size:10px}
@media(max-width:1050px){#time-node-page .tn-head{flex-wrap:wrap}#time-node-page .tn-head [role=tablist]{flex-wrap:wrap}}
@media(max-width:760px){#time-node-page .tn-filter-bar.tn-pull-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#time-node-page .tn-pull-filters>[data-tn=refresh]{grid-column:auto;grid-row:auto}.tn-pull-details{gap:14px}.tn-pull-badge{margin-left:0}}

#time-node-page .tn-pull-details{grid-template-columns:145px repeat(3,minmax(90px,1fr)) minmax(145px,1.1fr)}
#time-node-page .tn-pull-details>strong{min-width:0}
#time-node-page .tn-pull-details .tn-pull-badge{display:inline-block;margin:8px 0 0;font-weight:500;font-size:11px;padding:3px 7px}
@media(max-width:1050px){#time-node-page .tn-pull-details{grid-template-columns:repeat(4,minmax(0,1fr))}#time-node-page .tn-pull-details>strong{grid-column:1/-1;display:flex;align-items:center;gap:12px}#time-node-page .tn-pull-details .tn-pull-badge{margin:0}}
@media(max-width:760px){#time-node-page .tn-pull-details{grid-template-columns:repeat(2,minmax(0,1fr))}#time-node-page .tn-pull-details>strong{flex-wrap:wrap;gap:8px}#time-node-page .tn-pull-details>div{min-width:0}#time-node-page .tn-pull-details>div:nth-child(4){padding-left:0;border:0}}
/* Source selection and date-series visibility are separate controls. */
#time-node-page .tn-pull-source{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0 0;font-size:12px;color:#738198}
#time-node-page .tn-pull-source strong{font-size:13px;color:#40536e}
#time-node-page .tn-pull-source>div{display:flex;gap:3px;padding:3px;border:1px solid #dce5f0;background:#eef3fa;border-radius:9px}
#time-node-page .tn-pull-source .button{min-height:35px;padding:6px 14px;font-size:13px;background:transparent;border:0;color:#586b84;border-radius:6px}
#time-node-page .tn-pull-source [aria-pressed=true]{background:#2563eb;color:white;box-shadow:0 2px 5px #1d4ed826}
#time-node-page .tn-pull-quality{display:block;color:#946b22;font-size:11px;font-weight:400;margin-top:4px}
@media(max-width:760px){#time-node-page .tn-pull-source{gap:8px}#time-node-page .tn-pull-source>strong{width:100%}#time-node-page .tn-pull-source>div{width:100%;box-sizing:border-box}#time-node-page .tn-pull-source .button{flex:1;padding:6px 8px;font-size:12px;white-space:nowrap}#time-node-page .tn-pull-source>span{font-size:11px}}

/* Group labels remain readable when the viewport is narrow. */
@media(max-width:760px){#time-node-page .tn-head [role=tab]{white-space:normal;overflow-wrap:anywhere;height:100%}}

/* Counts and status share stay together, distinct from the change vs baseline. */
#time-node-page .tn-pull-share{display:inline-block;font-size:11px;font-weight:400;color:#66778f;margin-left:5px;white-space:nowrap;letter-spacing:0;font-variant-numeric:tabular-nums}
#time-node-page .tn-node-details b .tn-pull-share{font-size:13px;color:#66778f;vertical-align:baseline}
@media(max-width:760px){#time-node-page .tn-node-details b .tn-pull-share{font-size:11px;margin-left:3px}}
/* Recharge categories and display mode live next to the chart title. */
#time-node-page .tn-pull-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#time-node-page .tn-chart-head>.tn-legend{margin-left:auto}
#time-node-page .tn-payment-filter{position:relative;color:#53657b;font-size:12px;z-index:12}
#time-node-page .tn-payment-filter>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid #dce5f0;border-radius:8px;padding:9px 11px;background:#fff;min-height:18px}
#time-node-page .tn-payment-filter>summary::-webkit-details-marker{display:none}
#time-node-page .tn-payment-filter>summary b{font-size:12px;color:#243c5b}
#time-node-page .tn-payment-filter>summary:focus-visible,#time-node-page .tn-display-filter button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
#time-node-page .tn-payment-menu{position:absolute;top:calc(100% + 6px);left:0;width:210px;max-width:calc(100vw - 72px);box-sizing:border-box;border:1px solid #dce5f0;border-radius:10px;padding:9px;background:#fff;box-shadow:0 9px 28px #25395a26}
#time-node-page .tn-payment-menu label{display:flex;align-items:center;gap:8px;padding:9px 8px;color:#23364f;font-size:13px;cursor:pointer}
#time-node-page .tn-payment-menu label:hover{background:#f0f5fc;border-radius:6px}
#time-node-page .tn-payment-menu input{width:15px;height:15px;accent-color:#2563eb}
#time-node-page .tn-payment-menu .button{width:100%;margin-top:5px;padding:8px;font-size:12px}
#time-node-page .tn-display-filter{display:flex;gap:3px;padding:3px;border:1px solid #dce5f0;border-radius:8px;background:#eef3fa}
#time-node-page .tn-display-filter button{border:0;border-radius:5px;padding:7px 12px;background:transparent;color:#53657b;font:inherit;font-size:12px;cursor:pointer}
#time-node-page .tn-display-filter [aria-pressed=true]{color:#fff;background:#2563eb;box-shadow:0 2px 4px #1d4ed826}
@media(max-width:760px){#time-node-page .tn-pull-filters{width:100%;justify-content:space-between}#time-node-page .tn-chart-head>.tn-legend{margin-left:0}#time-node-page .tn-payment-filter{flex:1}#time-node-page .tn-payment-filter>summary{justify-content:space-between}}
@media(max-width:760px){
  #time-node-page .tn-pull-comparison-panel .tn-table{--tn-site-width:104px;--tn-series-width:82px}
  #time-node-page .tn-pull-comparison-panel .tn-table [data-time-slot]{padding:10px 8px;font-size:12px}
  #time-node-page .tn-pull-comparison-panel .tn-table .tn-pull-share{display:block;margin:4px 0 0;font-size:10px}
}

/* All report filters precede the time interval in one responsive control row. */
#time-node-page .tn-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
#time-node-page .tn-filter-bar>label{flex:0 1 150px;min-width:130px}
#time-node-page .tn-filter-bar>.tn-filter-site{flex:1 1 190px;max-width:260px}
#time-node-page .tn-filter-bar>.tn-filter-interval{flex-basis:120px;min-width:115px}
#time-node-page .tn-filter-display,#time-node-page .tn-filter-payment{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#66768c}
#time-node-page .tn-filter-payment{min-width:145px}
#time-node-page .tn-filter-bar .tn-payment-filter>summary{height:40px;box-sizing:border-box;justify-content:space-between}
#time-node-page .tn-filter-bar .tn-display-filter{height:40px;box-sizing:border-box}
#time-node-page .tn-filter-bar .tn-display-filter button{min-width:50px;padding:5px 9px}
#time-node-page .tn-filter-bar .tn-payment-menu label{flex-direction:row;justify-content:flex-start;gap:8px}
#time-node-page .tn-filter-bar .tn-payment-menu input[type=checkbox]{height:15px;min-height:15px;width:15px;min-width:15px;padding:0;flex:0 0 15px}
#time-node-page .tn-filter-bar>.button{flex:0 0 auto}
@media(max-width:760px){
 #time-node-page .tn-filter-bar>label,#time-node-page .tn-filter-bar>.tn-filter-site,#time-node-page .tn-filter-display,#time-node-page .tn-filter-payment{flex:1 1 calc(50% - 12px);max-width:none;min-width:125px}
 #time-node-page .tn-filter-bar>.button{flex-basis:100%}
 #time-node-page .tn-filter-bar .tn-display-filter{width:100%}
 #time-node-page .tn-filter-bar .tn-display-filter button{flex:1}
 #time-node-page .tn-table .tn-pull-share{display:block;margin:4px 0 0;font-size:10px}
}

/* source: reconciliation.css */
.pr-page{color:#172b46;min-width:0}.pr-page h2,.pr-page h3,.pr-dialog h2,.pr-dialog h3{margin:0 0 10px}.pr-top,.pr-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.pr-top h2{font-size:21px}.pr-actions,.pr-segments,.pr-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pr-segments{background:#eaf0f8;padding:5px;border-radius:11px}.pr-segments .button{border:0;background:transparent}.pr-segments .button[aria-pressed=true]{background:#2664e8;color:#fff;box-shadow:0 2px 6px #194ab826}.pr-card{background:#fff;border:1px solid #e0e6ef;border-radius:14px;padding:20px;margin-bottom:18px;min-width:0}.pr-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.pr-page label,.pr-dialog label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#5b6c83}.pr-page input,.pr-page select,.pr-dialog input,.pr-dialog select,.pr-dialog textarea{font:inherit;color:#21344d;border:1px solid #cfdae8;border-radius:8px;padding:9px 11px;background:#fff;min-height:38px;max-width:100%;box-sizing:border-box}.pr-page input[type=date]{max-width:160px}.pr-filters select{max-width:250px}.pr-help{font-size:13px;line-height:1.7;color:#6c7d93;margin:10px 0 0}.pr-sync{font-size:12px;color:#75869c;border-top:1px solid #edf1f7;padding-top:12px;margin-top:12px}.pr-scroll{overflow:auto;max-height:70vh;position:relative}.pr-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.pr-table th{background:#f4f7fb;color:#617189;font-weight:600;text-align:left;padding:12px;white-space:nowrap;position:sticky;top:0;z-index:1;border-bottom:1px solid #dce4ef}.pr-table td{padding:13px 12px;border-bottom:1px solid #e9eef5;vertical-align:middle}.pr-table tr:nth-child(even) td{background:#fafcff}.pr-table tr:hover td{background:#f0f6ff}.pr-table small,.pr-card>small{display:block;color:#7b8aa0;font-size:12px;line-height:1.55;margin-top:5px}.pr-id{font-variant-numeric:tabular-nums;min-width:175px;overflow-wrap:anywhere}.pr-number{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}.pr-date{min-width:150px}.pr-data-state{min-width:190px;max-width:250px}.pr-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap}.pr-badge.warn{background:#fff4df;color:#9e6b16}.pr-badge.ok{background:#e7f6ed;color:#228353}.pr-badge.blue{background:#edf3ff;color:#3267c4}.pr-empty{padding:48px;text-align:center;color:#8290a2}.pr-footer{justify-content:flex-end;margin-top:16px;font-size:13px;color:#687c95}.pr-page .button,.pr-dialog .button{font-size:13px;white-space:nowrap;min-height:37px;padding:8px 12px;text-decoration:none}.pr-error,.pr-modal-error{color:#c13b35}.pr-warn{color:#b57d10}.pr-notice{border:1px solid #dae5f5;background:#f5f9ff;color:#59718e;padding:12px 14px;border-radius:9px;font-size:13px;line-height:1.8;margin:14px 0}.pr-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pr-cards .pr-card>strong{display:block;font-size:25px;margin:12px 0 7px;font-variant-numeric:tabular-nums}.pr-dialog{border:1px solid #dbe3ee;border-radius:17px;padding:0;width:min(1100px,94vw);max-height:90vh;color:#20324a;box-shadow:0 20px 100px #14244144}.pr-dialog::backdrop{background:#14213577}.pr-dialog>header{padding:22px 26px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;position:sticky;top:0;z-index:3}.pr-dialog header small{font-size:12px;color:#7c8ca2}.pr-dialog header h2{font-size:22px;margin:6px 0 0}.pr-x{font-size:25px;border:1px solid #dfe6f0;border-radius:9px;background:#f7f9fc;padding:3px 13px;cursor:pointer;color:#5e718a}.pr-dialog-body{padding:24px 26px}.pr-dialog .pr-scroll{max-height:45vh}.pr-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:16px;border-top:1px solid #e5ebf2}.pr-dialog footer .button:last-child{background:#2664e8;color:#fff;border-color:#2664e8}.pr-dialog button:disabled{opacity:.5;cursor:not-allowed}.pr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0}.pr-map{grid-template-columns:repeat(3,minmax(0,1fr))}.pr-dialog textarea{width:100%;resize:vertical;min-height:75px}.pr-dialog .pr-check{display:flex;flex-direction:row;align-items:center;gap:9px;margin:15px 0;line-height:1.6}.pr-check input{width:17px;min-height:17px;height:17px;flex-shrink:0}.pr-upload{border:1px dashed #8fabd7;background:#f7faff;padding:24px;border-radius:10px;margin:20px 0}.pr-upload small{display:block;margin-top:12px;color:#789}.pr-modal-error{margin:0;padding:0 26px 18px;font-size:14px}.pr-preview-impact{background:#f0f7ff;border:1px solid #c6ddfa;border-radius:10px;padding:18px;margin-top:18px}.pr-preview-impact strong{display:block;font-size:24px;color:#2262c5;margin:10px 0}.pr-preview-impact small{color:#668}.pr-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;max-width:480px;font-size:12px}.pr-page [aria-busy=true]{opacity:.65;pointer-events:none}.pr-dialog input:read-only{background:#f2f5f9}.pr-dialog input:focus,.pr-dialog select:focus,.pr-dialog textarea:focus,.pr-page input:focus,.pr-page select:focus{outline:2px solid #c5dcff;outline-offset:1px}@media(max-width:1050px){.pr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-map{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.pr-grid,.pr-map,.pr-cards{grid-template-columns:1fr}.pr-dialog-body,.pr-dialog>header{padding:18px}.pr-filters label{width:100%}.pr-filters input,.pr-filters select{max-width:none!important}}

.pr-date-range{display:flex;flex-direction:column;gap:8px;min-width:320px}.pr-date-range>span{color:var(--muted,#72819b);font-size:14px}.pr-date-range .date-filter-trigger{width:100%;min-height:44px}.pr-date-range[data-date-range]>input[data-date-source]{display:none}

.pr-count{font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:6px;background:#eef4ff;color:#2462d4;padding:5px 9px;min-width:36px}.pr-count:hover{background:#dce9ff}.pr-count-warn{background:#fff3dc;color:#a4650a}.pr-count-warn:hover{background:#ffe4b7}

.pr-file-account{display:flex;gap:36px;flex-wrap:wrap;background:#edf4ff;border:1px solid #c9dcfa;border-radius:10px;padding:16px 18px;margin-bottom:18px}.pr-file-account small{display:block;color:#687e9c;font-size:12px;margin-bottom:7px}.pr-file-account strong{font-size:18px;color:#1d4b94}.pr-page .button.pr-danger,.pr-dialog .button.pr-danger{background:#fff2f1;color:#b6332b;border-color:#e6aaa6}.pr-dialog footer .button.pr-danger{background:#bf362e;color:#fff;border-color:#bf362e}.pr-removal-impact{background:#fff7ef;border:1px solid #efd1b6;padding:16px;border-radius:10px;margin:16px 0;font-size:14px;line-height:1.8}.pr-removal-impact small{color:#81654e}.pr-badge.gray{background:#edf0f5;color:#657285}

.pr-outcomes{border:0;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pr-outcomes legend{font-weight:700;margin-bottom:12px}.pr-outcomes label{display:flex;align-items:flex-start;gap:10px;border:1px solid #d4deec;border-radius:12px;padding:16px;cursor:pointer}.pr-outcomes label:has(input:checked){border-color:#2563eb;background:#eff6ff}.pr-outcomes label:has(input[value="exclude"]:checked){border-color:#d97706;background:#fffbeb}.pr-outcomes input[type="radio"]{width:18px;height:18px;min-width:18px;margin-top:3px;accent-color:#2563eb}.pr-outcomes small{display:block;margin-top:7px;color:#64748b;font-size:13px;line-height:1.6}@media(max-width:620px){.pr-outcomes{grid-template-columns:1fr}}

/* source: usdt.css */
.uc-panel{padding:20px}.uc-panel .section-head{justify-content:space-between}.uc-note{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0}.uc-error{color:#bb3545}.uc-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.uc-summary article{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--panel-soft);min-width:0}.uc-summary article>span,.uc-summary article>small{display:block;color:var(--muted);font-size:12px;line-height:1.7}.uc-summary strong{display:block;font-size:25px;margin:10px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.uc-summary strong small{font-size:12px;font-weight:500}.uc-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}.uc-filters>label{flex:1;min-width:180px}.uc-filters [data-date-range]{flex:1.2;min-width:260px}.uc-filters label,.uc-dialog label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.uc-filters input,.uc-filters select,.uc-dialog input:not([type=checkbox]){padding:10px;width:100%;min-height:40px;font:inherit;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#fff}.uc-table-wrap{overflow:auto}.uc-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.uc-table th{background:var(--panel-soft);color:var(--muted);font-weight:600}.uc-table td,.uc-table th{padding:13px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere}.uc-table th:first-child{width:19%}.uc-table th:nth-child(2){width:35%}.uc-table th:nth-child(3){width:16%;text-align:right}.uc-table .uc-amount{text-align:right;font-weight:650;font-variant-numeric:tabular-nums}.uc-table td small{display:block;margin-top:6px;font-size:11px;line-height:1.6;color:var(--muted);font-weight:400}.uc-address>span,.uc-hash>a{display:block;font-family:monospace;font-size:12px;margin-top:5px;word-break:break-all}.uc-hash>a{color:var(--blue)}.uc-table .uc-empty{text-align:center;padding:40px}.uc-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;font-size:12px}.uc-pagination>span:first-child{margin-right:auto}.uc-dialog{width:min(1120px,95vw);max-height:88vh;overflow:auto;padding:24px;border:1px solid var(--border);border-radius:14px;color:var(--text)}.uc-dialog::backdrop{background:#17203366}.uc-dialog header{justify-content:space-between;margin-bottom:18px}.uc-config-row{display:grid;grid-template-columns:minmax(260px,2fr) minmax(120px,1fr) minmax(150px,1fr) 65px 60px;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.uc-dialog .uc-enabled{display:flex;flex-direction:row;gap:7px;align-items:center}.uc-enabled input{width:16px;height:16px;accent-color:var(--blue)}.uc-key{display:flex;align-items:center;gap:20px;margin-top:25px}.uc-key>label:first-child{width:min(550px,100%)}.uc-dialog footer{display:flex;justify-content:flex-end;margin-top:20px}.uc-dialog [data-uc-add]{margin-top:15px}.uc-config-row>button{padding:8px 10px;align-self:end;margin-bottom:1px}@media(max-width:900px){.uc-summary{gap:9px}.uc-summary strong{font-size:20px}.uc-config-row{grid-template-columns:1fr 1fr}.uc-config-row>label:first-child{grid-column:1/-1}.uc-table{min-width:700px}}@media(max-width:600px){.uc-panel,.uc-dialog{padding:14px}.uc-summary{grid-template-columns:1fr}.uc-key{flex-direction:column;align-items:stretch}.uc-filters>label{flex-basis:100%}.uc-config-row{gap:10px}.uc-summary strong{margin:6px 0}}

/* source: binance.css */
.bn-account{border:1px solid var(--border);border-radius:10px;padding:16px;margin:14px 0;min-width:0}.bn-account .uc-config-row{grid-template-columns:minmax(160px,2fr) minmax(150px,1fr) 80px}.bn-account .uc-key{margin-top:14px;align-items:stretch}.bn-account .uc-key>label{flex:1;min-width:0}.bn-account>.uc-enabled{margin-top:12px}.bn-table th:nth-child(2){width:25%}.bn-table .uc-hash>span{display:block;font-family:monospace;font-size:11px;word-break:break-all;margin-top:7px}@media(max-width:650px){.bn-account .uc-config-row{grid-template-columns:1fr 1fr}}

#binance-page .bn-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.bn-clickable{cursor:pointer}.bn-clickable:hover,.bn-clickable:focus{border-color:var(--blue);outline:2px solid #2563eb22}.bn-auto{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.bn-auto h3,.bn-history h3{font-size:15px;margin:0 0 12px}.bn-auto-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.bn-auto-fields label:nth-child(4){grid-column:1/3}.uc-dialog select{width:100%;min-width:0;min-height:40px;border:1px solid var(--border);border-radius:8px;padding:9px;background:#fff;color:var(--text);font:inherit}.bn-history{margin-top:26px;border-top:1px solid var(--border);padding-top:20px}.bn-withdraw-dialog{width:min(800px,95vw)}.bn-withdraw-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bn-wide{grid-column:1/-1}.bn-completed{color:#148364}.bn-unknown,.bn-submitting{color:#b57b16}.bn-rejected{color:#bb3545}@media(max-width:900px){#binance-page .bn-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-auto-fields{grid-template-columns:1fr 1fr}}@media(max-width:600px){#binance-page .bn-summary,.bn-auto-fields,.bn-withdraw-fields{grid-template-columns:1fr}.bn-auto-fields label:nth-child(4){grid-column:auto}}

.bn-association-dialog{width:min(680px,95vw)}.bn-association-dialog label{display:block;margin:14px 0}.bn-association-dialog input[type=radio],.bn-association-dialog input[type=checkbox]{width:16px;height:16px;min-height:0;flex:none;margin:0 8px 0 0;vertical-align:middle}.bn-association-choice{border:1px solid var(--border);padding:12px;border-radius:8px}.bn-association-choice small{display:block;margin-top:5px}.bn-association-difference{display:block;margin-top:6px;font-weight:650}.bn-association-dialog textarea{width:100%;min-height:70px}.bn-table [data-bn-associate]{margin-top:8px;padding:5px 9px;font-size:12px}

#binance-page [data-bn-current] h3,.bn-unassociated-history h3{margin:0 0 12px;font-size:15px}.bn-unassociated-history{margin-top:24px;padding-top:18px;border-top:2px solid var(--border)}.bn-unassociated-history .section-head h3{margin:0}

.uc-table.bn-receipt-table th:nth-child(1){width:13%}.uc-table.bn-receipt-table th:nth-child(2){width:14%}.uc-table.bn-receipt-table th:nth-child(3){width:25%;text-align:left}.uc-table.bn-receipt-table th:nth-child(4){width:9%;text-align:right}.uc-table.bn-receipt-table th:nth-child(5){width:24%}.uc-table.bn-receipt-table th:nth-child(6){width:15%}
.bn-receipt-table th:nth-child(3),.bn-receipt-table td:nth-child(3),.bn-receipt-table th:nth-child(5),.bn-receipt-table td:nth-child(5),.bn-receipt-table th:nth-child(6),.bn-receipt-table td:nth-child(6){border-left:1px solid var(--border)}
.bn-receipt-field+.bn-receipt-field{margin-top:7px}.bn-receipt-field>.bn-field-label,.bn-receipt-link>.bn-field-label{display:block;margin-bottom:2px}.bn-receipt-field>.bn-field-value{display:block;line-height:1.5;font-size:12px;overflow-wrap:anywhere}.bn-receipt-payment .bn-order-id,.bn-receipt-link .bn-order-id{display:block;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bn-receipt-table .uc-amount>strong{font-size:15px;line-height:1.4}.bn-receipt-table .uc-amount small{margin-top:2px}.bn-receipt-comparison{margin-top:8px;padding-top:7px;border-top:1px solid var(--border)}.bn-receipt-comparison small{margin-top:0}.bn-receipt-comparison .bn-association-difference{font-size:12px;margin-top:3px}.bn-receipt-table td .bn-collected{margin-top:9px}.bn-receipt-table [data-bn-associate]{margin-top:0;padding:6px 8px;white-space:normal;line-height:1.5;text-align:left}

#binance-page .uc-filters [data-date-range]{min-width:300px}#binance-page .uc-filters .date-filter-trigger{min-width:0}@media(max-width:600px){#binance-page .uc-filters [data-date-range]{min-width:0;flex-basis:100%}}

#binance-page .bn-all-dates{display:flex;align-self:center;align-items:center;gap:8px;min-width:150px}#binance-page .bn-all-dates input{width:16px;height:16px;min-height:0;margin:0}.bn-withdrawal-table{table-layout:fixed;width:100%;min-width:0}.bn-withdrawal-table th:nth-child(1){width:20%}.bn-withdrawal-table th:nth-child(2){width:36%}.bn-withdrawal-table th:nth-child(3){width:16%}.bn-withdrawal-table th:nth-child(4){width:28%}.bn-withdrawal-table td{overflow-wrap:anywhere;vertical-align:top}.bn-withdrawal-table small{display:block;margin-top:5px;white-space:normal}.bn-summary-filter:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Non-USDT receipts are visible warnings, never business credit candidates. */
.bn-receipt-table tr.bn-non-usdt td,.bn-receipt-table tr.bn-non-usdt td small,.bn-receipt-table tr.bn-non-usdt .bn-field-label,.bn-non-usdt-label,.bcr-table td.bn-non-usdt-cell,.bcr-table td.bn-non-usdt-cell small{color:#b42332}
.bn-receipt-table tr.bn-non-usdt td{background:#fff6f6}.bn-receipt-table tr.bn-non-usdt td:first-child{border-left:3px solid #b42332}.bn-non-usdt-label{display:block;font-weight:650}
.bn-historical-value{margin-top:7px;border-top:1px solid #e6c9ce;padding-top:6px;white-space:normal}.bn-receipt-table .bn-historical-value strong{display:block;font-size:12px;line-height:1.5}.bn-historical-value small{font-size:10px;overflow-wrap:anywhere}
.uc-table.bn-receipt-table th:nth-child(1){width:12%}.uc-table.bn-receipt-table th:nth-child(2){width:13%}.uc-table.bn-receipt-table th:nth-child(3){width:24%}.uc-table.bn-receipt-table th:nth-child(4){width:14%}.uc-table.bn-receipt-table th:nth-child(5){width:22%}

/* source: binance-recharge.css */
.bcr-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bcr-summary article{padding:12px}.bcr-filters{gap:10px}.bcr-filters>label{min-width:140px}.bcr-filters>label:last-child{flex:1.6;min-width:210px}.bcr-table th:first-child{width:19%}.bcr-table th:nth-child(2){width:24%}.bcr-table th:nth-child(3){width:19%;text-align:left}.bcr-table th:nth-child(4){width:22%}.bcr-table th:nth-child(5){width:16%}.bcr-table th,.bcr-table td{padding:11px 9px}.bcr-table .bcr-id{display:block;overflow-wrap:anywhere;font-size:12px;font-variant-numeric:tabular-nums}.bcr-amount{display:block;font-weight:650;margin-top:5px}.bcr-good .bcr-result{color:#178569}.bcr-attention .bcr-result{color:#bb3545}.bcr-table button{margin-top:8px;padding:5px 8px;font-size:11px}.bcr-dialog{max-width:620px}.bcr-dialog .uc-enabled{margin-top:20px}@media(max-width:900px){.bcr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bcr-table{min-width:650px}}@media(max-width:600px){.bcr-filters>label{min-width:45%;flex-basis:45%}.bcr-filters>label:last-child{flex-basis:100%}}

.bcr-filters [data-date-range]{flex:1.4;min-width:300px}.bcr-filters .date-filter-trigger{min-width:0}@media(max-width:600px){.bcr-filters [data-date-range]{min-width:0;flex-basis:100%}}

.bcr-choice{display:block;padding:12px;border:1px solid var(--border,#dce4ee);margin:10px 0;border-radius:8px}.bcr-choice small{display:block;margin-left:24px}.bcr-credit-settings{margin-top:20px}.bcr-credit-settings label,.bcr-dialog [data-link] label{display:block;margin:12px 0}.bcr-dialog textarea{width:100%;min-height:64px}
.bcr-dialog input[type=checkbox],.bcr-dialog input[type=radio]{width:16px;height:16px;min-height:0;padding:0;margin:0 8px 0 0;vertical-align:middle;flex:none}.bcr-choice input[type=radio]{float:left;margin-top:4px}.bcr-dialog [data-search] button{margin:8px 0}.bcr-dialog [data-link] button{margin-top:10px}

.binance-tabs{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.binance-tabs button{padding:9px 18px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#526780;font:inherit;cursor:pointer}.binance-tabs button.is-active{background:#2563eb;border-color:#2563eb;color:#fff}.binance-tabs button[hidden]{display:none}

.bcr-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bcr-title h2{margin:0}.bcr-title .button{padding:6px 12px}.bcr-exception-active td{background:#fff1f2;color:#b42333;border-bottom-color:#f2b8c1}.bcr-exception-active small,.bcr-exception-active .bcr-result{color:#b42333}.bcr-pin{display:inline-block;margin:6px 0 0;padding:2px 6px;border:1px solid #e2a0ab;border-radius:4px;font-size:11px;font-weight:600}.bcr-filters [hidden]{display:none!important}

.bcr-auto-success{display:inline-block;color:#178569;background:#eefbf4;border:1px solid #b9e4ce;border-radius:5px;padding:3px 7px}

.uc-table.binance-detail-table{font-size:12px;line-height:1.5}.uc-table.binance-detail-table th,.uc-table.binance-detail-table td{padding:12px 10px}.uc-table.binance-detail-table th{vertical-align:middle;line-height:1.6}.uc-table.binance-detail-table td small{margin-top:4px;line-height:1.5}.binance-detail-table .bn-field-label{color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}.binance-detail-table .bn-date{display:block;font-variant-numeric:tabular-nums;white-space:nowrap}.uc-table.binance-detail-table .bn-time{margin-top:1px;font-size:12px;font-variant-numeric:tabular-nums}.binance-detail-table .bn-operation-state{display:block;font-size:11px;font-weight:600;line-height:1.5}.binance-detail-table .bn-operation-time{display:block;font-variant-numeric:tabular-nums;margin-top:1px}.bn-row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.bn-row-actions:empty{display:none}.bn-row-actions:not(:empty)+.bn-operation-state{margin-top:8px}
.uc-table.bcr-table th:nth-child(1){width:14.5%}.uc-table.bcr-table th:nth-child(2){width:21.5%}.uc-table.bcr-table th:nth-child(3){width:19.5%;text-align:left}.uc-table.bcr-table th:nth-child(4){width:15.5%}.uc-table.bcr-table th:nth-child(5){width:17%}.uc-table.bcr-table th:nth-child(6){width:12%}.bcr-table th:nth-child(3),.bcr-table td:nth-child(3),.bcr-table th:nth-child(5),.bcr-table td:nth-child(5),.bcr-table th:nth-child(6),.bcr-table td:nth-child(6){border-left:1px solid var(--border)}
.bcr-table .bcr-amount{font-size:15px;margin:6px 0 0;line-height:1.4}.uc-table.bcr-table .bcr-amount small{display:inline;margin:0;font-size:11px}.bcr-table .bcr-result{display:inline-block;font-size:12px;line-height:1.6}.bcr-table .bcr-linked,.bcr-table .bcr-comparison{margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}.bcr-table .bcr-linked>small:first-child,.bcr-table .bcr-comparison>small{margin-top:0}.bcr-table .bcr-comparison>strong{display:block;font-size:12px;margin-top:3px}.bcr-table .bcr-detail{line-height:1.6}.bcr-table .bn-row-actions button{margin-top:0;max-width:100%;white-space:normal;line-height:1.5;text-align:left}.bcr-exception-active .bn-field-label{color:inherit}.bcr-exception-active td:nth-child(3),.bcr-exception-active td:nth-child(5),.bcr-exception-active td:nth-child(6){border-left-color:#f2b8c1}
@media(max-width:1200px){.uc-table.binance-detail-table th,.uc-table.binance-detail-table td{padding:10px 7px}.bn-receipt-table [data-bn-associate]{font-size:11px;padding:5px 6px}}@media(max-width:900px){.uc-table.binance-detail-table{min-width:760px}}

.binance-detail-table .bn-status-badge{display:inline-block;padding:3px 7px;border:1px solid;border-radius:5px;font-size:12px;font-weight:650;line-height:1.6}.binance-detail-table .bn-status-auto{color:#178569;background:#eefbf4;border-color:#b9e4ce}.binance-detail-table .bn-status-manual{color:#926314;background:#fff7e0;border-color:#ead397}

.uc-summary .bn-summary-filter{cursor:pointer;transition:border-color .12s,box-shadow .12s}.uc-summary .bn-summary-filter:hover{border-color:var(--blue)}.uc-summary .bn-summary-filter:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.uc-summary .bn-summary-filter.is-selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}

/* source: country.css */
.country-picker{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}
.country-picker select{flex:1;min-width:0;border:1px solid #d7e0ec;border-radius:8px;padding:9px 12px;background:#fff;color:#17243a;font:inherit}
.country-sidebar{padding:10px 14px 0;color:#b8c4d5}
.country-sidebar select{background:#17243a;color:#fff;border-color:#34455d}
.country-current{display:block;padding:2px 14px 10px;color:#b8c4d5;font-size:12px}
.session-loading{min-height:100vh;display:grid;place-items:center;padding:22px;color:var(--muted);font-size:14px;background:var(--bg)}

/* source: account-security.css */
.security-policy {padding:12px 14px;background:#f4f7fb;border:1px solid #dbe3ee;border-radius:9px;color:#5c6b80;line-height:1.7}
.security-section-head {display:flex;align-items:center;justify-content:space-between;gap:12px}
.security-session {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #dbe3ee}
.security-session p {margin:7px 0;color:#5c6b80}
.security-session small {color:#5c6b80;line-height:1.7}
.security-current {display:inline-block;margin-left:8px;padding:3px 8px;background:#e8f3ee;color:#23704e;border-radius:5px;font-size:12px}
.security-login {display:grid;grid-template-columns:80px 120px minmax(140px,1fr) minmax(110px,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #dbe3ee;font-size:13px;line-height:1.7}
#account-security-message {min-height:22px}
@media(max-width:600px){.security-login{grid-template-columns:80px 1fr;gap:5px 12px}.security-session{align-items:flex-start}.security-session small{display:block}.security-current{margin:5px 0}.security-section-head h3{font-size:16px}}

/* source: operations-summary.css */
#operations-monthly-page,#operations-plan-page{max-width:1120px;display:grid;gap:8px;font-size:13px;line-height:1.4}#operations-monthly-page[hidden],#operations-plan-page[hidden]{display:none}
.os-tabs{display:flex;gap:6px;border-bottom:1px solid #d8e2ef;margin-bottom:1px}.os-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#65758e;padding:7px 24px;font-size:14px;cursor:pointer}.os-tabs button[aria-selected=true]{color:#2263d7;border-bottom-color:#2263d7;font-weight:600}.os-tabs button:focus-visible{outline:2px solid #8db5f5;outline-offset:-2px}
[data-os-status]:empty{display:none}[data-os-status]{font-size:12px;padding:3px 0}.os-toolbar,.os-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#fff;border:1px solid #dce4ef;border-radius:8px;padding:8px 10px}.os-controls>.os-toolbar{border:0;padding:0;margin:0;flex:1;min-width:290px}.os-toolbar label,.os-controls>label{display:flex;align-items:center;gap:7px;color:#61718a}.os-plan-choice select{max-width:230px}.os-toolbar input,.os-toolbar select,.os-controls select{max-width:100%;padding:4px 8px;border:1px solid #cdd8e8;border-radius:5px;min-height:30px;font-size:13px;background:#fff;color:#17243b}.os-toolbar .button,.os-controls .button,.os-editor .button{font-size:13px;padding:5px 10px;min-height:30px}.os-toolbar .os-policy{color:#7a8799;font-size:12px;margin-right:auto}.os-date-range{display:flex;gap:8px;align-items:center;min-width:0}.os-date-range .date-filter-trigger{font-size:13px;min-height:30px;padding:5px 8px}.os-date-range input{max-width:145px}
.os-source{background:#f4f8fe;border:1px solid #dae5f3;border-radius:7px;padding:0 9px;margin-bottom:7px;color:#687b95;font-size:11px}.os-source summary{display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px;cursor:pointer;min-height:26px;list-style:none}.os-source summary::-webkit-details-marker{display:none}.os-source-state{font-weight:600;color:#47769f}.os-source-more{margin-left:auto;color:#657e9f}.os-source-more:after{content:' ▾'}.os-source[open] .os-source-more:after{content:' ▴'}.os-warning{background:#fff9ed;border-color:#efdbad}.os-warning .os-source-state{color:#9b6d18}.os-source-body{border-top:1px solid #dce6f2;padding:6px 0;overflow-wrap:anywhere}.os-source-body p{margin:3px 0}.os-source-body>span{display:inline-block;margin-right:14px}
.os-table-scroll{overflow:auto;border:1px solid #d8e2ed;border-radius:7px}.os-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:600px;color:#22314a;font-size:13px;font-variant-numeric:tabular-nums;line-height:18px}.os-col-label{width:34%}.os-col-change{width:18%}.os-table th,.os-table td{padding:4px 10px;border-bottom:1px solid #e3e9f1;text-align:right;white-space:nowrap;font-weight:400}.os-table thead th{background:#eef3f9;color:#52647e;font-size:12px;font-weight:600;padding:5px 10px}.os-table th:first-child{text-align:left}.os-table tbody tr{background:#fff}.os-table th[scope=row]{font-weight:500;position:sticky;left:0;background:inherit;z-index:1}.os-table .os-group th{background:#f5f7fb;font-size:11px;color:#657993;line-height:15px;padding:3px 10px;font-weight:600;text-align:left;letter-spacing:1px}.os-table .os-scalar{text-align:center}.os-table .os-change{font-size:12px}.os-table .os-change span[title]{cursor:help}.os-table .os-metric-difference,.os-table .os-metric-net{background:#eef5ff;font-weight:600}.os-table .os-metric-difference td,.os-table .os-metric-net td{font-weight:600}.os-table .os-metric-gross,.os-table .os-metric-total_cost{background:#f9fbfe}.os-table tr:last-child td,.os-table tr:last-child th{border-bottom:0}.os-share{font-size:11px;color:#7789a1;margin-left:4px;font-weight:400}.os-tag{font-size:10px;color:#7d8da2;border:1px solid #dce4ee;border-radius:3px;padding:0 3px;margin-left:6px;font-weight:400}.os-error,.os-negative{color:#c63e4c}.os-positive{color:#168269}
.os-notes{color:#7b899d;font-size:11px;margin:5px 1px 0}.os-notes summary{cursor:pointer;line-height:20px}.os-notes p{margin:5px 0}.os-notes dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px;margin:7px 0}.os-notes dl>div{display:flex;gap:10px;align-items:baseline}.os-notes dt{min-width:90px;color:#586b87}.os-notes dd{margin:0}.os-editor{border:1px solid #dbe4ee;border-radius:7px;background:#fff}.os-editor>summary{padding:8px 11px;cursor:pointer;font-size:12px;font-weight:600;color:#445e82}.os-editor>summary span{font-size:11px;font-weight:400;color:#7f8c9e;margin-left:12px}.os-editor-body{padding:0 12px 12px;border-top:1px solid #e8edf4}.os-editor-body>p{font-size:12px;margin:8px 0}.os-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:10px 0}.os-entry-grid label,[data-os-entry]>label{display:grid;gap:5px;color:#60728b;font-size:12px}.os-entry-grid input,.os-entry-grid select,.os-entry-grid textarea,[data-os-entry]>label input{border:1px solid #cdd9e8;border-radius:5px;padding:6px 8px;min-height:32px;font-size:13px;color:#22314a;background:#fff;max-width:100%}.os-money-input{display:flex;gap:5px}.os-money-input input{flex:1;min-width:0}.os-money-input select{width:80px}.os-full{grid-column:1/-1}.os-actions{display:flex;gap:8px}.os-editor [data-os-entry]>label{max-width:550px;margin-top:8px}.os-editor [data-os-error]:empty,.os-editor [data-os-draft]:empty{display:none}.os-editor [data-os-error],.os-editor [data-os-draft]{font-size:12px;margin:6px 0}.os-month-ledger{margin-top:12px;font-size:12px}.os-month-ledger summary{cursor:pointer;margin-bottom:6px;color:#5878a5}.os-month-ledger .os-table{min-width:700px;font-size:12px;table-layout:auto}.os-empty{padding:24px 12px;text-align:center;color:#7a8a9e}
@media(max-width:760px){#operations-monthly-page,#operations-plan-page{gap:7px}.os-toolbar,.os-controls{gap:6px;padding:7px}.os-controls>.os-toolbar{min-width:100%;order:3}.os-controls>label{flex:1;min-width:0}.os-plan-choice select{width:100%;min-width:0}.os-table{min-width:560px;font-size:12px;line-height:17px}.os-table th,.os-table td{padding:4px 8px}.os-col-label{width:34%}.os-share{font-size:10px}.os-entry-grid{grid-template-columns:1fr;gap:8px}.os-source summary{gap:4px 8px}.os-notes dl{grid-template-columns:1fr}.os-tabs button{padding:7px 22px}.os-editor>summary span{margin-left:6px}.os-source-more{margin-left:0}}

#operations-monthly-page,#operations-plan-page{min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}[data-os-results]{min-width:0}.os-table-scroll{max-width:100%;width:100%;box-sizing:border-box}.os-toolbar label,.os-controls>label{white-space:nowrap;min-width:0}.os-controls>.os-plan-choice{flex:0 1 auto;width:auto}.os-plan-choice select{width:190px;max-width:220px}.os-controls>.os-toolbar{min-width:0}.os-source{min-width:0}@media(max-width:760px){.os-controls>.os-toolbar{min-width:0;width:100%;flex-basis:100%}.os-controls>.os-plan-choice{flex:1}.os-plan-choice select{width:100%}}

/* Compact exact-value table and source-bound monthly/plan chart column. */
#operations-monthly-page,#operations-plan-page{max-width:1360px}
.os-report-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.os-report-data{min-width:0}.os-report-data .os-table-scroll{max-width:620px}.os-report-data .os-metrics .os-table{width:100%;min-width:560px;table-layout:fixed}.os-report-data .os-col-label{width:190px}.os-report-data .os-col-native{width:146px}.os-report-data .os-col-u{width:128px}.os-report-data .os-col-change{width:88px}.os-report-data .os-table th,.os-report-data .os-table td{padding-left:8px;padding-right:8px}.os-report-data .os-notes{max-width:620px}.os-report-data .os-notes dl{grid-template-columns:1fr}.os-report-data .os-share{font-size:10px;margin-left:2px}.os-report-data .os-tag{margin-left:3px}
.os-analysis{display:grid;gap:10px;min-width:0}.os-chart-card{min-width:0;background:#fff;border:1px solid #dbe4ef;border-radius:8px;padding:11px 12px 9px;overflow:hidden}.os-chart-heading{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:4px;line-height:20px}.os-chart-heading h3{font-size:13px;font-weight:600;margin:0;color:#30435f;white-space:nowrap}.os-chart-period,.os-chart-completeness{font-size:10px;color:#7a899f;overflow-wrap:anywhere}.os-chart-period{margin-left:auto}.os-chart-unit{font-size:11px;color:#728299;white-space:nowrap;margin-left:auto}.os-chart-completeness{margin-left:auto;color:#637e9e}.os-chart-completeness.is-partial{color:#9d783f}
.os-flow-plot{height:190px;width:100%;min-width:0}.os-flow-svg{width:100%;height:190px;display:block;overflow:visible}.os-flow-grid{stroke:#e9eef5;stroke-width:1}.os-flow-zero{stroke:#9caac0;stroke-width:1.2}.os-flow-axis{fill:#8a98ab;font-size:10px}.os-flow-connector{stroke:#bbc8d9;stroke-width:1;stroke-dasharray:3 3}.os-flow-hit{fill:transparent}.os-flow-bar.is-anchor{fill:#8a9db7}.os-flow-bar.is-positive{fill:#4f79bd}.os-flow-bar.is-negative{fill:#d18a68}.os-flow-value{fill:#465b77;font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}.os-flow-category{fill:#687a92;font-size:11px;pointer-events:none}.os-flow-mark{cursor:default}.os-flow-mark:focus{outline:none}.os-flow-mark.is-inspected .os-flow-bar{stroke:#2b4b73;stroke-width:1.5}.os-flow-mark.is-inspected .os-flow-value{fill:#214873;font-weight:600}.os-chart-readout{font-size:10px;line-height:15px;min-height:30px;color:#7d8ca0;background:#f7f9fc;border-radius:4px;padding:4px 6px;overflow-wrap:anywhere}.os-chart-empty{height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#71839c;line-height:1.8;font-size:12px}.os-chart-empty span{font-size:11px;color:#99a5b5}
.os-cost-list{display:grid;gap:9px;padding-top:5px}.os-cost-caption{display:flex;gap:6px;align-items:baseline;font-size:11px;line-height:18px;margin-bottom:4px}.os-cost-caption>span{color:#62758d;white-space:nowrap}.os-cost-caption strong{font-size:11px;color:#3d526f;font-weight:500;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.os-cost-caption small{font-size:10px;color:#8b98aa;min-width:42px;text-align:right}.os-cost-row.is-missing .os-cost-caption strong{color:#a5afbc;font-size:10px;font-weight:400}.os-cost-svg{width:100%;height:9px;display:block;overflow:visible}.os-cost-track{fill:#f0f4fa}.os-cost-bar{fill:#6b8fc4}.os-cost-bar.is-negative{fill:#d18a68}.os-cost-zero{stroke:#c6d1df;stroke-width:1}.os-cost-unknown{fill:none;stroke:#d6dfe9;stroke-width:1;stroke-dasharray:4 4}.os-cost-axis{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#98a4b5;padding-top:4px;font-variant-numeric:tabular-nums}.os-cost-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #edf1f6;margin-top:9px;padding-top:7px}.os-cost-totals>div{display:grid;gap:3px;min-width:0}.os-cost-totals>div+div{border-left:1px solid #edf1f6;padding-left:12px}.os-cost-totals span{font-size:10px;color:#8392a7}.os-cost-totals strong{font-size:13px;line-height:20px;color:#435d80;font-weight:600;overflow-wrap:anywhere}.os-cost-totals strong small{font-size:10px;font-weight:400;color:#8b9ab0}.os-cost-totals strong.is-negative{color:#aa6d4c}.os-chart-note{font-size:10px;line-height:15px;color:#96a1b2;margin:5px 0 0}
@media(min-width:1180px){.os-report-layout{grid-template-columns:minmax(560px,620px) minmax(300px,1fr)}}
@media(min-width:761px) and (max-width:1179px){.os-analysis{grid-template-columns:1fr 1fr}.os-report-data .os-table-scroll{max-width:700px}}
@media(max-width:760px){.os-report-layout{gap:10px}.os-analysis{grid-template-columns:minmax(0,1fr)}.os-chart-card{padding:10px 11px 8px}.os-report-data .os-metrics .os-table{min-width:552px}.os-chart-heading h3{font-size:13px}}

/* Keep small labels and missing-value qualifiers legible on the light surface. */
.os-chart-period,.os-chart-completeness,.os-chart-unit,.os-flow-axis,.os-chart-readout,.os-cost-caption small,.os-cost-axis,.os-cost-totals span,.os-cost-totals strong small,.os-chart-note,.os-cost-row.is-missing .os-cost-caption strong{color:#64748b}.os-flow-axis{fill:#64748b;font-size:11px}.os-chart-readout,.os-chart-note{font-size:11px;line-height:16px}.os-cost-row.is-missing .os-cost-caption strong{font-size:11px}.os-chart-completeness.is-partial{color:#8c652d}.os-cost-totals strong.is-negative{color:#9b5c37}.os-flow-bar.is-anchor{fill:#7d91ae}.os-flow-bar.is-negative,.os-cost-bar.is-negative{fill:#c47d59}.os-cost-bar{fill:#5b7fb5}.os-flow-zero{stroke:#7b8ba4}.os-cost-zero{stroke:#7b8ba4}
@media(min-width:761px) and (max-width:1179px){.os-analysis{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}}

.os-report-data .os-table-scroll,.os-report-data .os-notes{max-width:552px}.os-report-data .os-metrics .os-table{min-width:512px}.os-report-data .os-col-label{width:132px}.os-report-data .os-col-native{width:138px}.os-report-data .os-col-u{width:164px}.os-report-data .os-col-change{width:78px}.os-report-data .os-share{margin-left:3px;white-space:nowrap}
@media(min-width:1180px){.os-report-layout{grid-template-columns:minmax(520px,552px) minmax(300px,1fr)}}

/* source: ai-analysis.css */
.ai-float{position:fixed;right:28px;top:20px;z-index:1200;border:0;border-radius:24px;padding:11px 17px;background:#2464dc;color:#fff;box-shadow:0 4px 16px #1d4ed830;font-weight:700;cursor:pointer}.ai-panel{position:fixed;z-index:1250;right:24px;top:72px;bottom:20px;width:470px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #d5dfef;border-radius:16px;box-shadow:0 16px 60px #172b4d30;display:flex;flex-direction:column;color:#22324c;overflow:hidden}.ai-panel[hidden],.ai-float[hidden]{display:none}.ai-panel>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #e7edf6}.ai-panel>header small{display:block;color:#71819a;margin-top:4px}.ai-panel>header button{border:0;background:none;font-size:24px;cursor:pointer}.ai-page-label{padding:12px 18px 3px;font-weight:600}.ai-toolbar{display:flex;gap:8px;padding:8px 18px}.ai-toolbar button{padding:7px 11px;font-size:12px}.ai-message{font-size:12px;color:#657692;padding:0 18px;margin:6px 0;white-space:pre-wrap}.ai-message.is-error{color:#b83232}.ai-evidence{margin:6px 18px;font-size:12px;border:1px solid #e1e8f5;padding:9px;border-radius:8px;max-height:230px;overflow:auto}.ai-evidence summary{cursor:pointer}.ai-evidence pre{font-size:11px;white-space:pre-wrap;word-break:break-word;background:#f3f6fc;padding:8px}.ai-messages{flex:1;min-height:80px;overflow:auto;padding:12px 18px}.ai-bubble{border-radius:11px;padding:11px 13px;margin-bottom:12px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.ai-user{background:#edf3ff;margin-left:24px}.ai-assistant{border:1px solid #e4ebf7;background:#fafcff}.ai-bubble p{margin:0 0 9px}.ai-cite{border:0;background:#e5edff;color:#2459ad;border-radius:4px;padding:1px 4px;cursor:pointer}.ai-prompts{display:flex;gap:6px;flex-wrap:wrap;padding:6px 18px}.ai-prompts button{font-size:11px;background:#f4f7fc;border:1px solid #e2e9f4;padding:6px;border-radius:5px;cursor:pointer}.ai-panel form{border-top:1px solid #e7edf6;padding:12px 18px}.ai-panel form label{font-size:12px}.ai-panel textarea{width:100%;resize:vertical;min-height:64px;max-height:160px;margin-top:6px;padding:9px;border:1px solid #d6e0ef;border-radius:7px}.ai-panel form>div{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:8px}.ai-panel form small{font-size:10px;color:#7c899e;max-width:270px}.ai-panel form button{flex-shrink:0}.ai-rules{grid-column:1 / -1;padding:12px;border:1px solid #e0e8f4;border-radius:9px}.ai-rules p{font-size:12px;color:#61718a}.ai-rules select,.ai-rules textarea{width:100%;margin:8px 0}.ai-rules textarea{padding:10px;border:1px solid #d5dfec;border-radius:6px}#ai-settings-message{grid-column:1 / -1;font-size:13px}#global-ai-panel[hidden]{display:none}@media(max-width:700px){.ai-float{right:14px;top:14px;padding:9px 12px}.ai-panel{right:12px;top:62px;bottom:10px}.ai-panel>header{padding:12px 14px}.ai-panel form small{max-width:200px}}

.global-config-tabs [role="tab"][aria-selected="false"]{background:#fff;color:#63738c;border-color:#dce4f0}.global-config-tabs [role="tab"][aria-selected="true"]{background:#edf3ff;color:#2464dc;border-color:#9ab9f7}
.ai-model-field{min-width:0;display:flex;flex-direction:column;gap:6px}.ai-model-controls{display:flex;align-items:center;gap:8px;min-width:0}.ai-model-controls select{flex:1;min-width:0;width:0}.ai-model-controls button{flex-shrink:0;white-space:nowrap}.ai-model-field small{font-size:12px;color:#657692;font-weight:400;line-height:1.6}@media(max-width:700px){.ai-model-controls{flex-wrap:wrap}.ai-model-controls select{width:100%;flex-basis:100%}.ai-model-controls button{width:100%}}