/* 4S SANDIK — "Akıcı" deneme dili (3. tur). Yalnız :root[data-hareket=akici] altında çalışır; ?hareket=onayli eski görünüm.
   Renkler mevcut Sandık paletinden (mavi/turuncu/renksiz anlamları aynı). Değişen: şekil (büyük yumuşak köşe), derinlik
   (katmanlı yumuşak gölge), ferah boşluk, büyük başlık hiyerarşisi, buzlu cam üst çubuk/alt çubuk, yüzen yan menü, pencereler.
   Giriş animasyonları akici.js ile yalnız ekran değişince oynar (5 sn'lik yenileme tekrar oynatmaz). */

/* ---------- Ortak değerler ---------- */
:root[data-hareket=akici] body{--ak-r:26px;--ak-halka:0 0 0 1px var(--line);--ak-golge:0 1px 2px rgb(20 40 80/.04),0 24px 48px -32px rgb(20 40 80/.30);--ak-golge-yuksek:0 1px 2px rgb(20 40 80/.05),0 34px 60px -30px rgb(20 40 80/.42);--ak-cam:color-mix(in oklab,var(--paper) 76%,transparent);--ak-egri:cubic-bezier(0.05,0.7,0.1,1);--ak-vt:520ms}
:root[data-hareket=akici] body.dark{--ak-golge:0 1px 2px rgb(0 0 0/.25),0 24px 48px -28px rgb(0 0 0/.65);--ak-golge-yuksek:0 1px 2px rgb(0 0 0/.3),0 34px 60px -26px rgb(0 0 0/.75);--ak-cam:color-mix(in oklab,var(--paper) 72%,transparent)}
:root[data-hareket=akici] body{background-attachment:fixed}

/* ---------- Dokunma hedefleri: en az 44 px ---------- */
:root[data-hareket=akici] button,:root[data-hareket=akici] .call{min-height:44px}
:root[data-hareket=akici] input:not([type=checkbox]):not([type=radio]),:root[data-hareket=akici] select{min-height:48px;border-radius:16px}
:root[data-hareket=akici] button:not(.business-name){border-radius:999px}
:root[data-hareket=akici] .business-name{min-height:44px;display:inline-flex;align-items:center;border-radius:10px}
:root[data-hareket=akici] .call{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}
:root[data-hareket=akici] button:not(:disabled):active,:root[data-hareket=akici] a.call:active{transform:scale(.97);transition-duration:60ms}

/* ---------- Üst bilgi şeridi ve buzlu cam üst çubuk ---------- */
:root[data-hareket=akici] .banner{background:transparent;color:var(--muted);flex-wrap:wrap;gap:4px 14px;padding:8px 16px 2px;font-size:13px}
:root[data-hareket=akici] .banner b{color:var(--accent);letter-spacing:.14em}
:root[data-hareket=akici] .header{position:sticky;top:10px;z-index:20;margin:8px 16px 0;border:0;border-radius:24px;min-height:70px;padding:10px 14px 10px 18px;background:var(--ak-cam);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--ak-halka),var(--ak-golge)}
:root[data-hareket=akici] .header .actions button,:root[data-hareket=akici] .header .badge{border-radius:999px}
:root[data-hareket=akici] .header .badge{min-height:36px;padding:0 14px}
:root[data-hareket=akici] .mark{border-radius:14px;box-shadow:0 0 0 1px var(--line),0 10px 24px -14px rgb(200 16 46/.45)}
:root[data-hareket=akici] .brand{font-weight:800;letter-spacing:-.03em}
:root[data-hareket=akici] .role-switch{border-radius:999px}

/* ---------- Başlık hiyerarşisi ---------- */
:root[data-hareket=akici] .workspace-label{color:var(--accent);letter-spacing:.16em;font-size:13px;margin-bottom:10px}
:root[data-hareket=akici] .title{align-items:flex-end;margin:6px 0 30px;gap:24px}
:root[data-hareket=akici] .title h1{font-size:clamp(32px,4.2vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:650;margin-bottom:12px}
:root[data-hareket=akici] .title p{font-size:16px;line-height:1.6;max-width:58ch}
:root[data-hareket=akici] .title .actions{gap:8px}
:root[data-hareket=akici] .live{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:color-mix(in oklab,var(--green) 12%,var(--paper));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--green) 25%,transparent)}
:root[data-hareket=akici] main h2{letter-spacing:-.02em}

/* ---------- Kartlar: kenarlık yerine halka + katmanlı gölge ---------- */
:root[data-hareket=akici] .card{border:0;border-radius:var(--ak-r);padding:26px;margin-bottom:20px;box-shadow:var(--ak-halka),var(--ak-golge)}
:root[data-hareket=akici] .card h2{font-size:20px}
:root[data-hareket=akici] .badge{border-radius:999px;padding:6px 12px}
:root[data-hareket=akici] .progress{height:8px;border-radius:999px;background:color-mix(in oklab,var(--line) 80%,transparent)}
:root[data-hareket=akici] .progress i{border-radius:999px;background:linear-gradient(90deg,color-mix(in oklab,var(--tone,var(--accent)) 60%,var(--paper)),var(--tone,var(--accent)))}
:root[data-hareket=akici] .empty{border:0;border-radius:var(--ak-r);box-shadow:inset 0 0 0 1px var(--line);padding:56px 24px;font-size:16px}
:root[data-hareket=akici] .notice{border:0;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
:root[data-hareket=akici] .data-line{text-align:center;margin:28px auto;max-width:60ch}

/* ---------- Yönetici: yüzen yan menü ve geniş çalışma alanı ---------- */
:root[data-hareket=akici] .shell{grid-template-columns:262px minmax(0,1fr);min-height:auto}
:root[data-hareket=akici] aside{position:sticky;top:100px;align-self:start;margin:22px 0 24px 16px;max-height:calc(100dvh - 120px);overflow:auto;border:0;border-radius:28px;padding:22px 12px 14px;gap:4px;background:var(--ak-cam);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:var(--ak-halka),var(--ak-golge)}
:root[data-hareket=akici] aside small{color:var(--accent);letter-spacing:.16em;padding:0 14px 12px}
:root[data-hareket=akici] aside button{position:relative;z-index:1;border-radius:16px;padding:10px 12px;min-height:48px;background:transparent}
:root[data-hareket=akici] aside button.active{box-shadow:none;border-radius:16px;background:color-mix(in oklab,var(--accent) 12%,var(--paper))}
:root[data-hareket=akici] aside.ak-gostergeli button.active{background:transparent}
:root[data-hareket=akici] aside button:hover:not(.active){background:color-mix(in oklab,var(--accent) 6%,transparent);box-shadow:none}
:root[data-hareket=akici] .nav-num{border-radius:10px;width:30px;height:30px;transition:transform .3s var(--ak-egri)}
:root[data-hareket=akici] aside button.active .nav-num{background:var(--accent);color:var(--paper);transform:scale(1.06)}
:root[data-hareket=akici] aside footer{padding:24px 14px 6px;font-size:13px}
:root[data-hareket=akici] .ak-gosterge{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:16px;background:color-mix(in oklab,var(--accent) 12%,var(--paper));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 22%,transparent),0 10px 24px -16px rgb(200 16 46/.45)}
:root[data-hareket=akici] main{padding:34px 40px 80px}

/* Genel durum kartları: büyük sayı, kendi renginde yumuşak ışık */
:root[data-hareket=akici] .stats{gap:16px}
:root[data-hareket=akici] .stat{border-top:0;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}
:root[data-hareket=akici] .stat::before{content:"";position:absolute;z-index:-1;right:-70px;top:-100px;width:min(85%,280px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--tone) 24%,transparent),transparent 68%)}
:root[data-hareket=akici] .stat label{display:flex;align-items:flex-start;gap:8px;letter-spacing:.08em;line-height:1.45;min-height:2.9em}
:root[data-hareket=akici] .stat label::before{content:"";flex:0 0 8px;height:8px;margin-top:.35em;border-radius:50%;background:var(--tone);box-shadow:0 0 0 4px color-mix(in oklab,var(--tone) 18%,transparent)}
:root[data-hareket=akici] .stat p{margin:14px 0 10px}
:root[data-hareket=akici] .stat strong{font-size:clamp(38px,3.3vw,54px);line-height:1;letter-spacing:-.045em;font-weight:700;font-variant-numeric:tabular-nums}
:root[data-hareket=akici] .stat .row b{font-size:18px;font-variant-numeric:tabular-nums}
:root[data-hareket=akici] .stat>small:last-child{margin-top:auto}
:root[data-hareket=akici] .committee-grid{gap:16px}
:root[data-hareket=akici] .committee{border:0;border-radius:22px;padding:20px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);transition:transform .32s var(--ak-egri),box-shadow .32s var(--ak-egri)}
:root[data-hareket=akici] .committee h3{font-size:18px;letter-spacing:-.02em}
:root[data-hareket=akici] .event{border-left-color:color-mix(in oklab,var(--accent) 25%,var(--line))}
:root[data-hareket=akici] .event::before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 16%,transparent)}
:root[data-hareket=akici] .table-scroll.card{padding:6px 8px}
:root[data-hareket=akici] th{text-transform:uppercase;letter-spacing:.1em;font-size:13px;padding:16px 14px}
:root[data-hareket=akici] td{padding:14px;border-bottom-color:color-mix(in oklab,var(--line) 70%,transparent)}
:root[data-hareket=akici] tbody tr:last-child td{border-bottom:0}
:root[data-hareket=akici] .business-table tr[data-open-company]{transition:background-color .3s var(--ak-egri)}
:root[data-hareket=akici] .layout-sample{border:0;border-radius:20px;box-shadow:inset 0 0 0 1px var(--line)}
:root[data-hareket=akici] .layout-sample summary{min-height:44px;display:flex;align-items:center}
:root[data-hareket=akici] .layout-sample:not([open]) summary{display:-webkit-box}

