/* ph-overlay-bundle auto-concat — order: theme, dark-fix, type-unify, ops-ui, home-layout */
/* === ph-theme.css === */
/* PayProo panel theme — light (default) / dark via html[data-theme="dark"] */

html {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --ph-bg: #0c0f14;
  --ph-bg-mesh: linear-gradient(180deg, #0c0f14 0%, #10141c 100%);
  --ph-surface: #141922;
  --ph-surface-elevated: rgba(20, 25, 34, .98);
  --ph-surface-muted: #1a2030;
  --ph-surface-hover: #222a3a;
  --ph-text: #eef2f7;
  --ph-text-muted: #8b95a8;
  --ph-text-subtle: #6a7488;
  --ph-border: rgba(255, 255, 255, .07);
  --ph-border-strong: rgba(255, 255, 255, .12);
  --ph-border-glow: rgba(96, 165, 250, .28);
  --ph-primary: #3b82f6;
  --ph-primary-soft: rgba(59, 130, 246, .14);
  --ph-accent-soft: rgba(96, 165, 250, .12);
  --ph-success-soft: rgba(34, 197, 94, .14);
  --ph-danger-soft: rgba(239, 68, 68, .14);
  --ph-warning-soft: rgba(245, 158, 11, .14);
  --ph-info-soft: rgba(59, 130, 246, .12);
  --ph-shadow-xs: none;
  --ph-shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);
  --ph-shadow-md: 0 6px 20px rgba(0, 0, 0, .4);
  --ph-shadow-lg: 0 14px 36px rgba(0, 0, 0, .45);
  --ph-shadow-card: none;
  --ph-shadow-card-hover: 0 4px 18px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] body,
html[data-theme="dark"] .ph-shell,
html[data-theme="dark"] .ph-main-col,
html[data-theme="dark"] .ph-main,
html[data-theme="dark"] .ph-page {
  background: var(--ph-bg);
  background-image: var(--ph-bg-mesh);
  color: var(--ph-text);
}

html[data-theme="dark"] .ph-topbar {
  background: rgba(17, 24, 39, .88) !important;
  border-color: var(--ph-border) !important;
  color: var(--ph-text) !important;
  backdrop-filter: blur(10px);
}

html[data-theme="dark"] .ph-card,
html[data-theme="dark"] [class*="ph-card"],
html[data-theme="dark"] .list-card,
html[data-theme="dark"] .masraf-modal,
html[data-theme="dark"] .manual-modal {
  background: var(--ph-surface) !important;
  border-color: var(--ph-border) !important;
  color: var(--ph-text) !important;
  box-shadow: var(--ph-shadow-card) !important;
}

html[data-theme="dark"] .ph-input,
html[data-theme="dark"] .ph-select,
html[data-theme="dark"] input.ph-input,
html[data-theme="dark"] select.ph-select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .masraf-field input,
html[data-theme="dark"] .masraf-field select,
html[data-theme="dark"] .masraf-field textarea {
  background: #0f172a !important;
  border-color: var(--ph-border-strong) !important;
  color: var(--ph-text) !important;
}

html[data-theme="dark"] .ph-input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--ph-text-subtle) !important;
}

html[data-theme="dark"] table th {
  background: #0f172a !important;
  color: var(--ph-text-muted) !important;
  border-color: var(--ph-border) !important;
}

html[data-theme="dark"] table td {
  border-color: var(--ph-border) !important;
  color: var(--ph-text) !important;
}

html[data-theme="dark"] table tr:hover td {
  background: rgba(148, 163, 184, .06) !important;
}

html[data-theme="dark"] .ph-btn--secondary,
html[data-theme="dark"] .ph-btn--ghost {
  background: #1a2332 !important;
  border-color: var(--ph-border-strong) !important;
  color: var(--ph-text) !important;
}

html[data-theme="dark"] .ph-alert,
html[data-theme="dark"] [class*="Alert"] {
  border-color: var(--ph-border) !important;
}

html[data-theme="dark"] .masraf-tabs,
html[data-theme="dark"] .masraf-kpi,
html[data-theme="dark"] .masraf-switch-row,
html[data-theme="dark"] .masraf-check,
html[data-theme="dark"] .masraf-modal__foot {
  background: var(--ph-surface-muted) !important;
  border-color: var(--ph-border) !important;
  color: var(--ph-text) !important;
}

html[data-theme="dark"] .masraf-tab.active {
  background: #111827 !important;
  color: #c7d2fe !important;
}

/* Theme toggle — slim switch */
.ph-theme-toggle{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 8px;
  padding:0 2px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.ph-theme-toggle__label{
  font-size:10px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(148,163,184,.55);
  line-height:1;
}
.ph-theme-toggle__switch{
  position:relative;
  width:44px;
  height:24px;
  border:0;
  border-radius:999px;
  padding:0;
  cursor:pointer;
  background:rgba(148,163,184,.18);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.12);
  transition:background .2s ease;
  flex-shrink:0;
}
.ph-theme-toggle__switch[aria-checked="true"]{
  background:rgba(99,102,241,.42);
  box-shadow:inset 0 0 0 1px rgba(165,180,252,.22);
}
.ph-theme-toggle__knob{
  position:absolute;
  top:2px;
  left:2px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#e2e8f0;
  box-shadow:0 1px 2px rgba(0,0,0,.35);
  transition:transform .2s ease, background .2s ease;
  display:grid;
  place-items:center;
  color:#0f172a;
}
.ph-theme-toggle__switch[aria-checked="true"] .ph-theme-toggle__knob{
  transform:translateX(20px);
  background:#eef2ff;
  color:#4338ca;
}
.ph-theme-toggle__knob svg{width:11px;height:11px;display:block}
.ph-theme-toggle__hint{
  font-size:11px;
  font-weight:500;
  color:rgba(226,232,240,.72);
  min-width:2.5rem;
  text-align:right;
}
.ph-theme-toggle__switch:focus-visible{
  outline:2px solid rgba(129,140,248,.5);
  outline-offset:2px;
}

/* Sidebar footer — refined */
.ph-sidebar__user[data-v-b92b93d4]{
  padding:.55rem .65rem .5rem!important;
  gap:.45rem!important;
  background:transparent!important;
  border-top:1px solid rgba(148,163,184,.1)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ph-sidebar__user-card[data-v-b92b93d4]{gap:.55rem!important}
.ph-sidebar__avatar[data-v-b92b93d4]{
  width:1.55rem!important;
  height:1.55rem!important;
  border-radius:8px!important;
  box-shadow:none!important;
  font-size:.72rem!important;
  font-weight:600!important;
  background:rgba(129,140,248,.22)!important;
  color:#c7d2fe!important;
}
.ph-sidebar__user-label[data-v-b92b93d4]{
  font-size:.58rem!important;
  letter-spacing:.06em!important;
  font-weight:500!important;
  color:rgba(148,163,184,.55)!important;
}
.ph-sidebar__user-name[data-v-b92b93d4]{
  font-size:.72rem!important;
  font-weight:500!important;
  color:rgba(226,232,240,.88)!important;
}
.ph-sidebar__user-actions[data-v-b92b93d4]{
  gap:.3rem!important;
}
.ph-sidebar__logout[data-v-b92b93d4],
.ph-sidebar__user .ph-btn.ph-sidebar__logout{
  min-height:1.7rem!important;
  border:0!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.03)!important;
  color:rgba(226,232,240,.82)!important;
  font-size:.69rem!important;
  font-weight:500!important;
  padding:.28rem .4rem!important;
  box-shadow:none!important;
  gap:.3rem!important;
}
.ph-sidebar__logout[data-v-b92b93d4]:hover,
.ph-sidebar__user .ph-btn.ph-sidebar__logout:hover{
  background:rgba(255,255,255,.07)!important;
  border:0!important;
  color:#fff!important;
}
.ph-sidebar__socket[data-v-b92b93d4]{
  padding:.35rem .65rem!important;
  font-size:.62rem!important;
  font-weight:500!important;
  background:transparent!important;
  border-top:1px solid rgba(148,163,184,.08)!important;
  color:rgba(148,163,184,.7)!important;
  gap:.35rem!important;
}
.ph-sidebar__socket-dot[data-v-b92b93d4]{
  width:6px!important;
  height:6px!important;
  box-shadow:none!important;
}
.ph-sidebar__socket-dot.ok[data-v-b92b93d4]{
  box-shadow:none!important;
}
.ph-sidebar__version[data-v-b92b93d4]{
  padding:.28rem .65rem .4rem!important;
  font-size:.58rem!important;
  font-weight:500!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  color:rgba(148,163,184,.45)!important;
  border-top:0!important;
  background:transparent!important;
}


/* ===== DARK THEME GLOBAL FIX v121 — all admin pages ===== */
html[data-theme="dark"]{
  color-scheme:dark;
}

/* Page text defaults */
html[data-theme="dark"] .ph-main,
html[data-theme="dark"] .ph-page,
html[data-theme="dark"] .ph-main-col,
html[data-theme="dark"] .page,
html[data-theme="dark"] .main{
  color:var(--ph-text)!important;
}

