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


/* ─── Kibar controls: ONLY .ph-btn / .ph-badge (do NOT touch legacy .btn — breaks Telegram bot page) ─── */
.ph-page .ph-btn,
.ph-page button.ph-btn,
.ph-page-header__actions .ph-btn,
.ph-page-header .ph-btn,
main .ph-btn,
main button.ph-btn{
  border-radius:8px!important;
  font-weight:500!important;
  letter-spacing:.005em!important;
  box-shadow:none!important;
  transform:none!important;
  gap:.3rem!important;
  transition:background .12s ease,border-color .12s ease,color .12s ease!important;
}
.ph-page .ph-btn--sm,
.ph-page-header__actions .ph-btn--sm,
.ph-page-header .ph-btn--sm,
main .ph-btn--sm{
  min-height:1.45rem!important;
  height:1.45rem!important;
  padding:0 .65rem!important;
  font-size:.72rem!important;
  line-height:1.2!important;
}
.ph-page .ph-btn--md,
.ph-page-header__actions .ph-btn--md,
main .ph-btn--md{
  min-height:1.7rem!important;
  height:1.7rem!important;
  padding:0 .8rem!important;
  font-size:.78rem!important;
  line-height:1.2!important;
}
.ph-page .ph-btn--primary,
.ph-page-header__actions .ph-btn--primary,
.ph-page-header .ph-btn--primary,
main .ph-btn--primary{
  background:#3b82f6!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-weight:600!important;
}
.ph-page .ph-btn--primary:hover:not(:disabled),
main .ph-btn--primary:hover:not(:disabled){
  background:#2563eb!important;
  transform:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.ph-page .ph-btn--secondary,
.ph-page .ph-btn--ghost,
.ph-page-header__actions .ph-btn--secondary,
.ph-page-header__actions .ph-btn--ghost,
.ph-page-header .ph-btn--secondary,
main .ph-btn--secondary,
main .ph-btn--ghost{
  background:transparent!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:none!important;
  color:var(--ph-text,#cbd5e1)!important;
  font-weight:500!important;
}
.ph-page .ph-btn--secondary:hover:not(:disabled),
.ph-page .ph-btn--ghost:hover:not(:disabled),
main .ph-btn--secondary:hover:not(:disabled),
main .ph-btn--ghost:hover:not(:disabled){
  background:rgba(148,163,184,.08)!important;
  border-color:rgba(148,163,184,.42)!important;
  transform:none!important;
  box-shadow:none!important;
}
html:not([data-theme="dark"]) .ph-page .ph-btn--secondary,
html:not([data-theme="dark"]) .ph-page .ph-btn--ghost,
html:not([data-theme="dark"]) main .ph-btn--secondary,
html:not([data-theme="dark"]) main .ph-btn--ghost{
  background:#fff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#334155!important;
}
html:not([data-theme="dark"]) .ph-page .ph-btn--secondary:hover:not(:disabled),
html:not([data-theme="dark"]) .ph-page .ph-btn--ghost:hover:not(:disabled){
  background:#f8fafc!important;
  border-color:rgba(15,23,42,.2)!important;
}

.ph-page .ph-badge,
.ph-page .tx-meta .ph-badge,
.ph-page-header__actions .ph-badge,
.ph-page-header .ph-badge,
main .ph-badge{
  border-radius:6px!important;
  padding:.1rem .42rem!important;
  font-size:.62rem!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  line-height:1.25!important;
  min-height:0!important;
}
.ph-page .ph-badge--neutral,
.ph-page .tx-meta .ph-badge--neutral{
  background:rgba(148,163,184,.08)!important;
  color:#94a3b8!important;
  border-color:rgba(148,163,184,.14)!important;
}
.ph-page .ph-badge--primary,
.ph-page .tx-meta .ph-badge--primary{
  background:rgba(59,130,246,.1)!important;
  color:#93c5fd!important;
  border-color:rgba(59,130,246,.18)!important;
}
html:not([data-theme="dark"]) .ph-page .ph-badge--neutral{
  background:rgba(15,23,42,.04)!important;
  color:#64748b!important;
  border-color:rgba(15,23,42,.08)!important;
}
html:not([data-theme="dark"]) .ph-page .ph-badge--primary{
  background:rgba(37,99,235,.07)!important;
  color:#2563eb!important;
  border-color:rgba(37,99,235,.14)!important;
}
.ph-page .tx-meta{gap:.35rem!important;margin:.1rem 0 .45rem!important}
.ph-page-header__actions{gap:.35rem!important;align-items:center!important}
.ph-page .tx-filter-actions,.ph-page .tx-cols-wrap{gap:.35rem!important}

html[data-theme="dark"] .ph-page .ph-btn--secondary,
html[data-theme="dark"] .ph-page .ph-btn--ghost,
html[data-theme="dark"] .ph-page-header__actions .ph-btn--secondary,
html[data-theme="dark"] .ph-page-header__actions .ph-btn--ghost,
html[data-theme="dark"] .ph-page-header .ph-btn--secondary,
html[data-theme="dark"] main .ph-btn--secondary,
html[data-theme="dark"] main .ph-btn--ghost{
  background:transparent!important;
  color:#b8c2d1!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .ph-page .ph-btn--secondary:hover:not(:disabled),
html[data-theme="dark"] .ph-page .ph-btn--ghost:hover:not(:disabled),
html[data-theme="dark"] main .ph-btn--secondary:hover:not(:disabled){
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.18)!important;
}
html[data-theme="dark"] .ph-page .ph-btn--primary,
html[data-theme="dark"] .ph-page-header__actions .ph-btn--primary,
html[data-theme="dark"] .ph-page-header .ph-btn--primary,
html[data-theme="dark"] main .ph-btn--primary{
  background:#3b82f6!important;
  border:none!important;
  box-shadow:none!important;
  color:#fff!important;
}
html[data-theme="dark"] .ph-page .ph-badge,
html[data-theme="dark"] .ph-page .tx-meta .ph-badge,
html[data-theme="dark"] .ph-page-header__actions .ph-badge,
html[data-theme="dark"] main .ph-badge{
  border-radius:6px!important;
  padding:.08rem .4rem!important;
  font-size:.62rem!important;
  font-weight:600!important;
  min-height:0!important;
  line-height:1.25!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .ph-page .ph-badge--neutral{
  background:rgba(255,255,255,.04)!important;
  color:#8b95a5!important;
  border-color:rgba(255,255,255,.07)!important;
}
html[data-theme="dark"] .ph-page .ph-badge--primary{
  background:rgba(59,130,246,.12)!important;
  color:#93c5fd!important;
  border-color:rgba(59,130,246,.18)!important;
}
html[data-theme="dark"] .ph-page .ph-btn--sm,
html[data-theme="dark"] .ph-page-header__actions .ph-btn--sm,
html[data-theme="dark"] main .ph-btn--sm{
  min-height:1.45rem!important;
  height:1.45rem!important;
  padding:0 .65rem!important;
  font-size:.72rem!important;
}
html[data-theme="dark"] .ph-page .ph-btn--md,
html[data-theme="dark"] main .ph-btn--md{
  min-height:1.7rem!important;
  height:1.7rem!important;
  padding:0 .8rem!important;
  font-size:.78rem!important;
}

/* Telegram bot page: restore form controls from kibar/dark-fix side effects */
/* SCOPED to .tg-bot-page — was bleeding to Ödeme yöntemleri / Bankalar */

html.tg-bot-page .ph-page .pane .btn,
html.tg-bot-page .ph-page .actions .btn,
html.tg-bot-page .ph-page form.form .btn{
  width:auto!important;
  min-height:22px!important;
  height:22px!important;
  max-height:22px!important;
  padding:0 8px!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1!important;
  border-radius:6px!important;
  box-shadow:none!important;
  transform:none!important;
}
html.tg-bot-page .ph-page .pane .btn:not(.btn-ghost),
html.tg-bot-page .ph-page .actions .btn:not(.btn-ghost),
html.tg-bot-page .ph-page form.form .btn:not(.btn-ghost){
  background:#2563eb!important;
  color:#fff!important;
  border:1px solid transparent!important;
}
html.tg-bot-page .ph-page .pane .btn.btn-ghost,
html.tg-bot-page .ph-page .actions .btn.btn-ghost,
html.tg-bot-page .ph-page form.form .btn.btn-ghost{
  background:transparent!important;
  color:var(--ph-text-muted,#475569)!important;
  border:1px solid rgba(100,116,139,.35)!important;
}
html.tg-bot-page[data-theme="dark"] .ph-page .pane .btn.btn-ghost,
html.tg-bot-page[data-theme="dark"] .ph-page .actions .btn.btn-ghost,
html.tg-bot-page[data-theme="dark"] .ph-page form.form .btn.btn-ghost{
  color:var(--ph-text-muted,#cbd5e1)!important;
  border:1px solid rgba(148,163,184,.28)!important;
}
html.tg-bot-page .ph-page .pane>label>input:not([type=checkbox]):not([type=radio]),
html.tg-bot-page .ph-page .pane>label>textarea{
  min-height:36px!important;
  height:auto!important;
  padding:8px 10px!important;
  font-size:13px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}
html.tg-bot-page .ph-page .pane>label.check>input[type=checkbox],
html.tg-bot-page .ph-page input[type=checkbox]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
html.tg-bot-page .ph-page .tabs .tab{
  min-height:32px!important;
  height:auto!important;
  padding:6px 12px!important;
  font-size:13px!important;
  border-radius:8px!important;
}

.ph-page .hero-strip{background:linear-gradient(135deg,#0f766e,#134e4a)!important;color:#fff!important}