/* Speaknex panel skin. Metronic bileşenleri durur; renk, yazı ve yüzey değişir. */

:root {
    --background: #f3f1ec;
    --foreground: #1c1917;
    --card: #fffcf8;
    --card-foreground: #1c1917;
    --popover: #fffcf8;
    --popover-foreground: #1c1917;
    --primary: #0f5c56;
    --primary-foreground: #f7fffe;
    --secondary: #efece6;
    --secondary-foreground: #44403c;
    --muted: #efece6;
    --muted-foreground: #78716c;
    --accent: #e7f3f1;
    --accent-foreground: #134e4a;
    --destructive: #b42318;
    --destructive-foreground: #fff;
    --mono: #1c1917;
    --mono-foreground: #fffcf8;
    --border: #e4dfd6;
    --input: #e4dfd6;
    --ring: #0f5c56;
    --radius: 0.7rem;
    --spk-ink: #17202b;
    --spk-ink-soft: rgba(255, 255, 255, 0.06);
    --spk-paper: #f3f1ec;
}

.dark {
    --background: #12161c;
    --foreground: #f5f5f4;
    --card: #1b212b;
    --card-foreground: #f5f5f4;
    --popover: #1b212b;
    --popover-foreground: #f5f5f4;
    --primary: #3dbeb4;
    --primary-foreground: #042f2e;
    --secondary: #242b36;
    --secondary-foreground: #e7e5e4;
    --muted: #242b36;
    --muted-foreground: #a8a29e;
    --accent: #163632;
    --accent-foreground: #ccfbf1;
    --mono: #f5f5f4;
    --mono-foreground: #12161c;
    --border: #2c3440;
    --input: #2c3440;
    --ring: #3dbeb4;
    --spk-ink: #0e141b;
    --spk-paper: #12161c;
}

html,
body {
    font-family: Manrope, "Segoe UI", sans-serif;
}

body {
    background: var(--spk-paper);
    letter-spacing: -0.011em;
}

#content h1 {
    font-weight: 600;
    letter-spacing: -0.03em;
}

.kt-header {
    background: color-mix(in srgb, var(--spk-paper) 88%, transparent);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
}

.kt-footer {
    background: transparent;
}

.kt-card {
    border-radius: 14px;
    box-shadow: 0 1px 1px rgba(23, 32, 43, 0.04);
}

.kt-btn {
    font-weight: 600;
    letter-spacing: -0.01em;
}

.kt-input,
.kt-select {
    background: var(--card);
}

#sidebar {
    background: var(--spk-ink);
    border-inline-end-color: transparent;
    color: #e7e5e4;
}

#sidebar_header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

#sidebar .kt-sidebar-logo img.default-logo {
    background: #fff;
    border-radius: 8px;
    padding: 4px 6px;
}

#sidebar .spk-logo-light {
    display: none !important;
}

#sidebar .spk-logo-dark {
    display: block !important;
}

#sidebar .kt-menu-heading {
    color: #8d98a5;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
}

#sidebar .kt-menu-title,
#sidebar .text-foreground {
    color: #e7e5e4;
}

#sidebar .kt-menu-icon,
#sidebar .text-muted-foreground {
    color: #9aa6b2;
}

#sidebar .kt-menu-link {
    min-height: 2.35rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

#sidebar .kt-menu-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sidebar .kt-menu-link:hover {
    background: #2c3c4e !important;
}

#sidebar .kt-menu-link:hover .kt-menu-title,
#sidebar .kt-menu-link:hover .kt-menu-icon,
#sidebar .kt-menu-link:hover .text-foreground,
#sidebar .kt-menu-link:hover .text-muted-foreground {
    color: #fff !important;
}

#sidebar_menu .kt-menu-item.active > .kt-menu-link,
#sidebar_menu .kt-menu-item.active > .kt-menu-link:hover {
    background: #0f5c56 !important;
}

