/* Kullanıcı durum rozeti ve detay sayfası. Renkler token; koyu tema bloğu :root'tan SONRA. */
:root {
    --wte-activity-notstarted: #6c757d;
    --wte-activity-new: #0d6efd;
    --wte-activity-active: #198754;
    --wte-activity-atrisk: #fd7e14;
    --wte-activity-lost: #dc3545;
    --wte-heat-none: #ebedf0;
    --wte-heat-ga: #9ec5fe;
    --wte-heat-db: #198754;
    --wte-heat-nodata: repeating-linear-gradient(45deg, #f1f3f5 0 3px, #dee2e6 3px 6px);
}

[data-theme="dark"] {
    --wte-activity-notstarted: #9ca3af;
    --wte-activity-new: #6ea8fe;
    --wte-activity-active: #4ade80;
    --wte-activity-atrisk: #fdba74;
    --wte-activity-lost: #ff6b7a;
    --wte-heat-none: #2a2f3c;
    --wte-heat-ga: #3d5a8a;
    --wte-heat-db: #2f9e5f;
    --wte-heat-nodata: repeating-linear-gradient(45deg, #222631 0 3px, #2e3340 3px 6px);
}

.wte-activity { color: #fff; }
.wte-activity-notstarted { background: var(--wte-activity-notstarted); }
.wte-activity-new { background: var(--wte-activity-new); }
.wte-activity-active { background: var(--wte-activity-active); }
.wte-activity-atrisk { background: var(--wte-activity-atrisk); color: #212529; }
.wte-activity-lost { background: var(--wte-activity-lost); }
/* Koyu temada rozet zeminleri açık: beyaz yazı 1.7–2.8:1 kalıyordu, koyu yazı ≥6.4:1. */
[data-theme="dark"] .wte-activity { color: #111827; }
/* AdminKit .card yazıyı #495057 yapıyor; koyu zeminde okunmuyordu (tablolar kendi kuralıyla kurtuluyor). */
[data-theme="dark"] .wte-detail .card { color: var(--wte-text); }
/* Kullanıcı listesi: iki aktivite sütunuyla 1440px'te tablo sığmıyordu; ikincil sütunlar (Sağlayıcı, Son Giriş) 1600px altında gizli. */
@media (max-width: 1599.98px) { .wte-col-wide { display: none; } }

/* Zaman çizelgesi tür renkleri (ikon + süzgeç). */
:root {
    --wte-kind-plan: #198754;
    --wte-kind-shopping: #0d6efd;
    --wte-kind-favorite: #dc3545;
    --wte-kind-rating: #e0a800;
    --wte-kind-feedback: #0aa2c0;
    --wte-kind-custommeal: #6f42c1;
    --wte-kind-session: #5b8def;
    --wte-kind-account: #6c757d;
}

[data-theme="dark"] {
    --wte-kind-plan: #4ade80;
    --wte-kind-shopping: #6ea8fe;
    --wte-kind-favorite: #ff6b7a;
    --wte-kind-rating: #ffd166;
    --wte-kind-feedback: #5fd3e8;
    --wte-kind-custommeal: #b197fc;
    --wte-kind-session: #8fb4ff;
    --wte-kind-account: #9ca3af;
}

/* Başlık */
.wte-detail-header .min-w-0 { min-width: 0; }
.wte-detail-status .badge { font-size: .95rem; padding: .45em .8em; }
.wte-detail-summary { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .9375rem; }

/* Isı haritası: ilk sütun gün etiketleri; satırlar ay + plan noktası + Pzt–Paz */
.wte-heatmap { display: grid; grid-template-columns: 18px repeat(12, 14px); grid-auto-rows: 14px; gap: 3px; }
.wte-heatmap { grid-template-rows: 14px 8px repeat(7, 14px); grid-auto-flow: column; }
.wte-heatmap-cell { border-radius: 3px; background: var(--wte-heat-none); }
.wte-heatmap-cell.lvl-ga { background: var(--wte-heat-ga); }
.wte-heatmap-cell.lvl-db { background: var(--wte-heat-db); }
.wte-heatmap-cell.lvl-nodata { background: var(--wte-heat-nodata); }
.wte-heatmap-cell.future { background: transparent; }
.wte-heatmap-daylabel { font-size: 10px; line-height: 14px; color: var(--wte-text-muted); }
.wte-heatmap-planned { width: 6px; height: 6px; border-radius: 50%; background: var(--wte-heat-db); margin: auto; }
.wte-heatmap-month { font-size: 10px; line-height: 14px; color: var(--wte-text-muted); white-space: nowrap; overflow: visible; }
.wte-heatmap-plannedslot { display: flex; align-items: center; justify-content: center; }
.wte-heatmap-scroll { max-width: 100%; overflow-x: auto; }
.wte-heatmap-summary { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.wte-heatmap-summary-value { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.wte-heatmap-legend { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .8125rem; color: var(--wte-text-muted); }
.wte-heatmap-legend > span { display: inline-flex; align-items: center; gap: .35rem; }
.wte-heatmap-legend .wte-heatmap-planned { margin: 0; }
.wte-heatmap-swatch { display: inline-block; width: 12px; height: 12px; border-radius: 3px; background: var(--wte-heat-none); }
.wte-heatmap-swatch.lvl-ga { background: var(--wte-heat-ga); }
.wte-heatmap-swatch.lvl-db { background: var(--wte-heat-db); }
.wte-heatmap-swatch.lvl-nodata { background: var(--wte-heat-nodata); }

/* Zaman çizelgesi */
.wte-timeline { list-style: none; padding: 0; margin: 0; }
.wte-timeline li { display: flex; gap: .75rem; padding: .5rem 0; border-bottom: 1px solid var(--wte-list-divider); }
.wte-timeline li:last-child { border-bottom: 0; }
.wte-timeline time { min-width: 7.5rem; color: var(--wte-text-muted); font-size: .8125rem; }
.wte-tl-text { min-width: 0; overflow-wrap: anywhere; font-size: .875rem; }
.wte-tl-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; }
.wte-tl-filter { border: 1px solid var(--wte-border); color: var(--wte-text-muted); background: transparent; opacity: .6; }
.wte-tl-filter.active { color: var(--wte-text); background: var(--wte-surface-2); opacity: 1; }
.wte-tl-filter:hover { color: var(--wte-text); }

.wte-tl-color-plan, .wte-tl-bg-plan { color: var(--wte-kind-plan); }
.wte-tl-color-shopping, .wte-tl-bg-shopping { color: var(--wte-kind-shopping); }
.wte-tl-color-favorite, .wte-tl-bg-favorite { color: var(--wte-kind-favorite); }
.wte-tl-color-rating, .wte-tl-bg-rating { color: var(--wte-kind-rating); }
.wte-tl-color-feedback, .wte-tl-bg-feedback { color: var(--wte-kind-feedback); }
.wte-tl-color-custommeal, .wte-tl-bg-custommeal { color: var(--wte-kind-custommeal); }
.wte-tl-color-session, .wte-tl-bg-session { color: var(--wte-kind-session); }
.wte-tl-color-account, .wte-tl-bg-account { color: var(--wte-kind-account); }
.wte-tl-icon { background: color-mix(in srgb, currentColor 15%, transparent); }

/* Sağ sütun */
.wte-kv { display: grid; grid-template-columns: minmax(7rem, auto) 1fr; gap: .4rem 1rem; font-size: .875rem; }
.wte-kv dt { font-weight: 500; color: var(--wte-text-muted); }
.wte-kv dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.wte-side-list { list-style: none; padding: 0; margin: 0; max-height: 18rem; overflow-y: auto; font-size: .875rem; }
.wte-side-list > li { padding: .4rem 0; border-bottom: 1px solid var(--wte-list-divider); }
.wte-side-list > li:last-child { border-bottom: 0; }
.wte-side-toggle { display: flex; width: 100%; align-items: center; gap: .5rem; padding: 0; border: 0; background: none; color: inherit; }
.wte-plan-days { list-style: none; margin: .4rem 0 0 1.5rem; padding: 0; font-size: .8125rem; }
.wte-plan-days li { display: grid; grid-template-columns: 7.5rem 1fr; gap: .5rem; padding: .15rem 0; }
.wte-stars { color: var(--wte-kind-rating); letter-spacing: 1px; }