/* ================================================================
   Muhasebe — Apple Liquid Glass Design System
   ================================================================ */

/* ── Temel Arka Plan ──────────────────────────────────────────── */
body {
    background: linear-gradient(135deg, #eef2ff 0%, #f0f4ff 45%, #e8f5ee 100%) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}
body.dark,
.dark body {
    background: linear-gradient(135deg, #0c1428 0%, #111e35 55%, #0d1e18 100%) !important;
    background-attachment: fixed !important;
}

/* Kenar yumuşatma için statik arka plan ek katmanı */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(ellipse 80% 60% at 20% 10%, rgba(60,80,224,0.08) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 80% 80%, rgba(33,150,83,0.06) 0%, transparent 50%);
    pointer-events: none;
}
.dark body::before,
body.dark::before {
    background:
        radial-gradient(ellipse 80% 60% at 20% 10%, rgba(60,80,224,0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 80% 80%, rgba(33,150,83,0.08) 0%, transparent 50%);
}

/* ── Sidebar ──────────────────────────────────────────────────── */
aside {
    background: linear-gradient(180deg,
        rgba(15,24,48,0.92) 0%,
        rgba(18,30,58,0.88) 100%) !important;
    backdrop-filter: blur(28px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
    border-right: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.2) !important;
}
.dark aside {
    background: linear-gradient(180deg,
        rgba(10,16,36,0.95) 0%,
        rgba(12,20,45,0.92) 100%) !important;
    border-right-color: rgba(255,255,255,0.06) !important;
}

/* Sidebar nav hover */
aside nav a:hover,
aside nav a.bg-graydark,
aside nav a.dark\:bg-meta-4 {
    background: rgba(255,255,255,0.1) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 12px !important;
}

/* ── Topbar ───────────────────────────────────────────────────── */
header.sticky {
    background: rgba(255,255,255,0.75) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255,255,255,0.6) !important;
    box-shadow: 0 1px 16px rgba(0,0,0,0.06), 0 1px 0 rgba(255,255,255,0.8) inset !important;
}
.dark header.sticky {
    background: rgba(15,25,48,0.8) !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
    box-shadow: 0 1px 16px rgba(0,0,0,0.25) !important;
}

/* ── Glass Card (temel) ───────────────────────────────────────── */
.glass-card,
.rounded-2xl.border.border-stroke.bg-white,
.rounded-2xl.border.bg-white,
.rounded-xl.border.border-stroke.bg-white,
.rounded-xl.border.bg-white {
    background: rgba(255,255,255,0.65) !important;
    backdrop-filter: blur(20px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
    border: 1px solid rgba(255,255,255,0.75) !important;
    box-shadow:
        0 8px 32px rgba(0,0,0,0.07),
        0 1px 0 rgba(255,255,255,0.9) inset !important;
}
.dark .rounded-2xl.border.border-stroke.bg-white,
.dark .rounded-2xl.border.bg-white,
.dark .rounded-xl.border.border-stroke.bg-white,
.dark .rounded-xl.border.bg-white,
.dark .glass-card {
    background: rgba(20,35,65,0.55) !important;
    border-color: rgba(255,255,255,0.1) !important;
    box-shadow:
        0 8px 32px rgba(0,0,0,0.25),
        0 1px 0 rgba(255,255,255,0.06) inset !important;
}

/* boxdark sınıfı (TailAdmin dark card) */
.dark\:bg-boxdark,
.dark .dark\:bg-boxdark {
    background: rgba(22,38,68,0.6) !important;
    backdrop-filter: blur(20px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}

/* ── Filtreler (Segment Control) ──────────────────────────────── */
.rounded-xl.bg-gray-2,
.rounded-xl.dark\:bg-meta-4 {
    background: rgba(255,255,255,0.5) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    border: 1px solid rgba(255,255,255,0.65) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.8) !important;
}
.dark .rounded-xl.bg-gray-2,
.dark .rounded-xl.dark\:bg-meta-4 {
    background: rgba(20,35,60,0.6) !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.2) !important;
}

/* Aktif filtre butonu */
.rounded-lg.bg-white.shadow-sm,
.rounded-lg.dark\:bg-boxdark.shadow-sm {
    background: rgba(255,255,255,0.95) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,1) inset !important;
}
.dark .rounded-lg.dark\:bg-boxdark.shadow-sm {
    background: rgba(40,60,100,0.8) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}

/* ── Tablolar ─────────────────────────────────────────────────── */
table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
thead tr {
    background: rgba(255,255,255,0.4) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
.dark thead tr {
    background: rgba(255,255,255,0.04) !important;
}
tbody tr:hover {
    background: rgba(255,255,255,0.45) !important;
    transition: background 0.15s ease !important;
}
.dark tbody tr:hover {
    background: rgba(255,255,255,0.05) !important;
}

/* ── Modallar ─────────────────────────────────────────────────── */
/* Modal arka plan overlay */
.fixed.inset-0.bg-black\/50 {
    background: rgba(0,0,0,0.25) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* Modal içerik kartı */
.fixed.inset-0 .relative.w-full > div[class*="rounded"],
.fixed.inset-0 > div[class*="rounded-2xl"],
.fixed .relative[class*="rounded-2xl"],
.fixed .relative[class*="rounded-xl"] {
    background: rgba(245,248,255,0.88) !important;
    backdrop-filter: blur(32px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(32px) saturate(200%) !important;
    border: 1px solid rgba(255,255,255,0.85) !important;
    box-shadow:
        0 24px 64px rgba(0,0,0,0.15),
        0 8px 24px rgba(0,0,0,0.08),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;
}
.dark .fixed.inset-0 .relative.w-full > div[class*="rounded"],
.dark .fixed .relative[class*="rounded-2xl"],
.dark .fixed .relative[class*="rounded-xl"] {
    background: rgba(15,25,48,0.85) !important;
    border-color: rgba(255,255,255,0.1) !important;
    box-shadow:
        0 24px 64px rgba(0,0,0,0.5),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* ── Input Alanları ───────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
select,
textarea {
    background: rgba(255,255,255,0.7) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255,255,255,0.8) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05), inset 0 1px 2px rgba(0,0,0,0.03) !important;
    transition: all 0.2s ease !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    background: rgba(255,255,255,0.9) !important;
    border-color: rgba(60,80,224,0.5) !important;
    box-shadow: 0 0 0 3px rgba(60,80,224,0.12), 0 2px 8px rgba(0,0,0,0.05) !important;
    outline: none !important;
}
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="number"],
.dark input[type="date"],
.dark select,
.dark textarea {
    background: rgba(20,35,65,0.6) !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #dee4ee !important;
}
.dark input:focus,
.dark select:focus,
.dark textarea:focus {
    background: rgba(25,42,78,0.7) !important;
    border-color: rgba(60,80,224,0.5) !important;
    box-shadow: 0 0 0 3px rgba(60,80,224,0.2) !important;
}

/* Color picker özel */
input[type="color"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── Butonlar ─────────────────────────────────────────────────── */
button[class*="bg-primary"],
a[class*="bg-primary"] {
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 4px 14px rgba(60,80,224,0.35) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    transition: all 0.2s cubic-bezier(0.34,1.3,0.64,1) !important;
}
button[class*="bg-primary"]:active,
a[class*="bg-primary"]:active {
    transform: scale(0.96) !important;
    box-shadow: 0 2px 8px rgba(60,80,224,0.25) !important;
}
button[class*="bg-success"],
a[class*="bg-success"] {
    box-shadow: 0 4px 14px rgba(33,150,83,0.35) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}
button[class*="bg-danger"],
a[class*="bg-danger"] {
    box-shadow: 0 4px 14px rgba(211,64,83,0.35) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

/* Kenarlı / Outline butonlar */
button[class*="border-stroke"],
a[class*="border-stroke"] {
    background: rgba(255,255,255,0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255,255,255,0.7) !important;
    transition: all 0.18s ease !important;
}
button[class*="border-stroke"]:hover {
    background: rgba(255,255,255,0.8) !important;
}
.dark button[class*="border-stroke"],
.dark a[class*="border-stroke"] {
    background: rgba(30,48,80,0.5) !important;
    border-color: rgba(255,255,255,0.12) !important;
}

/* ── Stat Kartları (istatistik kutuları) ──────────────────────── */
.rounded-2xl[class*="bg-success\/5"],
.rounded-2xl[class*="bg-danger\/5"],
.rounded-2xl[class*="bg-warning\/5"],
.rounded-2xl[class*="bg-primary\/5"] {
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
}

/* İkincil şerit kartlar (gecikmiş, yaklaşan, onay) */
.rounded-2xl[class*="border-danger\/30"],
.rounded-2xl[class*="border-warning\/30"],
.rounded-2xl[class*="border-primary\/30"],
.rounded-2xl[class*="border-success\/30"] {
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.5) !important;
}

/* ── Dropdown Menüler ─────────────────────────────────────────── */
[x-show="dropdownOpen"],
[x-show="open"] {
    background: rgba(250,252,255,0.9) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255,255,255,0.85) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.9) !important;
    border-radius: 16px !important;
}
.dark [x-show="dropdownOpen"],
.dark [x-show="open"] {
    background: rgba(15,28,55,0.9) !important;
    border-color: rgba(255,255,255,0.1) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.4) !important;
}

