/*! Webtra yönetim paneli — Filament üzerine marka katmanı */
:root{--dj-em:#10b981;--dj-em-2:#059669;--dj-em-bg:rgba(var(--dj-em-rgb,16,185,129),.1);--dj-em-bd:rgba(var(--dj-em-rgb,5,150,105),.35);--dj-deep:#053D2E;--dj-mu:#6b7570;--dj-bd:rgba(12,22,17,.09)}
.dark{--dj-em-bg:rgba(var(--dj-em-rgb,16,185,129),.12);--dj-em-bd:rgba(var(--dj-em-rgb,16,185,129),.35);--dj-mu:#8d9892;--dj-bd:rgba(255,255,255,.08)}

/* Marka (site kimliği: ad/logo/renk PanelBrand'den) */
.dj-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--dj-font-heading,"Plus Jakarta Sans",sans-serif);line-height:1}
.dj-brand-img{height:2rem;width:auto;max-width:11rem;object-fit:contain}
.dj-brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--primary-600);color:#fff;font-weight:700;font-size:16px;flex:none}
.dj-brand b{font-size:18px;font-weight:700;letter-spacing:-.02em;color:rgb(var(--gray-950,9 9 11));max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dark .dj-brand b{color:#fff}
.dj-brand em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--dj-em-2);background:var(--dj-em-bg);border:1px solid var(--dj-em-bd);padding:3px 7px;border-radius:999px}
.dark .dj-brand em{color:var(--dj-em-lt)}
.fi-simple-header .dj-brand em{display:none}
body{font-family:var(--dj-font-body,"Plus Jakarta Sans",sans-serif)}
.fi-header-heading,.fi-simple-header-heading,.fi-section-header-heading,.fi-modal-heading{font-family:var(--dj-font-heading,inherit)}
.dj-credit{display:block;text-align:center;font-size:11.5px;color:var(--dj-mu);padding:10px 0 4px;opacity:.8}
.dj-credit:hover{opacity:1;color:var(--dj-em-2)}
.dark .dj-credit:hover{color:var(--dj-em-lt)}
.fi-sidebar-footer .dj-credit,.fi-sidebar .dj-credit{padding:12px 8px}
.dj-site-link{font-size:13px;font-weight:600;color:var(--dj-em-2);padding:6px 10px;border-radius:9px;margin-right:6px;white-space:nowrap}
.dj-site-link:hover{background:var(--dj-em-bg)}
.dark .dj-site-link{color:var(--dj-em-lt,#34d399)}
@media (max-width:640px){.dj-site-link{display:none}}
.dj-setup-hint{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px dashed var(--dj-em-bd);background:var(--dj-em-bg);font-size:13.5px;text-align:center}
.dj-setup-hint a{font-weight:700;color:var(--dj-em-2)}

/* Giriş ekranı: sitenin ana rengi + (varsa) sitenin görselinden yumuşak arka plan */
.fi-simple-layout{position:relative;isolation:isolate;background:radial-gradient(60% 50% at 80% 0%,rgba(var(--dj-em-rgb,16,185,129),.16),transparent 70%),radial-gradient(40% 40% at 0% 100%,rgba(var(--dj-em-rgb,16,185,129),.10),transparent 70%)}
.fi-simple-layout::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--dj-login-bg,none) center/cover no-repeat;opacity:.16;filter:blur(3px) saturate(.9);transform:scale(1.04)}
.dark .fi-simple-layout::before{opacity:.22}
.fi-simple-main{border-radius:22px!important;backdrop-filter:blur(10px)}
.dj-credit-login{position:absolute;left:0;right:0;bottom:6px}
.dj-credit-login.dj-credit-demo{bottom:56px}
/* Yardımcılar */
.dj-muted{color:var(--dj-mu)}
.dj-link{color:var(--dj-em-2);font-weight:600}
.dark .dj-link{color:var(--dj-em-lt,#34d399)}
.dj-sep{color:var(--dj-mu);margin:0 4px}
.dj-thumb{border-radius:8px;object-fit:cover;box-shadow:0 0 0 1px var(--dj-bd)}

/* SEO önizleme */
.dj-serp small{display:block;font-size:12px;font-weight:600;color:var(--dj-mu);margin-bottom:6px}
.dj-serp-box{display:grid;gap:3px;padding:14px 16px;border-radius:12px;border:1px solid var(--dj-bd);background:#fff;font-family:Arial,sans-serif}
.dark .dj-serp-box{background:#202124}
.dj-serp-url{font-size:12.5px;color:#4d5156}
.dark .dj-serp-url{color:#bdc1c6}
.dj-serp-t{font-size:19px;color:#1a0dab;line-height:1.3}
.dark .dj-serp-t{color:#8ab4f8}
.dj-serp-d{font-size:13.5px;color:#4d5156;line-height:1.5}
.dark .dj-serp-d{color:#bdc1c6}

/* Kayıt istatistikleri */
.dj-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.dj-kpis>div{padding:12px 14px;border-radius:12px;border:1px solid var(--dj-bd);background:rgba(var(--dj-em-rgb,16,185,129),.03)}
.dj-kpis small{display:block;font-size:12px;color:var(--dj-mu)}
.dj-kpis b{font-size:22px;font-weight:800;letter-spacing:-.03em}
.dj-bars{display:flex;align-items:flex-end;gap:3px;height:120px;margin-top:16px;padding:10px;border-radius:12px;border:1px solid var(--dj-bd)}
.dj-bars span{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;gap:1px}
.dj-bars i{display:block;flex:1;min-height:2px;border-radius:3px 3px 0 0}
.dj-bars i.v,.dj-legend i.v{background:rgba(var(--dj-em-rgb,16,185,129),.35)}
.dj-bars i.p,.dj-legend i.p{background:var(--dj-em-2)}
.dj-legend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dj-mu);margin-top:8px}
.dj-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}

/* Kontrol paneli */
.dj-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.dj-quick a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--dj-bd);font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s}
.dj-quick a:hover{border-color:var(--dj-em-bd);background:var(--dj-em-bg)}
.dj-quick svg{width:20px;height:20px;color:var(--dj-em-2);flex:none}
.dark .dj-quick svg{color:var(--dj-em-lt,#34d399)}
.dj-quick small{display:block;font-size:11.5px;font-weight:500;color:var(--dj-mu)}

/* Talep zaman çizelgesi */
.dj-tl{position:relative;display:grid;gap:14px;padding-left:22px}
.dj-tl::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--dj-bd)}
.dj-tl-i{position:relative}
.dj-tl-i::before{content:"";position:absolute;left:-20px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--dj-em)}
.dark .dj-tl-i::before{background:#18181b}
.dj-tl-i.t-status::before{background:var(--dj-em)}
.dj-tl-i.t-system::before{border-color:#a1a1aa}
.dj-tl-i.t-call::before,.dj-tl-i.t-whatsapp::before{border-color:#22c55e}
.dj-tl-i.t-email::before{border-color:#0ea5e9}
.dj-tl-i.t-meeting::before{border-color:#8b5cf6}
.dj-tl-i.t-quote::before{border-color:#f59e0b}
.dj-tl-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--dj-mu)}
.dj-tl-h b{color:inherit;font-weight:700}
.dj-tl-tag{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--dj-em-bg);color:var(--dj-em-2)}
.dark .dj-tl-tag{color:var(--dj-em-lt,#34d399)}
.dj-tl-b{margin-top:3px;font-size:14px;line-height:1.55;white-space:pre-line}
.dj-empty{padding:18px;border-radius:12px;border:1px dashed var(--dj-bd);color:var(--dj-mu);font-size:13.5px;text-align:center}

/* Talep kartı başlığı */
.dj-lead-head{display:flex;flex-wrap:wrap;gap:8px}
.dj-lead-head a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid var(--dj-bd);font-size:13px;font-weight:600}
.dj-lead-head a:hover{border-color:var(--dj-em-bd);background:var(--dj-em-bg)}
.dj-lead-head a.wa{background:#25d366;border-color:#25d366;color:#052e16}

/* Sağlık kontrolü */
.dj-health{display:grid;gap:8px}
.dj-health div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--dj-bd);font-size:13.5px}
.dj-health em{font-style:normal;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px}
.dj-health .ok{background:rgba(var(--dj-em-rgb,16,185,129),.12);color:#047857}
.dj-health .warn{background:rgba(245,158,11,.14);color:#b45309}
.dj-health .bad{background:rgba(244,63,94,.12);color:#be123c}
.dark .dj-health .ok{color:var(--dj-em-lt,#34d399)}
.dark .dj-health .warn{color:#fbbf24}
.dark .dj-health .bad{color:#fda4af}
.dj-health small{display:block;font-size:12px;color:var(--dj-mu)}

/* Medya kütüphanesi */
.dj-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}

/* İstatistik tabloları */
.dj-rank{display:grid;gap:6px}
.dj-rank div{position:relative;display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:9px;font-size:13px;overflow:hidden}
.dj-rank div i{position:absolute;left:0;top:0;bottom:0;background:var(--dj-em-bg);border-radius:9px;z-index:0}
.dj-rank div span,.dj-rank div b{position:relative;z-index:1}
.dj-rank div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dj-warn{margin:8px 0 0;padding-left:18px;list-style:disc;font-size:12.5px;color:#b45309}.dark .dj-warn{color:#fbbf24}
/* Sistem uyarıları (kontrol paneli) */
.dj-notices{display:grid;gap:8px}
.dj-notice{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid;font-size:13.5px;line-height:1.5}
.dj-notice svg{width:20px;height:20px;flex:none;margin-top:1px}
.dj-notice b{display:block;font-weight:700}
.dj-notice span{display:block;opacity:.85;word-break:break-word}
.dj-notice a{margin-left:auto;white-space:nowrap;font-weight:700;font-size:13px}
.dj-notice.warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.35);color:#92400e}
.dj-notice.bad{background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.35);color:#9f1239}
.dj-notice.info{background:rgba(14,165,233,.07);border-color:rgba(14,165,233,.3);color:#075985}
.dark .dj-notice.warn{color:#fcd34d}.dark .dj-notice.bad{color:#fda4af}.dark .dj-notice.info{color:#7dd3fc}
@media (max-width:640px){.dj-notice{flex-wrap:wrap}.dj-notice a{margin-left:32px}}

/* Kod / HTML alanları (eş aralıklı metin kutusu) */
textarea.dj-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;font-size:12.5px!important;line-height:1.6!important;tab-size:2;white-space:pre;overflow-x:auto;min-height:6rem}