/* Do not retain the page-entry transform: it would trap fixed descendants. */
.history-period-actions{grid-column:1 / -1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-width:0;width:100%;padding-top:2px;border-top:1px solid var(--bdr)}
.history-period-actions[hidden]{display:none}
html body :is(#oz-ay-kart,#ozet-stat-kart)>.summary-month-row:has(>.history-period-actions:not([hidden])){padding-bottom:4px!important}
html body .history-period-actions>button{position:relative;min-width:0;min-height:0!important;width:100%!important;height:calc(20px * var(--app-control-scale,1))!important;padding:0 6px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--blu);font-family:inherit;font-size:var(--font-caption);font-weight:var(--weight-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .history-period-actions>button.period-action-separated::before{content:"";position:absolute;inset-inline-start:0;top:3px;bottom:3px;width:1px;background:var(--bdr);pointer-events:none}
#ozet.sec.active, #islemler.sec.active { animation-fill-mode: backwards; }
/* The whole summary remains in flow; only the original month row is pinned. */
#oz-ay-kart.summary-sticky::before,
#ozet-stat-kart.summary-sticky::before,
#islem-donem-kart.summary-sticky::before {
  content: "";
  display: block;
  height: var(--summary-row-height);
  pointer-events: none;
}
#oz-ay-kart.summary-sticky > .summary-month-row,
#ozet-stat-kart.summary-sticky > .summary-month-row,
#islem-donem-kart.summary-sticky > .summary-month-row {
  position: fixed;
  top: var(--summary-top);
  left: var(--summary-left);
  width: var(--summary-width);
  box-sizing: border-box;
  z-index: 45;
  background: var(--visual-panel, var(--bg));
  outline: 1px solid var(--bdr);
  border-radius: var(--rl) !important;
}
#ozet .summary-sticky > .summary-month-row.summary-with-section {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.summary-section-caption {
  position: fixed;
  z-index: 45;
  box-sizing: border-box;
  padding: var(--padding-item);
  background: var(--visual-panel, var(--bg));
  color: var(--text);
  outline: 1px solid var(--bdr);
  border-top: 1px solid var(--bdr);
  border-radius: 0 0 var(--rl) var(--rl);
  font-size: var(--font-title);
  font-weight: var(--weight-strong);
  overflow-wrap: anywhere;
  pointer-events: none;
}
/* Keep the period frame identical in flow and while floating. */
#islem-gecmisi-overlay.islem-gecmisi-sayfa #islem-donem-kart {
  margin-inline: 0 !important;
}
#islem-gecmisi-overlay.islem-gecmisi-sayfa #islem-donem-kart > .summary-month-row {
  padding: 12px 12px 4px !important;
}
.summary-section-caption:not([hidden]) {
  display: flex;
  align-items: center;
  gap: var(--gap-default);
}
.summary-section-label { min-width: 0; }
.summary-section-amount {
  margin-inline-start: auto;
  text-align: end;
  flex-shrink: 0;
  font-size: var(--font-amount);
  font-weight: var(--weight-strong);
  text-transform: none;
  white-space: nowrap;
}