/* Force every common panel/card/shell off pure white */
html[data-theme="dark"] .ph-card,
html[data-theme="dark"] .ph-card[data-v-1dc95b0a],
html[data-theme="dark"] section.ph-card,
html[data-theme="dark"] .list-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .table-card .card-header,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .box,
html[data-theme="dark"] .shell,
html[data-theme="dark"] .wrap,
html[data-theme="dark"] .form,
html[data-theme="dark"] form.form,
html[data-theme="dark"] .creator-card,
html[data-theme="dark"] .group-card,
html[data-theme="dark"] .perm-card,
html[data-theme="dark"] .roles-card,
html[data-theme="dark"] .commission-card,
html[data-theme="dark"] .commission-block,
html[data-theme="dark"] .methods-card,
html[data-theme="dark"] .kpi-card,
html[data-theme="dark"] .compare-card,
html[data-theme="dark"] .hero-banner,
html[data-theme="dark"] .manual-modal,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .masraf-modal,
html[data-theme="dark"] .cash-modal,
html[data-theme="dark"] .partner-modal__card,
html[data-theme="dark"] .ph-table-wrap,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .audit-card,
html[data-theme="dark"] .audit-shell,
html[data-theme="dark"] .masraf-shell,
html[data-theme="dark"] .cash-card,
html[data-theme="dark"] .cash-bar,
html[data-theme="dark"] .kar-toolbar,
html[data-theme="dark"] .kar-card,
html[data-theme="dark"] .kar-kpi,
html[data-theme="dark"] [class*="Card"],
html[data-theme="dark"] [class*="-card"],
html[data-theme="dark"] [class*="_card"],
html[data-theme="dark"] [class*="panel"],
html[data-theme="dark"] [class*="Panel"]{
  background:var(--ph-surface)!important;
  background-color:var(--ph-surface)!important;
  background-image:none!important;
  border-color:var(--ph-border)!important;
  color:var(--ph-text)!important;
  box-shadow:none!important;
}

/* Titles / labels on those surfaces must stay light */
html[data-theme="dark"] .ph-card__title,
html[data-theme="dark"] .ph-card__header,
html[data-theme="dark"] .ph-card__subtitle,
html[data-theme="dark"] .ph-card__body,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-header h2,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,
html[data-theme="dark"] label,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .hint,
html[data-theme="dark"] .note,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .help,
html[data-theme="dark"] .desc,
html[data-theme="dark"] .description,
html[data-theme="dark"] .perm-card label,
html[data-theme="dark"] .roles-card label,
html[data-theme="dark"] .group-card label,
html[data-theme="dark"] .ph-card label{
  color:var(--ph-text)!important;
}
html[data-theme="dark"] label,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .hint,
html[data-theme="dark"] .note,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .help,
html[data-theme="dark"] .ph-card__subtitle{
  color:var(--ph-text-muted)!important;
}

/* Inputs / selects / textareas — never white, never “selected” chip look */
html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .ph-input,
html[data-theme="dark"] .ph-select,
html[data-theme="dark"] .partner-trigger,
html[data-theme="dark"] button.partner-trigger,
html[data-theme="dark"] .group-filter,
html[data-theme="dark"] .inline,
html[data-theme="dark"] input.inline,
html[data-theme="dark"] input.wg-name,
html[data-theme="dark"] input.narrow,
html[data-theme="dark"] input.chat-id,
html[data-theme="dark"] .mono,
html[data-theme="dark"] .ph-mono,
html[data-theme="dark"] .iban-code,
html[data-theme="dark"] [class*="iban-code"]{
  background:#0f172a!important;
  background-color:#0f172a!important;
  background-image:none!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border-strong)!important;
  box-shadow:none!important;
  caret-color:var(--ph-text)!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color:var(--ph-text-subtle)!important;
  opacity:1!important;
}

/* Remove “selected text” chip backgrounds on mono/code cells */
html[data-theme="dark"] .iban-code,
html[data-theme="dark"] .iban-code.small,
html[data-theme="dark"] .mono,
html[data-theme="dark"] .ph-mono,
html[data-theme="dark"] code,
html[data-theme="dark"] kbd{
  background:transparent!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--ph-text)!important;
}

/* Chips / pills / event type badges — readable on dark */
html[data-theme="dark"] .chip,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .tag,
html[data-theme="dark"] .event-chip,
html[data-theme="dark"] .event-pill,
html[data-theme="dark"] .stat-pill,
html[data-theme="dark"] .type-chip,
html[data-theme="dark"] .filter-chip,
html[data-theme="dark"] [class*="chip"],
html[data-theme="dark"] [class*="pill"]:not(.ph-badge):not(.ph-topbar__socket-badge):not([class*="sw"]){
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border)!important;
}

/* Soft badges */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .badge-muted,
html[data-theme="dark"] .ph-badge--neutral{
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border)!important;
}
html[data-theme="dark"] .badge-success,
html[data-theme="dark"] .ph-badge--success{
  background:var(--ph-success-soft)!important;
  color:#86efac!important;
}
html[data-theme="dark"] .ph-badge--warning,
html[data-theme="dark"] .badge-warning{
  background:var(--ph-warning-soft)!important;
  color:#fcd34d!important;
}

/* Buttons: ghost/secondary/white action buttons */
html[data-theme="dark"] .btn:not(.btn-primary):not(.btn-danger):not(.danger):not(.ph-btn--primary):not(.ph-btn--danger),
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .btn-ghost,
html[data-theme="dark"] .ph-btn--secondary,
html[data-theme="dark"] .ph-btn--ghost,
html[data-theme="dark"] button.btn:not(.btn-primary):not(.btn-danger):not(.danger){
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border-strong)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .ph-btn--primary,
html[data-theme="dark"] button.btn.btn-primary{
  color:#fff!important;
}
html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .btn.danger,
html[data-theme="dark"] .ph-btn--danger{
  background:#dc2626!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* Tables */
html[data-theme="dark"] table,
html[data-theme="dark"] .ph-table,
html[data-theme="dark"] .table{
  background:transparent!important;
  color:var(--ph-text)!important;
}
html[data-theme="dark"] table th,
html[data-theme="dark"] .ph-table th,
html[data-theme="dark"] .table th{
  background:#0f172a!important;
  background-image:none!important;
  color:var(--ph-text-muted)!important;
  border-color:var(--ph-border)!important;
}
html[data-theme="dark"] table td,
html[data-theme="dark"] .ph-table td,
html[data-theme="dark"] .table td{
  background:transparent!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border)!important;
}
html[data-theme="dark"] table tr:hover td{
  background:rgba(148,163,184,.06)!important;
}

/* Permission / role checkbox rows */
html[data-theme="dark"] .perm-card label,
html[data-theme="dark"] .roles-card label,
html[data-theme="dark"] .ph-card label,
html[data-theme="dark"] .check,
html[data-theme="dark"] .checkbox,
html[data-theme="dark"] label.sw-field,
html[data-theme="dark"] .sw-field span{
  color:var(--ph-text)!important;
}

/* Info / help callouts that stayed white */
html[data-theme="dark"] .info,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .callout,
html[data-theme="dark"] .note-box,
html[data-theme="dark"] .role-desc,
html[data-theme="dark"] .access-note,
html[data-theme="dark"] .help-box,
html[data-theme="dark"] [class*="note"],
html[data-theme="dark"] [class*="hint"]{
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border)!important;
}

/* Group list name bars that looked “selected” */
html[data-theme="dark"] .group-item,
html[data-theme="dark"] .group-name,
html[data-theme="dark"] .item-title,
html[data-theme="dark"] .list-item,
html[data-theme="dark"] .row-title{
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border)!important;
}

/* Wallet groups form + partner trigger */
html[data-theme="dark"] form.form,
html[data-theme="dark"] .partner-picker-root,
html[data-theme="dark"] .partner-trigger,
html[data-theme="dark"] .partner-trigger.open{
  background:#0f172a!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border-strong)!important;
}
html[data-theme="dark"] form.form{
  background:var(--ph-surface)!important;
}
html[data-theme="dark"] .partner-modal__card{
  background:var(--ph-surface)!important;
}
html[data-theme="dark"] .partner-modal__head,
html[data-theme="dark"] .partner-modal__toolbar,
html[data-theme="dark"] .partner-modal__foot{
  background:var(--ph-surface-muted)!important;
  border-color:var(--ph-border)!important;
  color:var(--ph-text)!important;
}
html[data-theme="dark"] .partner-modal__search{
  background:#0f172a!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border-strong)!important;
}
html[data-theme="dark"] .partner-option,
html[data-theme="dark"] .partner-option__name,
html[data-theme="dark"] .partner-modal__head h3,
html[data-theme="dark"] .partner-modal__meta{
  color:var(--ph-text)!important;
}
html[data-theme="dark"] .partner-option.on{
  background:rgba(99,102,241,.16)!important;
  border-color:rgba(129,140,248,.35)!important;
}

/* Bank logos: light plate so dark logos stay visible */
/* bank logos moved below */

/* Thick white bordered commission / method blocks */
html[data-theme="dark"] .commission-block,
html[data-theme="dark"] .commission-card,
html[data-theme="dark"] .methods-wrap,
html[data-theme="dark"] .block,
html[data-theme="dark"] .ph-page > div[style*="background"],
html[data-theme="dark"] .ph-page section{
  border-color:var(--ph-border)!important;
}

/* Textareas used as role descriptions */
html[data-theme="dark"] textarea[readonly],
html[data-theme="dark"] .role-summary,
html[data-theme="dark"] .access-summary{
  background:#0f172a!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border)!important;
}

/* Hide empty title-only cards */
.ph-card:has(> .ph-card__body:empty){display:none!important}

/* Catch any leftover pure-white boxes inside main content */
html[data-theme="dark"] .ph-main [style*="background:#fff"],
html[data-theme="dark"] .ph-main [style*="background: #fff"],
html[data-theme="dark"] .ph-main [style*="background:#ffffff"],
html[data-theme="dark"] .ph-main [style*="background: #ffffff"],
html[data-theme="dark"] .ph-main [style*="background-color:#fff"],
html[data-theme="dark"] .ph-main [style*="background-color: #fff"]{
  background:var(--ph-surface)!important;
  color:var(--ph-text)!important;
}

/* Selection highlight — subtle, not permanent-looking */
html[data-theme="dark"] ::selection{
  background:rgba(99,102,241,.35);
  color:#fff;
}

/* Audit event chips */
html[data-theme="dark"] .audit-chip,
html[data-theme="dark"] span.audit-chip{
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border)!important;
}

