/* =====================================================================
   ANA EKRAN — "DÜZENLE" MODU (kart sırası)  ·  30.09.2026
   Kod `js/aeduzen.js`. Renkler ev tokenlarından (`app.css`) ve kartın
   kendi vurgusundan (`--avV`); karanlık tema kendiliğinden döner, yalnız
   hayaletin gölgesi ayrı token.
   ===================================================================== */
.aeEkran{--aedGolge:rgba(15,28,55,.30)}
:root[data-theme="dark"] .aeEkran{--aedGolge:rgba(0,0,0,.60)}

/* Izgaranın üstündeki şerit — sağa yaslı, banner'ın boşluğuna yaslanır. */
.aedCubuk{display:flex;justify-content:flex-end;align-items:center;gap:8px;
  margin:-12px 0 10px;min-height:32px}
.aedBtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;
  border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);
  font:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap}
.aedBtn svg{width:15px;height:15px;flex:none}
.aedBtn:hover{border-color:var(--accent);color:var(--accent)}
.aedBtn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.aedBtn.aedBitti{background:var(--accent);border-color:var(--accent);color:var(--on-accent);padding:0 18px}
.aedBtn.aedBitti:hover{color:var(--on-accent);filter:brightness(1.08)}
/* Düzenlerken şerit ekranın tepesinde kalır — aşağıda sürüklerken de
   "Bitti" elinin altında. Yapışma yüksekliği üst çubuğun ölçülen boyu. */
.aedCubuk.acik{position:sticky;top:var(--ustYuk,0px);z-index:6;background:var(--bg);
  padding:8px 0;margin:-12px 0 6px}

/* Düzenleme görünümü: kesik çizgili çerçeve (kartın kendi vurgusu),
   tutamaç, imleç "tut". Kaldırma animasyonu kapalı — sürüklerken titremesin. */
/* Izgara relative: kartların offset'i ızgaraya göre (aeduzen.js > aedHedef). */
.avIzgara.avDuzen{position:relative}
.avIzgara.avDuzen .avKart{position:relative;cursor:grab;-webkit-user-select:none;user-select:none;
  -webkit-touch-callout:none}
.avIzgara.avDuzen .avKart a{cursor:grab;-webkit-user-drag:none}
.avIzgara.avDuzen .avPoster{outline:2px dashed color-mix(in srgb,var(--avV) 55%,transparent);outline-offset:3px}
.avIzgara.avDuzen .avPoster:hover{transform:none}
.aedTutamac{position:absolute;top:8px;left:8px;z-index:3;width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;background:var(--surface);color:var(--ink2);
  box-shadow:var(--shadow);touch-action:none;cursor:grab}
.aedTutamac svg{width:16px;height:16px}
/* Dokunarak öne alınan kartın sırası. */
.aedNo{position:absolute;top:8px;right:8px;z-index:3;min-width:26px;height:26px;padding:0 7px;
  border-radius:999px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);
  font-size:13px;font-weight:750;box-shadow:var(--shadow)}
@media (pointer:coarse){
  .aedTutamac{width:40px;height:40px;top:6px;left:6px}
  .aedTutamac svg{width:20px;height:20px}
}

/* Sürüklenen kartın ızgaradaki yeri + parmağın/imlecin altındaki kopyası. */
.avKart.aedYer{opacity:.35}
.avKart.aedYer .avPoster{outline-style:solid}
.aedHayalet{position:fixed;left:0;top:0;z-index:1000;margin:0;pointer-events:none;opacity:.96;
  rotate:1.5deg;scale:1.03;transform-origin:30px 30px;will-change:transform;
  filter:drop-shadow(0 16px 26px var(--aedGolge))}
.aedHayalet .avPoster{transform:none}
html.aedSurukluyor,html.aedSurukluyor *{cursor:grabbing !important;-webkit-user-select:none !important;user-select:none !important}
@media (prefers-reduced-motion:reduce){
  .aedHayalet{rotate:none;scale:none}
}