/* 4S SANDIK — "Gece": Akıcı dilin marka renkleri (3. tur, deneme-tasarim). 4S logosundan: derin siyah, beyaz, 4S kırmızısı.
   Yalnız :root[data-hareket=akici] altında; ?hareket=onayli eski görünüm. akici.css'ten SONRA yüklenir.
   Anlam renkleri DEĞİŞMEZ: mavi / turuncu / renksiz liste, olumlu-geldi yeşili, olumsuz/hata kırmızısı.
   Marka kırmızısı (#ff2f48) yalnız vurgu ve seçili durumda: üst etiket, menü göstergesi, odak halkası. Görevli yine renk görmez. */

/* ---------- Renk değişkenleri (açık ve koyu tema düğmesi ikisi de gece) ---------- */
:root[data-hareket=akici]{color-scheme:dark;scrollbar-color:rgb(255 255 255/.18) transparent}
:root[data-hareket=akici] body,:root[data-hareket=akici] body.dark,:root[data-hareket=akici] body:not([data-role]){
 --g-zemin:#05060a;--g-yuzey:#0c0f16;--g-yuzey-2:#121722;--g-cizgi:rgb(255 255 255/.075);--g-cizgi-2:rgb(255 255 255/.14);--g-yazi:#f4f6fa;--g-soluk:#8b95a8;--g-kirmizi:#ff2f48;--g-marka:#dc1730;
 --g-cam:linear-gradient(180deg,rgb(255 255 255/.045),rgb(255 255 255/.012)),color-mix(in oklab,#0c0f16 82%,transparent);
 --g-cam-golge:inset 0 1px 0 rgb(255 255 255/.06),0 0 0 1px rgb(255 255 255/.075),0 30px 60px -40px #000;
 --bg:var(--g-zemin);--paper:var(--g-yuzey);--ink:var(--g-yazi);--muted:var(--g-soluk);--line:var(--g-cizgi);--soft:var(--g-yuzey-2);--accent:var(--g-kirmizi);--green:#3cc08f;
 --ak-cam:rgb(10 12 18/.64);--ak-halka:0 0 0 1px var(--g-cizgi);--ak-golge:inset 0 1px 0 rgb(255 255 255/.05),0 30px 60px -40px #000;--ak-golge-yuksek:inset 0 1px 0 rgb(255 255 255/.07),0 40px 80px -36px #000;
 background:var(--g-zemin);background-image:none;color:var(--g-yazi)}

/* ---------- Zemin: sabit, çok yavaş süzülen bulanık kırmızı + mavi ışık ---------- */
:root[data-hareket=akici] body[data-role]::before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;
 background:radial-gradient(40% 35% at 15% 20%,rgb(220 23 48/.16),transparent 70%),radial-gradient(45% 40% at 85% 80%,rgb(69 108 213/.14),transparent 70%),radial-gradient(30% 30% at 60% 10%,rgb(255 255 255/.04),transparent 70%);filter:blur(40px)}
:root[data-hareket=akici] body[data-role] #app{position:relative;z-index:1}
:root[data-hareket=akici] body[data-role=admin] .shell::before{display:none}
@media (prefers-reduced-motion:no-preference){
 /* Yalnız yönetici ekranında ışık süzülür; sahada sabit kalır (pil ve hız). */
 :root[data-hareket=akici] body[data-role=admin]::before{animation:gece-suzul 26s ease-in-out infinite alternate}
 @keyframes gece-suzul{to{transform:translate(4%,-3%) scale(1.08)}}
}

