:root{--reorder-width:calc(20px * var(--app-control-scale,1));--reorder-height:var(--scaled-icon-control,calc(32px * var(--app-control-scale,1)))}
/* Compact sorting leaves original forms and expansion state untouched. */
body.sirala-kompakt :is(#ozet,#proj).sec.active{display:grid!important;gap:8px!important;align-content:start!important;align-items:start!important}
body.sirala-kompakt :is(#ozet,#proj)>.sirala-hedef-kart{background:transparent!important;border:0!important;padding:0!important;margin:0!important;min-height:0!important;height:auto!important;box-shadow:none!important}
body.sirala-kompakt :is(#ozet,#proj)>.sira-banner{margin:0!important}
body.sirala-kompakt :is(#ozet,#proj)>.sirala-hedef-kart>:not(.kart-sira-baslik){display:none!important}
body.sirala-kompakt :is(#ozet,#proj)>.sirala-hedef-kart::before,
body.sirala-kompakt .summary-section-caption{display:none!important}
body.sirala-kompakt .kart-sira-baslik{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-default,6px);padding:var(--padding-item,10px 8px);font-size:var(--font-title,14px);font-weight:var(--weight-strong,600);color:var(--text);background:var(--visual-panel);border:1px solid var(--bdr);border-radius:var(--rl)}
html body .kart-sira-baslik>button.drag-handle{border:0!important;border-inline-start:1px solid var(--bdr)!important;border-radius:0!important;background:transparent;align-self:stretch;width:32px!important}
body.sirala-kompakt .kart-sira-baslik>span{min-width:0;overflow-wrap:anywhere}
html:not(.large-text) #islem-sablonlari-overlay{--reorder-height:28px}
html:not(.large-text) #hesap-kapama-sirasi{--reorder-height:24px}
@media(pointer:coarse){html:not(.large-text) #islem-sablonlari-overlay{--reorder-height:var(--scaled-icon-control,calc(32px * var(--app-control-scale,1)))}}
html body button.drag-handle,
html body :is(#duzenle,#bakiye-etiket-yonet-overlay,#islem-sablonlari-overlay,#hesap-kapama-sirasi) button.drag-handle.drag-handle{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;width:var(--reorder-width)!important;height:var(--reorder-height)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;padding:0!important;border:1px solid var(--bdr2)!important;border-radius:12px!important;background:var(--bg2);color:var(--text2);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
html body button.drag-handle svg{width:calc(14px * var(--app-control-scale,1))!important;height:calc(20px * var(--app-control-scale,1))!important;fill:currentColor!important;stroke:none!important}
html body button.drag-handle:focus-visible{outline:2px solid var(--fixblu);outline-offset:2px}
html body .reorder-dragging{opacity:.55;outline:2px dashed var(--fixblu);outline-offset:-2px}
html body #duzenle .ei.reorder-collapsed > div[id*="-body-"]{display:none!important}
html body #duzenle .ei.reorder-collapsed svg[id$="-arrow"]{transform:none!important}
/* Keep drop indicators inside the card so scroll containers cannot clip edge targets. */
html body .reorder-before{box-shadow:inset 0 3px 0 var(--fixblu)!important}
html body .reorder-after{box-shadow:inset 0 -3px 0 var(--fixblu)!important}
/* Paint tag drop markers above the inputs, while keeping them inside the row. */
html body #bakiye-etiket-yonet-overlay [data-reorder-item]:is(.reorder-before,.reorder-after){position:relative;isolation:isolate;box-shadow:none!important}
html body #bakiye-etiket-yonet-overlay [data-reorder-item]:is(.reorder-before,.reorder-after)::after{content:"";position:absolute;inset-inline:0;height:3px;background:var(--fixblu);border-radius:3px;z-index:2;pointer-events:none}
html body #bakiye-etiket-yonet-overlay [data-reorder-item].reorder-before::after{top:0}
html body #bakiye-etiket-yonet-overlay [data-reorder-item].reorder-after::after{bottom:0}
body.sirala-kompakt :is(#ozet,#proj)>.reorder-before>.kart-sira-baslik{box-shadow:inset 0 3px 0 var(--fixblu)}
body.sirala-kompakt :is(#ozet,#proj)>.reorder-after>.kart-sira-baslik{box-shadow:inset 0 -3px 0 var(--fixblu)}
body.reorder-active,body.reorder-active *{cursor:grabbing!important;user-select:none!important}
html body .islem-sablon-satir:has(.drag-handle){grid-template-columns:minmax(0,1fr) var(--reorder-width)!important}
html body #hesap-kapama-sirasi>.target-order-row:has(.drag-handle){grid-template-columns:minmax(0,1fr) var(--reorder-width)!important}
html body #hesap-kapama-sirasi .target-order-controls:has(>.drag-handle){display:flex;align-items:center;justify-content:center;border:0;background:transparent;width:var(--reorder-width)!important;overflow:visible}
html body .islem-sablon-sira:has(>.drag-handle){display:flex;align-items:center;border:0;background:transparent;height:auto;width:var(--reorder-width)!important}
/* The handle is a narrow edge of the draggable card, not a separate control. */
html body #duzenle .ei:has(.drag-handle),
html body .islem-sablon-satir:has(.drag-handle),
html body #hesap-kapama-sirasi>.target-order-row:has(.drag-handle){position:relative!important;padding-inline-end:calc(12px + var(--reorder-width))!important}
html body #duzenle .ei:has(.drag-handle) :is(.eih,.edit-header-actions){position:static!important}
html body .islem-sablon-satir:has(.drag-handle),
html body #hesap-kapama-sirasi>.target-order-row:has(.drag-handle){grid-template-columns:minmax(0,1fr)!important;padding-inline-end:var(--reorder-width)!important;border:1px solid var(--bdr);border-radius:var(--rl);background:var(--bg2)}
html body .islem-sablon-satir:has(.drag-handle)>.islem-sablon-kart,
html body #hesap-kapama-sirasi>.target-order-row:has(.drag-handle)>.target-order-card{border:0!important;box-shadow:none!important;background:transparent!important}
html body :is(.islem-sablon-sira,.target-order-controls):has(>.drag-handle){display:contents!important;position:static!important;width:0!important;height:0!important}
html body #bakiye-etiket-yonet-overlay [data-reorder-item]{grid-template-columns:var(--scaled-icon-control) minmax(0,1fr) var(--scaled-icon-control)!important;gap:6px!important;min-width:0;padding:0!important;border:0;border-radius:var(--r);background:transparent}
html body #bakiye-etiket-yonet-overlay .tag-name-control{position:relative;min-width:0}
html body #bakiye-etiket-yonet-overlay .tag-name-control>input.tinput{display:block;width:100%;padding-inline-end:calc(8px + var(--reorder-width))!important}
html body :is(#duzenle .ei,.islem-sablon-satir,#hesap-kapama-sirasi>.target-order-row,#bakiye-etiket-yonet-overlay [data-reorder-item]) button.drag-handle.drag-handle.drag-handle{position:absolute!important;inset-block:0;inset-inline-end:0;height:100%!important;border:0!important;border-inline-start:1px solid var(--bdr)!important;border-radius:0!important;border-start-end-radius:var(--rl)!important;border-end-end-radius:var(--rl)!important;background:transparent!important}
html body :is(#islem-sablonlari-overlay,#bakiye-etiket-yonet-overlay)>div{overscroll-behavior:contain}
html body #bakiye-etiket-yonet-overlay .tag-name-control button.drag-handle.drag-handle.drag-handle{border-start-end-radius:var(--r)!important;border-end-end-radius:var(--r)!important}
/* Desktop web hides delete controls without reserving a column. Touch and Android keep them visible. */
@media (hover:hover) and (pointer:fine){
  html body:has(#app-shell) #islem-sablonlari-overlay .islem-sablon-satir:not(:hover):not(:focus-within) .islem-sablon-sil,
  html body:has(#app-shell) #bakiye-etiket-yonet-overlay [data-reorder-item]:not(:hover):not(:has(button:focus-visible))>.etiket-yonet-sil{display:none!important}
  html body:has(#app-shell) #islem-sablonlari-overlay .islem-sablon-satir:not(:hover):not(:focus-within)>.islem-sablon-kart{grid-template-columns:minmax(0,1fr)!important}
  html body:has(#app-shell) #bakiye-etiket-yonet-overlay [data-reorder-item]:not(:hover):not(:has(button:focus-visible)){grid-template-columns:var(--scaled-icon-control) minmax(0,1fr)!important}
}