/*
 * Netago paneli: gece + zümrüt teması (uygulamalarla aynı dil).
 * Filament'in fi-* sınıflarının üstüne yazılır; derleme gerektirmez.
 */
:root {
    --nt-ink: #050806;
    --nt-ink2: #0A0F0D;
    --nt-ink3: #0F1613;
    --nt-line: rgba(236, 243, 239, .07);
    --nt-line2: rgba(236, 243, 239, .12);
    --nt-text: #ECF3EF;
    --nt-muted: #8A9A93;
    --nt-green: #2FE39A;
    --nt-green-deep: #0C3A2B;
    --nt-champagne: #D8C39A;
    --nt-danger: #FF5C6C;
    --nt-amber: #F5B84B;
    --nt-sky: #6CB4FF;
    --nt-radius: 18px;
    --nt-display: 'Syne', 'Manrope', system-ui, sans-serif;
    --nt-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --nt-card: linear-gradient(180deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .014));
    --nt-glass: rgba(8, 13, 11, .72);
}

/* ---------- zemin ---------- */
html.dark, .dark body, .fi-body {
    background-color: var(--nt-ink) !important;
}
.fi-body {
    background-image:
        radial-gradient(900px 520px at 8% -8%, rgba(47, 227, 154, .085), transparent 60%),
        radial-gradient(700px 480px at 102% 108%, rgba(216, 195, 154, .05), transparent 60%) !important;
    background-attachment: fixed !important;
    color: var(--nt-text);
    -webkit-font-smoothing: antialiased;
}
::selection { background: rgba(47, 227, 154, .28); color: #fff; }
* { scrollbar-width: thin; scrollbar-color: rgba(236, 243, 239, .14) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-thumb { background: rgba(236, 243, 239, .12); border-radius: 9px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-track { background: transparent; }

/* ---------- üst çubuk ---------- */
.fi-topbar {
    background: var(--nt-glass) !important;
    backdrop-filter: blur(18px) saturate(1.2);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    box-shadow: inset 0 -1px 0 var(--nt-line) !important;
}
.fi-topbar .fi-input-wrp { background: rgba(255, 255, 255, .03) !important; }

/* ---------- kenar çubuğu ---------- */
.fi-sidebar.fi-main-sidebar, .fi-main-sidebar {
    background: linear-gradient(180deg, #070C0A, #050806) !important;
    box-shadow: inset -1px 0 0 var(--nt-line) !important;
}
.fi-sidebar-header { background: transparent !important; box-shadow: none !important; }
.fi-sidebar-nav { padding-top: .5rem !important; }
.fi-sidebar-group-label {
    font-size: .66rem !important;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(236, 243, 239, .38) !important;
    font-weight: 800 !important;
}
.fi-sidebar-item-btn {
    border-radius: 12px !important;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
    position: relative;
}
.fi-sidebar-item-btn:hover { background: rgba(236, 243, 239, .045) !important; }
.fi-sidebar-item-label { font-weight: 600; letter-spacing: .005em; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: linear-gradient(90deg, rgba(47, 227, 154, .16), rgba(47, 227, 154, .04)) !important;
    box-shadow: inset 0 0 0 1px rgba(47, 227, 154, .16);
}
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn::before {
    content: '';
    position: absolute;
    inset-inline-start: -10px;
    top: 9px;
    bottom: 9px;
    width: 3px;
    border-radius: 3px;
    background: var(--nt-green);
    box-shadow: 0 0 12px rgba(47, 227, 154, .8);
}
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn svg { color: var(--nt-green) !important; }
.fi-sidebar-footer { border-top: 1px solid var(--nt-line); }

/* ---------- sayfa başlığı ---------- */
.fi-header-heading {
    font-family: var(--nt-display) !important;
    font-weight: 800 !important;
    letter-spacing: -.01em;
}
.fi-header-subheading { color: var(--nt-muted) !important; }
.fi-breadcrumbs { opacity: .75; }

/* ---------- kartlar (bölüm, tablo, widget) ---------- */
.fi-section:not(.fi-section-not-contained),
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-wi-chart .fi-section,
.fi-in-entry-wrp,
.fi-fo-repeater-item,
.fi-dropdown-panel {
    border-radius: var(--nt-radius) !important;
}
.fi-section:not(.fi-section-not-contained),
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    background: var(--nt-card), var(--nt-ink2) !important;
    box-shadow: 0 0 0 1px var(--nt-line), 0 24px 48px -32px rgba(0, 0, 0, .8) !important;
}
.fi-section-header-heading { font-weight: 800 !important; letter-spacing: .005em; }
.fi-section-header-description { color: var(--nt-muted) !important; }
.fi-section-header { border-color: var(--nt-line) !important; }

/* ---------- istatistik kartları ---------- */
.fi-wi-stats-overview-stat {
    position: relative;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}
.fi-wi-stats-overview-stat::after {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(47, 227, 154, .55), transparent);
    opacity: .45;
    transition: opacity .25s ease;
}
.fi-wi-stats-overview-stat:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(47, 227, 154, .22), 0 28px 50px -30px rgba(47, 227, 154, .35) !important; }
.fi-wi-stats-overview-stat:hover::after { opacity: 1; }
.fi-wi-stats-overview-stat-label { text-transform: uppercase; letter-spacing: .12em; font-size: .68rem !important; font-weight: 800 !important; color: var(--nt-muted) !important; }
.fi-wi-stats-overview-stat-value {
    font-family: var(--nt-display) !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
    font-size: 2rem !important;
    line-height: 1.1 !important;
}
.fi-wi-stats-overview-stat-description { font-size: .78rem !important; }

/* ---------- tablolar ---------- */
.fi-ta-header-cell {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .66rem !important;
    font-weight: 800 !important;
    color: rgba(236, 243, 239, .48) !important;
    background: rgba(255, 255, 255, .012) !important;
}
.fi-ta-header-toolbar, .fi-ta-header { border-color: var(--nt-line) !important; }
.fi-ta-row { transition: background-color .15s ease; }
.fi-ta-row:hover { background: rgba(47, 227, 154, .035) !important; }
.fi-ta-content, .fi-ta-row, .fi-ta-cell { border-color: var(--nt-line) !important; }
.fi-ta-table > tbody > tr { border-color: var(--nt-line) !important; }
.fi-pagination-item-btn { border-radius: 10px !important; }

/* ---------- düğmeler, rozetler, girişler ---------- */
.fi-btn { border-radius: 12px !important; font-weight: 700 !important; letter-spacing: .01em; transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease !important; }
.fi-btn:active { transform: translateY(1px); }
.fi-btn.fi-color-primary:not(.fi-outlined) { color: #05140E !important; box-shadow: 0 8px 22px -12px rgba(47, 227, 154, .9); }
.fi-btn.fi-color-primary:not(.fi-outlined):hover { box-shadow: 0 10px 28px -10px rgba(47, 227, 154, 1); }
.fi-badge { border-radius: 999px !important; font-weight: 700 !important; letter-spacing: .01em; }
.fi-input-wrp {
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .025) !important;
    transition: box-shadow .18s ease;
}
.fi-input-wrp:focus-within { box-shadow: 0 0 0 1px rgba(47, 227, 154, .55), 0 0 0 4px rgba(47, 227, 154, .12) !important; }
.fi-fo-field-label-content { font-weight: 700 !important; }
.fi-tabs { border-radius: 14px !important; background: rgba(255, 255, 255, .025) !important; box-shadow: 0 0 0 1px var(--nt-line) !important; }
.fi-tabs-item.fi-active { background: rgba(47, 227, 154, .12) !important; }
.fi-tabs-item.fi-active .fi-tabs-item-label { color: var(--nt-green) !important; }

/* ---------- pencere, açılır menü, bildirim ---------- */
.fi-modal-window {
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01)), #090E0C !important;
    box-shadow: 0 0 0 1px var(--nt-line2), 0 40px 80px -30px rgba(0, 0, 0, .9) !important;
}
.fi-modal-close-overlay { background: rgba(2, 4, 3, .7) !important; backdrop-filter: blur(6px); }
.fi-dropdown-panel { background: #0B110F !important; box-shadow: 0 0 0 1px var(--nt-line2), 0 24px 50px -20px rgba(0, 0, 0, .9) !important; }
.fi-no-notification { border-radius: 16px !important; background: #0B110F !important; box-shadow: 0 0 0 1px var(--nt-line2), 0 24px 50px -20px rgba(0, 0, 0, .9) !important; }

/* ---------- giriş ekranı ---------- */
.fi-simple-layout { position: relative; overflow: hidden; }
.fi-simple-main {
    position: relative;
    z-index: 2;
    border-radius: 26px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)), rgba(7, 11, 9, .78) !important;
    backdrop-filter: blur(22px) saturate(1.25);
    -webkit-backdrop-filter: blur(22px) saturate(1.25);
    box-shadow: 0 0 0 1px var(--nt-line2), 0 50px 100px -40px rgba(0, 0, 0, .95), 0 0 120px -40px rgba(47, 227, 154, .25) !important;
}
.fi-simple-header-heading { font-family: var(--nt-display) !important; font-weight: 800 !important; letter-spacing: -.01em; }
.nt-auth-art { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.nt-auth-art svg { width: 100%; height: 100%; }
.nt-auth-art .road { fill: none; stroke: rgba(236, 243, 239, .06); stroke-width: 1.2; }
.nt-auth-art .road.major { stroke: rgba(47, 227, 154, .12); stroke-width: 1.6; }
.nt-auth-art .flow { fill: none; stroke: var(--nt-green); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 60 940; filter: drop-shadow(0 0 6px rgba(47, 227, 154, .9)); animation: nt-flow 7s linear infinite; }
.nt-auth-art .flow.b { stroke: var(--nt-champagne); filter: drop-shadow(0 0 6px rgba(216, 195, 154, .9)); animation-duration: 9s; animation-delay: -3s; }
.nt-auth-art .flow.c { animation-duration: 11s; animation-delay: -6s; }
.nt-auth-art .dot { fill: var(--nt-green); animation: nt-pulse 2.6s ease-out infinite; transform-origin: center; transform-box: fill-box; }
.nt-auth-tag {
    position: absolute; z-index: 1; left: 50%; bottom: 28px; transform: translateX(-50%);
    font: 600 .7rem/1 var(--nt-mono); letter-spacing: .32em; text-transform: uppercase; color: rgba(236, 243, 239, .32); white-space: nowrap;
}
@keyframes nt-flow { to { stroke-dashoffset: -1000; } }
@keyframes nt-pulse { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(3.2); } }
@media (prefers-reduced-motion: reduce) {
    .nt-auth-art .flow, .nt-auth-art .dot { animation: none; }
}

