/* ============================================================
   ANKAMEDIA PANEL — panel.css
   ============================================================
   Tanıtım sitesinden OLDUĞU GİBİ devralınan katman aşağıda: fontlar,
   :root token bloğu, açık tema, sıfırlama, tipografi, .btn ailesi,
   .sr-only/.skip. İki uygulama ayrı origin'de duruyor ama aynı markanın
   parçası; tokenları ikiye ayırmak ilk renk değişiminde ikisini birbirinden
   koparırdı.

   DEVRALINMAYANLAR ve sebepleri:
     hero bloğu          — panelde hero yok
     .reveal animasyonu  — iç araçta her kaydırmada animasyon yorucudur
     harf-harf başlık    — aynı sebep
     çerez bandı         — panelde yalnızca zorunlu oturum çerezi var
     .field bloğu        — sabit rgba(255,255,255,…) renkleri açık temada
                           okunmuyordu; iki fikri (select oku, aria-invalid)
                           aşağıda token'lı olarak yeniden yazıldı
   ============================================================ */

/* ============================================================
   FONTLAR — self-host (Google Fonts'a istek gitmez)
   Yalnızca kullanılan ağırlıklar ve Türkçe için gereken alt kümeler:
   Outfit 500/600/700, Work Sans 400/500 — latin + latin-ext.
   ş ğ İ gibi harfler latin-ext alt kümesinde; o yüzden ikisi de var.
   font-display:swap → yazı fontu beklemeden görünür.
   ============================================================ */
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/outfit-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/outfit-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/outfit-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/outfit-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/outfit-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/outfit-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/outfit-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/outfit-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/work-sans-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/work-sans-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/work-sans-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/work-sans-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/work-sans-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/work-sans-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  /* Surfaces — OLED dark scale */
  --bg:        #0A0A0B;
  --surface-1: #121214;
  --surface-2: #1A1A1E;
  --surface-3: #232329;
  --border:    #26262C;
  --border-hi: #35353D;

  /* Text — AAA/AA doğrulanmış */
  --text:      #F5F5F7;   /* 18.4:1 on --bg */
  --text-mid:  #B4B4BE;   /* 9.1:1  on --bg */
  --text-dim:  #83838F;   /* 5.0:1  on --bg */

  /* Brand */
  --red:       #E5484D;
  --red-hi:    #F2696D;   /* 6.6:1 on --bg — küçük metin için */
  --red-deep:  #C81E2B;   /* 5.7:1 beyaz üstünde */
  --red-glow:  rgba(229,72,77,.18);
  --red-hover: #E13340;   /* .btn-primary hover */
  --red-soft:  #FF8085;   /* bağlantı hover */

  /* Temaya göre değişen yüzeyler — açık temada aşağıda yeniden tanımlanır */
  --nav-bg:      rgba(14,14,16,.72);
  --nav-bg-2:    rgba(10,10,11,.92);
  --menu-bg:     rgba(14,14,16,.96);
  --grid-line:   rgba(255,255,255,.028);
  --backdrop:    rgba(5,5,6,.84);
  --float-golge: none;

  /* Ölçek */
  --maxw: 1200px;
  --r-sm: 10px;
  --r:    16px;
  --r-lg: 24px;
  --pad:  clamp(1.25rem, 4vw, 2.5rem);

  /* z-index skalası */
  --z-base: 1; --z-sticky: 20; --z-nav: 30; --z-modal: 50;

  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ============================================================
   AÇIK TEMA
   data-theme özniteliği <head>'deki betikle sayfa boyanmadan önce
   yazılır: kayıtlı tercih yoksa işletim sistemi ayarı kullanılır.
   Kontrastlar beyaz zemine göre doğrulandı:
     --text 17.4:1 · --text-mid 8.9:1 · --text-dim 5.3:1 · --red-hi 7.1:1
   ============================================================ */
:root[data-theme="light"]{
  --bg:        #FBFBFC;
  --surface-1: #F4F4F6;
  --surface-2: #EAEAEE;
  --surface-3: #DFDFE6;
  --border:    #E3E3E9;
  --border-hi: #CBCBD5;

  --text:      #111114;
  --text-mid:  #4A4A56;
  --text-dim:  #6B6B78;

  --red:       #C81E2B;
  --red-hi:    #B0121F;   /* küçük metin için — beyazda 7.1:1 */
  --red-deep:  #C81E2B;   /* beyaz yazıyla buton zemini — 5.7:1 */
  --red-hover: #A8101C;
  --red-soft:  #8C0D17;
  --red-glow:  rgba(200,30,43,.13);

  /* Ana sayfada nav, koyu hero fotoğrafının üstünde duruyor: açık temada
     yarı saydamlık düşük kalırsa menü yazıları griye düşüyordu (AA altı).
     Opaklık kaydırılmış hâle yaklaştırıldı; koyu temada değişiklik yok. */
  --nav-bg:      rgba(255,255,255,.93);
  --nav-bg-2:    rgba(255,255,255,.94);
  --menu-bg:     rgba(255,255,255,.97);
  --grid-line:   rgba(16,16,20,.05);
  --backdrop:    rgba(18,18,22,.58);
  /* Açık zeminde yalnız çerçeve yetersiz kalıyor; yüzen öğelere hafif gölge */
  --float-golge: 0 6px 26px rgba(16,16,20,.09);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem}
