/* ─── Rota Editörü — düzenlenebilir timeline (dark + light) ─── */
.re-badges { display:flex; gap:.5rem; margin-bottom:1.1rem; flex-wrap:wrap; }
.re-badge { font-size:.7rem; font-weight:600; padding:.25rem .6rem; border-radius:6px; background:rgba(255,255,255,.05); border:1px solid #1e2d47; color:#94a3b8; display:inline-flex; align-items:center; gap:.3rem; }
.re-badge i { font-size:.7rem; }

.re-timeline { }
.re-day { font-size:.7rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--gold,#C9A84C); margin:.6rem 0 .9rem; display:flex; align-items:center; gap:.5rem; }
.re-day::after { content:''; flex:1; height:1px; background:#1a2236; }
.re-travel { font-size:.68rem; color:#4a5f78; margin:.15rem 0 .15rem 1.6rem; display:flex; align-items:center; gap:.35rem; }
.re-item { display:flex; gap:.8rem; margin-bottom:.5rem; }
.re-time { font-size:.72rem; color:#94a3b8; font-weight:700; width:42px; flex-shrink:0; padding-top:.7rem; font-variant-numeric:tabular-nums; }
.re-body { flex:1; min-width:0; background:#131929; border:1px solid #1e2d47; border-radius:10px; padding:.5rem .7rem; display:flex; gap:.65rem; align-items:center; transition:border-color .15s, transform .15s; }
.re-body:hover { border-color:rgba(201,168,76,.4); }
.re-body.lunch { background:rgba(234,88,12,.08); border-color:rgba(234,88,12,.3); }
.re-thumb { width:48px; height:48px; border-radius:9px; object-fit:cover; flex-shrink:0; border:1px solid #1e2d47; }
.re-thumb-ph { width:48px; height:48px; border-radius:9px; flex-shrink:0; background:#0d1424; border:1px solid #1e2d47; display:flex; align-items:center; justify-content:center; color:#2d3f55; font-size:1rem; }
.re-thumb-ph.lunch { background:rgba(234,88,12,.12); border-color:rgba(234,88,12,.3); color:#ea580c; }
.re-content { flex:1; min-width:0; }
.re-name { font-size:.86rem; font-weight:600; color:#e2e8f0; display:flex; align-items:center; }
.re-sub { font-size:.7rem; color:#4a5f78; margin-top:.15rem; display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; }
.re-sub i { margin-right:.2rem; }
.re-num { display:inline-flex; align-items:center; justify-content:center; width:19px; height:19px; border-radius:50%; background:var(--red,#C8102E); color:#fff; font-size:.62rem; font-weight:700; margin-right:.45rem; flex-shrink:0; }
.re-detay { color:var(--gold,#C9A84C); text-decoration:none; font-weight:600; }
.re-rm { flex-shrink:0; width:30px; height:30px; border-radius:8px; border:1px solid rgba(200,16,46,.35); background:rgba(200,16,46,.1); color:#f87171; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-size:.8rem; transition:all .15s; }
.re-rm:hover { background:var(--red,#C8102E); color:#fff; border-color:var(--red,#C8102E); }

.re-empty { text-align:center; padding:2rem 1rem; color:#4a5f78; }
.re-empty i { font-size:1.8rem; display:block; margin-bottom:.6rem; }
.re-empty p { font-size:.82rem; }

/* Durak ekle */
.re-add-wrap { margin-top:.8rem; }
.re-add-btn { width:100%; border:1px dashed #2c3f5e; background:rgba(255,255,255,.02); color:#94a3b8; border-radius:10px; padding:.65rem; font-size:.84rem; font-weight:600; cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; justify-content:center; gap:.45rem; transition:all .15s; }
.re-add-btn:hover { border-color:var(--gold,#C9A84C); color:var(--gold,#C9A84C); }
.re-add-panel { margin-top:.6rem; background:#0b1220; border:1px solid #1e2d47; border-radius:10px; padding:.7rem; }
.re-add-search { width:100%; background:#131929; border:1px solid #1e2d47; border-radius:8px; color:#e2e8f0; padding:.5rem .7rem; font-size:.82rem; font-family:inherit; margin-bottom:.6rem; }
.re-add-search:focus { outline:none; border-color:var(--gold,#C9A84C); }
.re-add-list { max-height:280px; overflow-y:auto; display:flex; flex-direction:column; gap:.35rem; }
.re-add-item { display:flex; align-items:center; gap:.6rem; background:#131929; border:1px solid #1e2d47; border-radius:8px; padding:.4rem .55rem; cursor:pointer; text-align:left; font-family:inherit; transition:border-color .15s; }
.re-add-item:hover { border-color:var(--gold,#C9A84C); }
.re-add-item img { width:38px; height:38px; border-radius:7px; object-fit:cover; flex-shrink:0; }
.re-add-ph { width:38px; height:38px; border-radius:7px; flex-shrink:0; background:#0d1424; border:1px solid #1e2d47; display:flex; align-items:center; justify-content:center; color:#2d3f55; }
.re-add-info { flex:1; min-width:0; display:flex; flex-direction:column; }
.re-add-name { font-size:.82rem; font-weight:600; color:#e2e8f0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.re-add-meta { font-size:.68rem; color:#4a5f78; }
.re-add-ico { color:#22c55e; flex-shrink:0; }
.re-add-empty { font-size:.8rem; color:#4a5f78; text-align:center; padding:1rem; }

/* Aksiyonlar */
.re-actions { margin-top:1.1rem; padding-top:1.1rem; border-top:1px solid #1a2236; display:flex; gap:.5rem; flex-wrap:wrap; }
.re-act { flex:1; min-width:130px; border:none; border-radius:9px; padding:.65rem; font-size:.8rem; font-weight:700; cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; justify-content:center; gap:.4rem; text-decoration:none; }
.re-dl { background:rgba(201,168,76,.15); color:var(--gold,#C9A84C); border:1px solid rgba(201,168,76,.4); }
.re-sh { background:rgba(255,255,255,.05); color:#94a3b8; border:1px solid #1e2d47; }
.re-mp { background:rgba(56,130,255,.12); color:#5b9dff; border:1px solid rgba(56,130,255,.3); }
.re-act:hover { filter:brightness(1.15); }

/* ─── Light mode ─── */
body.light .re-badge { background:#faf7f2; border-color:#e2d9cc; color:#5a4a3a; }
body.light .re-day::after { background:#e2d9cc; }
body.light .re-travel, body.light .re-sub, body.light .re-add-meta, body.light .re-add-empty { color:#8a7a6a; }
body.light .re-body { background:#faf7f2; border-color:#e2d9cc; }
body.light .re-thumb, body.light .re-thumb-ph, body.light .re-add-item, body.light .re-add-ph, body.light .re-add-search { border-color:#e2d9cc; }
body.light .re-thumb-ph, body.light .re-add-ph { background:#f0ebe2; }
body.light .re-name, body.light .re-add-name { color:#1a1a2e; }
body.light .re-add-panel { background:#fff; border-color:#e2d9cc; }
body.light .re-add-search, body.light .re-add-item { background:#faf7f2; color:#1a1a2e; }
body.light .re-actions { border-top-color:#e2d9cc; }
body.light .re-add-btn { background:#faf7f2; border-color:#d4c9ba; color:#8a7a6a; }