/* ---------- gösterge paneli ---------- */
.nt-hero {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    padding: clamp(18px, 3vw, 28px);
    background:
        radial-gradient(600px 240px at 0% 0%, rgba(47, 227, 154, .16), transparent 60%),
        radial-gradient(500px 260px at 100% 120%, rgba(216, 195, 154, .1), transparent 60%),
        linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)), var(--nt-ink2);
    box-shadow: 0 0 0 1px var(--nt-line), 0 30px 60px -36px rgba(0, 0, 0, .9);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
}
.nt-hero-kicker { font: 700 .68rem/1 var(--nt-mono); letter-spacing: .24em; text-transform: uppercase; color: var(--nt-green); display: flex; align-items: center; gap: 8px; }
.nt-hero-title { font: 800 clamp(1.4rem, 2.6vw, 2.1rem)/1.12 var(--nt-display); letter-spacing: -.015em; margin-top: 10px; color: var(--nt-text); }
.nt-hero-sub { color: var(--nt-muted); margin-top: 6px; font-size: .92rem; }
.nt-hero-cta {
    display: inline-flex; align-items: center; gap: 10px; padding: 14px 20px; border-radius: 16px;
    background: var(--nt-green); color: #05140E; font-weight: 800; text-decoration: none; white-space: nowrap;
    box-shadow: 0 14px 34px -14px rgba(47, 227, 154, .95);
    transition: transform .2s ease, box-shadow .2s ease;
}
.nt-hero-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -12px rgba(47, 227, 154, 1); }
.nt-hero-cta svg { width: 20px; height: 20px; }
.nt-live { width: 8px; height: 8px; border-radius: 50%; background: var(--nt-green); box-shadow: 0 0 0 0 rgba(47, 227, 154, .7); animation: nt-live 1.8s infinite; }
@keyframes nt-live { 0% { box-shadow: 0 0 0 0 rgba(47, 227, 154, .6); } 70% { box-shadow: 0 0 0 9px rgba(47, 227, 154, 0); } 100% { box-shadow: 0 0 0 0 rgba(47, 227, 154, 0); } }
.nt-hero-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.nt-chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px var(--nt-line); font-size: .78rem; color: var(--nt-muted); }
.nt-chip b { color: var(--nt-text); font-weight: 800; }
.nt-chip i { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
@media (max-width: 640px) {
    .nt-hero { grid-template-columns: 1fr; }
    .nt-hero-cta { justify-content: center; }
}

/* ---------- mobil ---------- */
@media (max-width: 1023px) {
    .fi-wi-stats-overview-stat-value { font-size: 1.6rem !important; }
}