/* ── Badge / Tag ──────────────────────────────────────────────── */
.inline-flex.rounded-full[class*="bg-"] {
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
}

/* ── Divider çizgileri ────────────────────────────────────────── */
.border-stroke,
.border-b.border-stroke,
.divide-stroke > * + * {
    border-color: rgba(226,232,240,0.6) !important;
}
.dark .border-stroke,
.dark .border-b.border-stroke,
.dark .divide-stroke > * + * {
    border-color: rgba(255,255,255,0.07) !important;
}

/* ── Tab Menüsü (Ayarlar) ─────────────────────────────────────── */
.rounded-xl.border.border-stroke.bg-white.p-1 {
    background: rgba(255,255,255,0.6) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-color: rgba(255,255,255,0.8) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

/* ── Preloader / Spinner ──────────────────────────────────────── */
.animate-spin {
    border-color: rgba(60,80,224,0.15) !important;
    border-top-color: #3C50E0 !important;
}

/* ── Scrollbar ────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.15);
    border-radius: 99px;
}
.dark ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); }

/* ── Login Sayfası ────────────────────────────────────────────── */
.rounded-2xl.border.border-stroke.bg-white.p-8 {
    background: rgba(255,255,255,0.7) !important;
    backdrop-filter: blur(32px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(32px) saturate(180%) !important;
    border-color: rgba(255,255,255,0.85) !important;
    box-shadow: 0 24px 64px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

/* ── Animasyon yardımcıları ───────────────────────────────────── */
[x-cloak] { display: none !important; }

/* Glass scale animasyon */
@keyframes glassIn {
    from { opacity: 0; transform: scale(0.95) translateY(8px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}
.modal-enter { animation: glassIn 0.25s cubic-bezier(0.34,1.3,0.64,1) forwards; }

/* ── Sidebar Nav Link'leri ────────────────────────────────────── */
aside nav a {
    border-radius: 12px !important;
    transition: all 0.18s ease !important;
}
aside nav a:hover {
    background: rgba(255,255,255,0.1) !important;
}
aside nav a.bg-graydark,
aside nav a[class*="bg-meta-4"] {
    background: rgba(255,255,255,0.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) !important;
}

/* ── Topbar icon buttons ──────────────────────────────────────── */
header .rounded-full.border-stroke {
    background: rgba(255,255,255,0.6) !important;
    backdrop-filter: blur(12px) !important;
    border-color: rgba(255,255,255,0.7) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.dark header .rounded-full.border-stroke {
    background: rgba(30,50,80,0.6) !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* ── Segment filter (overflow scroll) ────────────────────────── */
.no-scrollbar.rounded-xl {
    padding: 4px !important;
}
.no-scrollbar.rounded-xl button {
    border-radius: 10px !important;
}

/* ── Liquid Glass FAB butonları (fab pills) ───────────────────── */
.lg-pill:hover {
    background: rgba(255,255,255,0.35) !important;
    transform: translateX(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.65) !important;
}

/* ── Ayarlar Tab Menüsü ───────────────────────────────────────── */
.mb-6.flex.flex-wrap.gap-1.rounded-xl {
    background: rgba(255,255,255,0.55) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255,255,255,0.75) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

/* Ayarlar form kartları */
.space-y-5 .rounded-2xl,
.max-w-2xl .rounded-2xl,
.max-w-lg .rounded-2xl {
    background: rgba(255,255,255,0.65) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255,255,255,0.8) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}
.dark .space-y-5 .rounded-2xl,
.dark .max-w-2xl .rounded-2xl,
.dark .max-w-lg .rounded-2xl {
    background: rgba(18,32,62,0.6) !important;
    border-color: rgba(255,255,255,0.09) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
}

/* Gider/Gelir liste satırları hover */
.border-b.border-stroke.p-4:hover {
    background: rgba(255,255,255,0.45) !important;
    transition: background 0.12s ease !important;
}
.dark .border-b.border-stroke.p-4:hover {
    background: rgba(255,255,255,0.04) !important;
}

/* Toggle switch arka planı */
.peer-checked\:bg-primary,
.peer-checked\:bg-success {
    box-shadow: 0 2px 8px rgba(60,80,224,0.3) !important;
}

/* Gider istatistik kartları p-4 */
.grid .rounded-2xl.p-4 {
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
}