/* Yumuşak kaydırma yalnızca hareket tercihi engel değilse tanımlanır.
   Daha önce global tanımlanıp reduced-motion bloğunda !important ile geri
   alınıyordu; kural sırasına bağlı kalmasın diye baştan koşula bağlandı. */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:17px;          /* ≥16px mobil okunabilirlik */
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;       /* yatay kaydırma yok */
}
h1,h2,h3,h4{
  font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-weight:600;line-height:1.12;letter-spacing:-.025em;margin:0;
  text-wrap:balance;
}
p{margin:0;max-width:68ch}   /* 65-75 karakter satır uzunluğu */
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
svg{flex-shrink:0}

/* Klavye kullanıcıları için görünür odak — fare tıklamasında değil */
:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px;border-radius:4px}
:focus:not(:focus-visible){outline:none}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:1rem;top:-100px;z-index:var(--z-modal);background:var(--red-deep);color:#fff;padding:.75rem 1.25rem;border-radius:var(--r-sm);transition:top .2s var(--ease)}
.skip:focus{top:1rem}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.eyebrow{
  font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--red-hi);margin:0 0 1rem
}
.lead{color:var(--text-mid);font-size:clamp(1.02rem,1.6vw,1.15rem)}

/* ---------- Butonlar — min 44px dokunma alanı ----------
   Panelde .btn yükseklikleri biraz düşürüldü: tanıtım sitesinde buton sayfada
   birkaç tane, burada her satırda var. */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:52px;padding:0 1.5rem;border-radius:999px;border:1px solid transparent;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;
  cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease);
}
.btn-primary{background:var(--red-deep);color:#fff}
.btn-primary:hover{background:var(--red-hover)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-hi)}
.btn-ghost:hover{background:var(--surface-2);border-color:#4A4A55}
.btn-light{background:#fff;color:#1A0507}
.btn-light:hover{background:#F0E7E8}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff}



/* ============================================================
   PANEL — kabuk ve kenar çubuğu
   ============================================================ */
body{font-size:16px}

.p-kabuk{min-height:100vh;min-height:100svh}
@media (min-width:960px){
  .p-kabuk{display:grid;grid-template-columns:240px 1fr}
}

.p-yan{
  display:flex;flex-wrap:wrap;align-items:center;gap:1rem;
  padding:.9rem var(--pad);
  background:var(--surface-1);border-bottom:1px solid var(--border);
}
@media (min-width:960px){
  .p-yan{
    position:sticky;top:0;align-self:start;height:100vh;height:100svh;
    flex-direction:column;align-items:stretch;gap:1.5rem;
    padding:1.75rem 1.25rem;
    border-bottom:none;border-right:1px solid var(--border);
  }
}

.p-marka{display:flex;align-items:baseline;gap:.45rem;font-family:'Outfit',sans-serif}
.p-marka-ad{font-weight:700;font-size:1.05rem;letter-spacing:-.02em}
.p-marka-alt{font-size:.78rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--red-hi)}

/* Dar ekranda menü KENDİ SATIRINA iner. Yan yana sıkıştırıp yatay kaydırmaya
   bırakmak telefonda "Yeni aday"ı görünmez yapıyordu: kaydırılabildiğine dair
   hiçbir işaret yok, kullanıcı o maddelerin olmadığını sanıyor. */
.p-menu{
  display:flex;gap:.25rem;order:3;flex:1 0 100%;
  overflow-x:auto;scrollbar-width:none;
  margin:.15rem -.35rem -.35rem;padding:0 .35rem .35rem;
}
.p-menu::-webkit-scrollbar{display:none}
@media (min-width:960px){
  .p-menu{flex-direction:column;flex:1 0 auto;order:0;overflow:visible;margin:0;padding:0}
}
.p-menu a{
  display:flex;align-items:center;gap:.5rem;white-space:nowrap;
  min-height:44px;padding:0 .9rem;border-radius:var(--r-sm);
  font-family:'Outfit',sans-serif;font-weight:500;font-size:.95rem;
  color:var(--text-mid);
  transition:background-color .18s var(--ease),color .18s var(--ease);
}
.p-menu a:hover{background:var(--surface-2);color:var(--text)}
.p-menu a[aria-current="page"]{background:var(--surface-3);color:var(--text);font-weight:600}
.p-sayac{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:22px;padding:0 .35rem;border-radius:999px;
  background:var(--red-deep);color:#fff;font-size:.75rem;font-weight:600;
  font-variant-numeric:tabular-nums;
}

.p-yan-alt{display:flex;align-items:center;gap:.75rem;margin-left:auto}
@media (min-width:960px){
  .p-yan-alt{flex-wrap:wrap;margin-left:0;padding-top:1rem;border-top:1px solid var(--border)}
}
.p-kisi{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.p-kisi-ad{font-family:'Outfit',sans-serif;font-weight:600;font-size:.9rem;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-kisi-rol{font-size:.76rem;color:var(--text-dim)}
.p-cikis-form{margin:0}
.p-metin-btn{
  background:none;border:none;padding:.5rem .25rem;min-height:44px;
  color:var(--text-dim);font-size:.88rem;text-decoration:underline;
  text-underline-offset:3px;
}
.p-metin-btn:hover{color:var(--red-hi)}
.p-ikon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:999px;
  background:var(--surface-2);border:1px solid var(--border);color:var(--text-mid);
}
.p-ikon-btn:hover{border-color:var(--border-hi);color:var(--text)}

.p-icerik{padding:clamp(1.25rem,3vw,2.25rem) var(--pad);max-width:1280px;width:100%}

/* ---------- Sayfa başlığı ---------- */
.p-baslik{
  display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;
  margin-bottom:1.5rem;
}
.p-baslik h1{font-size:clamp(1.4rem,3vw,1.85rem);margin-right:auto}
.p-alt-bilgi{color:var(--text-dim);font-size:.9rem}

/* ---------- Bildirim ---------- */
.p-bildirim{
  padding:.85rem 1.1rem;border-radius:var(--r-sm);margin:0 0 1.25rem;
  border:1px solid var(--border-hi);background:var(--surface-2);
  font-size:.94rem;max-width:none;
}
.p-bildirim-iyi{border-color:var(--border-hi)}
.p-bildirim-hata{border-color:var(--red);background:var(--red-glow);color:var(--text)}

/* ============================================================
   TABLO
   Gerçek <table> kullanılıyor: <th scope="col"> ekran okuyucu için şart.
   768px altında karta dönüşür, bozulan semantik role="" ile geri konur.
   ============================================================ */
.p-tablo-sarmal{
  border:1px solid var(--border);border-radius:var(--r);
  background:var(--surface-1);overflow:hidden;
}
.p-tablo{width:100%;border-collapse:collapse;font-size:.93rem}
.p-tablo th,.p-tablo td{padding:.85rem 1rem;text-align:left;vertical-align:top}
.p-tablo thead th{
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.82rem;
  letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);
  background:var(--surface-2);border-bottom:1px solid var(--border);
  white-space:nowrap;
}
.p-tablo tbody tr{border-bottom:1px solid var(--border)}
.p-tablo tbody tr:last-child{border-bottom:none}
.p-tablo tbody tr:hover{background:var(--surface-2)}
.p-tablo .p-sayi{font-variant-numeric:tabular-nums;white-space:nowrap}
.p-tablo .p-ad{font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem}
.p-tablo .p-ad a:hover{color:var(--red-hi);text-decoration:underline;text-underline-offset:3px}
.p-tablo .p-ikincil{color:var(--text-dim);font-size:.86rem}
.p-sonek{color:var(--text-dim);font-size:.85em}

/* Kolon önceliği: dar ekranda önce ikincil bilgiler düşer */
@media (max-width:1180px){ .p-tablo [data-oncelik="3"]{display:none} }
@media (max-width:1024px){ .p-tablo [data-oncelik="2"]{display:none} }

@media (max-width:768px){
  .p-tablo-sarmal{border:none;background:none;border-radius:0}
  .p-tablo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .p-tablo,.p-tablo tbody,.p-tablo tr,.p-tablo td{display:block;width:100%}
  .p-tablo tr{
    background:var(--surface-1);border:1px solid var(--border);
    border-radius:var(--r);margin-bottom:.85rem;padding:.35rem .25rem;
  }
  .p-tablo tbody tr:hover{background:var(--surface-1)}
  .p-tablo td{display:flex;gap:1rem;padding:.5rem .95rem;border:none}
  .p-tablo td::before{
    content:attr(data-etiket);flex:0 0 7.5rem;
    font-family:'Outfit',sans-serif;font-weight:600;font-size:.8rem;
    letter-spacing:.03em;text-transform:uppercase;color:var(--text-dim);
    padding-top:.15rem;
  }
  .p-tablo td[data-etiket=""]::before{display:none}
  .p-tablo [data-oncelik]{display:flex}
  /* Boş hücre karta dönüşünce "ÖNCELİK —" diye bir satır üretiyordu:
     masaüstünde tabloyu hizalı tutan tire, kartta gürültü. */
  .p-tablo .p-bos-hucre{display:none}

  /* Hücre flex olduğu için rozet, yanındaki uzun açıklama tarafından
     eziliyordu: hap biçimindeki rozet daireye dönüşüp yazısı taşıyordu.
     Rozet küçülmez; açıklama kendi satırına iner. */
  .p-tablo td{flex-wrap:wrap}
  .p-tablo td .p-rozet,.p-tablo td .p-curuk{flex:0 0 auto}
  .p-tablo td .p-alan-hata,.p-tablo td .p-alan-ipucu{flex:1 1 100%;max-width:none}
}

/* ---------- Durum rozetleri ----------
   Renk TEK BAŞINA anlam taşımaz: her rozette metin yazılı. Renk körlüğü
   olan bir kullanıcı için rozet yine de okunur. */
.p-rozet{
  display:inline-block;flex:0 0 auto;padding:.22rem .6rem;border-radius:999px;
  background:var(--surface-3);border:1px solid var(--border);
  font-size:.79rem;font-weight:500;color:var(--text-mid);white-space:nowrap;
}
.p-rozet-yeni{border-color:var(--border-hi);color:var(--text)}
.p-rozet-teklif{border-color:var(--red);color:var(--red-hi);background:var(--red-glow)}
.p-rozet-kazanildi{border-color:#2E7D52;color:#5FBF8C;background:rgba(46,125,82,.14)}
.p-rozet-kaybedildi,.p-rozet-ilgisiz{color:var(--text-dim)}
:root[data-theme="light"] .p-rozet-kazanildi{border-color:#1E6B42;color:#14603A;background:rgba(30,107,66,.10)}

.p-curuk{
  display:inline-block;margin-left:.4rem;padding:.15rem .5rem;border-radius:999px;
  background:var(--surface-3);border:1px dashed var(--border-hi);
  font-size:.74rem;color:var(--text-dim);
}

/* ============================================================
   MÜKERRER EKRANI
   Ekranın işi "hayır" demek değil, satışçının NE YAPACAĞINI göstermek.
   Kart dört şeyi söylemek zorunda: firma, sahibi, son temas, aşama.
   ============================================================ */
.p-mukerrer{
  border:1px solid var(--red);border-radius:var(--r);
  background:var(--red-glow);padding:1.25rem;margin-bottom:1.5rem;
}
.p-mukerrer-uyari{border-color:var(--border-hi);background:var(--surface-2)}
.p-mukerrer > h2{font-size:1.15rem;margin-bottom:.35rem}
.p-mukerrer > p{color:var(--text-mid);font-size:.94rem;margin-bottom:1rem}

.p-kart{
  background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);
  padding:1.1rem;margin-bottom:.85rem;
}
.p-kart:last-child{margin-bottom:0}
.p-kart-bas{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin-bottom:.6rem}
.p-kart-bas h3{font-size:1.05rem}
.p-kart-sebep{
  font-size:.85rem;color:var(--text-mid);margin-bottom:.85rem;
  padding-left:.7rem;border-left:2px solid var(--red);
}
.p-kart-bilgi{
  display:grid;gap:.5rem 1.5rem;margin-bottom:.9rem;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  font-size:.9rem;
}
.p-kart-bilgi dt{color:var(--text-dim);font-size:.78rem;letter-spacing:.03em;
  text-transform:uppercase;font-family:'Outfit',sans-serif;font-weight:600}
.p-kart-bilgi dd{margin:0;color:var(--text)}
.p-kart-eylem{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}

/* ============================================================
   FORM
   Temel .sh-alan'dan geliyor (token tabanlı ve canlı). Eksik olan iki şey
   eklendi: select stili ve alan-içi hata durumu.
   ============================================================ */
.p-form{max-width:760px}
.p-alan{display:grid;gap:.4rem;margin-bottom:1.1rem}
.p-alan label{font-family:'Outfit',sans-serif;font-weight:600;font-size:.92rem;color:var(--text)}
.p-alan input,.p-alan textarea,.p-alan select{
  width:100%;padding:.75rem .95rem;min-height:48px;
  background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);
  color:var(--text);font:inherit;font-size:1rem;
  transition:border-color .18s var(--ease);
}
.p-alan textarea{min-height:auto;resize:vertical;line-height:1.6}
.p-alan input::placeholder,.p-alan textarea::placeholder{color:var(--text-dim)}
.p-alan input:focus,.p-alan textarea:focus,.p-alan select:focus{
  outline:none;border-color:var(--red-hi)
}
/* select oku: .field bloğundaki fikir, ama stroke='white' yerine currentColor
   — açık temada beyaz ok beyaz zeminde görünmüyordu. */
.p-alan select{
  appearance:none;-webkit-appearance:none;
  padding-right:2.5rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2383838F' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .85rem center;background-size:18px;
}
:root[data-theme="light"] .p-alan select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6B78' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.p-alan [aria-invalid="true"]{border-color:var(--red)}
.p-alan-hata{color:var(--red-hi);font-size:.86rem}
.p-alan-ipucu{color:var(--text-dim);font-size:.85rem}
@media (min-width:640px){
  .p-ikili{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
  /* Izgara hücreleri varsayılan olarak satır yüksekliğine geriliyor: ipucu
     metni olan alan diğerinin kutusunu da uzatıyordu. */
  .p-ikili > .p-alan{align-content:start}
}

/* .p-alan display:grid, tarayıcının [hidden] kuralından daha belirgin —
   açıkça geri alınmazsa gizli alanlar görünür kalır. */
[hidden]{display:none !important}
.p-form-eylem{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.5rem}
.p-form .btn{min-height:48px}
.p-zorunlu{color:var(--red-hi)}

/* ---------- Süzgeç çubuğu ---------- */
.p-suzgec{
  display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1.25rem;
}
.p-suzgec select,.p-suzgec input{
  min-height:44px;padding:0 .9rem;
  background:var(--surface-2);border:1px solid var(--border);border-radius:999px;
  color:var(--text);font:inherit;font-size:.92rem;
}
.p-suzgec input{width:min(280px,60vw)}
.p-suzgec select{
  appearance:none;-webkit-appearance:none;padding-right:2.3rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2383838F' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .8rem center;background-size:16px;
}
.p-suzgec input:focus,.p-suzgec select:focus{outline:none;border-color:var(--red-hi)}
.p-suzgec-btn{
  min-height:44px;padding:0 1.1rem;border-radius:999px;
  background:var(--surface-3);border:1px solid var(--border);color:var(--text);
  font-family:'Outfit',sans-serif;font-weight:500;font-size:.92rem;
}
.p-suzgec-btn:hover{border-color:var(--border-hi)}

/* ---------- Boş durum ---------- */
.p-bos{
  text-align:center;padding:3.5rem 1.5rem;
  border:1px dashed var(--border-hi);border-radius:var(--r);
  color:var(--text-mid);
}
.p-bos h2{font-size:1.15rem;margin-bottom:.5rem;color:var(--text)}
.p-bos p{margin:0 auto 1.25rem;max-width:44ch}

/* ---------- Sayfalama ---------- */
.p-sayfalama{
  display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;
  margin-top:1.5rem;font-size:.92rem;
}
.p-sayfalama a,.p-sayfalama span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0 .85rem;border-radius:var(--r-sm);
  border:1px solid var(--border);color:var(--text-mid);
  font-variant-numeric:tabular-nums;
}
.p-sayfalama a:hover{border-color:var(--border-hi);color:var(--text)}
.p-sayfalama [aria-current="page"]{background:var(--surface-3);color:var(--text);font-weight:600}
.p-sayfalama .p-pasif{opacity:.4}

/* ---------- Detay sayfası ---------- */
.p-detay{display:grid;gap:1.5rem}
@media (min-width:900px){.p-detay{grid-template-columns:1.4fr .9fr;align-items:start}}
.p-blok{
  background:var(--surface-1);border:1px solid var(--border);
  border-radius:var(--r);padding:1.35rem;
}
.p-blok h2{font-size:1.05rem;margin-bottom:1rem}
.p-satirlar{display:grid;gap:.75rem;margin:0}
.p-satirlar > div{display:grid;gap:.15rem}
.p-satirlar dt{font-family:'Outfit',sans-serif;font-weight:600;font-size:.78rem;
  letter-spacing:.03em;text-transform:uppercase;color:var(--text-dim)}
.p-satirlar dd{margin:0;font-size:.97rem;word-break:break-word}
.p-notlar{white-space:pre-wrap;line-height:1.7;color:var(--text-mid);max-width:none}

.p-zaman{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.p-zaman li{display:grid;gap:.2rem;padding-left:1rem;border-left:2px solid var(--border)}
.p-zaman .p-zaman-bas{font-size:.94rem}
.p-zaman .p-zaman-alt{font-size:.83rem;color:var(--text-dim)}
.p-zaman .p-zaman-sebep{font-size:.88rem;color:var(--text-mid);font-style:italic}

.p-tehlike{background:var(--red-deep) !important;border-color:var(--red-deep) !important;color:#fff !important}

/* ============================================================
   GİRİŞ EKRANI
   Arka plan tanıtım sitesinin hero'sundan devralındı: aynı ofis sahnesinin
   gece ve gündüz kareleri, yavaş yakınlaşma ve çok yavaş bir çözülme.
   site.css'teki kurallarla aynı; ayrı origin olduğu için kopyalanıyor.

   Kart OPAK kalır: metin kontrastı fotoğrafın o anki karesine bağlı olamaz,
   yoksa gündüz karesinde okunur, gece karesinde okunmaz olurdu.
   ============================================================ */
.p-giris-govde{overflow:hidden}
.p-giris-sayfa{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:100vh;min-height:100svh;display:grid;place-items:center;
  padding:2rem var(--pad);
  /* Zemin sabit koyu: fotoğraf yüklenmezse de, açık temada da giriş ekranı
     koyu kalır (beyaz parlama olmaz). */
  background-color:#07070A;
  --hero-yakinlik:1.16;
}

/* İki fotoğraf katmanı. Ayrı katmanlar, çünkü background-size:cover ile
   yüzdeli ölçekleme aynı anda yazılamıyor; transform:scale her en-boy
   oranında doğru çalışıyor. Yakınlaşma ikisinde de aynı anda başlar, yani
   ölçekleri hep eşit: geçişte kayma değil yalnızca çözülme görünür.
   Canlanan tek şey transform ve opacity — düzen yeniden hesaplanmıyor. */
.p-giris-sayfa::before,
.p-giris-sayfa::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  animation:p-yakinlas 32s ease-in-out infinite alternate;
}
.p-giris-sayfa::before{
  z-index:-3;
  background-image:url('ankamedia-hero-gece.webp');
}
.p-giris-sayfa::after{
  z-index:-2;opacity:0;
  background-image:url('ankamedia-hero-gunduz.webp');
  animation:p-yakinlas 32s ease-in-out infinite alternate,
            p-gunduz   30s ease-in-out infinite;
}
@keyframes p-yakinlas{
  from{transform:scale(1)}
  to  {transform:scale(var(--hero-yakinlik))}
}
/* 30 sn'lik döngü, ağırlık gündüzde:
     0-18   → gece,    5,4 sn
    18-33   → çözülme, 4,5 sn
    33-85   → GÜNDÜZ, 15,6 sn
    85-100  → dönüş,   4,5 sn
   Çözülmeler simetrik (ikisi de 4,5 sn); uzayan yalnızca gündüzün durduğu
   süre. Gece karesi ilk boyanan kare olduğu için tamamen kaybolmuyor. */
@keyframes p-gunduz{
  0%,18%  {opacity:0}
  33%,85% {opacity:1}
  100%    {opacity:0}
}

/* Kaplama sitedeki --hero-ortu ile aynı fikir: merkezde koyu, kenarlara
   doğru açılıyor. Sahne kenarlarda görünür, kartın arkası sakin kalır. */
.p-giris-perde{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 88% 76% at 50% 50%,
      rgba(7,7,10,.86) 0%, rgba(7,7,10,.80) 42%,
      rgba(7,7,10,.64) 74%, rgba(7,7,10,.44) 100%),
    linear-gradient(180deg, rgba(7,7,10,0) 62%, rgba(7,7,10,.38) 88%, rgba(7,7,10,.52) 100%);
}

.p-giris{
  width:min(400px,100%);
  background:var(--surface-1);border:1px solid var(--border-hi);
  border-radius:var(--r-lg);padding:clamp(1.5rem,5vw,2.25rem);
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.p-giris .p-marka{justify-content:center;margin-bottom:.35rem}
.p-giris h1{font-size:1.3rem;text-align:center;margin-bottom:1.5rem}
.p-giris .btn{width:100%}
.p-giris-not{margin:1.25rem 0 0;font-size:.85rem;color:var(--text-dim);text-align:center}

/* Hareket tercihi kapalıysa yakınlaşma ve çözülme durur; gece karesi sabit
   kalır. Aşağıdaki genel kural animation-duration'ı sıfırlıyor ama
   iteration-count:1 ile gündüz katmanı son karesinde (opacity:0) donuyor,
   yani ekran doğru görünüyor. Yine de açıkça yazıyoruz: niyet okunsun. */
@media (prefers-reduced-motion:reduce){
  .p-giris-sayfa::before,
  .p-giris-sayfa::after{animation:none}
  .p-giris-sayfa::after{opacity:0}
}

/* ---------- Hareket tercihi ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* ---------- Baskı ---------- */
@media print{
  .p-yan,.p-suzgec,.p-form-eylem,.skip{display:none !important}
  .p-kabuk{display:block}
  body{background:#fff;color:#000}
}

/* CSP style-src 'self' satır içi style özniteliğini de yasaklıyor —
   tek seferlik boşluklar bile sınıfla veriliyor. */
.p-alt-baglanti{margin-top:1.5rem}
.p-alt-baglanti a{text-decoration:underline;text-underline-offset:3px}
.p-alt-baglanti a:hover{color:var(--red-hi)}

/* ============================================================
   TOPLU ALIM
   ============================================================ */
.p-rozet-oncelik-A{border-color:var(--red);color:var(--red-hi);background:var(--red-glow);font-weight:600}
.p-rozet-oncelik-B{border-color:var(--border-hi);color:var(--text)}
.p-rozet-oncelik-C{color:var(--text-dim)}

.p-rozet-eklenebilir{border-color:#2E7D52;color:#5FBF8C;background:rgba(46,125,82,.14)}
.p-rozet-uyarili{border-color:var(--border-hi);color:var(--text)}
.p-rozet-engelli,.p-rozet-hatali{border-color:var(--red);color:var(--red-hi);background:var(--red-glow)}
:root[data-theme="light"] .p-rozet-eklenebilir{border-color:#1E6B42;color:#14603A;background:rgba(30,107,66,.10)}

/* Alınmayacak satırlar geri çekilir ama OKUNAKSIZ YAPILMAZ: satışçının
   "neden alınmadı" sorusunu cevaplayabilmesi gerekiyor. */
.p-satir-engelli,.p-satir-hatali{opacity:.72}

/* Onay kutusu: 44px dokunma alanı, ama kutunun kendisi makul boyutta */
.p-onay{
  width:20px;height:20px;margin:0;accent-color:var(--red-deep);cursor:pointer;
}
.p-onay:disabled{cursor:not-allowed;opacity:.4}
.p-tablo td:has(.p-onay){padding-top:1rem}

/* Sonuç hücresindeki açıklamalar alt alta */
.p-tablo td .p-alan-hata,.p-tablo td .p-alan-ipucu{display:block;margin-top:.3rem;max-width:42ch}

.p-suzgec label:not(.sr-only){font-size:.9rem;color:var(--text-mid)}

/* Dosya seçici: tarayıcı varsayılanı token'lara uymuyor */
.p-alan input[type="file"]{padding:.6rem .95rem;min-height:auto;font-size:.93rem}
.p-alan input[type="file"]::file-selector-button{
  margin-right:.85rem;padding:.45rem .9rem;border-radius:999px;
  background:var(--surface-3);border:1px solid var(--border);color:var(--text);
  font:inherit;font-size:.88rem;cursor:pointer;
}
.p-alan input[type="file"]::file-selector-button:hover{border-color:var(--border-hi)}

.p-form code,.p-alan-ipucu code{
  padding:.1rem .35rem;border-radius:4px;
  background:var(--surface-3);border:1px solid var(--border);
  font-size:.88em;
}

/* ---------- Müşteri özeti ---------- */
.p-buyuk{
  font-family:'Outfit',sans-serif;font-weight:600;font-size:1.6rem;
  line-height:1.2;font-variant-numeric:tabular-nums;
}
.p-birim{font-size:.95rem;font-weight:500;color:var(--text-dim);margin-left:.15rem}
.p-baslik .p-alt-bilgi a{text-decoration:underline;text-underline-offset:3px}
.p-baslik .p-alt-bilgi a:hover{color:var(--red-hi)}

/* ============================================================
   MENÜ GRUPLARI
   Tek bir düz liste dört kalem geçince ne olduğu anlaşılmıyordu.
   Müşteriler önce: ekibin asıl baktığı yer orası.
   ============================================================ */
/* Dar ekranda grup kutusu yok sayılır, bağlantılar tek satırda akar —
   ama başlık GİZLENMEZ: yedi bağlantıyı ayrımsız bir sıra hâlinde dizmek
   kategoriyi tamamen kaybettirirdi. Başlık küçük bir ayraç gibi duruyor. */
.p-menu-grup{display:contents}
.p-menu-baslik{
  display:flex;align-items:center;white-space:nowrap;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.7rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);
  padding:0 .5rem 0 .75rem;margin:0;
  border-left:1px solid var(--border);
}
.p-menu-baslik:first-child{border-left:none}
.p-menu-ozet{font-weight:600}
@media (min-width:960px){
  .p-menu-grup{display:block}
  .p-menu-baslik{
    display:block;border-left:none;
    padding:0 .9rem;margin:.85rem 0 .3rem;font-size:.72rem;
  }
  .p-menu-grup a{display:flex}
}

/* ============================================================
   GÖSTERGE PANELİ
   ============================================================ */
.p-blok-bas{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;
}
.p-blok-bas h2{margin:0;margin-right:auto}
.p-blok + .p-blok,.p-ikili-blok + .p-blok,.p-blok + .p-ikili-blok{margin-top:1.25rem}

/* Müşteriler bloğu ana kısım: kenarı marka rengiyle işaretli. */
.p-vurgu{border-color:var(--border-hi);border-left:3px solid var(--red-deep)}

.p-ikili-blok{display:grid;gap:1.25rem}
@media (min-width:1080px){.p-ikili-blok{grid-template-columns:1fr 1fr;align-items:start}}

.p-alt-baslik{
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.78rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);
  margin:1.35rem 0 .6rem;
}
.p-kart-bilgi.p-dar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
/* .p-kart-bilgi dd renk veriyor ve tek sınıftan daha belirgin;
   iki sınıfla geçiliyor. */
.p-buyuk.p-dikkat,.p-dikkat{color:var(--red-hi)}

/* ---------- Sayı şeridi ----------
   Özet sayfasının tamamı: üç sayı ve bir liste. Önceki hâlinde dört blok
   ve on sayı vardı; hepsi doğruydu, hiçbiri günlük bir kararı
   değiştirmiyordu. Sayılar tıklanabilir — "peki ne yapayım" bir tık uzakta. */
.p-sayilar{
  display:grid;gap:.75rem;margin-bottom:1.25rem;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.p-sayi-kart{
  display:flex;flex-direction:column;gap:.15rem;
  padding:1.1rem 1.25rem;border-radius:var(--r);
  background:var(--surface-1);border:1px solid var(--border);
  transition:border-color .18s var(--ease);
}
.p-sayi-kart:hover{border-color:var(--border-hi)}
.p-sayi-deger{
  font-family:'Outfit',sans-serif;font-weight:600;font-size:2rem;line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.p-sayi-ad{font-size:.88rem;color:var(--text-dim)}
.p-sayi-vurgu{border-color:var(--border-hi)}
.p-sayi-vurgu .p-sayi-deger{color:var(--text)}
/* Gecikmiş olan göze çarpmalı: geciken bir söz, sessizce geçen bir
   tarihten daha zararlı. */
.p-sayi-uyari{border-color:var(--red);background:var(--red-glow)}
.p-sayi-uyari .p-sayi-deger{color:var(--red-hi)}

/* ---------- Özet listeleri ---------- */
.p-liste{list-style:none;margin:0;padding:0}
.p-liste li{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;
  padding:.7rem 0;border-top:1px solid var(--border);
}
.p-liste li:first-child{border-top:none;padding-top:0}
.p-liste-ad{
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.98rem;
}
.p-liste-ad:hover{color:var(--red-hi);text-decoration:underline;text-underline-offset:3px}
.p-liste-alt{flex:1 1 100%;order:3;font-size:.86rem;color:var(--text-dim)}
.p-liste-alt a:hover{color:var(--red-hi)}
.p-liste-sag{
  margin-left:auto;font-size:.84rem;color:var(--text-dim);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
@media (min-width:560px){
  .p-liste-alt{flex:0 1 auto;order:0}
}

/* ---------- Dağılım çubukları (analiz sayfası) ----------
   Çubuk dekoratif, sayı her zaman yazılı: çubuğu okuyamayan (ekran okuyucu,
   JS kapalı, renk körü) kullanıcı için bilgi kaybı yok. */
.p-huni{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.p-huni a{
  display:grid;grid-template-columns:8.5rem 1fr 3rem;align-items:center;gap:.75rem;
  padding:.4rem .5rem;margin:-.4rem -.5rem;border-radius:var(--r-sm);
}
.p-huni a:hover{background:var(--surface-2)}
.p-huni-ad{font-size:.93rem}
.p-huni-cubuk{
  height:10px;border-radius:999px;background:var(--surface-3);overflow:hidden;
}
.p-huni-dolgu{display:block;height:100%;width:2%;background:var(--red-deep);border-radius:999px}
.p-huni-sayi{
  text-align:right;font-family:'Outfit',sans-serif;font-weight:600;
  font-variant-numeric:tabular-nums;
}
@media (max-width:560px){
  .p-huni a{grid-template-columns:1fr 3rem;gap:.25rem .75rem}
  .p-huni-cubuk{grid-column:1 / -1;order:3}
}

/* ============================================================
   TEMAS KAYDI
   ============================================================ */
/* Plan rozetleri. Gecikmiş olan göze çarpmalı: geciken bir söz, sessizce
   geçen bir tarihten daha zararlı. */
.p-plan,.p-plan-bugun,.p-plan-gecikmis{
  display:inline-block;flex:0 0 auto;
  padding:.15rem .5rem;border-radius:999px;
  font-size:.74rem;font-weight:500;white-space:nowrap;
  border:1px solid var(--border);color:var(--text-dim);
}
.p-plan-bugun{border-color:var(--border-hi);color:var(--text);background:var(--surface-3)}
.p-plan-gecikmis{border-color:var(--red);color:var(--red-hi);background:var(--red-glow);font-weight:600}

/* Sonuç rozetleri. Renk tek başına anlam taşımaz; metin her zaman yazılı. */
.p-sonuc-ulasildi,.p-sonuc-randevu{
  border-color:#2E7D52;color:#5FBF8C;background:rgba(46,125,82,.14)
}
:root[data-theme="light"] .p-sonuc-ulasildi,
:root[data-theme="light"] .p-sonuc-randevu{
  border-color:#1E6B42;color:#14603A;background:rgba(30,107,66,.10)
}
.p-sonuc-olumsuz{border-color:var(--red);color:var(--red-hi);background:var(--red-glow)}
.p-sonuc-ulasilamadi,.p-sonuc-mesaj_birakildi{color:var(--text-dim)}

/* Zaman çizelgesindeki temas satırı */
.p-temas .p-zaman-bas{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.p-temas .p-notlar{margin-top:.4rem;font-size:.93rem}
.p-temas.p-temas-ulasildi,.p-temas.p-temas-randevu{border-left-color:#2E7D52}
.p-temas.p-temas-olumsuz{border-left-color:var(--red)}

/* Satır içi tek düğmelik form (temas silme) */
.p-satir-ici{display:inline;margin:0}
.p-satir-ici .p-metin-btn{min-height:auto;padding:0 .2rem;font-size:.83rem}

/* Süzgeç çubuğundaki onay kutusu */
.p-onay-etiket{
  display:inline-flex;align-items:center;gap:.5rem;
  min-height:44px;padding:0 .9rem;border-radius:999px;
  background:var(--surface-2);border:1px solid var(--border);
  font-size:.92rem;color:var(--text-mid);cursor:pointer;
}
.p-onay-etiket:hover{border-color:var(--border-hi);color:var(--text)}

/* Tarih/saat girişleri diğer alanlarla aynı yükseklikte dursun */
.p-alan input[type="date"],.p-alan input[type="datetime-local"]{
  min-height:48px;
}
:root:not([data-theme="light"]) .p-alan input[type="date"]::-webkit-calendar-picker-indicator,
:root:not([data-theme="light"]) .p-alan input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  filter:invert(1) opacity(.65);
}

/* ============================================================
   GÖREVLER
   ============================================================ */
.p-gorevler{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.p-gorev{
  padding:1rem 1.15rem;border-radius:var(--r);
  background:var(--surface-1);border:1px solid var(--border);
  border-left:3px solid var(--border-hi);
}
.p-gorevler-dar .p-gorev{padding:.7rem .9rem}
/* Kapanmış görev geri çekilir ama OKUNAKSIZ YAPILMAZ: "bu iş neden iptal
   edildi" sorusu sonradan sorulur. */
.p-gorev-yapildi{border-left-color:#2E7D52;opacity:.75}
.p-gorev-iptal{border-left-color:var(--border);opacity:.62}
.p-gorev-bas{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.3rem}
.p-gorev-baslik{font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem}
.p-gorev-alt{margin:0;font-size:.85rem;color:var(--text-dim)}
.p-gorev-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.6rem}
.p-gorev .p-notlar{margin-top:.5rem;font-size:.92rem}

/* Sekme görünümlü süzgeç düğmesi */
.p-suzgec-etkin{
  background:var(--surface-3);border-color:var(--border-hi);
  color:var(--text);font-weight:600;
}

/* ============================================================
   İŞ DEFTERİ
   ============================================================ */
.p-defter-gun{padding-top:.25rem}
.p-defter-gun + .p-defter-gun{margin-top:1.4rem;border-top:1px solid var(--border);padding-top:1.1rem}
.p-defter-gun .p-alt-baslik{display:flex;align-items:baseline;gap:.75rem;margin-top:0}
.p-defter-kayit + .p-defter-kayit{margin-top:.9rem}
.p-defter-kisi{
  display:block;font-family:'Outfit',sans-serif;font-weight:600;font-size:.92rem;
  margin-bottom:.15rem;
}
.p-defter-kayit .p-notlar{margin:0}

/* ---------- Anket ---------- */
.p-anket-dagilimlar{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.25rem}
.p-anket-dagilimlar .p-blok{margin-bottom:0}
.p-tablo-sade td{padding:.5rem .6rem}
.p-anket-cubuk-h{width:45%}
.p-anket-cubuk{display:block;height:6px;background:var(--red-deep);width:var(--w,0%)}
.p-anket-cevaplar{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.p-anket-cevaplar li{display:grid;gap:.3rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.p-anket-cevaplar li:last-child{border-bottom:0;padding-bottom:0}
.p-anket-soru{color:var(--text-dim);font-size:.92rem}
.p-anket-cevap{font-size:1.02rem;line-height:1.5}
.p-anket-liste{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.p-blok-uyari{border-color:var(--red)}
.p-tanim{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.25rem;margin:0}
.p-tanim dt{color:var(--text-dim);font-size:.9rem}
.p-tanim dd{margin:0}
.p-sonek{color:var(--text-dim);font-size:.7em;font-weight:400}
.p-anket-eylemler{display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:center;white-space:nowrap}
.p-anket-eylemler .p-metin-btn[disabled]{opacity:.35;cursor:default;text-decoration:none}
.p-satir-pasif .p-ad{color:var(--text-dim)}