/* Teknoloji AIHL Takım Paneli — sadece /panel/ sayfalarında yüklenir.
   Renkler temanın :root değişkenlerinden gelir (yoksa yedek değerler). */
.tp-panel{
  --tp-ana:var(--renk-ana,#123a6b);
  --tp-vurgu:var(--renk-vurgu,#d99a2b);
  --tp-metin:var(--renk-metin,#1f2429);
  --tp-soft:var(--renk-metin-soft,#5b6470);
  --tp-zemin:var(--renk-zemin,#fff);
  --tp-zemin-alt:var(--renk-zemin-alt,#f4f6f9);
  --tp-cizgi:var(--renk-cizgi,#e3e7ec);
  --tp-r:var(--radius,8px);
  --tp-kirmizi:#b42318;
  --tp-yesil:#1a7f37;
  --tp-sari:#9a6700;
  padding-top:24px; padding-bottom:48px;
}
.tp-panel h1{ font-size:1.6rem; margin-bottom:.6em; }
.tp-panel h2{ font-size:1.1rem; margin-bottom:.7em; }
.tp-panel p{ margin:0 0 .8em; }
.tp-kucuk{ font-size:.85rem; color:var(--tp-soft); }
.tp-dar{ max-width:560px; margin:0 auto; }
.tp-gizli{ position:absolute; left:-9999px; }
.tp-soluk{ opacity:.55; }
.tp-panel [hidden]{ display:none !important; }

/* Üst gezinme */
.tp-ust{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; padding:10px 14px; margin-bottom:20px;
  background:var(--tp-zemin-alt); border:1px solid var(--tp-cizgi); border-radius:var(--tp-r); }
.tp-ust-baslik{ color:var(--tp-ana); }
.tp-ust ul{ display:flex; flex-wrap:wrap; gap:4px; list-style:none; margin:0; padding:0; }
.tp-ust ul a{ display:block; padding:6px 12px; border-radius:var(--tp-r); color:var(--tp-metin); font-weight:600; font-size:.92rem; }
.tp-ust ul a:hover, .tp-ust ul a[aria-current]{ background:var(--tp-ana); color:#fff; }
.tp-kullanici{ margin-left:auto; font-size:.88rem; color:var(--tp-soft); }
.tp-rozet{ display:inline-block; min-width:1.4em; padding:0 .4em; border-radius:99px; background:var(--tp-kirmizi); color:#fff; font-size:.75rem; text-align:center; line-height:1.5; }

/* Bildirimler */
.tp-bildirim{ padding:10px 14px; border-radius:var(--tp-r); margin-bottom:16px; border:1px solid; }
.tp-bildirim ul{ margin:0; padding-left:1.2em; list-style:disc; }
.tp-bildirim-basari{ background:#e9f7ee; border-color:#b7e1c4; color:#14532d; }
.tp-bildirim-hata{ background:#fdecea; border-color:#f5c2bd; color:#7a1d14; }
.tp-bildirim-uyari{ background:#fff7e0; border-color:#f1d68c; color:#5c4100; }

/* Kutular, ızgaralar */
.tp-kutu{ background:var(--tp-zemin); border:1px solid var(--tp-cizgi); border-radius:var(--tp-r); padding:16px 18px; margin-bottom:18px; }
.tp-vurgulu{ border-color:var(--tp-vurgu); box-shadow:inset 4px 0 0 var(--tp-vurgu); }
.tp-izgara-2{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px; }
.tp-izgara-2 > .tp-kutu{ margin-bottom:0; }
.tp-izgara-2 + .tp-kutu, .tp-izgara-2 + .tp-izgara-2{ margin-top:18px; }
.tp-kartlar{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px; margin-bottom:24px; }
.tp-kartlar .tp-kutu{ margin:0; }
.tp-baslik-satiri{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.tp-satir{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; }

/* Listeler */
.tp-liste{ list-style:none; margin:0 0 .8em; padding:0; }
.tp-liste > li{ padding:8px 0; border-bottom:1px solid var(--tp-cizgi); }
.tp-liste > li:last-child{ border-bottom:0; }
.tp-akis{ list-style:none; margin:0; padding:0; font-size:.92rem; }
.tp-akis li{ padding:6px 0; border-bottom:1px dashed var(--tp-cizgi); }
.tp-bilgi{ list-style:none; padding:0; margin:12px 0; }
.tp-bilgi li{ padding:3px 0; }

/* Etiketler */
.tp-etiket{ display:inline-block; padding:1px 8px; border-radius:99px; font-size:.75rem; font-weight:600; background:var(--tp-zemin-alt); border:1px solid var(--tp-cizgi); color:var(--tp-metin); vertical-align:middle; }
.tp-durum-yapiliyor, .tp-asama-durum-devam{ background:#e7f0fb; border-color:#bcd3f0; color:#123a6b; }
.tp-durum-kontrol{ background:#fff4d6; border-color:#f1d68c; color:#5c4100; }
.tp-durum-tamam, .tp-asama-durum-tamam, .tp-malzeme-alindi{ background:#e9f7ee; border-color:#b7e1c4; color:#14532d; }
.tp-oncelik-yuksek.tp-etiket{ background:#fdecea; border-color:#f5c2bd; color:#7a1d14; }
.tp-rol-danisman{ background:var(--tp-ana); border-color:var(--tp-ana); color:#fff; }
.tp-rol-kaptan{ background:var(--tp-vurgu); border-color:var(--tp-vurgu); color:#1f1300; }
.tp-tarih{ font-weight:600; }
.tp-gecti, .tp-gecti .tp-tarih, span.tp-gecti{ color:var(--tp-kirmizi); }
.tp-yaklasiyor, .tp-yaklasiyor .tp-tarih, span.tp-yaklasiyor{ color:var(--tp-sari); }

/* Formlar */
.tp-form label{ display:block; font-weight:600; font-size:.9rem; }
.tp-form input[type=text], .tp-form input[type=email], .tp-form input[type=password], .tp-form input[type=url],
.tp-form input[type=number], .tp-form input[type=date], .tp-form input[type=datetime-local], .tp-form select, .tp-form textarea,
.tp-satir-form select, #loginform input[type=text], #loginform input[type=password]{
  display:block; width:100%; margin-top:4px; padding:8px 10px; font:inherit; font-size:.95rem; font-weight:400;
  border:1px solid #c5ccd5; border-radius:6px; background:#fff; color:var(--tp-metin);
}
.tp-satir-form select{ display:inline-block; width:auto; margin:0; padding:4px 6px; font-size:.85rem; }
.tp-form textarea{ resize:vertical; }
.tp-form fieldset{ border:1px solid var(--tp-cizgi); border-radius:6px; padding:10px 12px; margin:0 0 12px; }
.tp-form legend{ font-weight:600; font-size:.9rem; padding:0 4px; }
.tp-onay label, .tp-onay-izgara label{ font-weight:400; display:flex; gap:8px; align-items:flex-start; }
.tp-onay input, .tp-onay-izgara input{ margin-top:4px; }
.tp-onay-izgara{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:4px 16px; }
.tp-iki{ display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.tp-uc{ display:grid; grid-template-columns:repeat(3,1fr); gap:0 16px; }
.tp-satir-form{ display:inline-flex; align-items:center; gap:6px; margin:4px 8px 4px 0; }
#loginform p{ margin-bottom:12px; }
#loginform label{ font-weight:600; font-size:.9rem; }
#loginform .login-remember label{ font-weight:400; }

/* Butonlar */
.tp-buton, #loginform #wp-submit{ display:inline-block; padding:8px 16px; border:1px solid var(--tp-ana); border-radius:6px;
  background:var(--tp-ana); color:#fff; font:inherit; font-weight:600; font-size:.92rem; cursor:pointer; line-height:1.4; }
.tp-buton:hover, #loginform #wp-submit:hover{ background:var(--renk-ana-koyu,#0b2547); color:#fff; }
.tp-buton-ikincil{ background:#fff; color:var(--tp-ana); }
.tp-buton-ikincil:hover{ color:#fff; }
.tp-buton-kucuk{ padding:4px 10px; font-size:.82rem; }
.tp-buton-tehlike{ background:var(--tp-kirmizi); border-color:var(--tp-kirmizi); }
.tp-link-buton{ background:none; border:0; padding:0; color:var(--tp-ana); font:inherit; font-size:.85rem; cursor:pointer; text-decoration:underline; }
.tp-tehlike{ color:var(--tp-kirmizi); }
.tp-tehlike-kutu{ border-color:#f5c2bd; }

/* Açılır formlar (<details>) */
.tp-acilir{ margin:8px 0; }
.tp-acilir > summary{ list-style:none; cursor:pointer; display:inline-block; }
.tp-acilir > summary::-webkit-details-marker{ display:none; }
.tp-acilir[open] > summary{ margin-bottom:10px; }
.tp-acilir > .tp-form{ margin-top:6px; }
details.tp-kutu > summary{ cursor:pointer; }

/* Sekmeler */
.tp-takim-baslik h1{ margin-bottom:.2em; }
.tp-sekmeler{ display:flex; gap:2px; overflow-x:auto; border-bottom:2px solid var(--tp-cizgi); margin:12px 0 20px; }
.tp-sekmeler a{ padding:9px 14px; white-space:nowrap; font-weight:600; font-size:.92rem; color:var(--tp-soft); border-bottom:3px solid transparent; margin-bottom:-2px; }
.tp-sekmeler a[aria-current]{ color:var(--tp-ana); border-bottom-color:var(--tp-vurgu); }

/* İlerleme çubuğu */
.tp-ilerleme{ height:10px; background:var(--tp-zemin-alt); border:1px solid var(--tp-cizgi); border-radius:99px; overflow:hidden; margin-bottom:6px; }
.tp-ilerleme span{ display:block; height:100%; background:var(--tp-yesil); }

/* Görev panosu */
.tp-kanban{ display:grid; grid-template-columns:repeat(4,minmax(220px,1fr)); gap:14px; overflow-x:auto; padding-bottom:6px; }
.tp-kanban-sutun{ background:var(--tp-zemin-alt); border-radius:var(--tp-r); padding:10px; min-height:120px; }
.tp-kanban-sutun h2{ font-size:.95rem; margin:2px 4px 10px; }
.tp-gorev-kart{ background:#fff; border:1px solid var(--tp-cizgi); border-left:4px solid #c5ccd5; border-radius:6px; padding:8px 10px; margin-bottom:8px; }
.tp-gorev-kart.tp-oncelik-yuksek{ border-left-color:var(--tp-kirmizi); }
.tp-gorev-kart.tp-oncelik-dusuk{ border-left-color:#b8c2cc; border-left-style:dashed; }
.tp-gorev-baslik{ display:block; font-weight:600; margin-bottom:2px; }
.tp-sutun-tamam .tp-gorev-baslik{ text-decoration:line-through; color:var(--tp-soft); }
.tp-gorev-kart .tp-satir-form{ margin:6px 0 0; }

/* Süreç zaman çizelgesi */
.tp-zaman{ list-style:none; margin:0 0 20px; padding:0 0 0 22px; border-left:3px solid var(--tp-cizgi); }
.tp-asama{ position:relative; background:#fff; border:1px solid var(--tp-cizgi); border-radius:var(--tp-r); padding:10px 14px; margin:0 0 12px; }
.tp-asama::before{ content:""; position:absolute; left:-31px; top:14px; width:14px; height:14px; border-radius:50%; background:#fff; border:3px solid #c5ccd5; }
.tp-asama-devam::before{ border-color:var(--tp-ana); }
.tp-asama-tamam::before{ background:var(--tp-yesil); border-color:var(--tp-yesil); }
.tp-asama-ust, .tp-mesaj-ust{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }

/* Mesajlar */
.tp-mesajlar{ list-style:none; margin:14px 0 0; padding:0; }
.tp-mesajlar li{ padding:10px 0; border-top:1px solid var(--tp-cizgi); }
.tp-mesajlar li.tp-sabit{ background:#fffaf0; padding:10px; border:1px solid #f1d68c; border-radius:6px; margin-bottom:8px; }
.tp-mesaj-metin{ margin-top:4px; white-space:normal; overflow-wrap:anywhere; }
.tp-mesaj-ust .tp-satir-form{ margin:0 0 0 auto; }

/* Tablolar */
.tp-tablo-sar{ overflow-x:auto; }
.tp-tablo{ width:100%; border-collapse:collapse; font-size:.92rem; }
.tp-tablo th, .tp-tablo td{ text-align:left; padding:8px; border-bottom:1px solid var(--tp-cizgi); vertical-align:top; }
.tp-tablo th{ background:var(--tp-zemin-alt); font-size:.82rem; color:var(--tp-soft); }
.tp-tablo .tp-acilir .tp-form{ min-width:220px; }

/* Dergi */
.tp-suzgec{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.tp-suzgec a{ padding:6px 12px; border-radius:99px; border:1px solid var(--tp-cizgi); background:#fff; color:var(--tp-metin); font-weight:600; font-size:.85rem; }
.tp-suzgec a span{ background:var(--tp-zemin-alt); border-radius:99px; padding:0 7px; font-size:.75rem; margin-left:3px; }
.tp-suzgec a[aria-current]{ background:var(--tp-ana); border-color:var(--tp-ana); color:#fff; }
.tp-suzgec a[aria-current] span{ background:rgba(255,255,255,.2); }
.tp-dergi-yeni{ background:#e7f0fb; border-color:#bcd3f0; color:#123a6b; }
.tp-dergi-incelemede{ background:#fff4d6; border-color:#f1d68c; color:#5c4100; }
.tp-dergi-duzeltme{ background:#fdecea; border-color:#f5c2bd; color:#7a1d14; }
.tp-dergi-kabul, .tp-dergi-yayinda{ background:#e9f7ee; border-color:#b7e1c4; color:#14532d; }
.tp-dergi-red{ opacity:.6; }
.tp-dergi-hakemde{ background:#efe9fb; border-color:#cfc0ee; color:#3b2370; }
.tp-liste-sade{ list-style:none; padding:0; margin:0 0 12px; }
.tp-liste-sade li{ padding:8px 0; border-bottom:1px solid var(--tp-cizgi); display:flex; flex-wrap:wrap; gap:6px; align-items:baseline; }
.tp-liste-sade details{ flex-basis:100%; }
.tp-satir-ici{ display:inline; margin:0; }
.tp-buton-metin{ background:none; border:0; padding:0; color:var(--tp-kirmizi); font:inherit; font-size:.82rem; cursor:pointer; text-decoration:underline; }
.tp-hiyerarsi td:first-child{ white-space:nowrap; }
.tp-icerik-izgara > aside{ display:flex; flex-direction:column; gap:18px; }
.tp-icerik-izgara > aside > .tp-kutu{ margin:0; }
.tp-form fieldset{ border:0; padding:0; margin:0 0 10px; }
.tp-form legend{ font-weight:600; font-size:.9rem; margin-bottom:4px; }
.tp-dergi-metin{ font-family:Georgia, "Times New Roman", serif; font-size:1.02rem; line-height:1.75; background:var(--tp-zemin-alt); border-radius:var(--tp-r); padding:18px 20px; max-height:560px; overflow:auto; margin:12px 0 18px; }
.tp-dosyalar{ list-style:none; padding:0; margin:0 0 16px; }
.tp-dosyalar li{ padding:8px 0; border-bottom:1px solid var(--tp-cizgi); display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; }
.tp-sayi-izgara{ display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:16px; }
.tp-sayi-kart{ display:flex; flex-direction:column; gap:6px; color:var(--tp-metin); margin:0; transition:box-shadow .15s, transform .15s; }
.tp-sayi-kart:hover{ box-shadow:0 8px 20px rgba(11,37,71,.12); transform:translateY(-2px); color:var(--tp-metin); }
.tp-sayi-kapak{ aspect-ratio:3/4; border-radius:8px; overflow:hidden; background:linear-gradient(135deg, var(--tp-ana), #0b2547); display:grid; place-items:center; color:var(--tp-vurgu); font-size:2.6rem; font-weight:900; margin-bottom:6px; }
.tp-sayi-kapak img{ width:100%; height:100%; object-fit:cover; }
.tp-yayin-kutusu{ justify-content:space-between; border-left:5px solid var(--tp-vurgu); }
.tp-yayin-kutusu.yayinda{ border-left-color:var(--tp-yesil); }
.tp-form hr{ border:0; border-top:1px solid var(--tp-cizgi); margin:16px 0; }

/* Site içerikleri */
.tp-icerik-izgara{ display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:18px; align-items:start; }
.tp-icerik-izgara > aside{ position:sticky; top:90px; }
.tp-onizleme img{ max-width:150px; height:auto; border-radius:6px; border:1px solid var(--tp-cizgi); margin:6px 0; }
.tp-kucuk-gorsel img{ width:48px; height:48px; object-fit:cover; border-radius:4px; }
.tp-arama{ margin-bottom:14px; }
.tp-arama input[type=search]{ width:auto; min-width:220px; padding:6px 10px; font:inherit; font-size:.92rem; border:1px solid #c5ccd5; border-radius:6px; }
.tp-form input[type=file]{ display:block; margin-top:6px; font-size:.88rem; font-weight:400; }
.tp-etiket-baslik{ font-weight:600; font-size:.9rem; margin:8px 0 4px; }
.tp-form .tp-onay label, .tp-form .tp-onay-izgara label{ font-weight:400; }

@media (max-width:760px){
  .tp-icerik-izgara{ grid-template-columns:1fr; }
  .tp-icerik-izgara > aside{ position:static; }
  .tp-iki, .tp-uc{ grid-template-columns:1fr; }
  .tp-kullanici{ margin-left:0; width:100%; }
  .tp-kanban{ grid-template-columns:repeat(4,80vw); }
}