/*!
 * hub-money.css - seller money pages (:is(.money-page,.auto-page)): payouts, new payout, invoices, offers, bank accounts, wallet ledger.
 * Scoped under :is(.money-page,.auto-page) so no other page changes. Same card, tile and table style as the dashboard and wallet pages.
 */
:is(.money-page,.auto-page) { --m-ink: #1e2a4a; --m-mute: #6b7689; --m-line: #e7eaf2; --m-soft: #fafbfd; font-size: 13px; color: var(--m-ink); }

/* cards */
:is(.money-page,.auto-page) .card { border: 1px solid var(--m-line); border-radius: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); overflow: hidden; }
:is(.money-page,.auto-page) .card-header { padding: 12px 16px; border-bottom: 1px solid var(--m-line); background: #fff; }
:is(.money-page,.auto-page) .card-header .card-title { font-size: 15px; font-weight: 600; color: var(--m-ink); margin: 0; }
:is(.money-page,.auto-page) .card-header .text-muted { font-size: 12px; }
:is(.money-page,.auto-page) .card-body { padding: 16px; }

/* stat tiles (same look as the dashboard tiles) */
:is(.money-page,.auto-page) .stat-tile { position: relative; overflow: hidden; height: 100%; background: #fff; border: 1px solid var(--m-line); border-radius: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); padding: 14px 16px 16px; }
:is(.money-page,.auto-page) .stat-tile .stat-body { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 0; margin: 0; }
:is(.money-page,.auto-page) .stat-label { font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--m-mute); margin: 0 0 6px; line-height: 1.3; }
:is(.money-page,.auto-page) .stat-value { font-size: 20px; font-weight: 700; color: var(--m-ink); line-height: 1.2; letter-spacing: -.01em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(.money-page,.auto-page) .stat-foot { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--m-mute); margin-top: 6px; line-height: 1.3; }
:is(.money-page,.auto-page) .stat-foot .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--tone, #94a3b8); flex: 0 0 auto; }
:is(.money-page,.auto-page) .stat-icon { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font-size: 18px; background: var(--tint, #f1f5f9); color: var(--tone, #475569); margin: 0; }
:is(.money-page,.auto-page) .stat-accent { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--tone, #94a3b8); opacity: .85; }
:is(.money-page,.auto-page) .tile-teal { --tone: #0f9d7a; --tint: #e8f7f2; }
:is(.money-page,.auto-page) .tile-blue { --tone: #3b6fe0; --tint: #eaf1fd; }
:is(.money-page,.auto-page) .tile-orange { --tone: #d98a0b; --tint: #fdf4e3; }
:is(.money-page,.auto-page) .tile-cyan { --tone: #0a9bb8; --tint: #e6f6f9; }
:is(.money-page,.auto-page) .row.g-2 { --bs-gutter-x: .75rem; --bs-gutter-y: .75rem; }

/* alerts and notes: one line, quiet */
:is(.money-page,.auto-page) .alert { font-size: 12px; padding: 8px 12px; margin-bottom: 10px; border-radius: 8px; line-height: 1.4; }
:is(.money-page,.auto-page) .alert i { margin-right: 4px; }

/* filters */
:is(.money-page,.auto-page) .form-label, :is(.money-page,.auto-page) label.form-label { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--m-mute); margin-bottom: 4px; }
:is(.money-page,.auto-page) .form-control, :is(.money-page,.auto-page) .form-select { height: 36px; font-size: 13px; padding: 6px 10px; border-color: #d6dbeb; border-radius: 8px; color: var(--m-ink); }
:is(.money-page,.auto-page) .form-control::placeholder { color: #9aa3b8; }
:is(.money-page,.auto-page) .form-control:focus, :is(.money-page,.auto-page) .form-select:focus { border-color: #5462c2; box-shadow: 0 0 0 3px rgba(84, 98, 194, .14); }
:is(.money-page,.auto-page) .filter-card .card-body { padding: 12px 16px; }
:is(.money-page,.auto-page) .filter-card .row { --bs-gutter-x: .75rem; --bs-gutter-y: .6rem; }
:is(.money-page,.auto-page) .input-group-text { font-size: 13px; background: #f6f7fb; border-color: #d6dbeb; color: var(--m-mute); }

/* buttons */
:is(.money-page,.auto-page) .btn { font-size: 13px; font-weight: 500; padding: 6px 12px; border-radius: 8px; line-height: 1.3; }
:is(.money-page,.auto-page) .btn-sm { font-size: 12px; padding: 5px 10px; }
:is(.money-page,.auto-page) .btn-success { background: #fff !important; border: 1px solid #bfe6d8 !important; color: #0b7a5a !important; }
:is(.money-page,.auto-page) .btn-success:hover { background: #e8f7f2 !important; }
:is(.money-page,.auto-page) .btn-light.border { background: #fff; border-color: #d6dbeb; color: var(--m-ink); }

/* pills */
:is(.money-page,.auto-page) .pill { font-size: 12px; padding: 2px 9px; line-height: 1.5; }

/* tables */
:is(.money-page,.auto-page) .table-responsive { border: 1px solid var(--m-line); border-radius: 10px; overflow-x: auto; }
:is(.money-page,.auto-page) table.table { margin: 0; font-size: 13px; width: 100%; }
:is(.money-page,.auto-page) table.table thead th { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--m-mute); background: var(--m-soft); padding: 8px 14px !important; border-bottom: 1px solid var(--m-line); white-space: nowrap; line-height: 1.3; }
:is(.money-page,.auto-page) table.table tbody td { padding: 9px 14px !important; border-bottom: 1px solid var(--m-line); vertical-align: middle; color: var(--m-ink); line-height: 1.35; }
:is(.money-page,.auto-page) table.table tbody tr:last-child td { border-bottom: 0; }
:is(.money-page,.auto-page) table.table tbody tr:hover td { background: var(--m-soft); }
:is(.money-page,.auto-page) table.table td.text-end, :is(.money-page,.auto-page) table.table th.text-end { font-variant-numeric: tabular-nums; white-space: nowrap; }
:is(.money-page,.auto-page) .u-name { font-size: 13px; font-weight: 600; }
:is(.money-page,.auto-page) .u-amt { font-weight: 600; font-variant-numeric: tabular-nums; }
:is(.money-page,.auto-page) .u-sub { font-size: 12px; color: var(--m-mute); }
:is(.money-page,.auto-page) .id-link { font-size: 13px; color: #3a4aa6; font-weight: 500; }

/* empty states inside tables and cards */
:is(.money-page,.auto-page) .dt-state { min-width: 0 !important; width: 100% !important; max-width: 100%; box-sizing: border-box; padding: 18px 12px !important; }
:is(.money-page,.auto-page) .dt-state__title { font-size: 13px; font-weight: 600; }
:is(.money-page,.auto-page) .dt-state__msg { font-size: 12px; color: var(--m-mute); }
:is(.money-page,.auto-page) .hub-empty { padding: 18px 12px; }
:is(.money-page,.auto-page) .hub-empty-title { font-size: 13px; font-weight: 600; }
:is(.money-page,.auto-page) .hub-empty-text { font-size: 12px; color: var(--m-mute); }
:is(.money-page,.auto-page) td[colspan] { width: 100%; }

/* section labels */
:is(.money-page,.auto-page) .money-section { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--m-mute); margin: 14px 0 8px; }

/* tile body: the text column takes the free width (icon tiles keep the icon on the right) */
:is(.money-page,.auto-page) .stat-body > * { min-width: 0; }
:is(.money-page,.auto-page) .stat-body > .stat-value, :is(.money-page,.auto-page) .stat-body > div:first-child { flex: 1 1 auto; }
:is(.money-page,.auto-page) .stat-body > .stat-icon { flex: 0 0 auto; }

/* tiles without an icon: label above value (no side-by-side squeeze) */
:is(.money-page,.auto-page) .stat-body:not(:has(> .stat-icon)) { display: block; }

/* automation consoles: dense SIM tables with icon actions */
:is(.money-page,.auto-page) table.table tbody td .btn-icon,
:is(.money-page,.auto-page) table.table tbody td .btn.btn-sm.px-2,
:is(.money-page,.auto-page) table.table tbody td .btn-sm { padding: 3px 7px !important; line-height: 1.2; min-height: 0; font-size: 12px; border-radius: 7px; }
:is(.money-page,.auto-page) table.table tbody td form { margin: 0; }
:is(.money-page,.auto-page) .act-btns { display: inline-flex; flex-wrap: nowrap; gap: 4px; justify-content: flex-end; }
:is(.money-page,.auto-page) table.table tbody td .sim-label, :is(.money-page,.auto-page) table.table tbody td .u-sub { font-size: 11px; line-height: 1.3; color: var(--m-mute); }
:is(.money-page,.auto-page) table.table tbody td .lapu, :is(.money-page,.auto-page) table.table tbody td .u-mobile { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
:is(.money-page,.auto-page) .progress-sm { height: 5px; border-radius: 999px; }
:is(.money-page,.auto-page) .row.g-2 > [class*="col"] > .stat-tile { min-height: 100%; }
:is(.money-page,.auto-page) table.table tbody td .lapu { line-height: 1.2; margin: 0; }
:is(.money-page,.auto-page) table.table tbody td .sim-label { line-height: 1.2; margin-top: 1px; }