/* Permissions / roles checkbox lists */
html[data-theme="dark"] .perm-col,
html[data-theme="dark"] .perm-list,
html[data-theme="dark"] .perm-list label,
html[data-theme="dark"] .role-grid,
html[data-theme="dark"] .role-grid label,
html[data-theme="dark"] .checks label,
html[data-theme="dark"] .checkbox-list label{
  color:var(--ph-text)!important;
}

/* Bank logos only in main content tables */
html[data-theme="dark"] .ph-main td img,
html[data-theme="dark"] .ph-main .bank-logo,
html[data-theme="dark"] .ph-main .bank-logo img{
  background:#fff!important;
  border-radius:6px!important;
  padding:3px 6px!important;
}

/* Partner modal — force dark rows (overrides injected #fff !important) */
html[data-theme="dark"] .partner-modal .partner-option,
html[data-theme="dark"] .partner-modal label.partner-option,
html[data-theme="dark"] label.partner-option{
  background:#1a2332!important;
  background-color:#1a2332!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#e5e7eb!important;
}
html[data-theme="dark"] .partner-modal .partner-option:hover,
html[data-theme="dark"] label.partner-option:hover{
  background:#243044!important;
  border-color:rgba(148,163,184,.28)!important;
}
html[data-theme="dark"] .partner-modal .partner-option.on,
html[data-theme="dark"] label.partner-option.on{
  background:rgba(99,102,241,.22)!important;
  border-color:rgba(165,180,252,.4)!important;
}
html[data-theme="dark"] .partner-modal .partner-option__name,
html[data-theme="dark"] .partner-modal .partner-option span,
html[data-theme="dark"] .partner-option span,
html[data-theme="dark"] .partner-option span[data-v-fd022e33]{
  color:#e5e7eb!important;
}
html[data-theme="dark"] .partner-modal__card{
  background:#111827!important;
  border-color:rgba(148,163,184,.18)!important;
}
html[data-theme="dark"] .partner-modal__head,
html[data-theme="dark"] .partner-modal__toolbar,
html[data-theme="dark"] .partner-modal__foot{
  background:#1a2332!important;
  border-color:rgba(148,163,184,.14)!important;
}
html[data-theme="dark"] .partner-modal__head h3,
html[data-theme="dark"] .partner-modal__meta{
  color:#e5e7eb!important;
}
html[data-theme="dark"] .partner-modal__meta{color:#94a3b8!important}
html[data-theme="dark"] .partner-modal__link{
  color:#a5b4fc!important;
}
html[data-theme="dark"] .partner-modal__search{
  background:#0f172a!important;
  color:#e5e7eb!important;
  border-color:rgba(148,163,184,.28)!important;
}
html[data-theme="dark"] .partner-modal__x{
  background:#243044!important;
  color:#e5e7eb!important;
}
html[data-theme="dark"] .partner-modal__foot .btn.ghost{
  background:#243044!important;
  color:#e5e7eb!important;
}


/* sidebar independent scroll v135 */
.ph-sidebar[data-v-b92b93d4],
.ph-sidebar{
  height:100vh!important;
  max-height:100vh!important;
  min-height:0!important;
  overflow:hidden!important;
}
.ph-sidebar-nav[data-v-2b01cf74],
.ph-sidebar-nav,
nav.ph-sidebar-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

/* === ph-dark-fix.css === */


/* ===== DARK THEME GLOBAL FIX v121 — all admin pages ===== */
html[data-theme="dark"]{
  color-scheme:dark;
}

/* Page text defaults */
html[data-theme="dark"] .ph-main,
html[data-theme="dark"] .ph-page,
html[data-theme="dark"] .ph-main-col,
html[data-theme="dark"] .page,
html[data-theme="dark"] .main{
  color:var(--ph-text)!important;
}

/* Force every common panel/card/shell off pure white */
html[data-theme="dark"] .ph-card,
html[data-theme="dark"] .ph-card[data-v-1dc95b0a],
html[data-theme="dark"] section.ph-card,
html[data-theme="dark"] .list-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .table-card .card-header,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .box,
html[data-theme="dark"] .shell,
html[data-theme="dark"] .wrap,
html[data-theme="dark"] .form,
html[data-theme="dark"] form.form,
html[data-theme="dark"] .creator-card,
html[data-theme="dark"] .group-card,
html[data-theme="dark"] .perm-card,
html[data-theme="dark"] .roles-card,
html[data-theme="dark"] .commission-card,
html[data-theme="dark"] .commission-block,
html[data-theme="dark"] .methods-card,
html[data-theme="dark"] .kpi-card,
html[data-theme="dark"] .compare-card,
html[data-theme="dark"] .hero-banner,
html[data-theme="dark"] .manual-modal,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .masraf-modal,
html[data-theme="dark"] .cash-modal,
html[data-theme="dark"] .partner-modal__card,
html[data-theme="dark"] .ph-table-wrap,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .audit-card,
html[data-theme="dark"] .audit-shell,
html[data-theme="dark"] .masraf-shell,
html[data-theme="dark"] .cash-card,
html[data-theme="dark"] .cash-bar,
html[data-theme="dark"] .kar-toolbar,
html[data-theme="dark"] .kar-card,
html[data-theme="dark"] .kar-kpi,
html[data-theme="dark"] [class*="Card"],
html[data-theme="dark"] [class*="-card"],
html[data-theme="dark"] [class*="_card"],
html[data-theme="dark"] [class*="panel"],
html[data-theme="dark"] [class*="Panel"]{
  background:var(--ph-surface)!important;
  background-color:var(--ph-surface)!important;
  background-image:none!important;
  border-color:var(--ph-border)!important;
  color:var(--ph-text)!important;
  box-shadow:none!important;
}

/* Titles / labels on those surfaces must stay light */
html[data-theme="dark"] .ph-card__title,
html[data-theme="dark"] .ph-card__header,
html[data-theme="dark"] .ph-card__subtitle,
html[data-theme="dark"] .ph-card__body,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-header h2,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,
html[data-theme="dark"] label,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .hint,
html[data-theme="dark"] .note,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .help,
html[data-theme="dark"] .desc,
html[data-theme="dark"] .description,
html[data-theme="dark"] .perm-card label,
html[data-theme="dark"] .roles-card label,
html[data-theme="dark"] .group-card label,
html[data-theme="dark"] .ph-card label{
  color:var(--ph-text)!important;
}
html[data-theme="dark"] label,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .hint,
html[data-theme="dark"] .note,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .help,
html[data-theme="dark"] .ph-card__subtitle{
  color:var(--ph-text-muted)!important;
}

/* Inputs / selects / textareas — never white, never “selected” chip look */
html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .ph-input,
html[data-theme="dark"] .ph-select,
html[data-theme="dark"] .partner-trigger,
html[data-theme="dark"] button.partner-trigger,
html[data-theme="dark"] .group-filter,
html[data-theme="dark"] .inline,
html[data-theme="dark"] input.inline,
html[data-theme="dark"] input.wg-name,
html[data-theme="dark"] input.narrow,
html[data-theme="dark"] input.chat-id,
html[data-theme="dark"] .mono,
html[data-theme="dark"] .ph-mono,
html[data-theme="dark"] .iban-code,
html[data-theme="dark"] [class*="iban-code"]{
  background:#0f172a!important;
  background-color:#0f172a!important;
  background-image:none!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border-strong)!important;
  box-shadow:none!important;
  caret-color:var(--ph-text)!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color:var(--ph-text-subtle)!important;
  opacity:1!important;
}

/* Remove “selected text” chip backgrounds on mono/code cells */
html[data-theme="dark"] .iban-code,
html[data-theme="dark"] .iban-code.small,
html[data-theme="dark"] .mono,
html[data-theme="dark"] .ph-mono,
html[data-theme="dark"] code,
html[data-theme="dark"] kbd{
  background:transparent!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--ph-text)!important;
}

/* Chips / pills / event type badges — readable on dark */
html[data-theme="dark"] .chip,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .tag,
html[data-theme="dark"] .event-chip,
html[data-theme="dark"] .event-pill,
html[data-theme="dark"] .stat-pill,
html[data-theme="dark"] .type-chip,
html[data-theme="dark"] .filter-chip,
html[data-theme="dark"] [class*="chip"],
html[data-theme="dark"] [class*="pill"]:not(.ph-badge):not(.ph-topbar__socket-badge):not([class*="sw"]){
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border)!important;
}

/* Soft badges */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .badge-muted,
html[data-theme="dark"] .ph-badge--neutral{
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border)!important;
}
html[data-theme="dark"] .badge-success,
html[data-theme="dark"] .ph-badge--success{
  background:var(--ph-success-soft)!important;
  color:#86efac!important;
}
html[data-theme="dark"] .ph-badge--warning,
html[data-theme="dark"] .badge-warning{
  background:var(--ph-warning-soft)!important;
  color:#fcd34d!important;
}

/* Buttons: ghost/secondary/white action buttons */
html[data-theme="dark"] .btn:not(.btn-primary):not(.btn-danger):not(.danger):not(.ph-btn--primary):not(.ph-btn--danger),
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .btn-ghost,
html[data-theme="dark"] .ph-btn--secondary,
html[data-theme="dark"] .ph-btn--ghost,
html[data-theme="dark"] button.btn:not(.btn-primary):not(.btn-danger):not(.danger){
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border-strong)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .ph-btn--primary,
html[data-theme="dark"] button.btn.btn-primary{
  color:#fff!important;
}
html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .btn.danger,
html[data-theme="dark"] .ph-btn--danger{
  background:#dc2626!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* Tables */
html[data-theme="dark"] table,
html[data-theme="dark"] .ph-table,
html[data-theme="dark"] .table{
  background:transparent!important;
  color:var(--ph-text)!important;
}
html[data-theme="dark"] table th,
html[data-theme="dark"] .ph-table th,
html[data-theme="dark"] .table th{
  background:#0f172a!important;
  background-image:none!important;
  color:var(--ph-text-muted)!important;
  border-color:var(--ph-border)!important;
}
html[data-theme="dark"] table td,
html[data-theme="dark"] .ph-table td,
html[data-theme="dark"] .table td{
  background:transparent!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border)!important;
}
html[data-theme="dark"] table tr:hover td{
  background:rgba(148,163,184,.06)!important;
}