/* Araç çubuğu: yüzen cam şerit */
:root[data-hareket=akici] .toolbar,:root[data-hareket=akici] body[data-role] .toolbar{border:0;border-radius:24px;padding:10px;gap:8px;background:var(--ak-cam);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--ak-halka),var(--ak-golge)}
:root[data-hareket=akici] .toolbar input{border-radius:999px;padding-left:20px}
:root[data-hareket=akici] .toolbar select{border-radius:999px;padding-left:16px}
:root[data-hareket=akici] .toolbar button{min-height:48px;padding:0 22px}
:root[data-hareket=akici] .list-item{border:0;border-radius:22px;box-shadow:var(--ak-halka),0 12px 26px -22px rgb(20 40 80/.35)}

/* ---------- Gönüllü ve iletişimci: büyük arama, bölmeli liste düğmeleri, yumuşak kartlar ---------- */
:root[data-hareket=akici] .field-main{padding:22px 24px 130px}
:root[data-hareket=akici] .volunteer-search{border:0;border-radius:999px;padding:6px 6px 6px 10px;margin-bottom:16px;background:var(--ak-cam);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--ak-halka),var(--ak-golge)}
:root[data-hareket=akici] .volunteer-search input{font-size:16px;min-height:48px}
:root[data-hareket=akici] .volunteer-search button{min-height:48px;padding:0 22px;background:var(--accent);color:#fff;border:0}
:root[data-hareket=akici] .filter-panel{border:0;border-radius:var(--ak-r);padding:12px;box-shadow:var(--ak-halka),var(--ak-golge)}
:root[data-hareket=akici] .list-tabs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
:root[data-hareket=akici] .list-tabs button{border-radius:18px;min-height:52px;transition:background-color .3s var(--ak-egri),color .3s var(--ak-egri),box-shadow .3s var(--ak-egri),transform .3s var(--ak-egri)}
:root[data-hareket=akici] .list-tabs button span{display:inline-block;min-width:1.6em;font-variant-numeric:tabular-nums;font-weight:800}
:root[data-hareket=akici] .list-tabs .selected{box-shadow:0 12px 24px -14px rgb(20 40 80/.55)}
:root[data-hareket=akici] .committee-trigger{border-radius:18px;min-height:52px;border:0;box-shadow:inset 0 0 0 1px var(--line)}
:root[data-hareket=akici] .list-caption{font-size:13px;margin:18px 4px 12px}
:root[data-hareket=akici] .list-caption button{min-height:44px}
:root[data-hareket=akici] .volunteer-grid{gap:16px}
:root[data-hareket=akici] .volunteer-card{--ak-ton:#2864e8;border:0;border-radius:24px;padding:20px 20px 18px 28px;position:relative;background:linear-gradient(165deg,color-mix(in oklab,var(--ak-ton) 7%,var(--paper)),var(--paper) 46%);box-shadow:var(--ak-halka),var(--ak-golge);transition:transform .32s var(--ak-egri),box-shadow .32s var(--ak-egri)}
:root[data-hareket=akici] .volunteer-card.orange{--ak-ton:#ed791c}
:root[data-hareket=akici] .volunteer-card.neutral{--ak-ton:#94a3b8}
:root[data-hareket=akici] .volunteer-card.arrived{--ak-ton:#22a375}
:root[data-hareket=akici] body.dark .volunteer-card{--ak-ton:#699aff}
:root[data-hareket=akici] body.dark .volunteer-card.orange{--ak-ton:#ff983e}
:root[data-hareket=akici] body.dark .volunteer-card.neutral{--ak-ton:#94a3b8}
:root[data-hareket=akici] body.dark .volunteer-card.arrived{--ak-ton:#3cc08f}
:root[data-hareket=akici] .volunteer-card::before{content:"";position:absolute;left:10px;top:20px;bottom:20px;width:5px;border-radius:999px;background:var(--ak-ton)}
:root[data-hareket=akici] .volunteer-card .business-name{font-size:17px;letter-spacing:-.015em}
:root[data-hareket=akici] .card-badges .badge{font-size:13px;padding:5px 10px}
:root[data-hareket=akici] .assignment-strip{border-radius:16px;padding:2px 6px 2px 14px}
:root[data-hareket=akici] .assignment-strip button{min-height:44px;padding:0 10px}
:root[data-hareket=akici] .volunteer-card>.call,:root[data-hareket=akici] .arrival-strip{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px;font-size:14px;font-weight:700}
:root[data-hareket=akici] .report-hero{border-top:0;padding:30px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in oklab,var(--accent) 16%,var(--paper)),var(--paper) 60%)}
:root[data-hareket=akici] .report-hero h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;font-weight:650}
:root[data-hareket=akici] .report-number{display:block;font-size:clamp(56px,10vw,96px);line-height:1;letter-spacing:-.05em;font-weight:700;margin:6px 0 4px}
:root[data-hareket=akici] .report-hero .progress{height:12px}

/* ---------- Sandık görevlisi: skor tablosu gibi sayaçlar, sade geliş satırları (renk bilgisi yok) ---------- */
:root[data-hareket=akici] .clerk-scope{display:inline-block;padding:9px 16px;border-radius:16px;background:color-mix(in oklab,var(--accent) 9%,var(--paper));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 18%,transparent);line-height:1.5}
:root[data-hareket=akici] .totals{gap:14px}
:root[data-hareket=akici] .totals .card{--ak-ton:var(--accent);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;min-height:128px;padding:20px 22px;border-top:0;position:relative;overflow:hidden;isolation:isolate}
:root[data-hareket=akici] .totals .card:first-child{--ak-ton:#22a375}
:root[data-hareket=akici] .totals .card::before{content:"";position:absolute;z-index:-1;right:-70px;top:-110px;width:min(95%,260px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--ak-ton) 22%,transparent),transparent 68%)}
:root[data-hareket=akici] .totals .card .muted{font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.35}
:root[data-hareket=akici] .totals strong{font-size:clamp(40px,6vw,56px);line-height:1;letter-spacing:-.045em;font-weight:700}
:root[data-hareket=akici] .field-main>h2{font-size:18px;margin:26px 4px 12px}
:root[data-hareket=akici] .business-card{border:0;border-radius:20px;padding:14px 14px 14px 20px;margin-bottom:10px;position:relative;box-shadow:var(--ak-halka),0 12px 26px -22px rgb(20 40 80/.35)}
:root[data-hareket=akici] .business-card.arrived::before{content:"";position:absolute;left:8px;top:16px;bottom:16px;width:4px;border-radius:999px;background:#22a375}
:root[data-hareket=akici] .compact-business>button{min-height:48px;padding:0 24px;font-size:14px}
:root[data-hareket=akici] .business-card .topline{margin-bottom:2px}
:root[data-hareket=akici] .field-main>button[data-action=missing]{display:block;margin:18px auto 0}

/* ---------- Alt çubuk: yüzen cam hap, kayan gösterge ---------- */
:root[data-hareket=akici] .bottom-nav{left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(520px,calc(100% - 24px));border:0;border-radius:999px;padding:6px;gap:0;background:var(--ak-cam);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--ak-halka),0 22px 44px -18px rgb(20 40 80/.45);z-index:30}
:root[data-hareket=akici] .bottom-nav button{flex:1;width:auto;position:relative;z-index:1;border:0;border-radius:999px;min-height:52px;padding:0 14px;background:transparent;transition:color .3s var(--ak-egri),transform .3s var(--ak-egri)}
:root[data-hareket=akici] .bottom-nav button.active{border:0;background:color-mix(in oklab,var(--accent) 13%,var(--paper))}
:root[data-hareket=akici] .bottom-nav.ak-gostergeli button.active{background:transparent}
:root[data-hareket=akici] .bottom-nav button:hover{box-shadow:none}
:root[data-hareket=akici] .bottom-nav .ak-gosterge{border-radius:999px;background:color-mix(in oklab,var(--accent) 13%,var(--paper))}

/* ---------- Bildirim balonu ---------- */
:root[data-hareket=akici] #toast{border-radius:999px;padding:14px 24px;bottom:calc(84px + env(safe-area-inset-bottom));box-shadow:0 24px 48px -20px rgb(10 20 40/.55);transition:opacity .4s var(--ak-egri),transform .5s var(--ak-egri)}

/* ---------- Pencereler: bulanıktan açılır, katman gibi durur ---------- */
:root[data-hareket=akici] dialog{border:0;border-radius:28px;box-shadow:0 0 0 1px var(--line),0 50px 100px -40px rgb(10 20 40/.6)}
:root[data-hareket=akici] dialog::backdrop{background:rgb(10 16 30/.38);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}
:root[data-hareket=akici] .dialog-head{border-bottom:0;padding:20px 22px 12px 26px;background:var(--ak-cam);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
:root[data-hareket=akici] .dialog-head h2{font-size:20px;letter-spacing:-.02em}
:root[data-hareket=akici] .dialog-head button[data-close]{width:44px;height:44px;padding:0;display:grid;place-items:center}
:root[data-hareket=akici] .dialog-body{padding:16px 26px 24px}
:root[data-hareket=akici] .dialog-footer{border-top:0;padding:14px 22px 20px;background:var(--ak-cam);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
:root[data-hareket=akici] .profile-hero{--ak-ton:#94a3b8;border-left:0;margin:-16px -26px 18px;padding:24px 26px 22px 36px;position:relative;background:linear-gradient(155deg,color-mix(in oklab,var(--ak-ton) 15%,var(--paper)),var(--paper) 72%)}
:root[data-hareket=akici] .profile-hero.blue{--ak-ton:#2864e8}
:root[data-hareket=akici] .profile-hero.orange{--ak-ton:#ed791c}
:root[data-hareket=akici] .profile-hero.yellow{--ak-ton:#d5a318}
:root[data-hareket=akici] .profile-hero::before{content:"";position:absolute;left:14px;top:24px;bottom:22px;width:5px;border-radius:999px;background:var(--ak-ton)}
:root[data-hareket=akici] .profile-hero h2{font-size:24px;letter-spacing:-.02em}
:root[data-hareket=akici] .profile-section,:root[data-hareket=akici] fieldset{border:0;border-radius:22px;box-shadow:inset 0 0 0 1px var(--line)}
:root[data-hareket=akici] .role-option{border:0;border-radius:22px;box-shadow:inset 0 0 0 1px var(--line)}
:root[data-hareket=akici] .role-option.selected{box-shadow:inset 0 0 0 2px rgb(200 16 46/.6),0 14px 28px -20px rgb(200 16 46/.5)}
:root[data-hareket=akici] .committee-options button{min-height:52px}
:root[data-hareket=akici] .details-grid>div{border:0;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
:root[data-hareket=akici] .dialog-body>.list-item{border-radius:22px}

/* ---------- Giriş ekranı ---------- */
:root[data-hareket=akici] body:not([data-role]){background-image:radial-gradient(55% 45% at 88% 8%,color-mix(in oklab,var(--accent) 16%,transparent),transparent 70%),radial-gradient(45% 40% at 6% 96%,color-mix(in oklab,#e29b32 12%,transparent),transparent 70%)}
:root[data-hareket=akici] .login{grid-template-columns:minmax(0,1.15fr) 440px;gap:72px;max-width:1160px}
:root[data-hareket=akici] .login-tag{font-size:clamp(40px,4.9vw,66px)!important;line-height:1.04!important;letter-spacing:-.04em;font-weight:500;margin:28px 0 30px!important}
:root[data-hareket=akici] .login-tag strong{display:inline-block;font-weight:750;background:linear-gradient(100deg,var(--ink) 10%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-hareket=akici] .login-roles{gap:10px}
:root[data-hareket=akici] .login-roles span{border:0;border-radius:999px;padding:10px 16px;background:var(--ak-cam);box-shadow:var(--ak-halka),0 10px 20px -16px rgb(20 40 80/.4)}
:root[data-hareket=akici] .login .card{border-top:0;border-radius:30px;padding:36px;box-shadow:var(--ak-halka),var(--ak-golge-yuksek)}
:root[data-hareket=akici] .login h1{font-size:32px;letter-spacing:-.03em;font-weight:700}
:root[data-hareket=akici] .login button[type=submit]{min-height:52px;font-size:15px}
:root[data-hareket=akici] .demo{border-top:0;margin-top:22px;padding:16px;border-radius:22px;background:var(--bg)}
:root[data-hareket=akici] .demo button{min-height:44px;padding:0 14px}

/* ---------- Üzerine gelme (yalnız fareli cihazlar) ---------- */
@media (hover:hover){
 :root[data-hareket=akici] .volunteer-card:hover,:root[data-hareket=akici] .business-card:hover,:root[data-hareket=akici] .committee:hover{transform:translateY(-4px);box-shadow:var(--ak-halka),var(--ak-golge-yuksek)}
 :root[data-hareket=akici] .stat{transition:transform .32s var(--ak-egri),box-shadow .32s var(--ak-egri)}
 :root[data-hareket=akici] .stat:hover{transform:translateY(-3px);box-shadow:var(--ak-halka),var(--ak-golge-yuksek)}
}

/* ---------- Ekran geçişi (View Transitions) ---------- */
:root[data-hareket=akici] main{view-transition-name:ak-icerik}
::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:300ms}
::view-transition-group(ak-icerik){animation-duration:var(--ak-vt,620ms);animation-timing-function:cubic-bezier(0.05,0.7,0.1,1)}
::view-transition-old(ak-icerik){animation:var(--ak-vt,620ms) cubic-bezier(0.05,0.7,0.1,1) both ak-cik-bulanik}
::view-transition-new(ak-icerik){animation:var(--ak-vt,620ms) cubic-bezier(0.05,0.7,0.1,1) both ak-gir-yukari}
::view-transition-old(ak-icerik),::view-transition-new(ak-icerik){height:auto;width:100%}
@keyframes ak-cik-bulanik{to{opacity:0;transform:translateY(-10px)}}
@keyframes ak-gir-yukari{from{opacity:0;transform:translateY(16px)}}

@media (prefers-reduced-motion:no-preference){
 :root[data-hareket=akici] dialog[open]{animation:ak-pencere 320ms cubic-bezier(0.05,0.7,0.1,1)}
 :root[data-hareket=akici] dialog[open]::backdrop{animation:ak-perde 420ms ease}
 :root[data-hareket=akici] dialog.closing{animation:ak-pencere-kapan 150ms ease-in forwards}
 :root[data-hareket=akici] dialog.closing::backdrop{animation:ak-perde-kapan 150ms ease-in forwards}
 @keyframes ak-pencere{from{opacity:0;transform:translateY(18px) scale(.97)}}
 @keyframes ak-pencere-kapan{to{opacity:0;transform:translateY(8px) scale(.98)}}
 @keyframes ak-perde{from{opacity:0}}
 @keyframes ak-perde-kapan{to{opacity:0}}
}

/* ---------- Telefon ve tablet ---------- */
@media (max-width:1100px){
 :root[data-hareket=akici] .shell{grid-template-columns:232px minmax(0,1fr)}
 :root[data-hareket=akici] main{padding:28px 26px 70px}
 :root[data-hareket=akici] .login{grid-template-columns:minmax(0,1fr) 400px;gap:36px}
}
@media (max-width:700px){
 :root[data-hareket=akici] .header{position:relative;top:0;margin:4px 10px 0;border-radius:22px;padding:10px 10px 10px 12px;min-height:62px}
 :root[data-hareket=akici] .banner{padding:6px 12px 0;font-size:13px}
 :root[data-hareket=akici] .shell{display:block}
 :root[data-hareket=akici] aside{position:absolute;top:auto;margin:8px 10px;width:calc(100% - 20px);max-width:320px;max-height:none;overflow:visible;z-index:25;box-shadow:var(--ak-halka),var(--ak-golge-yuksek);background:color-mix(in oklab,var(--paper) 92%,transparent)}
 :root[data-hareket=akici] main{padding:20px 14px 60px}
 :root[data-hareket=akici] .field-main{padding:16px 12px 128px}
 :root[data-hareket=akici] .title{flex-direction:column;align-items:flex-start;margin-bottom:22px}
 :root[data-hareket=akici] .title h1{font-size:34px}
 :root[data-hareket=akici] .title p{font-size:15px}
 :root[data-hareket=akici] .card{padding:20px;border-radius:24px}
 :root[data-hareket=akici] .stats{gap:10px}
 :root[data-hareket=akici] .stat{padding:18px}
 :root[data-hareket=akici] .stat strong{font-size:38px}
 :root[data-hareket=akici] .stat label{font-size:13px;letter-spacing:.06em}
 :root[data-hareket=akici] .toolbar{border-radius:22px}
 :root[data-hareket=akici] .toolbar:not(.volunteer-search) input{flex-basis:100%}
 :root[data-hareket=akici] .volunteer-card{padding:18px 16px 16px 26px;border-radius:22px}
 :root[data-hareket=akici] .volunteer-card .business-name{font-size:16px}
 :root[data-hareket=akici] .totals .card{min-height:112px;padding:16px 18px}
 :root[data-hareket=akici] .totals strong{font-size:44px}
 :root[data-hareket=akici] .report-hero{padding:22px}
 :root[data-hareket=akici] .login{padding:22px 16px 30px}
 :root[data-hareket=akici] .login-tag{font-size:34px!important;margin:16px 0 18px!important}
 :root[data-hareket=akici] .login .card{padding:24px 20px;border-radius:28px}
 :root[data-hareket=akici] .login h1{font-size:26px}
 :root[data-hareket=akici] dialog{width:calc(100vw - 20px);border-radius:26px}
 :root[data-hareket=akici] .dialog-head{padding:16px 14px 10px 20px}
 :root[data-hareket=akici] .dialog-body{padding:12px 18px 20px}
 :root[data-hareket=akici] .profile-hero{margin:-12px -18px 16px;padding:20px 18px 18px 30px}
 :root[data-hareket=akici] .profile-hero::before{left:12px;top:20px;bottom:18px}
 :root[data-hareket=akici] .business-profile{width:100%;max-width:none;margin:auto 0 0;border-radius:28px 28px 0 0}
 :root[data-hareket=akici] .business-profile .dialog-body{padding:12px 16px 24px}
 :root[data-hareket=akici] .business-profile .profile-hero{margin:-12px -16px 14px}
 :root[data-hareket=akici] #toast{bottom:calc(80px + env(safe-area-inset-bottom))}
}
@media (max-width:700px) and (prefers-reduced-motion:no-preference){
 :root[data-hareket=akici] .business-profile[open]{animation:ak-sayfa 360ms cubic-bezier(0.05,0.7,0.1,1)}
 @keyframes ak-sayfa{from{opacity:0;transform:translateY(40px)}}
}

/* Sandık açılışı: aşağıdaki "SANDIK AÇILIŞ" bölümünde. */

/* ---------- Giriş ekranı: sinematik karanlık sahne (en havalı ekranlardan biri) ---------- */
:root[data-hareket=akici] body:not([data-role]){--paper:#0f141d;--ink:#eef2fa;--muted:#9ba7bc;--line:rgb(255 255 255/.12);--soft:#1a2232;--bg:#090c13;--accent:#ff2f48;--ak-cam:rgb(255 255 255/.06);--ak-golge-yuksek:0 1px 0 rgb(255 255 255/.06) inset,0 40px 90px -40px rgb(0 0 0/.9);background:#000;background-image:none;color:var(--ink)}
:root[data-hareket=akici] body:not([data-role]) .banner{color:#7d889c}
:root[data-hareket=akici] body:not([data-role]) .banner b{color:#c9d6f5}
:root[data-hareket=akici] body:not([data-role])::before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;filter:blur(80px);
 background:radial-gradient(28vmax 28vmax at 22% 40%,rgb(220 23 48/.38),transparent 70%),radial-gradient(32vmax 32vmax at 80% 22%,rgb(255 255 255/.10),transparent 70%),radial-gradient(26vmax 26vmax at 55% 92%,rgb(255 160 170/.16),transparent 70%)}
:root[data-hareket=akici] body:not([data-role]) #app{position:relative;z-index:0}
@media (prefers-reduced-motion:no-preference){
 :root[data-hareket=akici] body:not([data-role])::before{animation:ak-isik-suzul 16s ease-in-out infinite alternate}
 @keyframes ak-isik-suzul{to{transform:translate(4vmax,-3vmax) scale(1.08) rotate(6deg)}}
}
:root[data-hareket=akici] .login .brand{color:#fff}
:root[data-hareket=akici] .login .mark{background:rgb(255 255 255/.08);color:#fff;border:0;box-shadow:0 0 0 1px rgb(255 255 255/.14)}
:root[data-hareket=akici] .login-tag strong{background:linear-gradient(100deg,#fff 15%,#ffd0d6 60%,#ff6a7d);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-hareket=akici] .login-tag{color:#dfe6f4!important}
:root[data-hareket=akici] .login .card{background:rgb(255 255 255/.055);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 0 0 1px rgb(255 255 255/.12),var(--ak-golge-yuksek)}
:root[data-hareket=akici] .login input{background:rgb(255 255 255/.06);border-color:rgb(255 255 255/.14);color:#fff}
:root[data-hareket=akici] .login .primary{background:#fff;color:#05060a;border:0;box-shadow:0 14px 30px -14px rgb(255 255 255/.35)}
:root[data-hareket=akici] .login .demo{background:rgb(255 255 255/.04);box-shadow:inset 0 0 0 1px rgb(255 255 255/.08)}
:root[data-hareket=akici] .login .demo button{background:rgb(255 255 255/.07);border-color:rgb(255 255 255/.14);color:#eef2fa}
:root[data-hareket=akici] .login .demo button:hover{background:rgb(255 255 255/.14)}
:root[data-hareket=akici] .login .demo strong,:root[data-hareket=akici] .login h1{color:#fff}
:root[data-hareket=akici] .login-roles span{background:rgb(255 255 255/.06);box-shadow:0 0 0 1px rgb(255 255 255/.1);color:#c3cde0}
/* Parlayan 4S amblemi: 4 beyaz ışık, S kırmızı ışık, dönen ışık halkası */
.ak-amblem{position:relative;display:inline-grid;grid-auto-flow:column;align-items:baseline;justify-content:center;width:132px;height:132px;place-content:center;margin:0 0 22px;font-weight:800;font-size:76px;letter-spacing:-.08em;line-height:1}
.ak-amblem .ak-4{color:#fff;text-shadow:0 0 14px rgb(255 255 255/.5),0 0 44px rgb(255 255 255/.2)}
.ak-amblem .ak-s{color:#dc1730;text-shadow:0 0 12px rgb(220 23 48/.9),0 0 40px rgb(220 23 48/.65),0 0 90px rgb(220 23 48/.4)}
.ak-amblem-halka{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 60%,rgb(255 255 255/.85) 78%,rgb(220 23 48/.9) 88%,transparent 94%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));filter:drop-shadow(0 0 8px rgb(255 255 255/.5))}
@media (prefers-reduced-motion:no-preference){
 .ak-amblem-halka{animation:ak-halka-don 6s linear infinite}
 .ak-amblem .ak-s{animation:ak-nabiz 3.2s ease-in-out infinite}
 @keyframes ak-halka-don{to{transform:rotate(360deg)}}
 @keyframes ak-nabiz{50%{filter:brightness(1.35)}}
}
@media (max-width:700px){.ak-amblem{width:96px;height:96px;font-size:54px;margin:0 auto 12px}.login-side{display:grid;justify-items:center}}

/* ---------- Yönetici: en zengin derinlik — arkada yavaş süzülen palet ışıkları ---------- */
:root[data-hareket=akici] body[data-role=admin] .shell{position:relative;isolation:isolate}
:root[data-hareket=akici] body[data-role=admin] .shell::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;filter:blur(70px);opacity:.75;
 background:radial-gradient(26vmax 26vmax at 85% 12%,color-mix(in oklab,var(--accent) 22%,transparent),transparent 70%),radial-gradient(22vmax 22vmax at 30% 95%,color-mix(in oklab,#289a80 16%,transparent),transparent 70%),radial-gradient(20vmax 20vmax at 60% 45%,color-mix(in oklab,var(--accent) 10%,transparent),transparent 70%)}
@media (prefers-reduced-motion:no-preference){
 :root[data-hareket=akici] body[data-role=admin] .shell::before{animation:ak-isik-suzul 18s ease-in-out infinite alternate}
}

/* ---------- Saha rolleri: orta düzey — sade, hızlı; bulanıksız geçiş ve pencere ---------- */
@media (prefers-reduced-motion:no-preference){
 :root[data-hareket=akici] body[data-role=volunteer] dialog[open],:root[data-hareket=akici] body[data-role=clerk] dialog[open],:root[data-hareket=akici] body[data-role=communicator] dialog[open]{animation:ak-pencere-hafif 300ms cubic-bezier(0.2,0,0,1)}
 @keyframes ak-pencere-hafif{from{opacity:0;transform:translateY(14px) scale(.98)}}
}
:root[data-hareket=akici] body[data-role=volunteer] .volunteer-card,:root[data-hareket=akici] body[data-role=communicator] .volunteer-card{transition:transform .2s cubic-bezier(0.2,0,0,1),box-shadow .2s}

/* ---------- Hareketi azalt: hiçbir animasyon yok ---------- */
@media (prefers-reduced-motion:reduce){
 .ak-giris{display:none}
 :root.ak-giris-oynuyor #app{filter:none;transform:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 :root[data-hareket=akici] *,:root[data-hareket=akici] *::before,:root[data-hareket=akici] *::after{animation:none!important;transition:none!important}
}

/* Saha rollerinde pencere kapanışı da sade (bulanıksız) ve 150 ms. */
@media (prefers-reduced-motion:no-preference){
 :root[data-hareket=akici] body[data-role] dialog.closing{animation:ak-pencere-kapan-hafif 150ms ease-in forwards}
 :root[data-hareket=akici] body[data-role=admin] dialog.closing{animation:ak-pencere-kapan 150ms ease-in forwards}
 @keyframes ak-pencere-kapan-hafif{to{opacity:0;transform:translateY(8px) scale(.98)}}
}
:root[data-hareket=akici] .header button{min-width:44px}
:root[data-hareket=akici] .volunteer-search{flex-wrap:nowrap}
:root[data-hareket=akici] .menu-toggle+.brand{margin-right:auto}
@media (max-width:1100px){
 :root[data-hareket=akici] .title{flex-direction:column;align-items:flex-start;gap:14px}
 :root[data-hareket=akici] .title .actions{justify-content:flex-start}
}
@media (max-width:960px){:root[data-hareket=akici] .admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Dokunma alanı: onay/seçim satırları en az 44 px (tüm deneme dilleri; görünüm aynı, yalnız satır yüksekliği) */
:root[data-hareket=akici] label.check{min-height:44px}

/* ===================================================================================================
   Deneme 4. tur — patron önizlemesi: iyimser "Geldi" + durum işareti, Geldi dalgası, 5 sn "Geri al" çubuğu,
   bağlantı göstergesi ve bekleyen kayıt penceresi (akici.js "tur4"). Yeşil = durum rengi (geldi); görevliye
   tanıyorum/tanımıyorum renkleri gösterilmez. Turuncu = sorun/inceleme durumu, her zaman simge ve yazıyla.
   =================================================================================================== */
:root[data-hareket=akici] body{--t4-kart:color-mix(in oklab,#3cc08f 13%,var(--paper));--t4-kenar:rgb(60 192 143/.55);--t4-yesil-zemin:rgb(60 192 143/.16);--t4-yesil-yazi:#8be6c0;
 --t4-turuncu-kart:color-mix(in oklab,#ff983e 12%,var(--paper));--t4-turuncu-kenar:rgb(255 152 62/.6);--t4-turuncu-zemin:rgb(255 152 62/.16);--t4-turuncu-yazi:#ffc58f;
 --t4-mavi-zemin:rgb(105 154 255/.16);--t4-mavi-yazi:#b3cbff}
:root[data-hareket=akici][data-tema=gun] body{--t4-kart:#eaf7f0;--t4-kenar:rgb(22 121 90/.45);--t4-yesil-zemin:#d9f1e5;--t4-yesil-yazi:#0a4f3b;
 --t4-turuncu-kart:#fff4e8;--t4-turuncu-kenar:rgb(178 84 0/.5);--t4-turuncu-zemin:#ffe9d3;--t4-turuncu-yazi:#7a3500;
 --t4-mavi-zemin:#e6eeff;--t4-mavi-yazi:#1a3fa8}
/* Kart: anında yeşil (renk geçişi 120 ms) */
:root[data-hareket=akici] .business-card.ak-geldi.list-item{background:var(--t4-kart);overflow:hidden;isolation:isolate;transition:background-color 120ms linear}
:root[data-hareket=akici] .business-card.ak-geldi.list-item::before{content:"";position:absolute;left:8px;top:16px;bottom:16px;width:4px;border-radius:999px;background:#22a375}
:root[data-hareket=akici] .business-card.ak-geldi.list-item[data-ak-durum=bekliyor]{outline:1.5px dashed var(--t4-kenar);outline-offset:-1.5px}
:root[data-hareket=akici] .business-card.ak-geldi.list-item[data-ak-durum=ok]{outline:1.5px solid var(--t4-kenar);outline-offset:-1.5px}
:root[data-hareket=akici] .business-card.ak-geldi.list-item[data-ak-durum=inceleme]{background:var(--t4-turuncu-kart);outline:1.5px solid var(--t4-turuncu-kenar);outline-offset:-1.5px}
:root[data-hareket=akici] .business-card.ak-geldi.list-item[data-ak-durum=inceleme]::before{background:#e07a1f}
:root[data-hareket=akici] .ak-durum{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;min-height:48px;max-width:56%;padding:6px 14px;border-radius:999px;background:var(--t4-yesil-zemin);color:var(--t4-yesil-yazi);font-size:13px;font-weight:750;line-height:1.25;text-align:left}
:root[data-hareket=akici] .ak-durum svg{flex:0 0 16px}
:root[data-hareket=akici] [data-ak-durum=inceleme] .ak-durum{background:var(--t4-turuncu-zemin);color:var(--t4-turuncu-yazi)}
:root[data-hareket=akici] .ak-durum-not{margin:8px 0 0;font-size:13px;line-height:1.45;font-weight:600;color:var(--t4-turuncu-yazi)}
/* Geldi dalgası: basılan noktadan yayılan halka (akici.js yalnız transform/opacity canlandırır) */
:root[data-hareket=akici] .ak-dalga{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgb(34 163 117/.22) 0 52%,rgb(34 163 117/.6) 60%,rgb(34 163 117/0) 70%);transform:scale(0)}
/* Hayalet kart (sunucuya ulaşıp listeden düşen) dokunulamaz; yalnız bilgi */
:root[data-hareket=akici] .business-card.ak-hayalet{pointer-events:none}
/* 5 sn "Geri al" çubuğu: tersine renkli kısa bilgi şeridi, altta süre çizgisi */
:root[data-hareket=akici] .ak-geri-al{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:540px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 8px 12px 18px;border-radius:20px;background:#f4f6fa;color:#0b0d12;box-shadow:0 18px 40px -16px rgb(0 0 0/.7)}
:root[data-hareket=akici][data-tema=gun] .ak-geri-al{background:#0b0d12;color:#fff;box-shadow:0 18px 40px -18px rgb(10 12 18/.55)}
:root[data-hareket=akici] .ak-geri-al-metin{flex:1;min-width:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere;padding:6px 0}
:root[data-hareket=akici] .ak-geri-al button{flex-shrink:0;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#0a4f3b;color:#fff;font-size:15px;font-weight:800}
:root[data-hareket=akici][data-tema=gun] .ak-geri-al button{background:#8be6c0;color:#062e22}
:root[data-hareket=akici] .ak-geri-al i{position:absolute;left:18px;right:18px;bottom:5px;height:3px;border-radius:3px;background:currentColor;opacity:.35;transform-origin:left;animation:t4-sure 5s linear forwards}
@keyframes t4-sure{to{transform:scaleX(0)}}
/* Bağlantı göstergesi (üst çubuk) */
:root[data-hareket=akici] .ak-baglanti{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:var(--t4-yesil-zemin);color:var(--t4-yesil-yazi);font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer;box-shadow:none}
:root[data-hareket=akici] .ak-baglanti[data-durum=gonderiliyor]{background:var(--t4-mavi-zemin);color:var(--t4-mavi-yazi)}
:root[data-hareket=akici] .ak-baglanti[data-durum=cevrimdisi]{background:var(--t4-turuncu-zemin);color:var(--t4-turuncu-yazi)}
:root[data-hareket=akici] .ak-baglanti-nokta{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:currentColor}
:root[data-hareket=akici] .ak-baglanti[data-durum=gonderiliyor] .ak-baglanti-nokta{width:12px;height:12px;flex-basis:12px;background:none;border:2px solid currentColor;border-right-color:transparent;animation:t4-don .8s linear infinite}
:root[data-hareket=akici] .ak-baglanti[data-durum=cevrimdisi] .ak-baglanti-nokta{border-radius:2px}
@keyframes t4-don{to{transform:rotate(1turn)}}
@media (max-width:700px){
 :root[data-hareket=akici] .ak-baglanti{padding:0 12px}
 :root[data-hareket=akici] .ak-baglanti[data-durum=cevrimdisi]{order:5;flex:1 1 100%;white-space:normal;text-align:left;padding:8px 14px;line-height:1.35}
}
/* Bekleyen kayıt penceresi */
:root[data-hareket=akici] .ak-kuyruk-pencere{position:fixed;right:16px;z-index:70;width:min(360px,calc(100vw - 32px));max-height:60dvh;overflow:auto;padding:10px 16px 14px;border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:var(--ak-halka),var(--ak-golge-yuksek)}
:root[data-hareket=akici] .ak-kp-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px}
:root[data-hareket=akici] .ak-kp-bas button{min-width:44px;min-height:44px;border-radius:999px;padding:0}
:root[data-hareket=akici] .ak-kuyruk-pencere ul{list-style:none;margin:6px 0 0;padding:0}
:root[data-hareket=akici] .ak-kuyruk-pencere li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--line);color:var(--t4-yesil-yazi)}
:root[data-hareket=akici] .ak-kuyruk-pencere li[data-ak-durum=inceleme]{color:var(--t4-turuncu-yazi)}
:root[data-hareket=akici] .ak-kuyruk-pencere li svg{margin-top:3px;flex:0 0 16px}
:root[data-hareket=akici] .ak-kuyruk-pencere li b{display:block;color:var(--ink);font-size:14px;overflow-wrap:anywhere}
:root[data-hareket=akici] .ak-kuyruk-pencere li small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
:root[data-hareket=akici] :is(.ak-kp-bos,.ak-kp-not){margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
@media (prefers-reduced-motion:reduce){
 :root[data-hareket=akici] .ak-geri-al i,:root[data-hareket=akici] .ak-baglanti .ak-baglanti-nokta{animation:none!important}
 :root[data-hareket=akici] .business-card.ak-geldi.list-item{transition:none}
}

/* MENÜ ÜSTTE — patron onayına bağlı (Deneme 4. tur): yönetici ekranında 1101px ve üstünde soldaki dikey menü,
   üst çubuğun altında yüzen yatay ada olur. Yalnız temel Akıcı'da (diğer diller kendi menülerini çizer).
   Geri dönüş: bu bölümü silmek yeterli. */
@media (min-width:1101px){
 :root[data-hareket=akici]:not([data-dil]) .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 :root[data-hareket=akici]:not([data-dil]) .shell>main{grid-column:1}
 :root[data-hareket=akici]:not([data-dil]) aside{position:sticky;top:96px;z-index:19;grid-column:1;justify-self:center;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:max-content;max-width:calc(100% - 32px);max-height:none;margin:14px auto 0;padding:6px;gap:2px;border-radius:999px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
 :root[data-hareket=akici]:not([data-dil]) aside::-webkit-scrollbar{display:none}
 :root[data-hareket=akici]:not([data-dil]) aside button{flex:0 0 auto;gap:8px;min-height:44px;padding:6px 13px 6px 6px;border-radius:999px;white-space:nowrap;font-size:13px}
 :root[data-hareket=akici]:not([data-dil]) aside .nav-num{width:30px;height:30px;border-radius:50%}
 :root[data-hareket=akici]:not([data-dil]) aside :is(small,footer){display:none}
 :root[data-hareket=akici]:not([data-dil]) aside .ak-gosterge{border-radius:999px}
 /* Gece: içerik altından kayarken menü yazıları okunur kalsın diye daha opak cam */
 :root[data-hareket=akici]:not([data-dil]):not([data-tema=gun]) aside{background:rgb(10 12 18/.9)}
}
/* MENÜ ÜSTTE SONU */

/* SAHA OKUNURLUK — patron onayına bağlı (Deneme 4. tur): saha rollerinde (görevli, gönüllü, iletişimci) güneş altında okunur metin.
   "Geldi" düğmesi en az 56 px; Gün'de gri yazılar ve "Bağlı" yeşili 7:1 üstü; Gece'de gri bir ton açık. Yalnız temel Akıcı'da. */
:root[data-hareket=akici]:not([data-dil]) body[data-role=clerk] .compact-business>button[data-confirm],
:root[data-hareket=akici]:not([data-dil]) body[data-role=clerk] .ak-durum{min-height:56px;font-size:16px}
:root[data-hareket=akici]:not([data-dil]) body[data-role=clerk] .compact-business>button[data-confirm]{min-width:116px;padding:0 26px}
:root[data-hareket=akici]:not([data-dil]) body[data-role=clerk] .ak-durum{font-size:14px}
:root[data-hareket=akici][data-tema=gun]:not([data-dil]) body:is([data-role=clerk],[data-role=volunteer],[data-role=communicator]){--u-soluk:#414753;--muted:#414753}
:root[data-hareket=akici][data-tema=gun]:not([data-dil]) body:is([data-role=clerk],[data-role=volunteer],[data-role=communicator]) .live{color:#0a4f3b;background:#e3f4ec}
:root[data-hareket=akici]:not([data-tema=gun]):not([data-dil]) body:is([data-role=clerk],[data-role=volunteer],[data-role=communicator]){--g-soluk:#a9b2c3;--muted:#a9b2c3}
/* SAHA OKUNURLUK SONU */

/* ===================================================================================================
   TUR 6 — SANDIK ONAY CİLASI (patron, 2026-10-25): bütün rol ekranları LIST admin Akıcı ile aynı aile.
   Yalnız görünüm: işlev, metin ve veri aynı. Eski mavi süsler kırmızı/nötr; anlam renkleri (mavi/turuncu/renksiz,
   geldi yeşili) aynı. Görevli renk görmez. Geri dönüş: bu bölümü silmek yeterli.
   =================================================================================================== */
/* Giriş kutuları en az 16 px (iPhone yakınlaştırmasın) */
:root[data-hareket=akici] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
/* Gönüllü performans çubuğu eski mavi (#3269db) yerine "olumlu gelen" yeşili */
:root[data-hareket=akici] .table-scroll>table:not(.business-table) .progress{--tone:#289a80!important}
/* Telefon bilgisi yoksa arama düğmesi gibi görünmesin: sade, nötr bilgi */
:root[data-hareket=akici] .call.phone-unavailable,:root[data-hareket=akici] .volunteer-card>.call.phone-unavailable{background:transparent!important;color:var(--muted)!important;border:1px dashed var(--line)!important;box-shadow:none!important;font-weight:650;cursor:default}
/* Rol düğmesindeki ok hizası */
:root[data-hareket=akici] .role-switch{display:inline-flex;align-items:center}
:root[data-hareket=akici] .role-chevron{display:inline-block;line-height:1;transform:translateY(-3px)}
/* Pencere başlığı kapat düğmesine yapışmasın */
:root[data-hareket=akici] .dialog-head{gap:12px}
:root[data-hareket=akici] .dialog-head h2{min-width:0;overflow-wrap:anywhere}
:root[data-hareket=akici] .dialog-head button[data-close]{flex:0 0 44px}
:root[data-hareket=akici] .row:has(>.result-count){margin-bottom:12px}
/* Masaüstü: komite kartları üç sütun (uzun sayfa kısalır) */
@media (min-width:1280px){:root[data-hareket=akici] .committee-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (max-width:700px){
 /* Üst ada: tek satır (yönetici), saha rollerinde ikinci satır tam genişlik rol seçici */
 :root[data-hareket=akici] .header{flex-wrap:wrap;row-gap:8px;column-gap:8px;padding:8px 8px 8px 10px}
 :root[data-hareket=akici] .header .brand{font-size:17px;gap:8px;min-width:0}
 :root[data-hareket=akici] .header .actions{gap:6px;flex-wrap:nowrap}
 :root[data-hareket=akici] .header .actions .user-name{display:none}
 :root[data-hareket=akici] .header:has(.role-switch) .actions{flex:1 1 100%}
 :root[data-hareket=akici] .header .role-switch{flex:1 1 auto;min-width:0;justify-content:flex-start}
 :root[data-hareket=akici] .header .role-switch .role-chevron{margin-left:auto}
 /* Araç çubuğu: arama + Ara aynı satır, seçimler ikili ızgara */
 :root[data-hareket=akici] .toolbar:not(.volunteer-search){display:flex;flex-wrap:wrap;gap:8px;padding:10px}
 :root[data-hareket=akici] .toolbar:not(.volunteer-search) input{flex:1 1 calc(100% - 110px);min-width:0}
 :root[data-hareket=akici] .toolbar:not(.volunteer-search)>button{flex:0 0 auto}
 :root[data-hareket=akici] .toolbar:not(.volunteer-search) select{flex:1 1 calc(50% - 4px);min-width:0;max-width:100%;text-overflow:ellipsis}
 :root[data-hareket=akici] .toolbar:not(.volunteer-search)>button[data-action=clear-filters]{flex:1 1 100%}
 /* Komite kartları: aynı bilgi, daha sıkı ritim */
 :root[data-hareket=akici] .committee{padding:16px}
 :root[data-hareket=akici] .committee h3{margin-bottom:4px}
 :root[data-hareket=akici] .committee .progress{margin:6px 0 10px}
 :root[data-hareket=akici] .committee .row{min-height:30px}
 :root[data-hareket=akici] .committee p{margin:6px 0}
 /* Gönüllü saha performansı → kart (başlıklar etiket olarak) */
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;padding:16px 2px;border-bottom:1px solid var(--line)}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) tbody tr:last-child{border-bottom:0}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) td{border:0;padding:0;font-size:15px;font-weight:700}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) td:is(:first-child,:nth-child(5),:nth-child(6)){grid-column:1/-1}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) td:first-child small{font-weight:500}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) td:is(:nth-child(2),:nth-child(3),:nth-child(4))::before{display:block;margin-bottom:2px;font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--muted)}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) td:nth-child(2)::before{content:"ATANAN OLUMLU"}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) td:nth-child(3)::before{content:"GELEN"}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) td:nth-child(4)::before{content:"BEKLENEN"}
 :root[data-hareket=akici] .table-scroll>table:not(.business-table) td:nth-child(6) button{width:100%}
}
@media (max-width:430px){
 /* Yöneticinin tek rol rozeti telefonda gizli: aynı bilgi başlıkta "YÖNETİCİ ALANI" olarak duruyor */
 :root[data-hareket=akici] body[data-role=admin] .header .actions>.badge{display:none}
}
/* Bekleme göstergeleri: bildirimde ve kaydedilen pencerede döner ince halka + akan çizgi (hareketi azalt: durağan) */
:root[data-hareket=akici] #toast.ak-bekliyor{display:flex;align-items:center;gap:10px}
:root[data-hareket=akici] #toast.ak-bekliyor::before{content:"";flex:0 0 16px;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;opacity:.85;animation:t4-don .8s linear infinite}
:root[data-hareket=akici] dialog[aria-busy=true]::after{position:sticky;bottom:0;text-align:center;font-weight:750;letter-spacing:.02em;background-image:linear-gradient(90deg,transparent,color-mix(in oklab,var(--accent) 22%,transparent),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:ak-akis 1.1s ease-in-out infinite}
@keyframes ak-akis{from{background-position:-60% 0}to{background-position:160% 0}}
@media (prefers-reduced-motion:reduce){:root[data-hareket=akici] #toast.ak-bekliyor::before,:root[data-hareket=akici] dialog[aria-busy=true]::after{animation:none}}
@media (max-width:900px){
 /* İşletmeler tablosu → kart satırları (yatay kaydırma yok) */
 :root[data-hareket=akici] .table-scroll:has(>.business-table){overflow:visible}
 :root[data-hareket=akici] .business-table thead,:root[data-hareket=akici] .table-scroll>table:not(.business-table) thead:where(.yok){display:none}
 :root[data-hareket=akici] .business-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:14px 6px;border-bottom:1px solid var(--line)}
 :root[data-hareket=akici] .business-table tbody tr:last-child{border-bottom:0}
 :root[data-hareket=akici] .business-table td{border:0;padding:0;font-size:13px}
 :root[data-hareket=akici] .business-table td:first-child{flex:1 1 calc(100% - 130px);min-width:0}
 :root[data-hareket=akici] .business-table td:is(:nth-child(2),:nth-child(3),:nth-child(4)){order:2}
 :root[data-hareket=akici] .business-table td:nth-child(2){color:var(--muted);font-weight:650}
 :root[data-hareket=akici] .business-table td:last-child{order:1;margin-left:auto}
 :root[data-hareket=akici] .business-table td:last-child button{min-width:96px}
 :root[data-hareket=akici] .business-table .business-name{font-size:16px}
}
@media (max-width:700px){:root[data-hareket=akici] .table-scroll{overflow:visible}:root[data-hareket=akici] .table-scroll>table:not(.business-table) thead{display:none}}
/* TUR 6 SONU */

/* ===================================================================================================
   SANDIK AÇILIŞ — Deneme 6. tur (LIST onaylı açılış "v1"in Sandık karşılığı). Toplam ≤2,5 sn (1,95 sn sahne + 0,4 sn çıkış).
   "4" beyaz ışık, "S" marka kırmızısı ışık; arka ışıklar kırmızı + beyaz (eski mavi yok). Yalnız transform/opacity/filter canlanır.
   "Hareketi azalt" açıkken akici.js hiç kurmaz. Geri dönüş: bu bölümü ve akici.js'deki aynı adlı bölümü silmek yeterli.
   =================================================================================================== */
:root.ak-giris-oynuyor,:root.ak-giris-oynuyor body{background:#000!important}
.ak-giris{--kirmizi:#dc1730;position:fixed;inset:0;z-index:2147483000;background:#000;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#fff;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;pointer-events:auto}
.ak-giris-aurora{position:absolute;inset:-20%;filter:blur(80px);opacity:0;animation:akg-aurora 900ms ease-out forwards}
.ak-giris-aurora i{position:absolute;width:46vmax;height:46vmax;border-radius:50%;mix-blend-mode:screen}
.ak-giris-aurora i:nth-child(1){left:12%;top:28%;background:radial-gradient(circle,rgb(220 23 48/.6),transparent 65%);animation:akg-suzul-1 4s ease-in-out infinite alternate}
.ak-giris-aurora i:nth-child(2){right:8%;top:14%;background:radial-gradient(circle,rgb(255 255 255/.14),transparent 65%);animation:akg-suzul-2 5s ease-in-out infinite alternate}
.ak-giris-aurora i:nth-child(3){left:42%;bottom:4%;background:radial-gradient(circle,rgb(255 70 95/.22),transparent 65%);animation:akg-suzul-1 6s ease-in-out infinite alternate-reverse}
.ak-giris-sahne{position:relative;display:grid;justify-items:center;gap:18px;text-align:center;animation:akg-sahne-cik 500ms cubic-bezier(0.7,0,0.2,1) 1650ms forwards}
.ak-giris-amblem{position:relative;display:grid;place-items:center;width:clamp(170px,34vmin,300px);aspect-ratio:1}
.ak-giris-isaret{display:flex;align-items:baseline;font-weight:800;font-size:clamp(110px,22vmin,220px);letter-spacing:-.08em;line-height:1;opacity:0;filter:blur(30px);transform:scale(1.4);animation:akg-amblem 850ms cubic-bezier(0.05,0.7,0.1,1) 150ms forwards}
.ak-giris-4{color:#fff;text-shadow:0 0 18px rgb(255 255 255/.55),0 0 60px rgb(255 255 255/.25)}
.ak-giris-s{color:var(--kirmizi);text-shadow:0 0 16px rgb(220 23 48/.9),0 0 50px rgb(220 23 48/.7),0 0 120px rgb(220 23 48/.45);animation:akg-nabiz 700ms ease-in-out 850ms 1}
.ak-giris-halka{position:absolute;inset:-6%;border-radius:50%;opacity:0;background:conic-gradient(from 0deg,transparent 0 62%,rgb(255 255 255/0) 64%,rgb(255 255 255/.9) 78%,rgb(220 23 48/.9) 86%,transparent 92%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 10px rgb(255 255 255/.6));animation:akg-halka 1300ms cubic-bezier(0.4,0,0.2,1) 400ms forwards}
.ak-giris-kelime{display:flex;gap:.16em;font-size:clamp(22px,4vmin,34px);font-weight:600;letter-spacing:.42em;margin-right:-.42em;color:#f3f4f7}
.ak-giris-kelime span{display:inline-block;opacity:0;filter:blur(12px);transform:translateY(12px);text-shadow:0 0 22px rgb(255 120 135/.45);animation:akg-harf 500ms cubic-bezier(0.05,0.7,0.1,1) calc(750ms + var(--i) * 60ms) forwards}
.ak-giris-sahne::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-30%;width:30%;background:linear-gradient(100deg,transparent,rgb(255 255 255/.24) 50%,transparent);mix-blend-mode:screen;filter:blur(6px);opacity:0;transform:skewX(-14deg);animation:akg-supur 600ms ease-in-out 1200ms forwards;pointer-events:none}
/* Aydınlık uygulamaya açılış: Gün zemini rengindeki ışık (beyaz flaş değil, sıcak açık ton) */
.ak-giris-isik{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#f6f5f2 0,#f6f5f2 22%,rgb(246 245 242/0) 62%);opacity:0;transform:scale(.2);animation:akg-isik 450ms cubic-bezier(0.7,0,0.2,1) 1700ms forwards}
:root[data-tema=gece] .ak-giris-isik{background:radial-gradient(circle at 50% 50%,#1a1d26 0,#1a1d26 22%,rgb(26 29 38/0) 62%)}
.ak-giris-bitir{animation:akg-solar 400ms cubic-bezier(0.2,0,0,1) forwards;pointer-events:none}
.ak-giris-bitir .ak-giris-isik{animation:none;opacity:1;transform:scale(3)}
.ak-giris-bitir .ak-giris-sahne{animation:none;opacity:0}
@keyframes akg-aurora{to{opacity:1}}
@keyframes akg-suzul-1{to{transform:translate(6vmax,-5vmax) scale(1.12)}}
@keyframes akg-suzul-2{to{transform:translate(-8vmax,6vmax) scale(.92)}}
@keyframes akg-amblem{60%{filter:blur(3px)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes akg-nabiz{50%{filter:brightness(1.7) drop-shadow(0 0 30px rgb(220 23 48/.9))}}
@keyframes akg-halka{0%{opacity:0;transform:rotate(-90deg) scale(.85)}20%{opacity:1}80%{opacity:.9}100%{opacity:0;transform:rotate(270deg) scale(1.08)}}
@keyframes akg-harf{to{opacity:1;filter:blur(0);transform:none}}
@keyframes akg-supur{0%{opacity:0;transform:translateX(0) skewX(-14deg)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(560%) skewX(-14deg)}}
@keyframes akg-isik{to{opacity:1;transform:scale(3)}}
@keyframes akg-sahne-cik{to{transform:scale(1.2);filter:blur(18px) brightness(2);opacity:.15}}
@keyframes akg-solar{to{opacity:0;visibility:hidden}}
/* Uygulama, açılış biterken bulanıktan netleşir */
:root[data-hareket=akici] #app{transition:filter 700ms cubic-bezier(0.05,0.7,0.1,1),transform 700ms cubic-bezier(0.05,0.7,0.1,1)}
:root.ak-giris-oynuyor #app{filter:blur(14px);transform:scale(1.03)}
/* Hata taraması 27 Ekim (O11): açılışta büyütülmüş #app sayfayı 1–22 px yana kaydırabiliyordu. Sayfa düzeyinde yatay taşma kırpılır
   (hiçbir ekran sayfa düzeyinde yatay kaydırmaya dayanmıyor; geniş tablolar kendi kutusunda kayar). */
:root[data-hareket=akici],:root[data-hareket=akici] body{overflow-x:clip}
@media (prefers-reduced-motion:reduce){.ak-giris{display:none!important}:root.ak-giris-oynuyor #app{filter:none;transform:none}}
/* SANDIK AÇILIŞ SONU */

/* ===================================================================================================
   TUR 6 v2 — patron geri bildirimi (2026-10-25, LIST ile aynı): giriş yalnız koyu ve tek parça sıcak ton,
   yumuşak birincil düğme dili, sert siyah/kırmızı bloklar yerine zarif seçili gösterge, komite şeridi,
   geniş liste sınırı, olumsuz anlam rengi vişne. Tema renkleri gun.css / gece.css sonundaki "v2" bölümlerinde.
   =================================================================================================== */
/* Giriş ekranında tema düğmesi yok (yalnız koyu) */
:root[data-hareket=akici] body:not([data-role]) [data-action=theme]{display:none!important}
/* Giriş sahnesi: tek parça koyu sıcak ton; kırmızı yalnız yumuşak ışık */
:root[data-hareket=akici] body:not([data-role]){--paper:#15100f;--bg:#0d0a0a;--soft:#1c1615;background:#0d0a0a}
:root.ak-giris-oynuyor body:not([data-role]){background:#000}
:root[data-hareket=akici] body:not([data-role])::before{inset:-15%;filter:blur(90px);background:radial-gradient(55vmax 40vmax at 50% -6%,rgb(220 23 48/.16),transparent 70%),radial-gradient(40vmax 34vmax at 50% 108%,rgb(255 214 196/.06),transparent 70%)}
:root[data-hareket=akici] body:not([data-role]) .login .card{background:linear-gradient(180deg,rgb(255 244 238/.06),rgb(255 244 238/.03));box-shadow:0 0 0 1px rgb(255 236 228/.10),0 40px 90px -40px rgb(0 0 0/.9)}
:root[data-hareket=akici] body:not([data-role]) .login input{background:rgb(255 244 238/.05);border-color:rgb(255 236 228/.14)}
:root[data-hareket=akici] body:not([data-role]) .login :is(.demo,.login-roles span){background:rgb(255 244 238/.04);box-shadow:inset 0 0 0 1px rgb(255 236 228/.09)}
:root[data-hareket=akici] body:not([data-role]) .login-tag strong{background:linear-gradient(100deg,#fff 30%,#ffc9cf);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-hareket=akici] body:not([data-role]) .banner b{color:#e8c9cc}
/* Birincil düğme: hap, yumuşak dolgu + ince kırmızı parıltı (renkler temada) */
:root[data-hareket=akici] :is(.primary,.volunteer-search button){border:0;border-radius:999px;font-weight:750;letter-spacing:.005em;transition:filter .2s,box-shadow .2s,transform .15s}
:root[data-hareket=akici] :is(.primary,.volunteer-search button):hover:not(:disabled){filter:brightness(1.08)}
/* Komite kartları telefonda yatay kaydırılan şerit (sayfa kısalır, kartın bilgisi aynı) */
@media (max-width:700px){
 :root[data-hareket=akici] .committee-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 14px;scroll-padding-inline:20px;scrollbar-width:thin;align-items:start}
 :root[data-hareket=akici] .committee-grid>.committee{scroll-snap-align:start}
}
/* Masaüstü: ana sayfadaki olumlu işletme listesi iki sütun */
@media (min-width:1101px){
 :root[data-hareket=akici] section.card:has(>.business-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;align-items:start}
 :root[data-hareket=akici] section.card:has(>.business-card)>:not(.business-card){grid-column:1/-1}
}
/* Olumsuz anlam rengi (vişne) — değişkenle; marka kırmızısı aynı */
:root[data-hareket=akici] .danger{color:var(--ak-olumsuz)!important}
:root[data-hareket=akici] :is(.notice.error,.error){color:var(--ak-olumsuz)!important;background:var(--ak-olumsuz-zemin)!important;box-shadow:inset 0 0 0 1px var(--ak-olumsuz-cizgi)!important}
:root[data-hareket=akici] #toast[style*="138, 60, 60"]{background:var(--ak-olumsuz-dolgu)!important;color:var(--ak-olumsuz-dolgu-yazi)!important}
/* Genel sandık katılımı kartı: mor yerine marka kırmızısı (iki temada; renk app.js satır içi --tone ile geliyor) */
:root[data-hareket=akici] :is(.stat,.progress)[style*="#8d76bf"]{--tone:var(--accent)!important}
:root[data-hareket=akici] .stat[style*="#8d76bf"] b[style*="#8d76bf"]{color:var(--accent)!important}
/* Telefonda (≤767px) üst çubuk sayfa kayınca sabit kalır (bağlantı göstergesi hep görünür). Sticky: akışta yerini korur,
   içerik altına girmez; pencereler (dialog) üst katmanda olduğu için çakışmaz. Çentik için safe-area. Hareket yok. */
@media (max-width:767px){
 :root[data-hareket=akici] body[data-role] .header{position:sticky;top:calc(6px + env(safe-area-inset-top));z-index:30;margin-top:calc(4px + env(safe-area-inset-top))}
 :root[data-hareket=akici][data-tema=gun] body[data-role] .header{background:rgb(248 247 244/.98)}
 :root[data-hareket=akici]:not([data-tema=gun]) body[data-role] .header{background:rgb(10 11 16/.96)}
 /* Çubuğun üstündeki boşlukta (ve çentikte) kayan içerik görünmesin: zemin renginde ince şerit */
 :root[data-hareket=akici] body[data-role] .header::before{content:"";position:absolute;left:-16px;right:-16px;top:calc(-8px - env(safe-area-inset-top));height:calc(8px + env(safe-area-inset-top));background:var(--bg);pointer-events:none}
 /* Yönetici menüsü: sayfa kaydırılmışken de sabit çubuğun hemen altında açılır */
 :root[data-hareket=akici] body[data-role] aside.open{z-index:31;position:fixed;background:var(--paper)!important;top:calc(78px + env(safe-area-inset-top));max-height:calc(100dvh - 96px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}
}
@media (max-width:700px){:root[data-hareket=akici] body[data-role] .header::before{left:-10px;right:-10px}}
/* TUR 6 v2 SONU */
/* CANLI (26 Ekim): görevli satırındaki küçük liste rengi işareti, saha duyurusu, referans notu */
.renk-isaret{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:8px;vertical-align:-1px;background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.75}
.renk-isaret.blue{background:#3f7be0;box-shadow:none;opacity:1}
.renk-isaret.orange{background:#e8892f;box-shadow:none;opacity:1}
.renk-isaret.yellow{background:#d9bf3c;box-shadow:none;opacity:1}
:root[data-hareket=akici] .notice.duyuru{margin:0 0 12px}
:root[data-hareket=akici] .notice.duyuru strong{color:var(--ak-vurgu,inherit)}
.referans-not{display:block;flex-basis:100%;order:3;margin:4px 0 6px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}

/* Patron 26 Ekim 2026 — yönetici telefon menüsünde sağ üstte X (44 px); masaüstünde görünmez. */
.aside-kapat{display:none}
@media (max-width:700px){
 :root[data-hareket=akici] body[data-role] aside.open{padding-top:56px!important}
 :root[data-hareket=akici] body[data-role] aside.open>.aside-kapat{display:grid;place-items:center;position:absolute;top:8px;right:8px;width:44px;height:44px;padding:0;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:18px;line-height:1;cursor:pointer}
}

/* Patron 27 Ekim 2026 — dar telefonda (≤414 px) tek rollü gönüllü/iletişimcinin üst çubuğu tek satır kalır:
   marka biraz küçülür, "?" ve ◐ 40 px ikon düğme (yükseklik 44 px); ≤380 px'te yalnız logo. */
@media (max-width:414px){
 :root[data-hareket=akici] body[data-role] .header:not(:has(.role-switch)):not(:has(.ak-baglanti)){flex-wrap:nowrap;column-gap:6px}
 :root[data-hareket=akici] body[data-role] .header:not(:has(.role-switch)):not(:has(.ak-baglanti)) .brand{font-size:15px;gap:6px;flex:0 1 auto;min-width:0;white-space:nowrap}
 :root[data-hareket=akici] body[data-role] .header:not(:has(.role-switch)):not(:has(.ak-baglanti)) .mark{width:30px;height:30px;flex:none}
 :root[data-hareket=akici] body[data-role] .header:not(:has(.role-switch)):not(:has(.ak-baglanti)) .actions{flex:0 0 auto;width:auto;margin-left:auto;gap:4px}
 :root[data-hareket=akici] body[data-role] .header:not(:has(.role-switch)):not(:has(.ak-baglanti)) .actions>.badge{padding:0 10px;white-space:nowrap}
 :root[data-hareket=akici] body[data-role] .header:not(:has(.role-switch)):not(:has(.ak-baglanti)) .actions>button{padding-left:10px;padding-right:10px}
 :root[data-hareket=akici] body[data-role] .header:not(:has(.role-switch)):not(:has(.ak-baglanti)) .actions>button[data-action=theme]{min-width:40px;width:40px;padding:0}
}
@media (max-width:380px){
 :root[data-hareket=akici] body[data-role] .header:not(:has(.role-switch)):not(:has(.ak-baglanti)) .brand{font-size:0;gap:0}
}
/* Gönüllü kartı: "Atanan: …" kesilmez (13 px yazıyla iki sütunda üç noktaya düşüyordu), gerekirse iki satıra iner. */
:root[data-hareket=akici] .assignment-strip>span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35;padding:6px 0}