/* recruit-finance-center.css — 财务中心 Apple × X V1 (visual only).
   Scope: every rule is prefixed with the finance root (#financeCenterView) or the finance dialog root
   (.finance-center-modal-root), both under body.admin-visual. No display/visibility/.hidden rules, no @import/url().
   Loaded after finance-center.css; admin.js re-appends finance-center.css at the end of <head>, so the
   cascade is won by specificity (body.admin-visual + #financeCenterView), not by file order. */

/* ---- surface / typography ---- */
body.admin-visual #financeCenterView { color: #111111; background: #F5F5F7; }
body.admin-visual #financeCenterView .finance-center-header h1 { color: #111111; font-weight: 700; letter-spacing: -0.02em; }
body.admin-visual #financeCenterView .finance-center-breadcrumb, body.admin-visual #financeCenterView .finance-center-intro { color: #6E6E73; }

/* ---- buttons: neutral Apple x X, explicit text colour (global button{color:#fff} leaks otherwise) ---- */
body.admin-visual #financeCenterView button, body.admin-visual .finance-center-modal-root button { color: #111111; letter-spacing: 0; }
body.admin-visual #financeCenterView button:focus-visible, body.admin-visual #financeCenterView input:focus-visible, body.admin-visual #financeCenterView select:focus-visible,
body.admin-visual .finance-center-modal-root :is(button,input,select,textarea):focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
body.admin-visual #financeCenterView .finance-center-secondary-action, body.admin-visual #financeCenterView .finance-center-icon-button, body.admin-visual #financeCenterView .finance-center-row-action, body.admin-visual #financeCenterView .finance-center-pagination button,
body.admin-visual .finance-center-modal-root .finance-center-secondary-action { background: #FFFFFF; border: 1px solid #D2D2D7; color: #111111; box-shadow: none; font-weight: 600; }
body.admin-visual #financeCenterView .finance-center-secondary-action:hover, body.admin-visual #financeCenterView .finance-center-icon-button:hover, body.admin-visual #financeCenterView .finance-center-pagination button:hover,
body.admin-visual .finance-center-modal-root .finance-center-secondary-action:hover { background: #F5F5F7; border-color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-primary-action, body.admin-visual .finance-center-modal-root .finance-center-primary-action { background: #111111; border: 1px solid #111111; color: #FFFFFF; box-shadow: none; font-weight: 600; }
body.admin-visual #financeCenterView .finance-center-primary-action:hover, body.admin-visual .finance-center-modal-root .finance-center-primary-action:hover { background: #3A3A3C; border-color: #3A3A3C; }
body.admin-visual .finance-center-modal-root .finance-center-primary-action.finance-center-danger-action { background: #B91C1C; border-color: #B91C1C; color: #FFFFFF; }
body.admin-visual .finance-center-modal-root .finance-center-primary-action.finance-center-danger-action:hover { background: #991B1B; border-color: #991B1B; }
body.admin-visual #financeCenterView button:disabled, body.admin-visual .finance-center-modal-root button:disabled { opacity: .45; cursor: not-allowed; }
body.admin-visual #financeCenterView .finance-center-row-action { border-color: transparent; background: transparent; color: #B91C1C; }
body.admin-visual #financeCenterView .finance-center-row-action:hover { background: #FEF2F2; border-color: transparent; }

/* ---- header / month trigger ---- */
body.admin-visual #financeCenterView .finance-center-month-trigger { border: 1px solid #D2D2D7; color: #111111; background: #FFFFFF; font-weight: 600; box-shadow: none; }
body.admin-visual #financeCenterView .finance-center-month-trigger:hover, body.admin-visual #financeCenterView .finance-center-month-trigger[aria-expanded="true"] { border-color: #6E6E73; box-shadow: none; }
body.admin-visual #financeCenterView .finance-center-month-icon { border-color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-month-menu { border: 1px solid #E5E5E5; border-radius: 14px; box-shadow: 0 12px 32px rgba(17,17,17,.12); }
body.admin-visual #financeCenterView .finance-center-month-menu__header, body.admin-visual #financeCenterView .finance-center-month-menu__footer { border-color: #E5E5E5; }
body.admin-visual #financeCenterView .finance-center-month-menu__header button, body.admin-visual #financeCenterView .finance-center-month-grid button, body.admin-visual #financeCenterView .finance-center-month-menu__footer button { color: #111111; background: transparent; border-color: transparent; box-shadow: none; font-weight: 500; }
body.admin-visual #financeCenterView .finance-center-month-menu__header button:hover, body.admin-visual #financeCenterView .finance-center-month-grid button:hover, body.admin-visual #financeCenterView .finance-center-month-menu__footer button:hover { background: #F5F5F7; border-color: #E5E5E5; }
body.admin-visual #financeCenterView .finance-center-month-grid button.is-active { background: #111111; border-color: #111111; color: #FFFFFF; font-weight: 700; }
body.admin-visual #financeCenterView .finance-center-month-menu__footer button { color: #111111; font-weight: 600; }

/* ---- tabs / sub tabs ---- */
body.admin-visual #financeCenterView .finance-center-tabs { border-bottom: 1px solid #E5E5E5; }
body.admin-visual #financeCenterView .finance-center-tabs button { color: #6E6E73; background: transparent; border-color: transparent; box-shadow: none; }
body.admin-visual #financeCenterView .finance-center-tabs button:hover { color: #111111; background: transparent; }
body.admin-visual #financeCenterView .finance-center-tabs button.is-active { color: #111111; background: transparent; border-color: transparent; border-bottom-color: #111111; font-weight: 700; }
body.admin-visual #financeCenterView .finance-center-subtabs button { color: #6E6E73; background: transparent; border: 1px solid transparent; border-radius: 10px; box-shadow: none; font-weight: 600; }
body.admin-visual #financeCenterView .finance-center-subtabs button:hover { color: #111111; background: #FFFFFF; }
body.admin-visual #financeCenterView .finance-center-subtabs button.is-active { color: #111111; background: #FFFFFF; border-color: #D2D2D7; font-weight: 700; }

/* ---- notice (warning semantics kept) ---- */
body.admin-visual #financeCenterView .finance-center-notice { border-radius: 12px; }

/* ---- KPI cards ---- */
body.admin-visual #financeCenterView .finance-center-section-heading h2 { color: #111111; font-weight: 700; }
body.admin-visual #financeCenterView .finance-center-section-heading span { color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-kpi { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 14px; box-shadow: none; }
body.admin-visual #financeCenterView .finance-center-kpi small { color: #6E6E73; font-weight: 500; }
body.admin-visual #financeCenterView .finance-center-kpi strong { letter-spacing: -0.01em; font-weight: 700; }
body.admin-visual #financeCenterView .finance-center-kpi span { color: #6E6E73; font-size: 12px; }
body.admin-visual #financeCenterView .finance-center-kpi[data-tone="result"] { background: #FFFFFF; border-color: #D2D2D7; }
body.admin-visual #financeCenterView .finance-center-kpi[data-tone="result"] strong { color: #111111; }
body.admin-visual #financeCenterView .finance-center-kpi[data-tone="balance"], body.admin-visual #financeCenterView .finance-center-kpi[data-tone="negative-balance"] { background: #FFFFFF; }

/* ---- content blocks ---- */
body.admin-visual #financeCenterView .finance-center-block { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 14px; box-shadow: none; }
body.admin-visual #financeCenterView .finance-center-block h2 { color: #111111; font-weight: 700; }
body.admin-visual #financeCenterView .finance-center-legend { color: #3A3A3C; }
body.admin-visual #financeCenterView .finance-center-legend-row { border-top-color: #E5E5E5; }

/* ---- tables: undo the recruitment-list column widths / fixed layout that leak in from styles.css ---- */
body.admin-visual #financeCenterView .finance-center-table-wrap { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 14px; }
body.admin-visual #financeCenterView .finance-center-block .finance-center-table-wrap { border: 0; border-radius: 0; }
body.admin-visual #financeCenterView .finance-center-table { table-layout: auto; }
body.admin-visual #financeCenterView .finance-center-table th, body.admin-visual #financeCenterView .finance-center-table td { width: auto; min-width: 0; padding-left: 10px; padding-right: 10px; text-align: left; white-space: nowrap; overflow-wrap: normal; word-break: normal; overflow: visible; border-bottom: 1px solid #E5E5E5; }
body.admin-visual #financeCenterView .finance-center-table th { background: #F5F5F7; color: #6E6E73; font-weight: 600; white-space: nowrap; overflow-wrap: normal; border-bottom: 1px solid #E5E5E5; }
body.admin-visual #financeCenterView .finance-center-table td { color: #111111; }
body.admin-visual #financeCenterView .finance-center-table tbody tr:hover, body.admin-visual #financeCenterView .finance-center-table tr:hover td { background: #F5F5F7; }
body.admin-visual #financeCenterView .finance-center-table th:first-child, body.admin-visual #financeCenterView .finance-center-table td:first-child { white-space: nowrap; overflow-wrap: normal; }
body.admin-visual #financeCenterView .finance-center-table th.finance-center-cell-amount, body.admin-visual #financeCenterView .finance-center-table td.finance-center-cell-amount { text-align: right; white-space: nowrap; overflow-wrap: normal; font-variant-numeric: tabular-nums; }
body.admin-visual #financeCenterView .finance-center-table td.finance-center-cell-summary { min-width: 112px; max-width: 240px; white-space: normal; overflow-wrap: anywhere; font-weight: 500; color: #111111; }
body.admin-visual #financeCenterView .finance-center-table td.finance-center-cell-notes, body.admin-visual #financeCenterView .finance-center-table td.finance-center-cell-text { min-width: 100px; max-width: 200px; white-space: normal; overflow-wrap: anywhere; color: #3A3A3C; }
body.admin-visual #financeCenterView .finance-center-table td.finance-center-amount-positive { color: #047857; }
body.admin-visual #financeCenterView .finance-center-table td.finance-center-amount-negative { color: #DC2626; }
body.admin-visual #financeCenterView .finance-center-type { color: #3A3A3C; white-space: nowrap; }
body.admin-visual #financeCenterView .finance-center-status { white-space: nowrap; font-weight: 600; }
body.admin-visual #financeCenterView .finance-center-status[data-status="VOID"] { background: #F5F5F7; color: #6E6E73; }

/* ---- filters / export / pagination ---- */
body.admin-visual #financeCenterView .finance-center-filters { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 14px; box-shadow: none; }
body.admin-visual #financeCenterView .finance-center-filters select, body.admin-visual #financeCenterView .finance-center-filters input, body.admin-visual #financeCenterView .finance-center-header-actions input { background: #FFFFFF; border: 1px solid #D2D2D7; border-radius: 10px; color: #111111; box-shadow: none; }
body.admin-visual #financeCenterView .finance-center-filters input::placeholder { color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-filters select:hover, body.admin-visual #financeCenterView .finance-center-filters input:hover { border-color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-export-scope, body.admin-visual #financeCenterView .finance-center-analysis-intro { color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-pagination { color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-pagination button { min-width: 72px; border-radius: 10px; }

/* ---- analysis ---- */
body.admin-visual #financeCenterView .finance-center-analysis-grid { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 14px; }
body.admin-visual #financeCenterView .finance-center-analysis-row { border-bottom-color: #E5E5E5; }
body.admin-visual #financeCenterView .finance-center-analysis-row span { color: #111111; }
body.admin-visual #financeCenterView .finance-center-analysis-row strong { color: #111111; }
body.admin-visual #financeCenterView .finance-center-analysis-row small { color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-analysis-track { background: #F5F5F7; }
body.admin-visual #financeCenterView .finance-center-analysis-track i { background: #3A3A3C; }

/* ---- settings ---- */
body.admin-visual #financeCenterView .finance-center-settings-row { border-bottom-color: #E5E5E5; color: #111111; }
body.admin-visual #financeCenterView .finance-center-settings-row strong { color: #6E6E73; }
body.admin-visual #financeCenterView .finance-center-settings-row small { background: #F5F5F7; color: #6E6E73; border-radius: 6px; }
body.admin-visual #financeCenterView .finance-center-category-child { border-left: 2px solid #E5E5E5; }

/* ---- dialogs ---- */
body.admin-visual .finance-center-modal-root { background: rgba(17,17,17,.4); }
body.admin-visual .finance-center-modal-root .finance-center-dialog { background: #FFFFFF; color: #111111; border: 1px solid #E5E5E5; border-radius: 18px; box-shadow: 0 24px 64px rgba(17,17,17,.2); }
body.admin-visual .finance-center-modal-root .finance-center-dialog header { border-bottom: 1px solid #E5E5E5; }
body.admin-visual .finance-center-modal-root .finance-center-dialog h2 { color: #111111; font-weight: 700; }
body.admin-visual .finance-center-modal-root .finance-center-dialog-close { width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #6E6E73; font-size: 24px; line-height: 1; justify-content: center; align-items: center; box-shadow: none; }
body.admin-visual .finance-center-modal-root .finance-center-dialog-close:hover { background: #F5F5F7; color: #111111; }
body.admin-visual .finance-center-modal-root .finance-center-form-heading { color: #111111; }
body.admin-visual .finance-center-modal-root .finance-center-form label { color: #3A3A3C; font-weight: 500; }
body.admin-visual .finance-center-modal-root .finance-center-form :is(input,select,textarea) { border: 1px solid #D2D2D7; border-radius: 10px; background: #FFFFFF; color: #111111; box-shadow: none; }
body.admin-visual .finance-center-modal-root .finance-center-form :is(input,select,textarea):hover { border-color: #6E6E73; }
body.admin-visual .finance-center-modal-root .finance-center-form :is(input,select,textarea)::placeholder { color: #6E6E73; }
body.admin-visual .finance-center-modal-root .finance-center-form-actions { border-top: 1px solid #E5E5E5; }
body.admin-visual .finance-center-modal-root .finance-center-void-summary { background: #F5F5F7; border: 1px solid #E5E5E5; border-radius: 12px; color: #111111; }
body.admin-visual .finance-center-modal-root .finance-center-void-hint { color: #6E6E73; }

/* Personal advance V1: scoped additions only. */
#financeAdvancesPanel .advance-toolbar, #financeAdvancesPanel .advance-actions {display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
#financeAdvancesPanel label {display:flex;flex-direction:column;gap:6px;font-size:13px}
#financeAdvancesPanel input,#financeAdvancesPanel select {border:1px solid #ddd;border-radius:8px;padding:8px;background:#fff;color:#111}
#financeAdvancesPanel .advance-totals {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#financeAdvancesPanel .advance-totals>div {border:1px solid #e5e5e5;border-radius:14px;padding:20px;display:grid;gap:12px}
#financeAdvancesPanel .advance-totals strong {font-size:24px;font-variant-numeric:tabular-nums}
#financeAdvancesPanel small {display:block;color:#666;margin-top:6px}
#financeAdvancesPanel button {border:1px solid #ddd;border-radius:8px;padding:8px 12px;background:#fff;color:#111;cursor:pointer;margin:3px}
#financeAdvancesPanel table {width:100%;border-collapse:collapse;white-space:nowrap}
#financeAdvancesPanel td,#financeAdvancesPanel th {padding:14px;text-align:left;border-bottom:1px solid #eee}
.finance-center-form fieldset {border:1px solid #ddd;border-radius:10px;padding:12px;display:grid;gap:10px}
.finance-center-form [data-error] {color:#a11}
@media(max-width:640px){#financeAdvancesPanel .advance-totals{grid-template-columns:1fr}#financeAdvancesPanel .advance-toolbar>label{width:100%}}

.finance-center-modal-root .finance-center-form fieldset[data-wide="1"] {grid-column:1/-1;min-width:0}
.finance-center-modal-root .finance-center-form input[type="checkbox"] {width:auto;justify-self:start}

/* Personal advance detail refinement V1: scoped to the advances panel and its dialog. */
#financeAdvancesPanel .advance-date-input {width:100%;min-width:140px;border:1px solid #D2D2D7;border-radius:8px;padding:8px;background:#FFFFFF;color:#111111;cursor:pointer;font:inherit}
#financeAdvancesPanel .advance-date-input:hover {border-color:#8E8E93}
#financeAdvancesPanel .advance-date-input:focus-visible {outline:2px solid #111111;outline-offset:2px}
#financeAdvancesPanel .advance-date-input[aria-expanded="true"] {border-color:#111111}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup {position:fixed;z-index:1101;padding:8px;border:1px solid #E5E5E5;border-radius:12px;background:#FFFFFF;color:#111111;box-shadow:0 8px 24px rgb(0 0 0 / 8%);font-size:13px}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup :is(.dp-header,.dp-week,.dp-grid,.dp-actions) {width:222px;max-width:100%;margin-inline:auto;box-sizing:border-box}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-header {min-height:28px;margin-bottom:4px;padding:0}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-title {font-size:14px;font-weight:600;line-height:28px;color:#111111}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-nav {width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#6E6E73;font-size:16px;line-height:1}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-nav:hover {background:#F5F5F7;color:#111111}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-week {grid-template-columns:repeat(7,30px);gap:2px;justify-content:center;margin-bottom:2px;padding:0;color:#6E6E73;font-size:11px}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-grid {grid-template-columns:repeat(7,30px);grid-auto-rows:30px;gap:2px;min-height:0;justify-content:center;padding:0}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-day {width:30px;height:30px!important;min-height:30px!important;padding:0;border:0;border-radius:8px;background:transparent;color:#111111;font-size:13px;line-height:30px}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-day:hover {background:#F5F5F7;color:#111111}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-day.selected,
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-day.selected:hover {background:#111111;color:#FFFFFF;font-weight:600}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-day.empty,
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-day.empty:hover {background:transparent;color:transparent;pointer-events:none}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-day:focus-visible,
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-nav:focus-visible,
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-btn:focus-visible {outline:2px solid #111111;outline-offset:2px}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-actions {justify-content:flex-end;gap:6px;border-top:1px solid #E5E5E5;padding-top:6px;margin-top:4px}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-btn {border:1px solid #E5E5E5;border-radius:8px;background:#FFFFFF;color:#111111;font-size:12px;padding:4px 10px;cursor:pointer}
body.admin-visual:has(.advance-date-input[aria-expanded="true"]) > .recruiter-date-popup .dp-btn:hover {background:#F5F5F7;border-color:#D2D2D7}

body.admin-visual .finance-center-modal-root .finance-center-dialog.finance-center-advance-detail {width:min(920px,calc(100vw - 40px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden}
body.admin-visual .finance-center-modal-root .finance-center-dialog.finance-center-advance-detail > header {flex:0 0 auto;align-items:flex-start}
body.admin-visual .finance-center-modal-root .finance-center-dialog.finance-center-advance-detail > form {flex:1 1 auto;min-height:0;display:block;overflow-y:auto;overflow-x:hidden;padding:0 24px}
body.admin-visual .finance-center-modal-root .finance-center-dialog.finance-center-advance-detail .finance-center-form-actions {position:sticky;bottom:0;z-index:2;margin:0 -24px;padding:14px 24px;background:#FFFFFF}
body.admin-visual .finance-center-modal-root .finance-center-dialog.finance-center-advance-detail [data-error]:empty {display:none}
.advance-detail {display:grid;gap:16px;padding:16px 0 24px;min-width:0}
.advance-detail > * {min-width:0}
.advance-detail-lead {margin:0;color:#3A3A3C;font-size:14px;overflow-wrap:anywhere}
.advance-detail-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.advance-detail-summary > div {border:1px solid #E5E5E5;border-radius:12px;padding:12px;display:grid;gap:6px;background:#FAFAFC;min-width:0}
.advance-detail-summary span {color:#6E6E73;font-size:12px}
.advance-detail-summary strong {font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.advance-detail-section {display:grid;gap:10px;min-width:0}
.advance-detail-section h3 {margin:0;font-size:15px;display:flex;gap:8px;align-items:center}
.advance-detail-count {display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#F5F5F7;color:#6E6E73;font-size:12px;font-weight:600}
.advance-detail-list {display:grid;gap:8px;margin:0}
.advance-detail-list > div {display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}
.advance-detail-list dt {color:#6E6E73;font-size:13px}
.advance-detail-list dd {margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.advance-detail-muted {color:#6E6E73;font-size:12px}
.advance-detail-code {display:inline-block;max-width:100%;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#F5F5F7;border:1px solid #E5E5E5;border-radius:6px;padding:2px 6px;overflow-wrap:anywhere;word-break:break-all}
.advance-detail-copy {display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;min-width:0}
.advance-detail-copy-btn {flex:0 0 auto;border:1px solid #D2D2D7;background:#FFFFFF;color:#111111;border-radius:6px;padding:2px 8px;font-size:12px;cursor:pointer}
.advance-detail-copy-btn:hover {background:#F5F5F7;border-color:#8E8E93}
.advance-repay-list {display:grid;gap:10px}
.advance-repay-card {border:1px solid #E5E5E5;border-radius:12px;padding:14px;display:grid;gap:12px;min-width:0}
.advance-repay-card.is-reversed {background:#FAFAFC}
.advance-repay-head {display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.advance-repay-head > div {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.advance-repay-amounts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.advance-repay-amounts > div {background:#F5F5F7;border-radius:10px;padding:10px 12px;display:grid;gap:4px;min-width:0}
.advance-repay-amounts span {color:#6E6E73;font-size:12px}
.advance-repay-amounts strong {font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.advance-detail-badge {display:inline-flex;align-items:center;border:1px solid #E5E5E5;border-radius:999px;padding:2px 8px;font-size:12px;color:#6E6E73;background:#FFFFFF;font-weight:500}
.advance-detail-badge.is-valid {border-color:#111111;color:#111111}
.advance-detail-badge.is-reversed {border-color:#D2D2D7;color:#8E8E93;text-decoration:line-through}
.advance-detail-badge.is-attested {border-color:#D2D2D7;color:#3A3A3C}
.advance-detail-note {margin:0;color:#6E6E73;font-size:12px;line-height:1.6}
.advance-repay-actions {display:flex;justify-content:flex-end}
.advance-detail-disclosure {border:1px solid #E5E5E5;border-radius:12px;padding:0;min-width:0}
.advance-detail-disclosure > summary {cursor:pointer;padding:12px 14px;font-weight:600;color:#111111;list-style:none;display:flex;align-items:center;gap:8px}
.advance-detail-disclosure > summary::-webkit-details-marker {display:none}
.advance-detail-disclosure > summary::after {content:"›";margin-left:auto;color:#6E6E73;transform:rotate(90deg);transition:transform .15s}
.advance-detail-disclosure[open] > summary::after {transform:rotate(-90deg)}
.advance-detail-disclosure > summary:focus-visible {outline:2px solid #111111;outline-offset:2px}
.advance-detail-disclosure-body {display:grid;gap:12px;padding:0 14px 14px;min-width:0}
.advance-detail-field {display:grid;gap:6px;min-width:0}
.advance-detail-label {color:#6E6E73;font-size:12px}
.advance-detail-pre {margin:0;padding:10px 12px;border:1px solid #E5E5E5;border-radius:10px;background:#F5F5F7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:200px;overflow-y:auto;overflow-x:hidden}
.advance-audit-list {margin:0;padding:0 14px 14px;list-style:none;display:grid;gap:8px}
.advance-audit-list li {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #F0F0F2;padding-bottom:8px;font-size:12px;color:#3A3A3C;overflow-wrap:anywhere}
.advance-audit-list li:last-child {border-bottom:0;padding-bottom:0}
.advance-detail-empty {margin:0;color:#6E6E73;font-size:13px}
@media (max-width:720px) {
  body.admin-visual .finance-center-modal-root .finance-center-dialog.finance-center-advance-detail {width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
  body.admin-visual .finance-center-modal-root .finance-center-dialog.finance-center-advance-detail > form {padding:0 16px}
  body.admin-visual .finance-center-modal-root .finance-center-dialog.finance-center-advance-detail .finance-center-form-actions {margin:0 -16px;padding:12px 16px}
  .advance-detail-summary {grid-template-columns:repeat(2,minmax(0,1fr))}
  .advance-detail-list > div {grid-template-columns:1fr;gap:2px}
  .advance-repay-amounts {grid-template-columns:1fr}
}
@media (max-width:420px) {.advance-detail-summary {grid-template-columns:1fr}}

/* Personal advance smart trigger V1: expense dialog only. */
.finance-center-form .advance-trigger {grid-column:1/-1;border:1px solid #E5E5E5;border-radius:12px;padding:12px 14px;display:grid;gap:8px;background:#FAFAFC;min-width:0}
.finance-center-form .advance-trigger[hidden],
.finance-center-form .advance-trigger-fields[hidden] {display:none!important}
.advance-trigger-head {display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.advance-trigger-head strong {font-size:13px;color:#111111}
.advance-trigger-head span {font-size:12px;line-height:1.6;color:#6E6E73;overflow-wrap:anywhere}
.advance-trigger-head span[data-state="verified_insufficient"],
.advance-trigger-head span[data-state="verified_zero"] {color:#3A3A3C}
.advance-trigger-head span[data-state="unverified"],
.advance-trigger-head span[data-state="unknown"] {color:#6E6E73}
.advance-trigger-head span[data-state="personal"] {color:#111111}
.advance-trigger-switch {display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:36px;padding:4px 0;cursor:pointer;font-size:13px;line-height:1.4;color:#3A3A3C;width:100%;border-radius:6px}
.advance-trigger-switch input {width:16px!important;height:16px!important;min-width:16px;min-height:16px!important;max-height:16px!important;margin:0;flex:0 0 16px;align-self:center!important;accent-color:#111111;cursor:pointer}
.advance-trigger-switch-text {display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}
.advance-trigger-switch-sub {font-size:12px;color:#6E6E73;font-weight:400}
.advance-trigger-switch input:focus-visible {outline:2px solid #111111;outline-offset:2px;border-radius:4px}
.advance-trigger-body {display:grid;gap:10px;padding-top:8px;min-width:0}
.advance-trigger-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.advance-trigger-fields > label[data-wide="1"] {grid-column:1/-1}
.advance-trigger-confirm {display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:0;padding:2px 0;line-height:1.45;font-weight:400;font-size:13px;color:#3A3A3C}
.advance-trigger-confirm input {width:16px!important;height:16px!important;min-width:16px;min-height:16px!important;max-height:16px!important;margin:0!important;flex:0 0 16px;align-self:center!important;accent-color:#111111;cursor:pointer}
.advance-trigger-confirm-text {min-width:0;overflow-wrap:anywhere}
.advance-trigger-confirm input:focus-visible {outline:2px solid #111111;outline-offset:2px;border-radius:4px}
.advance-trigger-gate {grid-column:1/-1;margin:0;color:#8E8E93;font-size:12px;line-height:1.6}
@media (max-width:720px) {.advance-trigger-fields {grid-template-columns:1fr}}