.record-icon{color:var(--text);display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}
.record-icon-display{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;pointer-events:none}
.record-icon-display>.record-icon{display:block}
.rl:has(>.record-icon-display),.rl>span:has(>.record-icon-display),.ozet-hedef-baslik:has(>.record-icon-display){display:inline-flex;align-items:center;flex-wrap:wrap;min-width:0}
.record-icon-display[data-icon-empty="true"]{display:none}
#ozet .record-icon-display[data-icon-type="hesap"] .record-icon{color:var(--text)}
#ozet .record-icon-display[data-icon-type="gelir"] .record-icon{color:var(--grn)}
#ozet .record-icon-display[data-icon-type="gider"] .record-icon{color:var(--red)}
.ozet-hedef-baslik>.record-icon-display .record-icon{color:var(--record-icon-color,var(--text))}
.rl>.record-icon-display,.rl>span>.record-icon-display,.ozet-hedef-baslik>.record-icon-display{margin-inline-end:5px}
.record-icon-picker{width:32px;height:32px;min-width:32px;flex:0 0 32px;box-sizing:border-box;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:var(--bg2);border:1px solid var(--bdr2);border-radius:var(--r);cursor:pointer}
#record-icon-dialog{box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:min(560px,75dvh,calc(100dvh - 32px));margin:auto;padding:18px;border:1px solid var(--bdr2);border-radius:var(--rl);background:var(--bg);color:var(--text);overflow:hidden;font-family:inherit}
#record-icon-dialog[open]{display:flex;flex-direction:column}
#record-icon-dialog .record-icon-recent{flex-shrink:0;min-width:0;margin-top:12px}
#record-icon-dialog .record-icon-recent[hidden]{display:none}
#record-icon-dialog .record-icon-recent-title{font-size:12px;color:var(--text2);margin-bottom:6px}
#record-icon-dialog .record-icon-recent-row{display:flex;gap:8px;flex-wrap:nowrap;overflow:hidden}
#record-icon-dialog .record-icon-recent-row button{width:32px;height:32px;flex:0 0 32px;padding:0;border-radius:var(--r);display:flex;align-items:center;justify-content:center}
#record-icon-dialog>.record-icon-head,#record-icon-dialog>[data-search],#record-icon-dialog>.record-icon-default{flex-shrink:0}
#record-icon-dialog .record-icon-scroll-host{position:relative;display:flex;flex-direction:column;min-height:0}
#record-icon-dialog .record-icon-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:4px}
#record-icon-dialog .record-icon-scroll-hint{left:0;right:0;bottom:0;top:auto;height:38px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--bg) 72%)}
#record-icon-dialog::backdrop{background:rgba(0,0,0,.45)}
#record-icon-dialog .record-icon-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;background:var(--visual-inset);box-shadow:0 -18px 0 18px var(--visual-inset)}
#record-icon-dialog h2{font-size:16px;font-weight:700;margin:0}
#record-icon-dialog button{box-sizing:border-box;font-family:inherit;cursor:pointer;color:var(--text);border:1px solid var(--bdr2);border-radius:var(--r);background:var(--bg2)}
#record-icon-dialog [data-close]{border-radius:var(--r);width:32px;height:32px;flex:0 0 32px;padding:0;display:inline-flex;align-items:center;justify-content:center}
#record-icon-dialog [data-search]{width:100%;box-sizing:border-box;height:32px;font-size:13px;color:var(--text);background:var(--bg2);border:1px solid var(--bdr2);border-radius:var(--r)!important;padding:8px 10px}
#record-icon-dialog .record-icon-categories-host{position:relative;flex-shrink:0;min-width:0;margin:12px 0}
#record-icon-dialog .record-icon-categories{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin:0;padding-bottom:6px}
#record-icon-dialog .record-icon-category-hint{position:absolute;top:0;bottom:0;height:auto;width:28px;display:flex;align-items:center;color:var(--text2);pointer-events:none;opacity:0;transition:opacity .15s;z-index:1}
#record-icon-dialog .record-icon-category-hint.is-visible{opacity:1}
#record-icon-dialog .record-icon-category-hint-left{left:0;justify-content:flex-start;background:linear-gradient(to right,var(--bg) 35%,transparent)}
#record-icon-dialog .record-icon-category-hint-right{right:0;justify-content:flex-end;background:linear-gradient(to left,var(--bg) 35%,transparent)}
#record-icon-dialog .record-icon-categories button{flex:0 0 auto;white-space:nowrap;font-size:12px;height:32px;min-height:32px;border-radius:var(--r);padding:5px 8px}
#record-icon-dialog button[aria-pressed="true"]{color:var(--blu);border-color:var(--blu);background:var(--blu-bg)}
#record-icon-dialog .record-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,32px);gap:8px;justify-content:space-between}
#record-icon-dialog .record-icon-grid button{border-radius:var(--r);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}
#record-icon-dialog .record-icon-empty:empty,#record-icon-dialog .record-icon-error:empty{display:none}
#record-icon-dialog .record-icon-error{color:var(--red);font-size:13px}
#record-icon-dialog .record-icon-default{border-radius:var(--r);width:100%;margin-top:14px;height:32px;min-height:32px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px}

.record-icon-inline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-inline-end:4px;flex-shrink:0;pointer-events:none}
.record-icon-inline:has([data-icon-empty="true"]){display:none}
.record-icon-inline .record-icon{color:inherit}
.projection-record-name{display:inline-flex;align-items:center;max-width:100%;min-width:0;vertical-align:middle}
.projection-record-name>.record-icon-inline{margin-inline-end:0}
.projection-record-text{min-width:0;overflow-wrap:anywhere}
.tlt .projection-record-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.islem-kalem-secim>.record-icon-inline{margin-inline-end:0}
.transaction-chip{display:inline-flex;align-items:center;justify-content:center}
.transaction-chip .record-icon-inline{margin-inline-end:5px}
#islem-gecmisi-altbaslik{display:flex;align-items:center}
#islem-gecmisi-altbaslik .record-icon-inline{align-items:center}
#islem-gecmisi-altbaslik .record-icon-display{display:flex;align-items:center}
#bakiye-etiket-yonet-overlay .record-icon-picker{width:32px;height:32px;min-width:32px;flex:0 0 32px;background:var(--bg2);border:1px solid var(--bdr2);border-radius:var(--r)}
.record-icon-display[data-icon-type="etiket"] .record-icon{color:inherit}

#duzenle .record-icon-picker:is([data-record-type="butce"],[data-record-type="kova"])>.record-icon{color:var(--record-icon-color,var(--text))}