/* Worker Panel UI — Hosting firmasının son kullanıcılarına servis edilen panel
   Beyaz kurumsal tema. --p-vurgu hosting firması tarafından özelleştirilir. */

:root {
    --p-vurgu: #1e40af;
    --p-vurgu-koyu: #1e3a8a;
    --p-vurgu-soluk: #dbeafe;
    --p-zemin: #f8fafc;
    --p-zemin-2: #f1f5f9;
    --p-yuzey: #ffffff;
    --p-cizgi: #e5e7eb;
    --p-cizgi-vurgu: #cbd5e1;
    --p-yazi: #0f172a;
    --p-yazi-2: #475569;
    --p-yazi-3: #64748b;
    --p-yazi-4: #94a3b8;
    --p-yesil: #16a34a;
    --p-sari: #d97706;
    --p-kirmizi: #dc2626;
    --p-golge: 0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);
}

*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--p-zemin);
    color: var(--p-yazi);
    margin: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { color: var(--p-vurgu); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { letter-spacing: -0.02em; color: var(--p-yazi); margin: 0 0 0.6em; font-weight: 700; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1rem; }
p { color: var(--p-yazi-2); margin: 0 0 1em; }

/* Üst nav */
.p-nav {
    background: var(--p-yuzey);
    border-bottom: 1px solid var(--p-cizgi);
    padding: 0.9rem 1.25rem;
    box-shadow: var(--p-golge);
    position: sticky; top: 0; z-index: 100;
}
.p-marka { display: flex; align-items: center; gap: 0.6rem; font-weight: 700; color: var(--p-yazi); text-decoration: none; font-size: 1.05rem; }
.p-marka:hover { text-decoration: none; }
.p-marka img { height: 30px; }
.p-marka-ikon { width: 32px; height: 32px; background: var(--p-vurgu); color: white; border-radius: 7px; display: grid; place-items: center; }

/* Cerceve: sidebar + içerik */
.p-cerceve { display: grid; grid-template-columns: 220px 1fr; gap: 1.4rem; padding: 1.4rem; max-width: 1400px; margin: 0 auto; }
.p-yan { background: var(--p-yuzey); border: 1px solid var(--p-cizgi); border-radius: 10px; padding: 0.9rem 0.6rem; height: fit-content; position: sticky; top: 4.8rem; box-shadow: var(--p-golge); }
.p-baglanti { display: flex; align-items: center; gap: 0.6rem; padding: 0.6rem 0.75rem; border-radius: 7px; color: var(--p-yazi-2); font-size: 0.9rem; font-weight: 500; text-decoration: none; margin-bottom: 0.15rem; transition: all 0.15s ease; }
.p-baglanti:hover { background: var(--p-zemin-2); color: var(--p-yazi); text-decoration: none; }
.p-baglanti.aktif { background: var(--p-vurgu-soluk); color: var(--p-vurgu); }
.p-baglanti i { width: 18px; font-size: 1rem; }
.p-icerik { min-width: 0; }

/* Kart */
.p-kart {
    background: var(--p-yuzey);
    border: 1px solid var(--p-cizgi);
    border-radius: 10px;
    padding: 1.3rem;
    box-shadow: var(--p-golge);
    margin-bottom: 1rem;
}
.p-kart h3 { font-size: 0.95rem; margin-bottom: 1rem; }

/* İstatistik */
.p-mini { background: var(--p-yuzey); border: 1px solid var(--p-cizgi); border-radius: 10px; padding: 1rem 1.2rem; box-shadow: var(--p-golge); }
.p-mini .etk { font-size: 0.72rem; color: var(--p-yazi-4); text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; margin-bottom: 0.35rem; }
.p-mini .deg { font-size: 1.6rem; font-weight: 800; color: var(--p-yazi); line-height: 1; letter-spacing: -0.025em; }
.p-mini .alt { font-size: 0.78rem; color: var(--p-yazi-3); margin-top: 0.3rem; }

/* Tablo */
.p-tablo { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.88rem; }
.p-tablo thead th { text-align: left; padding: 0.6rem 0.85rem; font-size: 0.72rem; color: var(--p-yazi-3); text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; border-bottom: 1px solid var(--p-cizgi); background: var(--p-zemin-2); }
.p-tablo tbody td { padding: 0.78rem 0.85rem; border-bottom: 1px solid var(--p-cizgi); color: var(--p-yazi-2); }
.p-tablo tbody tr:last-child td { border-bottom: none; }
.p-tablo tbody tr:hover td { background: var(--p-zemin-2); color: var(--p-yazi); }
.p-rozet { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.15rem 0.55rem; border-radius: 999px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.p-rozet.calisiyor { background: #dcfce7; color: var(--p-yesil); border: 1px solid #bbf7d0; }
.p-rozet.durdu { background: #fee2e2; color: var(--p-kirmizi); border: 1px solid #fecaca; }
.p-rozet.askida, .p-rozet.olusturuluyor { background: #fef3c7; color: var(--p-sari); border: 1px solid #fde68a; }
.p-rozet.silindi, .p-rozet.hata { background: var(--p-zemin-2); color: var(--p-yazi-3); border: 1px solid var(--p-cizgi); }

/* Butonlar */
.p-buton { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 0.55rem 1.1rem; font-weight: 600; border-radius: 7px; border: 1px solid transparent; cursor: pointer; transition: all 0.15s; text-decoration: none; font-size: 0.88rem; line-height: 1; white-space: nowrap; }
.p-buton.birincil { background: var(--p-vurgu); color: white; }
.p-buton.birincil:hover { background: var(--p-vurgu-koyu); color: white; text-decoration: none; }
.p-buton.ikincil { background: white; color: var(--p-yazi); border-color: var(--p-cizgi-vurgu); }
.p-buton.ikincil:hover { background: var(--p-zemin-2); color: var(--p-yazi); text-decoration: none; }
.p-buton.hayalet { background: transparent; color: var(--p-yazi-2); border-color: transparent; }
.p-buton.hayalet:hover { background: var(--p-zemin-2); color: var(--p-yazi); text-decoration: none; }
.p-buton.tehlike { background: var(--p-kirmizi); color: white; }
.p-buton.tehlike:hover { background: #b91c1c; color: white; text-decoration: none; }
.p-buton.kucuk { padding: 0.38rem 0.8rem; font-size: 0.8rem; }

/* Form */
.p-form-grup { margin-bottom: 1rem; }
.p-etiket { display: block; font-size: 0.82rem; font-weight: 600; color: var(--p-yazi); margin-bottom: 0.35rem; }
.p-input, .p-secim, .p-textarea { width: 100%; background: white; border: 1px solid var(--p-cizgi-vurgu); border-radius: 7px; padding: 0.6rem 0.85rem; color: var(--p-yazi); font-size: 0.92rem; font-family: inherit; }
.p-input:focus, .p-secim:focus, .p-textarea:focus { outline: none; border-color: var(--p-vurgu); box-shadow: 0 0 0 3px rgba(30,64,175,0.12); }
.p-yardim { font-size: 0.78rem; color: var(--p-yazi-3); margin-top: 0.3rem; }

.p-uyari { background: #fee2e2; border: 1px solid #fecaca; color: var(--p-kirmizi); padding: 0.7rem 0.95rem; border-radius: 8px; font-size: 0.88rem; margin-bottom: 1rem; }
.p-bilgi { background: #dcfce7; border: 1px solid #bbf7d0; color: var(--p-yesil); padding: 0.7rem 0.95rem; border-radius: 8px; font-size: 0.88rem; margin-bottom: 1rem; }

.p-kod { background: var(--p-zemin-2); border: 1px solid var(--p-cizgi); border-radius: 8px; padding: 0.7rem 0.9rem; font-family: 'JetBrains Mono', monospace; font-size: 0.83rem; color: var(--p-vurgu); }

.p-bos { text-align: center; padding: 3rem 1rem; color: var(--p-yazi-3); }
.p-bos i { font-size: 2rem; color: var(--p-yazi-4); display: block; margin-bottom: 0.7rem; }

/* Giriş sayfası */
.p-giris-cerceve { min-height: 100vh; display: grid; place-items: center; padding: 2rem 1rem; background: var(--p-zemin); }
.p-giris-kart { background: white; border: 1px solid var(--p-cizgi); border-radius: 12px; padding: 2.2rem 2rem; max-width: 420px; width: 100%; box-shadow: 0 10px 20px rgba(15,23,42,0.06), 0 4px 8px rgba(15,23,42,0.04); }
.p-giris-kart h1 { text-align: center; font-size: 1.4rem; margin-bottom: 0.3rem; }
.p-giris-kart .alt-baslik { text-align: center; color: var(--p-yazi-3); font-size: 0.88rem; margin-bottom: 1.6rem; }

@media (max-width: 991.98px) {
    .p-cerceve { grid-template-columns: 1fr; padding: 1rem; }
    .p-yan { position: static; }
}