/* Permission / role checkbox rows */
html[data-theme="dark"] .perm-card label,
html[data-theme="dark"] .roles-card label,
html[data-theme="dark"] .ph-card label,
html[data-theme="dark"] .check,
html[data-theme="dark"] .checkbox,
html[data-theme="dark"] label.sw-field,
html[data-theme="dark"] .sw-field span{
  color:var(--ph-text)!important;
}

/* Info / help callouts that stayed white */
html[data-theme="dark"] .info,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .callout,
html[data-theme="dark"] .note-box,
html[data-theme="dark"] .role-desc,
html[data-theme="dark"] .access-note,
html[data-theme="dark"] .help-box,
html[data-theme="dark"] [class*="note"],
html[data-theme="dark"] [class*="hint"]{
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border)!important;
}

/* Group list name bars that looked “selected” */
html[data-theme="dark"] .group-item,
html[data-theme="dark"] .group-name,
html[data-theme="dark"] .item-title,
html[data-theme="dark"] .list-item,
html[data-theme="dark"] .row-title{
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border)!important;
}

/* Wallet groups form + partner trigger */
html[data-theme="dark"] form.form,
html[data-theme="dark"] .partner-picker-root,
html[data-theme="dark"] .partner-trigger,
html[data-theme="dark"] .partner-trigger.open{
  background:#0f172a!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border-strong)!important;
}
html[data-theme="dark"] form.form{
  background:var(--ph-surface)!important;
}
html[data-theme="dark"] .partner-modal__card{
  background:var(--ph-surface)!important;
}
html[data-theme="dark"] .partner-modal__head,
html[data-theme="dark"] .partner-modal__toolbar,
html[data-theme="dark"] .partner-modal__foot{
  background:var(--ph-surface-muted)!important;
  border-color:var(--ph-border)!important;
  color:var(--ph-text)!important;
}
html[data-theme="dark"] .partner-modal__search{
  background:#0f172a!important;
  color:var(--ph-text)!important;
  border-color:var(--ph-border-strong)!important;
}
html[data-theme="dark"] .partner-option,
html[data-theme="dark"] .partner-option__name,
html[data-theme="dark"] .partner-modal__head h3,
html[data-theme="dark"] .partner-modal__meta{
  color:var(--ph-text)!important;
}
html[data-theme="dark"] .partner-option.on{
  background:rgba(99,102,241,.16)!important;
  border-color:rgba(129,140,248,.35)!important;
}

/* Bank logos: light plate so dark logos stay visible */
/* bank logos moved below */

/* Thick white bordered commission / method blocks */
html[data-theme="dark"] .commission-block,
html[data-theme="dark"] .commission-card,
html[data-theme="dark"] .methods-wrap,
html[data-theme="dark"] .block,
html[data-theme="dark"] .ph-page > div[style*="background"],
html[data-theme="dark"] .ph-page section{
  border-color:var(--ph-border)!important;
}

/* Textareas used as role descriptions */
html[data-theme="dark"] textarea[readonly],
html[data-theme="dark"] .role-summary,
html[data-theme="dark"] .access-summary{
  background:#0f172a!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border)!important;
}

/* Hide empty title-only cards */
.ph-card:has(> .ph-card__body:empty){display:none!important}

/* Catch any leftover pure-white boxes inside main content */
html[data-theme="dark"] .ph-main [style*="background:#fff"],
html[data-theme="dark"] .ph-main [style*="background: #fff"],
html[data-theme="dark"] .ph-main [style*="background:#ffffff"],
html[data-theme="dark"] .ph-main [style*="background: #ffffff"],
html[data-theme="dark"] .ph-main [style*="background-color:#fff"],
html[data-theme="dark"] .ph-main [style*="background-color: #fff"]{
  background:var(--ph-surface)!important;
  color:var(--ph-text)!important;
}

/* Selection highlight — subtle, not permanent-looking */
html[data-theme="dark"] ::selection{
  background:rgba(99,102,241,.35);
  color:#fff;
}

/* Audit event chips */
html[data-theme="dark"] .audit-chip,
html[data-theme="dark"] span.audit-chip{
  background:var(--ph-surface-muted)!important;
  color:var(--ph-text)!important;
  border:1px solid var(--ph-border)!important;
}

/* Permissions / roles checkbox lists */
html[data-theme="dark"] .perm-col,
html[data-theme="dark"] .perm-list,
html[data-theme="dark"] .perm-list label,
html[data-theme="dark"] .role-grid,
html[data-theme="dark"] .role-grid label,
html[data-theme="dark"] .checks label,
html[data-theme="dark"] .checkbox-list label{
  color:var(--ph-text)!important;
}

/* Bank logos only in main content tables */
html[data-theme="dark"] .ph-main td img,
html[data-theme="dark"] .ph-main .bank-logo,
html[data-theme="dark"] .ph-main .bank-logo img{
  background:#fff!important;
  border-radius:6px!important;
  padding:3px 6px!important;
}