/* ---------- Üst şerit, üst çubuk, logo ---------- */
:root[data-hareket=akici] .banner{color:var(--g-soluk)}
:root[data-hareket=akici] .banner b{color:var(--g-kirmizi);text-shadow:0 0 18px rgb(255 47 72/.45)}
:root[data-hareket=akici] .header{background:rgb(5 6 10/.62);box-shadow:inset 0 1px 0 rgb(255 255 255/.05),0 0 0 1px var(--g-cizgi),0 24px 50px -30px #000}
:root[data-hareket=akici] .mark{background:linear-gradient(145deg,rgb(255 255 255/.09),rgb(255 255 255/.02));color:var(--g-kirmizi);border:0;box-shadow:inset 0 1px 0 rgb(255 255 255/.08),0 0 0 1px var(--g-cizgi),0 0 22px -6px rgb(255 47 72/.55)}
:root[data-hareket=akici] .brand em{color:var(--g-soluk)}
:root[data-hareket=akici] .header .badge{background:rgb(255 255 255/.07);color:var(--g-yazi);box-shadow:inset 0 0 0 1px var(--g-cizgi)}
:root[data-hareket=akici] .role-switch,:root[data-hareket=akici] .role-switch.volunteer{background:rgb(255 255 255/.06);border-color:var(--g-cizgi-2);color:var(--g-yazi);box-shadow:none}
:root[data-hareket=akici] .role-dot{color:var(--g-kirmizi);box-shadow:0 0 0 4px rgb(255 47 72/.16),0 0 10px rgb(255 47 72/.6)}

/* ---------- Başlıklar ve üst etiketler ---------- */
:root[data-hareket=akici] h1,:root[data-hareket=akici] .title h1{color:#fff;text-shadow:0 0 40px rgb(255 255 255/.12)}
:root[data-hareket=akici] :is(.workspace-label,aside small,.eyebrow){color:var(--g-kirmizi);text-shadow:0 0 18px rgb(255 47 72/.45)}
:root[data-hareket=akici] .workspace-label span{color:var(--g-kirmizi)}

/* ---------- Düğmeler: ikincil cam, ana düğme BEYAZ zemin siyah yazı ---------- */
:root[data-hareket=akici] button{background:rgb(255 255 255/.05);border-color:var(--g-cizgi-2);color:var(--g-yazi)}
:root[data-hareket=akici] button:hover:not(:disabled):not(.selected):not(.primary):not(.active):not([aria-pressed=true]){background:rgb(255 255 255/.1);box-shadow:none}
:root[data-hareket=akici] .primary,:root[data-hareket=akici] .login .primary,:root[data-hareket=akici] .volunteer-search button{background:#fff;color:#05060a;border-color:#fff;box-shadow:0 0 0 1px #fff,0 18px 40px -18px rgb(255 255 255/.35)}
:root[data-hareket=akici] .primary:hover:not(:disabled),:root[data-hareket=akici] .volunteer-search button:hover{background:#e9edf5;color:#05060a}
:root[data-hareket=akici] .danger{color:#ff8a8a}
:root[data-hareket=akici] .business-name,:root[data-hareket=akici] .business-name:hover{background:transparent;border:0;color:var(--g-yazi)}
:root[data-hareket=akici] :is(button,a,[data-open-company],summary,select):focus-visible{outline:2px solid var(--g-kirmizi);outline-offset:3px;box-shadow:0 0 0 6px rgb(255 47 72/.16)}
:root[data-hareket=akici] a:not(.call){color:#fff;text-decoration-color:rgb(255 47 72/.7)}

/* ---------- Form alanları ---------- */
:root[data-hareket=akici] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){background:rgb(255 255 255/.04);border-color:var(--g-cizgi-2);color:var(--g-yazi)}
:root[data-hareket=akici] input[type=file]{color:var(--g-soluk)}
:root[data-hareket=akici] ::placeholder{color:#7e889b}
:root[data-hareket=akici] :is(input,textarea):focus{border-color:var(--g-kirmizi);box-shadow:0 0 0 4px rgb(255 47 72/.18),0 0 30px -6px rgb(255 47 72/.5)}
:root[data-hareket=akici] select option{background:#121722;color:var(--g-yazi)}
:root[data-hareket=akici] :is(input[type=checkbox],input[type=radio]){accent-color:var(--g-kirmizi)}

/* ---------- Cam kartlar ---------- */
:root[data-hareket=akici] :is(.card,.list-item,.filter-panel,.toolbar,.empty,.profile-section,fieldset,.layout-sample,.role-option,.notice){background:var(--g-cam);box-shadow:var(--g-cam-golge)}
:root[data-hareket=akici] body[data-role] .toolbar{background:rgb(12 15 22/.72);box-shadow:var(--g-cam-golge)}
/* Yönetici: kartlar arkadaki ışığı buzlu camdan gösterir (en zengin). Sahada uzun listelerde bulanıklık yok (hız). */
:root[data-hareket=akici] body[data-role=admin] :is(.card,.list-item,.toolbar){backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
:root[data-hareket=akici] body[data-role]:not([data-role=admin]) :is(.toolbar,.volunteer-search,.filter-panel){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
:root[data-hareket=akici] .volunteer-search{background:rgb(12 15 22/.7);box-shadow:var(--g-cam-golge)}
@media (hover:hover){
 :root[data-hareket=akici] body[data-role=admin] :is(.stat,.committee,.business-card,.list-item):hover,:root[data-hareket=akici] .volunteer-card:hover{box-shadow:inset 0 1px 0 rgb(255 255 255/.08),0 0 0 1px rgb(255 47 72/.35),0 30px 60px -30px rgb(220 23 48/.35)}
}
:root[data-hareket=akici] .notice{color:var(--g-yazi)}
:root[data-hareket=akici] .notice.error,:root[data-hareket=akici] .error{background:rgb(255 90 90/.1);color:#ffb0b0;box-shadow:inset 0 0 0 1px rgb(255 90 90/.28)}
:root[data-hareket=akici] .muted,:root[data-hareket=akici] small{color:var(--g-soluk)}

/* ---------- Rozetler: yarı saydam; anlam renkleri koyu zemin tonlarıyla aynı ---------- */
:root[data-hareket=akici] .badge{background:rgb(255 255 255/.07);color:#c5cddb;box-shadow:inset 0 0 0 1px var(--g-cizgi)}
:root[data-hareket=akici] .badge.blue{background:#233f65;color:#adcfff}
:root[data-hareket=akici] .badge.orange{background:#493323;color:#ffc18b}
:root[data-hareket=akici] .badge.yellow{background:#4b4728;color:#e7dc96}
:root[data-hareket=akici] .badge.green{background:#21483e;color:#a0ddc6}
:root[data-hareket=akici] .badge.neutral{background:rgb(255 255 255/.07);color:var(--g-yazi)}
:root[data-hareket=akici] .live{background:rgb(60 192 143/.12);color:#7fe0b8;box-shadow:inset 0 0 0 1px rgb(60 192 143/.3)}
:root[data-hareket=akici] .assignment-positive{color:#72d5a3}

/* ---------- Yönetici: yan menü, göstergeler, özet kartları ---------- */
:root[data-hareket=akici] aside{background:rgb(8 10 16/.6);box-shadow:inset 0 1px 0 rgb(255 255 255/.05),0 0 0 1px var(--g-cizgi),0 30px 60px -40px #000}
:root[data-hareket=akici] aside button{color:#c3cad8}
:root[data-hareket=akici] aside button.active{color:#fff;background:rgb(255 47 72/.12)}
:root[data-hareket=akici] aside.ak-gostergeli button.active{background:transparent}
:root[data-hareket=akici] aside button:hover:not(.active){background:rgb(255 255 255/.05)}
:root[data-hareket=akici] .nav-num{background:rgb(255 255 255/.06);color:#c3cad8}
:root[data-hareket=akici] aside button.active .nav-num{background:var(--g-kirmizi);color:#fff;box-shadow:0 0 14px rgb(255 47 72/.6)}
:root[data-hareket=akici] .ak-gosterge,:root[data-hareket=akici] .bottom-nav .ak-gosterge{background:rgb(255 47 72/.12);box-shadow:inset 0 0 0 1px rgb(255 47 72/.4),0 0 12px rgb(255 47 72/.45),0 0 30px -4px rgb(220 23 48/.4)}
:root[data-hareket=akici] aside footer{color:var(--g-soluk)}
:root[data-hareket=akici] .stat label,:root[data-hareket=akici] .stat .row b,:root[data-hareket=akici] .stat b{color:color-mix(in srgb,var(--tone),white 35%)!important}
:root[data-hareket=akici] .stat::before{background:radial-gradient(circle,color-mix(in oklab,var(--tone) 30%,transparent),transparent 68%)}
:root[data-hareket=akici] .progress{background:rgb(255 255 255/.08)}
:root[data-hareket=akici] .progress i{background:linear-gradient(90deg,color-mix(in oklab,var(--tone,#8b95a8) 55%,#05060a),var(--tone,#8b95a8));box-shadow:0 0 12px color-mix(in oklab,var(--tone,#8b95a8) 50%,transparent)}
:root[data-hareket=akici] .committee{background:rgb(255 255 255/.025);box-shadow:inset 0 0 0 1px var(--g-cizgi)}
:root[data-hareket=akici] .committee-share{border-bottom-color:var(--g-cizgi)}
:root[data-hareket=akici] .event{border-left-color:rgb(255 255 255/.1)}
:root[data-hareket=akici] .event::before{background:#fff;box-shadow:0 0 0 4px rgb(255 255 255/.08),0 0 10px rgb(255 255 255/.4)}
:root[data-hareket=akici] th{color:var(--g-soluk)}
:root[data-hareket=akici] .business-table tr[data-open-company]:hover{background:rgb(255 255 255/.035)}

/* ---------- Gönüllü / iletişimci: liste düğmeleri, kartlar (orta düzey) ---------- */
:root[data-hareket=akici] .list-tabs button{background:rgb(255 255 255/.05);color:var(--g-yazi);border-color:var(--g-cizgi-2)}
:root[data-hareket=akici] .list-tabs .selected{background:#fff;color:#05060a;border-color:#fff;box-shadow:0 8px 24px -10px rgb(255 255 255/.35)}
:root[data-hareket=akici] .list-tabs .blue{background:#203556;color:#a5c3ff;border-color:#37558a}
:root[data-hareket=akici] .list-tabs .orange{background:#443022;color:#ffc48f;border-color:#825b38}
:root[data-hareket=akici] .list-tabs .blue.selected{background:#386bcc;color:#fff;border-color:#699aff;box-shadow:0 10px 26px -12px rgb(56 107 204/.8)}
:root[data-hareket=akici] .list-tabs .orange.selected{background:#a94e0b;color:#fff;border-color:#ff983e;box-shadow:0 10px 26px -12px rgb(169 78 11/.8)}
:root[data-hareket=akici] .list-tabs .neutral.selected{background:#fff;color:#05060a;border-color:#94a3b8}
:root[data-hareket=akici] .committee-trigger{background:rgb(255 255 255/.04);color:var(--g-yazi)}
:root[data-hareket=akici] .committee-trigger strong{color:var(--g-soluk)}
:root[data-hareket=akici] .committee-options .selected{background:#fff;color:#05060a}
:root[data-hareket=akici] .volunteer-card{--ak-ton:#699aff}
:root[data-hareket=akici] .volunteer-card.orange{--ak-ton:#ff983e}
:root[data-hareket=akici] .volunteer-card.neutral{--ak-ton:#94a3b8}
:root[data-hareket=akici] .volunteer-card.arrived{--ak-ton:#3cc08f}
:root[data-hareket=akici] .volunteer-card{background:linear-gradient(165deg,color-mix(in oklab,var(--ak-ton) 10%,#0c0f16),#0c0f16 50%);box-shadow:inset 0 1px 0 rgb(255 255 255/.05),0 0 0 1px var(--g-cizgi),0 24px 48px -34px #000}
:root[data-hareket=akici] .volunteer-card::before{box-shadow:0 0 12px color-mix(in oklab,var(--ak-ton) 60%,transparent)}
:root[data-hareket=akici] .volunteer-card .contact-name,:root[data-hareket=akici] .address-button{color:#a3adbf}
:root[data-hareket=akici] .assignment-strip{background:rgb(255 255 255/.04);box-shadow:inset 0 0 0 1px var(--g-cizgi)}
:root[data-hareket=akici] .assignment-strip>span{color:#a3adbf}
:root[data-hareket=akici] .assignment-strip button,:root[data-hareket=akici] .assignment-strip button:last-child{background:transparent;border:0;color:#fff}
:root[data-hareket=akici] .call{background:#21483e;color:#a0ddc6}
:root[data-hareket=akici] .volunteer-card>.call,:root[data-hareket=akici] .arrival-strip,:root[data-hareket=akici] .volunteer-card>button:disabled{background:#173e32;border-color:#2c6750;color:#a2e4c2}
:root[data-hareket=akici] .list-caption{color:var(--g-soluk)}
:root[data-hareket=akici] .report-hero{background:radial-gradient(90% 120% at 0% 0%,rgb(220 23 48/.16),transparent 55%),var(--g-cam)}
:root[data-hareket=akici] .report-number{color:#fff;text-shadow:0 0 34px rgb(255 255 255/.25)}
:root[data-hareket=akici] .report-hero p{color:var(--g-soluk)}

/* ---------- Görevli: sayaçlar (renk bilgisi yok); ikinci sayaç nötr mavi ışık, kırmızı değil ---------- */
:root[data-hareket=akici] .clerk-scope{background:rgb(255 255 255/.05);color:var(--g-yazi);box-shadow:inset 0 0 0 1px var(--g-cizgi)}
:root[data-hareket=akici] .totals .card{--ak-ton:#456cd5}
:root[data-hareket=akici] .totals .card:first-child{--ak-ton:#3cc08f}
:root[data-hareket=akici] .totals .card::before{background:radial-gradient(circle,color-mix(in oklab,var(--ak-ton) 30%,transparent),transparent 68%)}
:root[data-hareket=akici] .totals strong{color:#fff}
:root[data-hareket=akici] .business-card.arrived::before{background:#3cc08f;box-shadow:0 0 10px rgb(60 192 143/.6)}
:root[data-hareket=akici] .business-card .topline,:root[data-hareket=akici] .arrival-time{color:var(--g-soluk)}

/* ---------- Alt çubuk ---------- */
:root[data-hareket=akici] .bottom-nav{background:rgb(5 6 10/.66);box-shadow:inset 0 1px 0 rgb(255 255 255/.06),0 0 0 1px var(--g-cizgi),0 22px 44px -18px #000}
:root[data-hareket=akici] .bottom-nav button{color:#a3adbf}
:root[data-hareket=akici] .bottom-nav button.active{color:#fff;background:rgb(255 47 72/.12)}
:root[data-hareket=akici] .bottom-nav.ak-gostergeli button.active{background:transparent}

/* ---------- Pencereler: koyu cam ---------- */
:root[data-hareket=akici] dialog{background:linear-gradient(180deg,rgb(255 255 255/.05),rgb(255 255 255/.01)),rgb(14 17 25/.94);color:var(--g-yazi);box-shadow:inset 0 1px 0 rgb(255 255 255/.06),0 0 0 1px var(--g-cizgi),0 50px 100px -40px #000}
:root[data-hareket=akici] dialog::backdrop{background:rgb(0 0 0/.55)}
:root[data-hareket=akici] :is(.dialog-head,.dialog-footer){background:rgb(14 17 25/.72)}
:root[data-hareket=akici] .profile-hero{background:linear-gradient(155deg,color-mix(in oklab,var(--ak-ton) 18%,#0e1119),#0e1119 72%);border-bottom-color:var(--g-cizgi)}
:root[data-hareket=akici] .profile-hero.blue{--ak-ton:#699aff}
:root[data-hareket=akici] .profile-hero.orange{--ak-ton:#ff983e}
:root[data-hareket=akici] .profile-hero.yellow{--ak-ton:#e7c64a}
:root[data-hareket=akici] .details-grid>div{background:rgb(255 255 255/.03)}
:root[data-hareket=akici] .role-option.selected{background:rgb(255 47 72/.08);box-shadow:inset 0 0 0 1px rgb(255 47 72/.5),0 0 22px -8px rgb(255 47 72/.6)}
:root[data-hareket=akici] .role-symbol{background:rgb(255 255 255/.06);color:#fff;border-color:var(--g-cizgi)}
:root[data-hareket=akici] .role-option.volunteer .role-symbol{color:#7fe0b8}
:root[data-hareket=akici] .single-committee .check:has(input:checked){border-color:var(--g-kirmizi);background:rgb(255 47 72/.1);color:#fff}
:root[data-hareket=akici] dialog[aria-busy=true]::after{background:rgb(255 255 255/.06);color:#fff}

/* ---------- Giriş ekranı: marka vurgusu kırmızı, ana düğme beyaz ---------- */
:root[data-hareket=akici] body:not([data-role]){--accent:var(--g-kirmizi)}
:root[data-hareket=akici] .login .primary{background:#fff;color:#05060a}
:root[data-hareket=akici] .login-tag strong{background:linear-gradient(100deg,#fff 20%,#ffd0d6 55%,#ff2f48);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-hareket=akici] .login .mark{color:var(--g-kirmizi)}

/* ---------- Bildirim balonu ---------- */
:root[data-hareket=akici] #toast{box-shadow:inset 0 1px 0 rgb(255 255 255/.08),0 0 0 1px rgb(255 255 255/.1),0 24px 48px -20px #000}

@media print{:root[data-hareket=akici] body{background:#fff;color:#000}:root[data-hareket=akici] body::before{display:none}}

/* ---------- TUR 6 — onay cilası (Gece) ---------- */
/* Pencereler opak (alttaki yazı sızmasın) */
:root[data-hareket=akici] dialog{background:linear-gradient(180deg,rgb(255 255 255/.05),rgb(255 255 255/.01)),#0e1119}
/* Görevli sayaç kartları: mavi ışık yok (görevli renk görmez) — nötr */
:root[data-hareket=akici] body[data-role=clerk] .totals .card{--ak-ton:#8b93a5}
/* Zemin: kırmızı + nötr ışık (eski mavi ışık yerine) */
:root[data-hareket=akici]:not([data-tema=gun]) body[data-role]::before{background:radial-gradient(40% 35% at 15% 20%,rgb(220 23 48/.16),transparent 70%),radial-gradient(45% 40% at 85% 80%,rgb(255 255 255/.05),transparent 70%)}

/* ---------- TUR 6 v2 (Gece): açık sıcak birincil dolgu, zarif seçili gösterge, vişne olumsuz ---------- */
:root[data-hareket=akici]:not([data-tema=gun]) body{--ak-olumsuz:#f190a5;--ak-olumsuz-zemin:rgb(241 144 165/.10);--ak-olumsuz-cizgi:rgb(241 144 165/.30);--ak-olumsuz-dolgu:#f190a5;--ak-olumsuz-dolgu-yazi:#2a0f17}
:root[data-hareket=akici]:not([data-tema=gun]) :is(.primary,.volunteer-search button),:root[data-hareket=akici]:not([data-tema=gun]) .login .primary{background:linear-gradient(180deg,#fbf3ee,#ecdcd3);color:#2a1218;border:0;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(255 47 72/.35),0 0 22px -8px rgb(255 47 72/.45),0 12px 26px -14px rgb(0 0 0/.7)}
:root[data-hareket=akici]:not([data-tema=gun]) :is(.primary,.volunteer-search button):hover:not(:disabled){background:linear-gradient(180deg,#fff8f4,#f2e5dd);color:#2a1218}
:root[data-hareket=akici]:not([data-tema=gun]) .list-tabs .selected:not(.blue):not(.orange),:root[data-hareket=akici]:not([data-tema=gun]) .list-tabs .neutral.selected,:root[data-hareket=akici]:not([data-tema=gun]) .committee-options .selected{background:rgb(255 47 72/.12);color:#fff;border-color:transparent;box-shadow:inset 0 0 0 1.5px rgb(255 47 72/.6),0 8px 22px -14px rgb(255 47 72/.5)}
:root[data-hareket=akici]:not([data-tema=gun]) aside button.active .nav-num{background:rgb(255 47 72/.16);color:#ff6b7e;box-shadow:inset 0 0 0 1px rgb(255 47 72/.4)}
/* Giriş sahnesi: tek parça koyu sıcak ton (giriş her zaman Gece) */
:root[data-hareket=akici]:not([data-tema=gun]) body:not([data-role]){--paper:#15100f;--bg:#0d0a0a;--soft:#1c1615;background:#0d0a0a;background-image:none}
:root[data-hareket=akici]:not([data-tema=gun]):not(.ak-giris-oynuyor){background:#0d0a0a}