/* Transaction selections use separate rows in both display modes. */
.transaction-amount-divider {height:1px;min-height:1px;flex-shrink:0;border-top:1px solid var(--bdr);box-sizing:border-box;margin:0 0 8px;width:100%}
/* Income/expense fields already have a 10px flex gap on either side. */
#hizli-islem-overlay .transaction-amount-divider {margin:-2px 0}
.transaction-choice[hidden] {display:none!important}
.transaction-choice {min-width:0;width:100%;box-sizing:border-box}
.transaction-choice-label {font-size:12px;color:var(--text2);margin:0 0 4px;font-weight:600}
body[data-transaction-labels="left"] .transaction-choice {display:grid;grid-template-columns:fit-content(30%) minmax(0,1fr);align-items:center;gap:8px}
body[data-transaction-labels="left"] .transaction-choice-label {min-width:0;overflow-wrap:anywhere;margin:0}
body[data-transaction-labels="hidden"] .transaction-choice-label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-transaction-labels="left"] #hi-transfer-swap,
body[data-transaction-labels="hidden"] #hi-transfer-swap {margin-top:2px}
body:not(.transaction-chips)[data-transaction-labels="left"] #hi-transfer-swap,
body:not(.transaction-chips)[data-transaction-labels="hidden"] #hi-transfer-swap {margin-top:0}
#transaction-selection-settings .selection-setting-row:not([hidden]) + .selection-setting-row {margin-top:10px}
#transaction-selection-settings #swipe-actions-setting:not([hidden]) ~ .selection-label-setting {margin-top:16px}
#transaction-selection-settings :is(#swipe-actions-setting,.selection-setting-row:has([data-list-mode])) {border-bottom:1px solid var(--bdr);padding-bottom:12px}
.selection-label-mode {width:130px;flex:0 0 130px;height:30px;box-sizing:border-box;min-width:0;padding:0 6px;border:1px solid var(--bdr2);border-radius:var(--r);background:var(--bg2);color:var(--text);font-family:inherit;font-size:12px}
.transaction-choice-list {width:100%;height:32px;box-sizing:border-box;background:var(--bg2);color:var(--text);font:inherit;font-size:13px;border:1px solid var(--bdr2);border-radius:var(--r)}
.transaction-choice-list[hidden],.transaction-chip-scroll[hidden] {display:none!important}
.transaction-chip-scroll {position:relative;min-width:0}
.transaction-chip-scroll > .transaction-chip-row {padding-inline-end:28px}
.transaction-chip-hint {position:absolute;top:0;right:0;bottom:calc(2px + var(--chip-scrollbar-height,0px));width:30px;display:flex;align-items:center;justify-content:flex-end;padding-right:3px;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg2) 60%);color:var(--text2)}
.transaction-chip-hint[hidden] {display:none!important}
.transaction-chip-scroll:dir(rtl) > .transaction-chip-hint {right:auto;left:0;padding-right:0;padding-left:3px;justify-content:flex-start;background:linear-gradient(to left,transparent,var(--bg2) 60%)}
.transaction-chip-scroll:dir(rtl) > .transaction-chip-hint svg {transform:rotate(180deg)}
.transaction-chip-row {display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;min-width:0;max-width:100%;padding:0 2px;box-sizing:border-box;scrollbar-width:thin;overscroll-behavior-x:contain}
.transaction-chip {flex:0 0 auto;max-width:min(232px,85%);min-height:32px;padding:8px 12px!important;border:1px solid var(--bdr2);border-radius:var(--r);background:var(--bg2);color:var(--text);font:inherit;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.transaction-chip.selected {border-color:var(--chip-accent,var(--blu));background:color-mix(in srgb,var(--chip-accent,var(--blu)) 16%,var(--bg2));color:var(--text)}
.transaction-chip:disabled {opacity:.45;cursor:default}
.transaction-chip:focus-visible {outline:2px solid var(--chip-accent,var(--blu));outline-offset:-2px}
body select.transaction-chip-source {display:none!important}
body .transaction-transfer-grid {grid-template-columns:minmax(0,1fr) 32px!important;align-items:stretch!important}
body [data-choice-for="hi-transfer-from"] {grid-column:1;grid-row:1}
body [data-choice-for="hi-transfer-to"] {grid-column:1;grid-row:2}
body #hi-transfer-swap {grid-column:2;grid-row:1 / 3;width:32px;height:auto!important;align-self:stretch;margin-top:22px;margin-bottom:2px}
body:not(.transaction-chips) #hi-transfer-swap {margin-top:20px;margin-bottom:0}
body #hi-kalem-secim-alanlari,
body #hi-bakiye-secim-alanlari {grid-template-columns:minmax(0,1fr) 32px!important}
body #hi-kalem-secim-alanlari > *,
body #hi-bakiye-secim-alanlari > * {grid-column:1 / -1!important;grid-row:auto!important;min-width:0}
body #hi-kalem-secim-alanlari > .transaction-tag-host,
body #hi-bakiye-secim-alanlari > .transaction-tag-host {grid-column:1!important}
body #hi-kalem-secim-alanlari > #hi-kalem-etiket-yonet,
body #hi-bakiye-secim-alanlari > #hi-bakiye-etiket-yonet {grid-column:2!important;align-self:end;height:32px;margin-bottom:0}
body #hi-gider-etiket-satiri {grid-template-columns:minmax(0,1fr) 32px!important}
body #hi-gider-etiket-satiri > * {grid-row:auto!important}
body #hi-gider-etiket-satiri > button {align-self:end;height:32px;margin-bottom:0}
body #hi-kalem-secim-alanlari > [data-choice-for="hi-hesap-sel"] {order:1;grid-row:1!important}
body #hi-kalem-secim-alanlari.transaction-account-selected > [data-choice-for="hi-hesap-sel"] {grid-column:1!important}
body #hi-kalem-secim-alanlari > #hi-bakiye-etki {order:1;grid-column:2!important;grid-row:1!important;align-self:end;margin-bottom:0}
body #hi-kalem-secim-alanlari:not(.transaction-account-selected) > #hi-bakiye-etki,
body #hi-bakiye-hesap-etki-satiri:not(.transaction-account-selected) > #hi-bakiye-bakiye-etki {display:none!important}
body #hi-kalem-secim-alanlari > [data-choice-for="hi-gider-butce-sel"] {order:3}
body #hi-kalem-secim-alanlari > .transaction-tag-host,
body #hi-kalem-secim-alanlari > #hi-kalem-etiket-yonet,
body #hi-kalem-secim-alanlari > #hi-gider-etiket-satiri {order:4}
body #hi-kalem-secim-alanlari > #hi-aciklama {order:5}
body #hi-bakiye-hesap-etki-satiri {grid-template-columns:minmax(0,1fr)!important}
body #hi-bakiye-hesap-etki-satiri.transaction-account-selected {grid-template-columns:minmax(0,1fr) 32px!important}
body #hi-bakiye-hesap-etki-satiri > button {grid-column:2;grid-row:1;align-self:end;height:32px;width:32px;margin-bottom:0}
#transaction-selection-settings .selection-setting-row {display:flex;align-items:center;gap:10px}
#transaction-selection-settings .selection-setting-label {flex:1;min-width:0;display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text)}
#transaction-selection-settings .selection-info {flex:0 0 24px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text2);padding:0;cursor:pointer}
#transaction-selection-settings .ayar-ikili-toggle {display:inline-flex;align-items:center;width:130px;height:30px;flex:0 0 130px;border:1px solid var(--bdr2);border-radius:var(--r);background:var(--bg2);overflow:hidden}
#transaction-selection-settings .ayar-ikili-toggle button {min-width:0;height:100%;flex:1 1 50%;border:none;border-left:1px solid var(--bdr2);border-radius:0!important;background:transparent;color:var(--text2);padding:0 6px;font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .15s ease,color .15s ease}
#transaction-selection-settings .ayar-ikili-toggle button:first-child {border-left:none}
#transaction-selection-settings .ayar-ikili-toggle button.active {background:var(--blu);color:#fff}
.selection-info-balloon {position:fixed;z-index:10000;max-width:min(320px,calc(100vw - 24px));box-sizing:border-box;padding:10px 12px;border:1px solid var(--bdr2);border-radius:var(--r);background:var(--bg2);color:var(--text);font-size:12px;box-shadow:var(--shadow-sm)}

/* Keep side controls above a space-consuming horizontal scrollbar. */
body.transaction-chips :is(#hi-bakiye-etki,#hi-bakiye-bakiye-etki,#hi-kalem-etiket-yonet,#hi-bakiye-etiket-yonet) {margin-bottom:var(--chip-scrollbar-height,0px)!important}
/* Same PRO visibility as other premium controls; keep the 32px button footprint. */
#hi-bakiye-etiket-yonet,#hi-kalem-etiket-yonet{position:relative}
#hi-bakiye-etiket-yonet .pro-badge,#hi-kalem-etiket-yonet .pro-badge{position:absolute;top:-5px;right:-5px;font-size:10px;font-weight:600;background:var(--blu);color:#fff;padding:1px 6px;border-radius:var(--r);pointer-events:none}

body.transaction-chips :is(#hi-kalem-etiket-yonet,#hi-bakiye-etiket-yonet){color:var(--text)!important}
.transaction-chip [data-icon-type="hesap"] .record-icon{color:var(--text)}