/* Partner modal — force dark rows (overrides injected #fff !important) */
html[data-theme="dark"] .partner-modal .partner-option,
html[data-theme="dark"] .partner-modal label.partner-option,
html[data-theme="dark"] label.partner-option{
  background:#1a2332!important;
  background-color:#1a2332!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#e5e7eb!important;
}
html[data-theme="dark"] .partner-modal .partner-option:hover,
html[data-theme="dark"] label.partner-option:hover{
  background:#243044!important;
  border-color:rgba(148,163,184,.28)!important;
}
html[data-theme="dark"] .partner-modal .partner-option.on,
html[data-theme="dark"] label.partner-option.on{
  background:rgba(99,102,241,.22)!important;
  border-color:rgba(165,180,252,.4)!important;
}
html[data-theme="dark"] .partner-modal .partner-option__name,
html[data-theme="dark"] .partner-modal .partner-option span,
html[data-theme="dark"] .partner-option span,
html[data-theme="dark"] .partner-option span[data-v-fd022e33]{
  color:#e5e7eb!important;
}
html[data-theme="dark"] .partner-modal__card{
  background:#111827!important;
  border-color:rgba(148,163,184,.18)!important;
}
html[data-theme="dark"] .partner-modal__head,
html[data-theme="dark"] .partner-modal__toolbar,
html[data-theme="dark"] .partner-modal__foot{
  background:#1a2332!important;
  border-color:rgba(148,163,184,.14)!important;
}
html[data-theme="dark"] .partner-modal__head h3,
html[data-theme="dark"] .partner-modal__meta{
  color:#e5e7eb!important;
}
html[data-theme="dark"] .partner-modal__meta{color:#94a3b8!important}
html[data-theme="dark"] .partner-modal__link{
  color:#a5b4fc!important;
}
html[data-theme="dark"] .partner-modal__search{
  background:#0f172a!important;
  color:#e5e7eb!important;
  border-color:rgba(148,163,184,.28)!important;
}
html[data-theme="dark"] .partner-modal__x{
  background:#243044!important;
  color:#e5e7eb!important;
}
html[data-theme="dark"] .partner-modal__foot .btn.ghost{
  background:#243044!important;
  color:#e5e7eb!important;
}


/* ===== DARK PREMIUM v132 — color on signals, not whole rows ===== */

/* Surfaces */
html[data-theme="dark"] .ph-card,
html[data-theme="dark"] .tx-filters-card,
html[data-theme="dark"] .tx-table-card,
html[data-theme="dark"] .detail-modal,
html[data-theme="dark"] .reject-modal,
html[data-theme="dark"] .manual-modal{
  background:var(--ph-surface)!important;
  border:1px solid var(--ph-border)!important;
  box-shadow:none!important;
}

/* Table chrome */
html[data-theme="dark"] .tx-table th,
html[data-theme="dark"] table.tx-table th,
html[data-theme="dark"] .tx-table[data-v-72414df4] th{
  background:#10151e!important;
  background-image:none!important;
  color:#7d8799!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  font-size:.68rem!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
html[data-theme="dark"] .tx-table td,
html[data-theme="dark"] table.tx-table td{
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  color:var(--ph-text-muted)!important;
  vertical-align:middle!important;
}

/* Kill full-row status paints from earlier experiments + light-theme leftovers */
html[data-theme="dark"] .tx-table tbody tr.ok,
html[data-theme="dark"] .tx-table tbody tr.ok[data-v-72414df4],
html[data-theme="dark"] .tx-table tbody tr.ok td,
html[data-theme="dark"] .tx-table tbody tr.bad,
html[data-theme="dark"] .tx-table tbody tr.bad[data-v-72414df4],
html[data-theme="dark"] .tx-table tbody tr.bad td,
html[data-theme="dark"] .tx-table tbody tr:nth-child(even) td{
  background:transparent!important;
  box-shadow:none!important;
}

/* Hover: whisper only */
html[data-theme="dark"] .tx-table tbody tr:hover td{
  background:rgba(255,255,255,.03)!important;
}

/* Hierarchy: primary fields brighter */
html[data-theme="dark"] .tx-table td .tx-iban-main,
html[data-theme="dark"] .tx-table .tx-iban-main{
  color:#dbe4f0!important;
}
html[data-theme="dark"] .tx-amount,
html[data-theme="dark"] td.tx-amount{
  color:#fff!important;
  font-weight:750!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.01em!important;
}

/* Secondary / helper text */
html[data-theme="dark"] .tx-muted,
html[data-theme="dark"] .tiny,
html[data-theme="dark"] .tx-user,
html[data-theme="dark"] .tx-iban-meta,
html[data-theme="dark"] .tx-time,
html[data-theme="dark"] .tx-wait{
  color:#6f7a8d!important;
}

/* Links / mono IDs — soft sky, not neon */
html[data-theme="dark"] .mono,
html[data-theme="dark"] .ph-mono,
html[data-theme="dark"] .iban-code,
html[data-theme="dark"] .tx-table .mono,
html[data-theme="dark"] .tx-table a{
  color:#7eb6ff!important;
  background:transparent!important;
  text-decoration:none!important;
}
html[data-theme="dark"] .tx-table a:hover{
  color:#bfd6ff!important;
}

/* Status pill — THE color signal */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .tx-table .badge,
html[data-theme="dark"] .ph-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:.3rem!important;
  border-radius:999px!important;
  padding:.22rem .65rem!important;
  font-size:.72rem!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  border:1px solid transparent!important;
  line-height:1.2!important;
}
html[data-theme="dark"] .badge.s-successful,
html[data-theme="dark"] .tx-table .badge.s-successful{
  background:rgba(34,197,94,.15)!important;
  color:#4ade80!important;
  border-color:rgba(34,197,94,.28)!important;
}
html[data-theme="dark"] .badge.s-pending,
html[data-theme="dark"] .tx-table .badge.s-pending{
  background:rgba(245,158,11,.15)!important;
  color:#fbbf24!important;
  border-color:rgba(245,158,11,.28)!important;
}
html[data-theme="dark"] .badge.s-timeout,
html[data-theme="dark"] .tx-table .badge.s-timeout{
  background:rgba(249,115,22,.14)!important;
  color:#fb923c!important;
  border-color:rgba(249,115,22,.28)!important;
}
html[data-theme="dark"] .badge.s-unsuccessful,
html[data-theme="dark"] .badge.s-cancelled,
html[data-theme="dark"] .tx-table .badge.s-unsuccessful,
html[data-theme="dark"] .tx-table .badge.s-cancelled{
  background:rgba(239,68,68,.14)!important;
  color:#f87171!important;
  border-color:rgba(239,68,68,.28)!important;
}
html[data-theme="dark"] .badge.s-hold,
html[data-theme="dark"] .tx-table .badge.s-hold{
  background:rgba(168,85,247,.14)!important;
  color:#c084fc!important;
  border-color:rgba(168,85,247,.28)!important;
}
html[data-theme="dark"] .badge.s-receipt,
html[data-theme="dark"] .tx-table .badge.s-receipt{
  background:rgba(59,130,246,.14)!important;
  color:#60a5fa!important;
  border-color:rgba(59,130,246,.28)!important;
}
html[data-theme="dark"] .badge-muted,
html[data-theme="dark"] .ph-badge--neutral{
  background:rgba(148,163,184,.1)!important;
  color:#94a3b8!important;
  border-color:rgba(148,163,184,.18)!important;
}

/* Optional: tiny left rail ONLY on hover for ok/bad — not a painted row */
html[data-theme="dark"] .tx-table tbody tr.ok:hover td:first-child{
  box-shadow:inset 2px 0 0 rgba(74,222,128,.7);
}
html[data-theme="dark"] .tx-table tbody tr.bad:hover td:first-child{
  box-shadow:inset 2px 0 0 rgba(251,146,60,.7);
}

/* Action chips — outlined, not solid candy */
html[data-theme="dark"] .tx-act--success{
  background:rgba(34,197,94,.1)!important;
  color:#4ade80!important;
  border:1px solid rgba(34,197,94,.28)!important;
}
html[data-theme="dark"] .tx-act--danger{
  background:rgba(239,68,68,.1)!important;
  color:#f87171!important;
  border:1px solid rgba(239,68,68,.28)!important;
}
html[data-theme="dark"] .tx-act--warn{
  background:rgba(245,158,11,.1)!important;
  color:#fbbf24!important;
  border:1px solid rgba(245,158,11,.28)!important;
}
html[data-theme="dark"] .tx-act--accent{
  background:rgba(59,130,246,.1)!important;
  color:#60a5fa!important;
  border:1px solid rgba(59,130,246,.28)!important;
}
html[data-theme="dark"] .tx-act--copy{
  background:transparent!important;
  color:#a8b3c7!important;
  border:1px solid rgba(255,255,255,.1)!important;
}

/* Buttons */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .ph-btn--primary,
html[data-theme="dark"] button.btn.btn-primary,
html[data-theme="dark"] .btn.primary,
html[data-theme="dark"] .tx-filter-actions .btn:not(.btn-ghost):not(.ghost):not(.btn-danger),
html[data-theme="dark"] .ph-page-header__actions .btn:not(.btn-ghost):not(.ghost):not(.btn-danger),
html[data-theme="dark"] .actions .btn:not(.btn-ghost):not(.ghost):not(.btn-danger){
  background:#2563eb!important;
  color:#fff!important;
  border:none!important;
  box-shadow:none!important;
  font-weight:650!important;
}
html[data-theme="dark"] .btn-ghost,
html[data-theme="dark"] .ph-btn--ghost,
html[data-theme="dark"] .ph-btn--secondary,
html[data-theme="dark"] button.btn.btn-ghost{
  background:transparent!important;
  color:#c5cedd!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .ph-btn--danger{
  background:#dc2626!important;
  color:#fff!important;
  border:none!important;
}

/* Forms */
html[data-theme="dark"] .tx-filters label,
html[data-theme="dark"] .ph-card label,
html[data-theme="dark"] .tx-meta{
  color:#7d8799!important;
}
html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .ph-input,
html[data-theme="dark"] .ph-select{
  background:#0e1219!important;
  border:1px solid rgba(255,255,255,.1)!important;
  color:var(--ph-text)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .ph-input:focus,
html[data-theme="dark"] .ph-select:focus{
  border-color:rgba(59,130,246,.55)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.12)!important;
}

/* Nav */
html[data-theme="dark"] .ph-nav__link.is-active,
html[data-theme="dark"] .ph-nav a.active,
html[data-theme="dark"] .ph-sidebar a[aria-current="page"]{
  background:rgba(37,99,235,.12)!important;
  color:#93c5fd!important;
  border-color:rgba(37,99,235,.22)!important;
}

html[data-theme="dark"] .detail-grid{
  background:#1a2030!important;
  border:1px solid rgba(255,255,255,.07)!important;
}


/* ===== Site Düzenle / API Creator — commission blocks (were #fafbfc white) ===== */
html[data-theme="dark"] .comm-block,
html[data-theme="dark"] .commissions-stack .comm-block,
html[data-theme="dark"] .site-form-card .comm-block,
html[data-theme="dark"] .creator-card .comm-block{
  background:#141a24!important;
  background-color:#141a24!important;
  border-color:rgba(255,255,255,.08)!important;
  color:var(--ph-text,#e8eaed)!important;
}
html[data-theme="dark"] .comm-block h2,
html[data-theme="dark"] .comm-block th,
html[data-theme="dark"] .comm-block td,
html[data-theme="dark"] .comm-block .mono{
  color:var(--ph-text,#e8eaed)!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .site-form-card .form-grid label,
html[data-theme="dark"] .creator-card .row-top label,
html[data-theme="dark"] .creator-card .row-extra label,
html[data-theme="dark"] .site-form-card .bank-select,
html[data-theme="dark"] .site-form-card .status-toggle,
html[data-theme="dark"] .site-form-card .footer-row{
  color:#a8b0bd!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .site-form-card input,
html[data-theme="dark"] .site-form-card select,
html[data-theme="dark"] .site-form-card textarea,
html[data-theme="dark"] .creator-card input,
html[data-theme="dark"] .creator-card select,
html[data-theme="dark"] .comm-block input,
html[data-theme="dark"] .comm-block select,
html[data-theme="dark"] .input-rate,
html[data-theme="dark"] .input-tg{
  background:#0e1219!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:var(--ph-text,#e8eaed)!important;
}
html[data-theme="dark"] .site-form-card .table-scroll,
html[data-theme="dark"] .creator-card .table-scroll,
html[data-theme="dark"] .comm-block table{
  background:transparent!important;
  color:var(--ph-text,#e8eaed)!important;
}
html[data-theme="dark"] .site-form-card .tag,
html[data-theme="dark"] .blocked-tags .tag{
  background:#1a2030!important;
  color:var(--ph-text,#e8eaed)!important;
}
html[data-theme="dark"] .site-form-card .modal,
html[data-theme="dark"] .creator-card .modal,
html[data-theme="dark"] .modal[data-v-c282c7c9],
html[data-theme="dark"] .modal[data-v-ff8b1ce0]{
  background:#141a24!important;
  color:var(--ph-text,#e8eaed)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}
/* Inline kasa banner (light #f8fafc) — soften in dark */
html[data-theme="dark"] .site-form-card .span-full[style*="background"]{
  filter:none!important;
}
html[data-theme="dark"] .ph-page .span-full{
  color:var(--ph-text,#e8eaed)!important;
}


/* TX menu dropdown — dark panel + outside-click companion styles */
html[data-theme="dark"] details.tx-menu[open] .tx-acts,
html[data-theme="dark"] .tx-menu[open] .tx-acts,
html[data-theme="dark"] .tx-menu .tx-acts{
  background:#1a222d!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.55)!important;
}
html[data-theme="dark"] .tx-menu .tx-menu__btn,
html[data-theme="dark"] .tx-menu > summary.tx-act{
  background:#1c2430!important;
  color:#e7ecf3!important;
  border:1px solid rgba(96,165,250,.4)!important;
}
html[data-theme="dark"] .tx-menu .tx-act:not(.tx-act--success):not(.tx-act--danger):not(.tx-act--warn):not(.tx-act--accent):not(.tx-act--copy){
  background:#222a36!important;
  color:#e7ecf3!important;
  border:1px solid rgba(255,255,255,.1)!important;
}


/* sidebar independent scroll v135 */
.ph-sidebar{
  height:100vh!important;
  max-height:100vh!important;
  overflow:hidden!important;
}
.ph-sidebar-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}


/* firma-recon-toolbar-fix */
html[data-theme="dark"] .preset-chip{
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(30,41,59,.9)!important;
  color:var(--ph-text)!important;
  border-radius:999px!important;
  padding:.35rem .75rem!important;
  font-size:.8rem!important;
  font-weight:600!important;
  cursor:pointer!important;
}
html[data-theme="dark"] .preset-chip--active{
  background:rgba(13,148,136,.25)!important;
  border-color:rgba(13,148,136,.55)!important;
  color:#5eead4!important;
}
html[data-theme="dark"] .toolbar__presets{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.4rem!important;
  align-items:center!important;
}
html[data-theme="dark"] .toolbar__dates{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.75rem!important;
}
html[data-theme="dark"] .toolbar__actions{
  display:flex!important;
  gap:.5rem!important;
  flex-wrap:wrap!important;
}
html[data-theme="dark"] .toolbar{
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  gap:1rem!important;
  align-items:end!important;
}
@media (max-width:1100px){
  html[data-theme="dark"] .toolbar{
    grid-template-columns:1fr!important;
  }
}

/* xfer-modal-fields */
html[data-theme="dark"] .reject-modal .ph-select,
html[data-theme="dark"] .reject-modal select.ph-select,
html[data-theme="dark"] .reject-modal .ph-input {
  color-scheme: dark;
}
html[data-theme="dark"] .xfer-fields {
  margin-top: .75rem;
}
html[data-theme="dark"] .xfer-fields .ph-select-wrap,
html[data-theme="dark"] .xfer-fields .ph-input-wrap {
  width: 100%;
}

/* amount hold proposed */
.tx-amount{white-space:normal!important;line-height:1.25!important}
.tx-table td.tx-amount{font-variant-numeric:tabular-nums}
.tx-proposed,.detail-grid .tx-proposed{color:#c4b5fd!important;font-weight:700!important}

/* tx status badges stack cleanly */
.tx-table .tx-badges{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  max-width:11.5rem!important;
}
.tx-table .tx-badges .badge{
  display:inline-flex!important;
  white-space:nowrap!important;
  line-height:1.2!important;
  max-width:100%!important;
}
.tx-table td.tx-amount{
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums;
  line-height:1.35!important;
}

/* === ph-type-unify.css === */

/* PayProo — unify ALL pages & modals to Filtreler typography/controls */
.ph-main,
.ph-page,
.ph-main-col,
.partner-modal,
.partner-modal__card,
.masraf-modal,
.cash-modal,
.manual-modal,
.modal,
.ph-confirm,
#ph-pw-modal,
[class*="modal"],
[class*="Modal"]{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-base)!important;
  color:var(--ph-text)!important;
  -webkit-font-smoothing:antialiased;
}

/* Section / card titles = Filtreler title */
.ph-main h1,
.ph-main h2,
.ph-main h3,
.ph-card__title,
.ph-page-header__title,
.ph-topbar__title,
.card-header h2,
.masraf-shell__title h2,
.cash-card__title,
.kar-card__title,
.partner-modal__head h3,
.masraf-modal__head h3,
.cash-modal__head h3,
.modal-header h3,
.manual-head,
[class*="modal"] h3,
[class*="Modal"] h3{
  font-family:var(--ph-font-display)!important;
  font-size:var(--ph-text-md)!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  line-height:1.25!important;
  color:var(--ph-text)!important;
  margin:0!important;
}

/* Subtitles / hints = Filtreler subtitle */
.ph-card__subtitle,
.ph-page-header__desc,
.ph-input__hint,
.subtitle,
.hint,
.note,
.kar-hint,
.kar-note,
.partner-modal__meta,
.help,
.desc,
.description,
.stat-label,
.ph-empty,
.empty{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-sm)!important;
  font-weight:400!important;
  color:var(--ph-text-muted)!important;
  line-height:1.4!important;
}

/* Field labels = Filtreler labels */
.ph-main label,
.ph-input__label,
.ph-select__label,
.partner-modal label,
.masraf-modal label,
.cash-modal label,
.modal label,
.manual-modal label,
.form-group label,
.kar-toolbar label,
.masraf-field label,
.cash-form label,
.cash-filters label,
.sw-field span,
form.form .f-item>span,
form.form label>span{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-xs)!important;
  font-weight:600!important;
  color:var(--ph-text-muted)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Controls = Filtreler inputs */
.ph-main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),
.ph-main select,
.ph-main textarea,
.ph-input,
.ph-select,
.partner-modal input,
.partner-modal select,
.partner-modal textarea,
.partner-modal__search,
.masraf-modal input,
.masraf-modal select,
.masraf-modal textarea,
.cash-modal input,
.cash-modal select,
.cash-modal textarea,
.modal input,
.modal select,
.modal textarea,
.manual-modal input,
.manual-modal select,
.manual-modal textarea,
.form-group input,
.form-group select,
.group-filter,
.partner-trigger,
button.partner-trigger,
input.inline,
input.wg-name,
input.narrow,
input.chat-id{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-sm)!important;
  font-weight:400!important;
  color:var(--ph-text)!important;
  background:var(--ph-surface)!important;
  border:1px solid var(--ph-border-strong)!important;
  border-radius:var(--ph-radius-sm)!important;
  min-height:var(--ph-control-height)!important;
  box-shadow:var(--ph-shadow-xs)!important;
  box-sizing:border-box!important;
}
.ph-main textarea,
.modal textarea,
.masraf-modal textarea{min-height:4.5rem!important;height:auto!important}

.ph-main input::placeholder,
.ph-main textarea::placeholder,
.partner-modal input::placeholder,
.modal input::placeholder{
  color:var(--ph-text-subtle)!important;
  opacity:1!important;
}

/* Body / table text */
.ph-main,
.ph-main p,
.ph-main td,
.ph-main th,
.ph-main span,
.ph-table,
table,
.partner-modal,
.partner-option,
.partner-option__name,
.partner-option span,
.audit-chip,
.badge,
.mono,
.iban-code,
.ph-mono{
  font-family:var(--ph-font)!important;
}
.ph-main td,
.ph-main .ph-table,
.ph-main table,
.modal td,
.partner-option__name,
.partner-option span{
  font-size:var(--ph-text-sm)!important;
  color:var(--ph-text)!important;
}
.ph-main th,
.ph-table th,
table th{
  font-size:var(--ph-text-xs)!important;
  font-weight:700!important;
  color:var(--ph-text-muted)!important;
  letter-spacing:.02em!important;
}

/* Mono IDs still use mono font but same size/color tokens */
.mono,
.ph-mono,
.iban-code,
code.mono{
  font-family:var(--ph-font-mono)!important;
  font-size:var(--ph-text-xs)!important;
  font-weight:500!important;
  color:var(--ph-text)!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
}

/* Buttons = Filtreler Uygula / Temizle */
.ph-main .ph-btn,
.ph-main .btn,
.partner-modal .btn,
.modal .btn,
.masraf-modal .btn,
.cash-modal .btn,
.manual-modal .btn{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-sm)!important;
  font-weight:600!important;
  border-radius:var(--ph-radius-md)!important;
}
.ph-main .ph-btn--primary,
.ph-main .btn-primary,
.ph-main .btn.primary,
.partner-modal .btn:not(.ghost):not(.danger):not(.btn-danger),
.modal .btn-primary{
  /* keep primary gradient from design system */
}
.ph-main .ph-btn--secondary,
.ph-main .ph-btn--ghost,
.ph-main .btn.ghost,
.ph-main .btn-ghost,
.partner-modal .btn.ghost,
.modal .btn-ghost{
  font-weight:600!important;
}

/* Cards / modals surface like Filtreler card */
.ph-card,
.partner-modal__card,
.masraf-modal,
.cash-modal,
.manual-modal,
.modal,
.ph-confirm,
.list-card,
.card,
.stat-card,
form.form{
  background:var(--ph-surface)!important;
  border:1px solid var(--ph-border)!important;
  border-radius:var(--ph-radius-lg)!important;
  color:var(--ph-text)!important;
}

/* Dark: ensure Filtreler tokens already set — reinforce muted labels */
html[data-theme="dark"] .ph-input__label,
html[data-theme="dark"] .ph-select__label,
html[data-theme="dark"] .ph-card__subtitle,
html[data-theme="dark"] label{
  color:var(--ph-text-muted)!important;
}
html[data-theme="dark"] .ph-card__title,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3{
  color:var(--ph-text)!important;
}
html[data-theme="dark"] .ph-input,
html[data-theme="dark"] .ph-select,
html[data-theme="dark"] .ph-main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
html[data-theme="dark"] .ph-main select,
html[data-theme="dark"] .ph-main textarea,
html[data-theme="dark"] .partner-modal__search,
html[data-theme="dark"] .partner-trigger{
  background:#0f172a!important;
  border-color:var(--ph-border-strong)!important;
  color:var(--ph-text)!important;
}

/* Partner modal links like muted accent, readable */
.partner-modal__link{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-xs)!important;
  font-weight:600!important;
  color:var(--ph-primary-hover,#818cf8)!important;
}
html[data-theme="dark"] .partner-modal__link{color:#a5b4fc!important}

/* KPI values use display font like Filtreler emphasis */
.kar-kpi strong,
.audit-kpi strong,
.stat-value,
.kpi-card__value,
.ops-kpi b{
  font-family:var(--ph-font-display)!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  color:var(--ph-text)!important;
}
.kar-kpi span,
.audit-kpi span,
.kpi-card__label,
.ops-kpi small{
  font-size:var(--ph-text-xs)!important;
  font-weight:600!important;
  color:var(--ph-text-muted)!important;
}

/* Chips readable with Filtreler sizing */
.audit-chip,
.chip,
.cash-cat-chip{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-xs)!important;
  font-weight:600!important;
}

/* === ph-ops-ui.css === */
/* PayProo ops pages — match Filtreler / PhCard / PhInput typography */
.masraf-page,.cash-page,.kar-page,.audit-page{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-base)!important;
  color:var(--ph-text)!important;
}
.masraf-page .ph-empty,.cash-page .ph-empty,.kar-page .ph-empty,.audit-page .ph-empty{
  font-size:var(--ph-text-sm)!important;
  color:var(--ph-text-muted)!important;
  padding:.65rem .5rem!important;
}

/* Card shells = PhCard look */
.masraf-shell,.cash-card,.kar-toolbar,.kar-card,.cash-bar,
.masraf-shell,.audit-card,.audit-shell{
  background:var(--ph-surface)!important;
  border:1px solid var(--ph-border)!important;
  border-radius:var(--ph-radius-lg)!important;
  box-shadow:var(--ph-shadow-card)!important;
}
.masraf-shell__head{
  padding:.65rem .85rem!important;
  border-bottom:1px solid var(--ph-border)!important;
  background:var(--ph-surface)!important;
}
.masraf-shell__body,.cash-card,.kar-toolbar,.kar-card{padding:.55rem .75rem!important}
.cash-bar{padding:.55rem .75rem!important}

/* Titles = ph-card__title */
.masraf-shell__title h2,
.cash-card__title,
.cash-card__title span,
.kar-card__title,
.masraf-modal__head h3,
.cash-modal__head h3,
.audit-page h2,.audit-page h3{
  font-family:var(--ph-font-display)!important;
  font-size:var(--ph-text-md)!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  color:var(--ph-text)!important;
  margin:0!important;
  line-height:1.25!important;
}
.masraf-shell__title .eyebrow,
.cash-shell__head .eyebrow{display:none!important}
.masraf-shell__title p,
.kar-hint,
.cash-shell__head p{
  font-size:var(--ph-text-sm)!important;
  font-weight:400!important;
  color:var(--ph-text-muted)!important;
  line-height:1.4!important;
  margin:.2rem 0 0!important;
}

/* Labels = ph-input__label */
.masraf-page label,
.cash-page label,
.kar-page label,
.audit-page label,
.masraf-field label,
.cash-form label,
.cash-filters label,
.kar-toolbar label,
.masraf-export-bar label{
  font-size:var(--ph-text-xs)!important;
  font-weight:600!important;
  color:var(--ph-text-muted)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  gap:.25rem!important;
}

/* Controls = ph-input */
.masraf-page input:not([type=checkbox]):not([type=radio]),
.masraf-page select,
.masraf-page textarea,
.cash-page input:not([type=checkbox]):not([type=radio]),
.cash-page select,
.cash-page textarea,
.kar-page input:not([type=checkbox]):not([type=radio]),
.kar-page select,
.kar-page textarea,
.audit-page input:not([type=checkbox]):not([type=radio]),
.audit-page select,
.audit-page textarea,
.masraf-modal input,.masraf-modal select,.masraf-modal textarea,
.cash-modal input,.cash-modal select,.cash-modal textarea{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:var(--ph-control-height)!important;
  height:var(--ph-control-height)!important;
  padding:.35rem .6rem!important;
  border:1px solid var(--ph-border-strong)!important;
  border-radius:var(--ph-radius-sm)!important;
  background:var(--ph-surface)!important;
  color:var(--ph-text)!important;
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-sm)!important;
  font-weight:400!important;
  box-shadow:var(--ph-shadow-xs)!important;
  outline:none!important;
}
.masraf-page textarea,.masraf-modal textarea{height:auto!important;min-height:4.5rem!important}
.masraf-page input:focus,.masraf-page select:focus,.masraf-page textarea:focus,
.cash-page input:focus,.cash-page select:focus,
.kar-page input:focus,.kar-page select:focus,
.cash-modal input:focus,.masraf-modal input:focus,.masraf-modal select:focus{
  border-color:var(--ph-primary-light)!important;
  box-shadow:0 0 0 3px #6366f124,var(--ph-shadow-xs)!important;
}

/* Tabs look like compact chips, text like body */
.masraf-tab{
  font-family:var(--ph-font)!important;
  font-size:var(--ph-text-sm)!important;
  font-weight:600!important;
  color:var(--ph-text-muted)!important;
  padding:.3rem .65rem!important;
}
.masraf-tab.active{
  color:var(--ph-primary)!important;
  font-weight:700!important;
}

/* KPI labels/values */
.kar-kpi span,.cash-bar__item span,.masraf-kpi-inline span,.cash-bar__item{
  font-size:var(--ph-text-xs)!important;
  font-weight:600!important;
  color:var(--ph-text-muted)!important;
  opacity:1!important;
}
.kar-kpi strong,.cash-bar__item b,.masraf-kpi-inline strong{
  font-family:var(--ph-font-display)!important;
  font-size:var(--ph-text-md)!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  color:var(--ph-text)!important;
  margin-top:.15rem!important;
}
.kar-kpi small,.masraf-hint{
  font-size:var(--ph-text-xs)!important;
  font-weight:500!important;
  color:var(--ph-text-muted)!important;
  opacity:1!important;
}
.kar-pos{color:var(--ph-success)!important}
.kar-neg{color:var(--ph-danger)!important}
.kar-kpi--net{
  background:var(--ph-surface)!important;
  border:1px solid var(--ph-border)!important;
}

/* Buttons already PhButton — ensure size text */
.masraf-page .ph-btn,.cash-page .ph-btn,.kar-page .ph-btn,.audit-page .ph-btn{
  font-family:var(--ph-font)!important;
  font-weight:600!important;
}

/* Table text */
.masraf-page .ph-table,.cash-page .ph-table,.kar-page .ph-table,.audit-page .ph-table,
.masraf-page table,.cash-page table,.kar-page table{
  font-size:var(--ph-text-sm)!important;
  font-family:var(--ph-font)!important;
}
.masraf-page th,.cash-page th,.kar-page th,.audit-page th{
  font-size:var(--ph-text-xs)!important;
  font-weight:700!important;
  color:var(--ph-text-muted)!important;
}

/* Modals */
.masraf-modal,.cash-modal{
  border-radius:var(--ph-radius-xl)!important;
  box-shadow:var(--ph-shadow-lg)!important;
  font-family:var(--ph-font)!important;
}
.masraf-modal__head,.cash-modal__head{padding:.65rem .85rem!important}
.masraf-modal__body,.cash-modal__body{padding:.65rem .85rem!important}
.masraf-modal__foot,.cash-modal__foot{padding:.55rem .85rem!important}

/* Soften leftover custom paddings */
.cash-form{gap:.55rem!important}
.kar-kpis{gap:.55rem!important;margin:0!important}
.kar-kpi{padding:.55rem .65rem!important;border-radius:var(--ph-radius-md)!important}
.masraf-kpi-inline{padding:.45rem .65rem!important;border-radius:var(--ph-radius-md)!important}


/* Flatten fragmented report shells (light + dark) */
.ph-card:has(> .ph-card__body:empty){display:none!important}
.kar-page,.masraf-page,.cash-page,.audit-page{gap:.65rem!important}
.kar-page .ph-empty,.cash-page .ph-empty,.masraf-page .ph-empty{padding:.7rem .5rem!important}
.kar-kpi--net{background:var(--ph-surface)!important;border:1px solid var(--ph-border)!important}
.iban-code,.iban-code.small,.ph-mono,.mono{
  background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;border:0!important;color:inherit!important;
}


/* quick-report-modal */
.qr-backdrop{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:1rem}
.qr-modal{width:min(460px,100%);background:var(--ph-surface,#fff);color:var(--ph-text,#0f172a);border:1px solid var(--ph-border,#e2e8f0);border-radius:14px;box-shadow:0 20px 50px rgba(15,23,42,.25);overflow:hidden}
.qr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1rem .5rem;border-bottom:1px solid var(--ph-border,#e2e8f0)}
.qr-eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ph-text-muted,#64748b)}
.qr-head h2{margin:.15rem 0 0;font-size:1.1rem}
.qr-body{display:flex;flex-direction:column;gap:.85rem;padding:1rem}
.qr-modes{display:flex;flex-direction:column;gap:.45rem}
.qr-mode{display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border:1px solid var(--ph-border,#e2e8f0);border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;background:var(--ph-surface-muted,#f8fafc)}
.qr-mode--on{border-color:rgba(13,148,136,.55);background:rgba(13,148,136,.1);color:var(--ph-primary,#0d9488)}
.qr-mode input{accent-color:var(--ph-primary,#0d9488)}
.qr-hint{margin:0;font-size:.8rem;color:var(--ph-text-muted,#64748b);line-height:1.35}
.qr-foot{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid var(--ph-border,#e2e8f0)}
html[data-theme="dark"] .qr-modal{background:#1a2332;border-color:rgba(148,163,184,.18);color:var(--ph-text)}
html[data-theme="dark"] .qr-head,html[data-theme="dark"] .qr-foot{border-color:rgba(148,163,184,.14)}
html[data-theme="dark"] .qr-mode{background:rgba(30,41,59,.9);border-color:rgba(148,163,184,.22);color:var(--ph-text)}
html[data-theme="dark"] .qr-mode--on{background:rgba(13,148,136,.22);border-color:rgba(13,148,136,.5);color:#5eead4}

/* qr-status-label */
.qr-body > .qr-modes + .qr-modes{margin-top:.15rem}
.qr-body > .qr-modes + .qr-modes::before{content:"Durum";display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ph-text-muted,#64748b);margin-bottom:.35rem}

/* amount hold proposed */
.tx-amount{white-space:normal!important;line-height:1.25!important}
.tx-table td.tx-amount{font-variant-numeric:tabular-nums}
.tx-proposed,.detail-grid .tx-proposed{color:#c4b5fd!important;font-weight:700!important}

/* tx status badges stack cleanly */
.tx-table .tx-badges{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  max-width:11.5rem!important;
}
.tx-table .tx-badges .badge{
  display:inline-flex!important;
  white-space:nowrap!important;
  line-height:1.2!important;
  max-width:100%!important;
}
.tx-table td.tx-amount{
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums;
  line-height:1.35!important;
}

/* === ph-home-layout.css === */
/* ph-home-layout emergency unscoped HomeView layout v=1792199616 */
.hero-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;margin-bottom:0;border-radius:var(--ph-radius-xl);background:linear-gradient(125deg,#0f172a,#1e1b4b 45%,#4338ca);color:#f8fafc;box-shadow:var(--ph-shadow-lg);border:1px solid rgba(129,140,248,.25);position:relative;overflow:hidden}.hero-banner:after{content:"";position:absolute;top:-40%;right:-10%;width:50%;height:140%;background:radial-gradient(circle,rgba(251,191,36,.15) 0%,transparent 65%);pointer-events:none}.hero-banner__content{position:relative;z-index:1;max-width:36rem}.hero-banner__tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fde68a;background:#fbbf2426;border:1px solid rgba(251,191,36,.35);padding:.25rem .55rem;border-radius:999px;margin-bottom:.65rem}.hero-banner__title{font-family:var(--ph-font-display);font-size:var(--ph-text-lg);font-weight:800;letter-spacing:-.03em;line-height:1.25;margin-bottom:.25rem}.hero-banner__desc{font-size:var(--ph-text-sm);color:#cbd5e1;line-height:1.45}.hero-banner__stat{position:relative;z-index:1;text-align:right;padding:.55rem .75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--ph-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:9rem}.hero-banner__stat-label{display:block;font-size:var(--ph-text-2xs);text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.15rem}.hero-banner__stat-value{font-size:var(--ph-text-xl);font-weight:800;letter-spacing:-.03em;color:#c7d2fe}.kpi-loading{display:flex;flex-direction:column;align-items:center;gap:.55rem;color:var(--ph-text-muted);padding:1.5rem 0;font-weight:500;font-size:var(--ph-text-sm)}.kpi-loading__spinner{width:1.5rem;height:1.5rem;border:3px solid var(--ph-border);border-top-color:var(--ph-primary);border-radius:50%;animation:spin-e0bd92b3 .8s linear infinite}@keyframes spin-e0bd92b3{to{transform:rotate(360deg)}}.section-head{display:flex;align-items:baseline;gap:.55rem;margin:.85rem 0 .45rem}.section-title{font-family:var(--ph-font-display);font-size:var(--ph-text-md);font-weight:700;letter-spacing:-.02em;color:var(--ph-text)}.section-sub{font-size:.82rem;color:var(--ph-text-subtle)}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.compare-card{display:flex;flex-direction:column;gap:.35rem}.compare-label{font-size:.82rem;font-weight:600;color:var(--ph-text-muted)}.compare-value{font-size:var(--ph-text-lg);font-weight:800;letter-spacing:-.03em;color:var(--ph-text)}.compare-sub{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--ph-text-subtle);margin-top:.25rem;padding-top:.5rem;border-top:1px dashed var(--ph-border)}.compare-sub__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ph-text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.kpi-card{position:relative;overflow:hidden}.kpi-card__inner{display:flex;align-items:center;gap:.65rem;position:relative}.kpi-card__glow{position:absolute;top:-50%;right:-20%;width:60%;height:100%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.kpi-card__icon{width:2.25rem;height:2.25rem;border-radius:var(--ph-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--ph-shadow-sm)}.kpi-card--yatirim .kpi-card__icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.kpi-card--cekim .kpi-card__icon{background:linear-gradient(135deg,#ffe4e6,#fecdd3);color:#be123c}.kpi-card--komisyon .kpi-card__icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.kpi-card--kasa .kpi-card__icon{background:linear-gradient(135deg,#eef2ff,#c7d2fe);color:#4338ca}.kpi-card--delivery-count .kpi-card__icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.kpi-card--delivery-tl .kpi-card__icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.kpi-card--delivery-usdt .kpi-card__icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.kpi-card--delivery-commission .kpi-card__icon{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#c2410c}.kpi-card__label{display:block;font-size:.82rem;color:var(--ph-text-muted);font-weight:600;margin-bottom:.15rem}.kpi-card__value{font-size:var(--ph-text-lg);font-weight:800;letter-spacing:-.03em;line-height:1.15}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid{grid-template-columns:1fr}}@media (max-width: 520px){.kpi-grid{grid-template-columns:1fr}}


/* NUCLEAR layout fix — force dashboard grids */
.ph-page.home .kpi-grid,
.home .kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.55rem!important;
  width:100%!important;
}
.ph-page.home .kpi-grid.kpi-grid--ops,
.home .kpi-grid.kpi-grid--ops,
.ph-page.home .kpi-grid.kpi-grid--delivery,
.home .kpi-grid.kpi-grid--delivery{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.ph-page.home .compare-grid,
.home .compare-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.55rem!important;
}
.ph-page.home .kpi-card__inner,
.home .kpi-card__inner{
  display:flex!important;
  align-items:center!important;
  gap:.65rem!important;
}
.ph-page.home .kpi-card__label,
.home .kpi-card__label{display:block!important;font-size:.82rem!important;font-weight:600!important;margin-bottom:.15rem!important;color:var(--ph-text-muted)!important}
.ph-page.home .kpi-card__value,
.home .kpi-card__value{display:block!important;font-size:var(--ph-text-lg,1.05rem)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.15!important}
.ph-page.home .kpi-card__icon,
.home .kpi-card__icon{width:2.25rem!important;height:2.25rem!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.ph-page.home .kpi-card--yatirim .kpi-card__icon,.home .kpi-card--yatirim .kpi-card__icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd)!important;color:#0369a1!important}
.ph-page.home .kpi-card--cekim .kpi-card__icon,.home .kpi-card--cekim .kpi-card__icon{background:linear-gradient(135deg,#ffe4e6,#fecdd3)!important;color:#be123c!important}
.ph-page.home .kpi-card--komisyon .kpi-card__icon,.home .kpi-card--komisyon .kpi-card__icon{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;color:#b45309!important}
.ph-page.home .kpi-card--kasa .kpi-card__icon,.home .kpi-card--kasa .kpi-card__icon{background:linear-gradient(135deg,#eef2ff,#c7d2fe)!important;color:#4338ca!important}
.ph-page.home .hero-banner,
.home .hero-banner{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;
  gap:.75rem!important;padding:.85rem 1rem!important;border-radius:16px!important;
  background:linear-gradient(125deg,#0f172a,#1e1b4b 45%,#4338ca)!important;color:#f8fafc!important;
  border:1px solid rgba(129,140,248,.25)!important;position:relative!important;overflow:hidden!important;margin-bottom:0!important;
}
.ph-page.home .hero-banner__title,.home .hero-banner__title{font-weight:800!important;font-size:1.05rem!important;margin:0 0 .35rem!important}
.ph-page.home .hero-banner__tag,.home .hero-banner__tag{display:inline-block!important;font-size:.68rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#fde68a!important;background:#fbbf2426!important;border:1px solid rgba(251,191,36,.35)!important;padding:.25rem .55rem!important;border-radius:999px!important;margin-bottom:.65rem!important}
.ph-page.home .section-head,.home .section-head{margin:.35rem 0 .15rem!important}
.ph-page.home .compare-label,.home .compare-label{font-size:.82rem!important;font-weight:600!important;color:var(--ph-text-muted)!important}
.ph-page.home .compare-value,.home .compare-value{font-size:var(--ph-text-lg,1.05rem)!important;font-weight:800!important;letter-spacing:-.03em!important;color:var(--ph-text)!important}
.ph-page.home .compare-sub,.home .compare-sub{display:flex!important;align-items:center!important;gap:.4rem!important;font-size:.8rem!important;color:var(--ph-text-subtle,#94a3b8)!important;margin-top:.25rem!important;padding-top:.5rem!important;border-top:1px dashed var(--ph-border)!important}
@media (max-width:1100px){
  .ph-page.home .kpi-grid,.home .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ph-page.home .compare-grid,.home .compare-grid{grid-template-columns:1fr!important}
}
@media (max-width:520px){
  .ph-page.home .kpi-grid,.home .kpi-grid{grid-template-columns:1fr!important}
}
.ph-page.home .kpi-grid > .ph-card.kpi-card,
.home .kpi-grid > .ph-card.kpi-card{min-width:0!important}
.ph-page.home .kpi-grid > .ph-card .ph-card__body,
.home .kpi-grid > .ph-card .ph-card__body{padding:.65rem .75rem!important}


/* compare spacing + avg v=1792232903 */
.ph-page.home .compare-card .ph-card__body,
.home .compare-card .ph-card__body{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:.4rem!important;
}
.ph-page.home .compare-label,
.home .compare-label{
  display:block!important;
  width:100%!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  margin:0!important;
}
.ph-page.home .compare-value,
.home .compare-value{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:1.15rem!important;
  line-height:1.2!important;
  word-break:break-word!important;
}
.ph-page.home .compare-sub,
.home .compare-sub{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:.35rem!important;
  width:100%!important;
  margin-top:.15rem!important;
  padding-top:.45rem!important;
  border-top:1px dashed var(--ph-border)!important;
  font-size:.78rem!important;
  line-height:1.3!important;
}
.ph-page.home .compare-sub--avg,
.home .compare-sub--avg{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
  color:var(--ph-text-muted)!important;
  font-size:.76rem!important;
}
.ph-page.home .compare-sub__label,
.home .compare-sub__label{
  font-size:.66rem!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:var(--ph-text-muted)!important;
}