#sidebar_menu .kt-menu-item.active .kt-menu-icon,
#sidebar_menu .kt-menu-item.active .kt-menu-title,
#sidebar_menu .kt-menu-item.active > .kt-menu-link:hover .kt-menu-icon,
#sidebar_menu .kt-menu-item.active > .kt-menu-link:hover .kt-menu-title {
    color: #fff !important;
}

#sidebar_content,
#sidebar_scrollable {
    overflow-x: hidden;
}

@media (min-width: 64rem) {
    .demo1.kt-sidebar-collapse .kt-sidebar,
    .demo1.kt-sidebar-collapse .kt-sidebar:hover:not(.animating) {
        width: var(--sidebar-width-collapse) !important;
    }

    .demo1.kt-sidebar-collapse .kt-sidebar .kt-menu-title,
    .demo1.kt-sidebar-collapse .kt-sidebar .kt-menu-arrow,
    .demo1.kt-sidebar-collapse .kt-sidebar .kt-menu-badge,
    .demo1.kt-sidebar-collapse .kt-sidebar .kt-menu-heading {
        display: none !important;
    }

    .demo1.kt-sidebar-collapse .kt-sidebar .kt-menu-heading::before {
        content: none !important;
    }

    .demo1.kt-sidebar-collapse .kt-sidebar .kt-menu-link {
        justify-content: center;
        padding-inline: 0;
    }
}

#sidebar_toggle {
    background: var(--card);
    border-color: var(--border);
    color: var(--foreground);
    box-shadow: 0 1px 2px rgba(23, 32, 43, 0.08);
}

.spk-stat-primary {
    background: #e7f3f1 !important;
    border-color: #cfe6e2 !important;
}

.spk-stat-primary-text,
.spk-stat-primary-icon {
    color: #0f5c56 !important;
}

.spk-stat-red {
    background: #f8eeec !important;
    border-color: #f0d8d4 !important;
}

.spk-stat-red-text {
    color: #9f2d22 !important;
}

.spk-stat-red-icon {
    color: #c24134 !important;
}

.spk-stat-violet {
    background: #eef1f6 !important;
    border-color: #d9e0ea !important;
}

.spk-stat-violet-text,
.spk-stat-violet-icon {
    color: #334155 !important;
}

.spk-stat-green {
    background: #eef6ef !important;
    border-color: #d5e8d7 !important;
}

.spk-stat-green-text,
.spk-stat-green-icon {
    color: #3f6b45 !important;
}

html.dark .spk-stat-primary,
:is(.dark *) .spk-stat-primary {
    background: rgba(61, 190, 180, 0.12) !important;
    border-color: rgba(61, 190, 180, 0.28) !important;
}

html.dark .spk-stat-primary-text,
html.dark .spk-stat-primary-icon,
:is(.dark *) .spk-stat-primary-text,
:is(.dark *) .spk-stat-primary-icon {
    color: #99f6e4 !important;
}

.page-bg {
    background-color: var(--spk-paper);
    background-image: none;
}

.page-bg .kt-card {
    box-shadow: 0 16px 40px rgba(23, 32, 43, 0.08);
}

.spk-dash-stat .kt-card-content {
    align-items: flex-start;
    gap: 0.75rem;
}

.spk-dash-stat .uppercase {
    text-transform: none;
    letter-spacing: -0.015em;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
}

.spk-order-scroll {
    max-height: min(70vh, 42rem);
    overflow: auto;
}

.spk-table-zebra > tbody > tr:hover > td {
    background-color: color-mix(in srgb, var(--primary) 8%, var(--card));
}

.kt-btn {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.kt-btn-outline:hover:not(:disabled):not(.text-danger) {
    background: var(--accent);
    border-color: color-mix(in srgb, var(--primary) 40%, var(--border));
    color: var(--primary);
}

.kt-btn-ghost:hover:not(:disabled),
.kt-btn-light:hover:not(:disabled) {
    background: var(--accent);
    color: var(--foreground);
}

.spk-notifications-panel .kt-btn:hover,
.spk-notifications-panel .kt-btn:active {
    transform: none;
}