
/* 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;
}
