/* Yeni sürüm şeridi (surum-denetci.js ekler; LIST'teki şeritle aynı yapı). Alttan nazik çıkar; telefonda alt güvenli
   alanı ve alttaki gezinme çubuğunu (.bottom-nav) bırakır. Tema: gün = beyaz kart + yumuşak bordo düğme;
   gece (yönetici, giriş) = koyu kart + açık sıcak düğme. Mavi/mor yok. Azaltılmış harekette kayma yok. */
.surum-serit{
 --ss-zemin:#ffffff;--ss-yazi:#1d1a17;--ss-soluk:#5c5753;--ss-cizgi:rgb(20 16 12/.12);
 --ss-dugme:#8a2a3c;--ss-dugme-yazi:#fff8f4;--ss-isaret:#8a2a3c;--ss-golge:0 18px 40px -18px rgb(20 16 12/.35);
 position:fixed;z-index:2147483000;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));
 display:flex;align-items:center;gap:10px;box-sizing:border-box;
 width:max-content;max-width:min(560px,calc(100vw - 24px));min-height:52px;padding:8px 8px 8px 16px;
 border:1px solid var(--ss-cizgi);border-radius:16px;background:var(--ss-zemin);color:var(--ss-yazi);
 box-shadow:var(--ss-golge);font-family:inherit;font-size:14px;font-weight:500;line-height:1.35;overflow:hidden;
 transform:translate(-50%,calc(100% + 32px));opacity:0;transition:transform .42s cubic-bezier(.05,.7,.1,1),opacity .3s ease;
}
.surum-serit.surum-serit-acik{transform:translate(-50%,0);opacity:1}
body:has(.bottom-nav) .surum-serit{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
:root[data-tema=gece] .surum-serit{
 --ss-zemin:#18191d;--ss-yazi:#f5f4f2;--ss-soluk:#a39d98;--ss-cizgi:rgb(255 255 255/.1);
 --ss-dugme:#efe4d8;--ss-dugme-yazi:#1b1512;--ss-isaret:#f0c9a8;--ss-golge:0 18px 44px -16px #000;
}
.surum-serit .surum-serit-isaret{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ss-isaret);box-shadow:0 0 0 4px color-mix(in srgb,var(--ss-isaret) 18%,transparent)}
.surum-serit .surum-serit-metin{flex:1 1 auto;min-width:0}
.surum-serit .surum-serit-dugme:not(#_):not(#_){
 flex:none;min-height:40px;min-width:44px;padding:0 16px;border:0;border-radius:12px;cursor:pointer;
 background:var(--ss-dugme);color:var(--ss-dugme-yazi);font-family:inherit;font-size:14px;font-weight:600;line-height:1;box-shadow:none;
}
.surum-serit .surum-serit-dugme:disabled:not(#_):not(#_){opacity:.55;cursor:default}
.surum-serit .surum-serit-kapat:not(#_):not(#_){
 flex:none;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--ss-soluk);
 font-family:inherit;font-size:22px;font-weight:400;line-height:1;cursor:pointer;box-shadow:none;
}
.surum-serit button:focus-visible:not(#_):not(#_){outline:2px solid var(--ss-isaret);outline-offset:2px}
.surum-serit [hidden]:not(#_):not(#_){display:none}
.surum-serit .surum-serit-cubuk{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ss-isaret);transform-origin:left;transform:scaleX(0);opacity:0}
.surum-serit[data-tur=geri-sayim]{padding-right:16px}
.surum-serit[data-tur=geri-sayim] .surum-serit-cubuk{opacity:.85;animation:surum-geri-sayim var(--surum-sure,3s) linear forwards}
@keyframes surum-geri-sayim{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:560px){
 .surum-serit{left:12px;right:12px;width:auto;max-width:none;transform:translateY(calc(100% + 32px))}
 .surum-serit.surum-serit-acik{transform:none}
}
@media (prefers-reduced-motion:reduce){
 .surum-serit,.surum-serit.surum-serit-acik{transition:opacity .2s ease}
 .surum-serit{transform:translate(-50%,0)}
 .surum-serit[data-tur=geri-sayim] .surum-serit-cubuk{animation:none;transform:scaleX(1);opacity:.4}
}
@media (prefers-reduced-motion:reduce) and (max-width:560px){.surum-serit{transform:none}}
/* Oturum uyarısı ve saklanan taslak şeridi aynı görünümü kullanır. Oturum uyarısı varken sürüm şeridi geri çekilir. */
.oturum-serit{z-index:2147483001}
body:has(.oturum-serit) .surum-serit:not(.oturum-serit):not(.taslak-serit){display:none}
.oturum-serit .surum-serit-isaret{animation:oturum-nabiz 1.6s ease-in-out infinite}
@keyframes oturum-nabiz{50%{opacity:.35}}
.taslak-serit{flex-wrap:wrap}
.taslak-serit .taslak-liste{flex:1 0 100%;max-height:30vh;overflow:auto;margin:4px 8px 0 0;padding:8px 10px;border-radius:10px;border:1px solid var(--ss-cizgi);color:var(--ss-yazi);font-weight:400;user-select:text;overflow-wrap:anywhere}
.taslak-serit .taslak-liste p{margin:0 0 6px;white-space:pre-wrap}
.taslak-serit .taslak-liste b{font-weight:600;color:var(--ss-soluk)}
.taslak-serit .taslak-liste[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.oturum-serit .surum-serit-isaret{animation:none}}