@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

html {
    color-scheme: light dark;
}

html, body {
    background: linear-gradient(135deg, #eef4fb 0%, #f8fafc 42%, #eef2f7 100%);
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.product-mockup-shell {
    --bg: #f4f7fb;
    --panel: #ffffff;
    --soft: #f8fafc;
    --text: #172033;
    --muted: #6b7280;
    --line: #e5eaf1;
    --dark: #111827;
    --nav: #182434;
    --nav2: #233246;
    --brand: #f4ad00;
    --brand2: #ff7a1a;
    --green: #10b981;
    --blue: #3b82f6;
    --red: #ef4444;
    --amber: #f59e0b;
    --purple: #8b5cf6;
    --shadow: 0 20px 55px rgba(15, 23, 42, .08);
    --radius: 22px;
    color: var(--text);
    padding: 22px 28px 44px;
}

.product-mockup-shell * {
    box-sizing: border-box;
}

.product-mockup-layout {
    min-height: calc(100vh - 40px);
}

.product-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.product-title h1 {
    margin: 0;
    font-size: 25px;
    font-weight: 800;
    color: var(--text);
}

.product-title p {
    margin: 4px 0 0;
    color: var(--muted);
    font-weight: 600;
}

.product-btn {
    border: 0;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.product-btn:hover {
    transform: translateY(-2px);
}

.product-btn-primary {
    background: linear-gradient(135deg, var(--brand), var(--brand2));
    color: white;
    box-shadow: 0 12px 22px rgba(245, 158, 11, .25);
}

.product-btn-light {
    background: #fff;
    border: 1px solid var(--line);
    color: #334155;
}

.product-hero {
    background: linear-gradient(135deg, #152238 0%, #223652 65%, #654a1a 130%);
    border-radius: 28px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 16px;
    color: white;
    box-shadow: var(--shadow);
    margin-bottom: 18px;
}

.product-hero .badge {
    display: inline-flex;
    background: rgba(245, 158, 11, .22);
    color: #fde68a;
    border: 1px solid rgba(245, 158, 11, .35);
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
}

.product-hero h2 {
    font-size: 28px;
    margin: 10px 0 8px;
}

.product-hero p {
    color: #cbd5e1;
    margin: 0;
}

.product-hero-card {
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 20px;
    padding: 14px;
}

.product-hero-card strong {
    font-size: 22px;
    display: block;
    margin-top: 6px;
}

.product-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.product-kpi {
    background: rgba(255, 255, 255, .86);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 14px;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .05);
    min-height: 108px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.product-kpi-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.product-kpi-link:hover .product-kpi {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(15, 23, 42, .09);
    border-color: rgba(244, 173, 0, .35);
}

.product-kpi small {
    color: var(--muted);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px;
}

.product-kpi b {
    display: block;
    font-size: 21px;
    margin: 6px 0;
    line-height: 1.1;
}

.product-kpi i {
    font-style: normal;
    color: var(--green);
    font-size: 12px;
    font-weight: 800;
}

.product-kpi.warn i {
    color: var(--amber);
}

.product-kpi.danger i {
    color: var(--red);
}

.product-toolbar {
    background: rgba(255, 255, 255, .88);
    border: 1px solid var(--line);
    border-radius: 22px;
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr repeat(4, minmax(0, 170px)) auto;
    gap: 8px;
    box-shadow: var(--shadow);
    margin-bottom: 20px;
}

.product-field {
    height: 42px;
    border: 1px solid var(--line);
    background: #f8fafc;
    border-radius: 13px;
    padding: 0 14px;
    color: #475569;
    font-weight: 700;
    width: 100%;
    outline: none;
}

.product-search {
    position: relative;
}

.product-search span {
    position: absolute;
    left: 14px;
    top: 12px;
    color: #94a3b8;
}

.product-search input {
    padding-left: 38px;
}

.product-view-toggle {
    display: flex;
    background: #f1f5f9;
    border-radius: 13px;
    padding: 4px;
}

.product-view-toggle button {
    border: 0;
    background: transparent;
    padding: 8px 10px;
    border-radius: 10px;
    font-weight: 900;
    cursor: pointer;
}

.product-view-toggle .active {
    background: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
}

.product-bulk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-bottom: 10px;
}

.product-bulk-left {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #64748b;
    font-weight: 800;
    flex-wrap: wrap;
}

.product-chip {
    background: #fff7e6;
    color: #9a6100;
    border: 1px solid #fedfa2;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 900;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 14px;
}

.product-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid var(--line);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
    transition: .22s ease;
    position: relative;
}

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
}

.product-card.is-selected {
    box-shadow: 0 0 0 2px rgba(244, 173, 0, .22), 0 24px 50px rgba(15, 23, 42, .12);
}

.product-card-check {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 3;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .45);
    display: grid;
    place-items: center;
}

.product-card-check input {
    width: 14px;
    height: 14px;
    accent-color: var(--brand);
    cursor: pointer;
}

.product-thumb {
    aspect-ratio: 1.05 / 1;
    background: linear-gradient(135deg, #f8fafc, #e8eef6);
    position: relative;
    overflow: hidden;
}

.product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(15, 23, 42, .48));
}

.product-thumb-actions {
    position: absolute;
    right: 12px;
    top: 10px;
    display: flex;
    gap: 8px;
    z-index: 2;
}

.product-icon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .86);
    display: grid;
    place-items: center;
    cursor: pointer;
    font-weight: 900;
    text-decoration: none;
    color: #111827;
}

.product-price {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 2;
    color: #fff;
}

.product-price b {
    font-size: 21px;
}

.product-price del {
    display: block;
    color: #d1d5db;
    font-size: 12px;
}

.storefront-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin: .95rem 0 1.05rem;
}

.storefront-trust-chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .58rem .82rem;
    border-radius: 999px;
    background: #fff;
    color: #17272e;
    border: 1px solid rgba(15, 118, 110, .14);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .05);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.1;
}

.storefront-trust-chip i {
    color: #0f766e;
    font-size: .82rem;
}

.storefront-trust-chip small {
    color: #60707a;
    font-weight: 700;
}

.footer-trust-list {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .9rem;
}

.footer-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem .62rem;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.footer-trust-pill i {
    color: #d1b16e;
}

.product-body {
    padding: 13px;
}

.product-meta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.product-sku {
    font-size: 12px;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 6px 8px;
    font-weight: 900;
}

.product-status {
    border-radius: 999px;
    padding: 6px 9px;
    font-size: 12px;
    font-weight: 900;
}

.product-status.active {
    background: #dcfce7;
    color: #047857;
}

.product-status.draft {
    background: #fef3c7;
    color: #a16207;
}

.product-status.passive {
    background: #fee2e2;
    color: #b91c1c;
}

.product-body h3 {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.35;
    color: var(--text);
}

.product-cat {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

.product-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 10px;
}

.product-stat {
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 14px;
    padding: 9px;
}

.product-stat small {
    color: #94a3b8;
    font-weight: 800;
}

.product-stat b {
    display: block;
    margin-top: 4px;
}

.product-stock.good b {
    color: var(--green);
}

.product-stock.low b {
    color: var(--amber);
}

.product-stock.zero b {
    color: var(--red);
}

.product-actions {
    display: grid;
    grid-template-columns: 1fr 1fr 44px;
    gap: 6px;
}

.product-actions a,
.product-actions button {
    height: 38px;
    border-radius: 11px;
    border: 1px solid var(--line);
    background: #fff;
    font-weight: 900;
    cursor: pointer;
    text-decoration: none;
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0 10px;
    white-space: nowrap;
    font-size: 13px;
}

.product-actions .edit {
    background: #111827;
    color: #fff;
    border-color: #111827;
}

.product-actions .gallery {
    background: #fff7ed;
    color: #c2410c;
    border-color: #fed7aa;
}

.product-pager {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 18px 0 0;
    flex-wrap: wrap;
}

.product-pager a,
.product-pager button {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #111827;
}

.product-pager .active {
    background: var(--brand);
    color: #fff;
    border-color: var(--brand);
}

.product-list-mode .product-grid {
    display: block;
}

.product-list-mode .product-card {
    display: grid;
    grid-template-columns: 150px 1fr 300px;
    margin-bottom: 12px;
}

.product-list-mode .product-thumb {
    aspect-ratio: auto;
    height: 100%;
}

.product-list-mode .product-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: center;
}

.product-list-mode .product-actions {
    align-self: center;
    padding-right: 16px;
}

.product-flash {
    margin-bottom: 16px;
}

@media (max-width: 1180px) {
    .product-kpis {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-toolbar {
        grid-template-columns: 1fr 1fr;
    }

    .product-hero {
        grid-template-columns: 1fr;
    }

    .product-card,
    .product-list-mode .product-card {
        grid-template-columns: 1fr;
    }

    .product-list-mode .product-body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .product-mockup-shell {
        padding: 20px;
    }

    .product-topbar,
    .product-bulk {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-kpis,
    .product-toolbar {
        grid-template-columns: 1fr;
    }

    .product-grid {
        grid-template-columns: 1fr;
    }

    .product-hero h2 {
        font-size: 25px;
    }
}

body.sayfalar-page {
    background: linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%);
    color: #172033;
}

body.sayfalar-page .cms-pages-wrap {
    color: inherit;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-panel,
html[data-theme="light"] body.sayfalar-page .cms-pages-kpi,
html[data-theme="light"] body.sayfalar-page .cms-pages-card,
html[data-theme="light"] body.sayfalar-page .cms-pages-toolbar,
html[data-theme="light"] body.sayfalar-page .cms-pages-chip,
html[data-theme="light"] body.sayfalar-page .cms-pages-action,
html[data-theme="light"] body.sayfalar-page .cms-pages-meta,
html[data-theme="light"] body.sayfalar-page .cms-pages-pager a,
html[data-theme="light"] body.sayfalar-page .cms-pages-pager span {
    background: #ffffff !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: #172033 !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-kicker {
    background: rgba(17, 24, 39, 0.08) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: #0f766e !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-kicker,
html[data-theme="light"] body.sayfalar-page .cms-pages-panel-head p,
html[data-theme="light"] body.sayfalar-page .cms-pages-kpi small,
html[data-theme="light"] body.sayfalar-page .cms-pages-kpi p,
html[data-theme="light"] body.sayfalar-page .cms-pages-meta span,
html[data-theme="light"] body.sayfalar-page .cms-pages-card-footer,
html[data-theme="light"] body.sayfalar-page .cms-pages-action {
    color: #172033 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-kpi b,
html[data-theme="light"] body.sayfalar-page .cms-pages-card-title,
html[data-theme="light"] body.sayfalar-page .cms-pages-panel-head h3,
html[data-theme="light"] body.sayfalar-page .cms-pages-meta b,
html[data-theme="light"] body.sayfalar-page .cms-pages-meta a,
html[data-theme="light"] body.sayfalar-page .cms-pages-seo-score span,
html[data-theme="light"] body.sayfalar-page .cms-pages-seo-score strong {
    color: #172033 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-chip-badge--gray,
html[data-theme="light"] body.sayfalar-page .cms-pages-badge--gray {
    background: rgba(100, 116, 139, 0.12) !important;
    color: #475569 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-chip-badge--green,
html[data-theme="light"] body.sayfalar-page .cms-pages-badge--green {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #0f9f6e !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-chip-badge--blue,
html[data-theme="light"] body.sayfalar-page .cms-pages-badge--blue {
    background: rgba(59, 130, 246, 0.14) !important;
    color: #2563eb !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-chip-badge--purple,
html[data-theme="light"] body.sayfalar-page .cms-pages-badge--purple {
    background: rgba(139, 92, 246, 0.14) !important;
    color: #7c3aed !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-chip-badge--orange,
html[data-theme="light"] body.sayfalar-page .cms-pages-badge--orange {
    background: rgba(249, 115, 22, 0.14) !important;
    color: #f97316 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-chip-badge--gold,
html[data-theme="light"] body.sayfalar-page .cms-pages-badge--gold {
    background: rgba(244, 176, 0, 0.16) !important;
    color: #b77700 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-chip-badge--red,
html[data-theme="light"] body.sayfalar-page .cms-pages-badge--red {
    background: rgba(239, 68, 68, 0.14) !important;
    color: #dc2626 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-seo-score {
    background: color-mix(in srgb, var(--cms-pages-seo-tone, #3b82f6) 10%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--cms-pages-seo-tone, #3b82f6) 18%, rgba(148, 163, 184, 0.18)) !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-warn {
    background: rgba(249, 115, 22, 0.12) !important;
    color: #b45309 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-action--seo {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #059669 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-action--translate {
    background: rgba(139, 92, 246, 0.12) !important;
    color: #7c3aed !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-action--preview {
    background: rgba(59, 130, 246, 0.12) !important;
    color: #2563eb !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-action--danger {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #dc2626 !important;
}

html[data-theme="light"] body.sayfalar-page .cms-pages-action--copy {
    background: rgba(244, 176, 0, 0.12) !important;
    color: #b77700 !important;
}

body.dark-theme.sayfalar-page {
    background: linear-gradient(180deg, #0b1220 0%, #10192b 100%);
    color: #edf2f8;
}

body.dark-theme.sayfalar-page .cms-pages-hero {
    background:
        radial-gradient(circle at top right, rgba(244, 176, 0, 0.16), transparent 34%),
        linear-gradient(135deg, #162033, #1f2d42) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

body.dark-theme.sayfalar-page .cms-pages-panel,
body.dark-theme.sayfalar-page .cms-pages-kpi,
body.dark-theme.sayfalar-page .cms-pages-card,
body.dark-theme.sayfalar-page .cms-pages-toolbar,
body.dark-theme.sayfalar-page .cms-pages-chip,
body.dark-theme.sayfalar-page .cms-pages-action,
body.dark-theme.sayfalar-page .cms-pages-meta,
body.dark-theme.sayfalar-page .cms-pages-pager a,
body.dark-theme.sayfalar-page .cms-pages-pager span {
    background: #162033 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
    color: #edf2f8 !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

body.dark-theme.sayfalar-page .cms-pages-kicker,
body.dark-theme.sayfalar-page .cms-pages-panel-head p,
body.dark-theme.sayfalar-page .cms-pages-kpi small,
body.dark-theme.sayfalar-page .cms-pages-kpi p,
body.dark-theme.sayfalar-page .cms-pages-meta span,
body.dark-theme.sayfalar-page .cms-pages-card-footer,
body.dark-theme.sayfalar-page .cms-pages-action,
body.dark-theme.sayfalar-page .cms-pages-pager a,
body.dark-theme.sayfalar-page .cms-pages-pager span {
    color: #cbd5e1 !important;
}

body.dark-theme.sayfalar-page .cms-pages-kpi b,
body.dark-theme.sayfalar-page .cms-pages-card-title,
body.dark-theme.sayfalar-page .cms-pages-panel-head h3,
body.dark-theme.sayfalar-page .cms-pages-meta b,
body.dark-theme.sayfalar-page .cms-pages-meta a,
body.dark-theme.sayfalar-page .cms-pages-seo-score span,
body.dark-theme.sayfalar-page .cms-pages-seo-score strong {
    color: #f4f8fc !important;
}

body.dark-theme.sayfalar-page .cms-pages-kicker {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #f9e3a2 !important;
}

body.dark-theme.sayfalar-page .cms-pages-chip-badge--gray,
body.dark-theme.sayfalar-page .cms-pages-badge--gray {
    background: rgba(100, 116, 139, 0.16) !important;
    color: #cbd5e1 !important;
}

body.dark-theme.sayfalar-page .cms-pages-chip-badge--green,
body.dark-theme.sayfalar-page .cms-pages-badge--green {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #7ee2b8 !important;
}

body.dark-theme.sayfalar-page .cms-pages-chip-badge--blue,
body.dark-theme.sayfalar-page .cms-pages-badge--blue {
    background: rgba(59, 130, 246, 0.16) !important;
    color: #93c5fd !important;
}

body.dark-theme.sayfalar-page .cms-pages-chip-badge--purple,
body.dark-theme.sayfalar-page .cms-pages-badge--purple {
    background: rgba(139, 92, 246, 0.16) !important;
    color: #c4b5fd !important;
}

body.dark-theme.sayfalar-page .cms-pages-chip-badge--orange,
body.dark-theme.sayfalar-page .cms-pages-badge--orange {
    background: rgba(249, 115, 22, 0.16) !important;
    color: #fdba74 !important;
}

body.dark-theme.sayfalar-page .cms-pages-chip-badge--gold,
body.dark-theme.sayfalar-page .cms-pages-badge--gold {
    background: rgba(244, 176, 0, 0.16) !important;
    color: #fcd34d !important;
}

body.dark-theme.sayfalar-page .cms-pages-chip-badge--red,
body.dark-theme.sayfalar-page .cms-pages-badge--red {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fda4af !important;
}

body.dark-theme.sayfalar-page .cms-pages-seo-score {
    background: color-mix(in srgb, var(--cms-pages-seo-tone, #3b82f6) 14%, #162033) !important;
    border-color: color-mix(in srgb, var(--cms-pages-seo-tone, #3b82f6) 22%, rgba(172, 188, 211, 0.18)) !important;
}

body.dark-theme.sayfalar-page .cms-pages-warn {
    background: rgba(249, 115, 22, 0.16) !important;
    color: #fdba74 !important;
}

body.dark-theme.sayfalar-page .cms-pages-action--seo {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #7ee2b8 !important;
}

body.dark-theme.sayfalar-page .cms-pages-action--translate {
    background: rgba(139, 92, 246, 0.16) !important;
    color: #c4b5fd !important;
}

body.dark-theme.sayfalar-page .cms-pages-action--preview {
    background: rgba(59, 130, 246, 0.16) !important;
    color: #93c5fd !important;
}

body.dark-theme.sayfalar-page .cms-pages-action--danger {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fda4af !important;
}

body.dark-theme.sayfalar-page .cms-pages-action--copy {
    background: rgba(244, 176, 0, 0.16) !important;
    color: #fcd34d !important;
}


/* Blog page styles moved from app/blog_list_custom.php */
    :root {
        --blog-bg: #f4f7fb;
        --blog-panel: #ffffff;
        --blog-ink: #172333;
        --blog-muted: #718096;
        --blog-line: #e6ebf2;
        --blog-brand: #f3b300;
        --blog-brand-dark: #d99b00;
        --blog-nav: #101d2f;
        --blog-nav-2: #1b2a3f;
        --blog-green: #10b981;
        --blog-blue: #3b82f6;
        --blog-orange: #f97316;
        --blog-red: #ef4444;
        --blog-amber: #f59e0b;
        --blog-shadow: 0 18px 50px rgba(20,35,55,.08);
        --blog-radius: 22px;
    }

    body.blog-page {
        background: linear-gradient(180deg, #f8fbff, #eef4fb);
    }

    .blog-shell {
        display: grid;
        gap: 20px;
    }

    .blog-mobile-bar {
        display: none;
        align-items: center;
        gap: 12px;
    }

    .blog-mobile-title {
        min-width: 0;
    }

    .blog-mobile-title strong {
        display: block;
        font-size: 18px;
        line-height: 1.2;
        color: var(--blog-ink);
    }

    .blog-mobile-title span {
        display: block;
        margin-top: 2px;
        font-size: 12px;
        color: var(--blog-muted);
        font-weight: 700;
    }

    .blog-hero {
        background: linear-gradient(135deg, #111d30, #26364f);
        border-radius: 28px;
        padding: 26px;
        box-shadow: var(--blog-shadow);
        color: #fff;
        display: flex;
        justify-content: space-between;
        gap: 24px;
        align-items: center;
        position: relative;
        overflow: hidden;
    }

    .blog-hero:after {
        content: "";
        position: absolute;
        right: -80px;
        top: -120px;
        width: 330px;
        height: 330px;
        background: radial-gradient(circle, rgba(243,179,0,.35), transparent 60%);
        pointer-events: none;
    }

    .blog-eyebrow {
        display: inline-flex;
        background: rgba(243,179,0,.18);
        color: #ffd568;
        border: 1px solid rgba(243,179,0,.3);
        padding: 7px 10px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .04em;
    }

    .blog-hero h1 {
        font-size: 34px;
        margin: 12px 0 8px;
    }

    .blog-hero p {
        color: #cbd5e1;
        margin: 0;
        max-width: 58rem;
    }

    .blog-hero-actions {
        display: flex;
        gap: 10px;
        position: relative;
        z-index: 1;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .blog-btn {
        border: 0;
        border-radius: 14px;
        padding: 12px 16px;
        font-weight: 800;
        cursor: pointer;
        background: #eef2f7;
        color: #142033;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: .2s ease;
    }

    .blog-btn:hover {
        transform: translateY(-1px);
    }

    .blog-btn.primary {
        background: var(--blog-brand);
        color: #101827;
        box-shadow: 0 10px 25px rgba(243,179,0,.32);
    }

    .blog-btn.dark {
        background: #111827;
        color: #fff;
    }

    .blog-kpis {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 14px;
    }

    .blog-kpi {
        background: var(--blog-panel);
        border: 1px solid var(--blog-line);
        border-radius: 18px;
        padding: 16px;
        box-shadow: 0 8px 30px rgba(18, 32, 48, .04);
    }

    .blog-kpi span {
        font-size: 12px;
        color: var(--blog-muted);
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    .blog-kpi strong {
        display: block;
        font-size: 24px;
        margin-top: 8px;
        line-height: 1.1;
    }

    .blog-kpi small {
        color: var(--blog-green);
        font-weight: 700;
    }

    .blog-toolbar {
        background: var(--blog-panel);
        border: 1px solid var(--blog-line);
        border-radius: 20px;
        padding: 14px;
        box-shadow: var(--blog-shadow);
    }

    .blog-toolbar-top {
        display: grid;
        grid-template-columns: 1.4fr auto;
        gap: 10px;
        align-items: center;
    }

    .blog-toolbar-fields {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 10px;
    }

    .blog-field,
    .blog-select {
        min-height: 44px;
        border: 1px solid var(--blog-line);
        background: #f8fafc;
        border-radius: 12px;
        padding: 0 14px;
        color: #334155;
        font-weight: 600;
        width: 100%;
    }

    .blog-view-toggle {
        display: inline-flex;
        background: #f1f5f9;
        border-radius: 13px;
        padding: 4px;
    }

    .blog-view-toggle button {
        border: 0;
        background: transparent;
        padding: 0 12px;
        border-radius: 10px;
        font-weight: 800;
    }

    .blog-view-toggle button.active {
        background: #fff;
        box-shadow: 0 3px 12px rgba(15,23,42,.08);
    }

    .blog-content {
        display: grid;
        grid-template-columns: minmax(0, 1.24fr) 280px;
        gap: 20px;
        align-items: start;
    }

    .blog-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .blog-card {
        background: var(--blog-panel);
        border: 1px solid var(--blog-line);
        border-radius: 24px;
        box-shadow: var(--blog-shadow);
        overflow: hidden;
        transition: .2s ease;
    }

    .blog-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 24px 55px rgba(20,35,55,.13);
    }

    .blog-card-thumb {
        height: 180px;
        background: #e5e7eb;
        position: relative;
        overflow: hidden;
        display: block;
        color: inherit;
        text-decoration: none;
    }

    .blog-card-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .blog-thumb-placeholder {
        width: 100%;
        height: 100%;
        display: grid;
        place-items: center;
        background:
            radial-gradient(circle at 25% 25%, rgba(243, 179, 0, .22), transparent 36%),
            linear-gradient(135deg, #dfe8f4, #cfd9e6);
        color: #1f2937;
        font-weight: 900;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .blog-status {
        position: absolute;
        top: 12px;
        left: 12px;
        padding: 7px 10px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 900;
        background: rgba(255,255,255,.96);
        color: #0f172a;
        box-shadow: 0 8px 18px rgba(15,23,42,.12);
    }

    .blog-status.published {
        background: #dcfce7;
        color: #047857;
    }

    .blog-status.draft {
        background: #fff7ed;
        color: #c2410c;
    }

    .blog-score {
        position: absolute;
        right: 12px;
        bottom: 12px;
        background: rgba(255,255,255,.94);
        border-radius: 16px;
        padding: 10px 12px;
        font-weight: 900;
        box-shadow: 0 8px 20px rgba(0,0,0,.1);
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .blog-score-ring {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: conic-gradient(var(--blog-green) 0 87%, #e5e7eb 87% 100%);
        display: grid;
        place-items: center;
    }

    .blog-score-ring span {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #fff;
        display: grid;
        place-items: center;
        font-size: 11px;
        font-weight: 900;
        color: #1f2937;
    }

    .blog-score-text {
        display: flex;
        flex-direction: column;
        line-height: 1.1;
    }

    .blog-score-text b {
        font-size: 14px;
    }

    .blog-score-text small {
        font-size: 11px;
        color: var(--blog-muted);
    }

    .blog-card-body {
        padding: 20px;
    }

    .blog-card-meta {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 12px;
    }

    .blog-pill {
        background: #f8fafc;
        border: 1px solid var(--blog-line);
        border-radius: 999px;
        padding: 6px 9px;
        color: #64748b;
        font-size: 12px;
        font-weight: 800;
    }

    .blog-card-title {
        font-size: 18px;
        font-weight: 900;
        line-height: 1.25;
        margin: 0 0 10px;
        color: var(--blog-ink);
        text-decoration: none;
        display: block;
    }

    .blog-card-title:hover {
        color: #0f4c81;
    }

    .blog-card-excerpt {
        font-size: 13px;
        color: #64748b;
        line-height: 1.6;
        min-height: 44px;
    }

    .blog-warning-row {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin: 12px 0 14px;
    }

    .blog-warning {
        font-size: 11px;
        font-weight: 800;
        border-radius: 999px;
        padding: 6px 8px;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .blog-warning.ok { background: #ecfdf5; color: #047857; }
    .blog-warning.warn { background: #fff7ed; color: #c2410c; }
    .blog-warning.bad { background: #fef2f2; color: #b91c1c; }

    .blog-card-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 14px 0;
    }

    .blog-stat {
        background: #f8fafc;
        border: 1px solid var(--blog-line);
        border-radius: 13px;
        padding: 10px;
    }

    .blog-stat b {
        display: block;
        font-size: 14px;
    }

    .blog-stat span {
        font-size: 11px;
        color: #64748b;
    }

    .blog-card-actions,
    .blog-card-ai {
        display: grid;
        gap: 8px;
    }

    .blog-card-actions {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .blog-card-ai {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 8px;
        gap: 6px;
    }

    .blog-card-actions button,
    .blog-card-actions a,
    .blog-card-ai button {
        height: 38px;
        border-radius: 12px;
        border: 1px solid var(--blog-line);
        background: #fff;
        font-weight: 900;
        color: #334155;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .45rem;
        text-decoration: none;
        width: 100%;
        padding: 0 .75rem;
    }

    .blog-card-ai button {
        background: #f8fafc;
        min-height: 32px;
        height: auto;
        padding: 5px 7px;
        font-size: 11px;
        line-height: 1.1;
        justify-content: flex-start;
        text-align: left;
        gap: 0.25rem;
    }

    .blog-card-ai button i {
        font-size: 11px;
        flex: 0 0 auto;
    }

    .blog-card-actions .btn-danger {
        color: #b91c1c;
    }

    .blog-card-actions .btn-primary {
        color: #0f4c81;
    }

    .blog-card-actions .btn-dark {
        color: #111827;
    }

    .blog-card-actions .btn-outline-secondary {
        color: #475569;
    }

    .blog-sidebar {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .blog-panel {
        background: var(--blog-panel);
        border: 1px solid var(--blog-line);
        border-radius: 24px;
        padding: 16px;
        box-shadow: var(--blog-shadow);
    }

    .blog-panel h3 {
        margin: 0 0 12px;
        font-size: 17px;
    }

    .blog-circle {
        width: 108px;
        height: 108px;
        border-radius: 50%;
        margin: 6px auto 14px;
        background: conic-gradient(var(--blog-green) 0 calc(var(--blog-score) * 1%), #e5e7eb calc(var(--blog-score) * 1%) 100%);
        display: grid;
        place-items: center;
    }

    .blog-circle div {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #fff;
        display: grid;
        place-items: center;
        font-size: 22px;
        font-weight: 900;
    }

    .blog-audit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid var(--blog-line);
        gap: 10px;
    }

    .blog-audit:last-child {
        border-bottom: 0;
    }

    .blog-audit b {
        font-size: 13px;
    }

    .blog-audit span {
        font-weight: 900;
    }

    .blog-ai button {
        width: 100%;
        margin-top: 8px;
        border: 1px solid var(--blog-line);
        background: #f8fafc;
        border-radius: 14px;
        height: 40px;
        text-align: left;
        padding: 0 12px;
        font-weight: 900;
    }

    .blog-ai button i {
        font-size: 13px;
    }

    .blog-preview {
        border: 1px solid var(--blog-line);
        border-radius: 16px;
        padding: 14px;
        background: #fbfdff;
    }

    .blog-preview .url {
        font-size: 12px;
        color: #15803d;
        word-break: break-all;
    }

    .blog-preview .title {
        font-size: 17px;
        color: #1d4ed8;
        font-weight: 700;
        margin: 6px 0;
        line-height: 1.25;
    }

    .blog-preview p {
        font-size: 12px;
        color: #475569;
        margin: 0;
        line-height: 1.5;
    }

    .blog-pagination {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin: 22px 0 0;
        flex-wrap: wrap;
    }

    .blog-pagination a,
    .blog-pagination span {
        width: 40px;
        height: 40px;
        border: 1px solid var(--blog-line);
        background: #fff;
        border-radius: 12px;
        font-weight: 900;
        display: inline-grid;
        place-items: center;
        text-decoration: none;
        color: #334155;
    }

    .blog-pagination .active {
        background: var(--blog-brand);
        color: #101827;
    }

    body.dark-theme.blog-page .blog-toolbar,
    body.dark-theme.blog-page .blog-card,
    body.dark-theme.blog-page .blog-panel,
    body.dark-theme.blog-page .blog-preview,
    body.dark-theme.blog-page .blog-stat,
    body.dark-theme.blog-page .blog-pill,
    body.dark-theme.blog-page .blog-field,
    body.dark-theme.blog-page .blog-select,
    body.dark-theme.blog-page .blog-card-actions button,
    body.dark-theme.blog-page .blog-card-actions a,
    body.dark-theme.blog-page .blog-card-ai button,
    body.dark-theme.blog-page .blog-ai button {
        background: #162033;
        border-color: rgba(172, 188, 211, 0.18);
        color: #edf2f8;
    }

    body.dark-theme.blog-page .blog-card-title,
    body.dark-theme.blog-page .blog-card-excerpt,
    body.dark-theme.blog-page .blog-pill,
    body.dark-theme.blog-page .blog-stat b,
    body.dark-theme.blog-page .blog-stat span,
    body.dark-theme.blog-page .blog-score-text b,
    body.dark-theme.blog-page .blog-score-text small,
    body.dark-theme.blog-page .blog-audit b,
    body.dark-theme.blog-page .blog-audit span,
    body.dark-theme.blog-page .blog-filter-summary small,
    body.dark-theme.blog-page .blog-preview .url,
    body.dark-theme.blog-page .blog-preview .title,
    body.dark-theme.blog-page .blog-preview p {
        color: #edf2f8;
    }

    body.dark-theme.blog-page .blog-card-title:hover {
        color: #f8c949;
    }

    body.dark-theme.blog-page .blog-card-excerpt,
    body.dark-theme.blog-page .blog-stat span,
    body.dark-theme.blog-page .blog-score-text small,
    body.dark-theme.blog-page .blog-filter-summary small,
    body.dark-theme.blog-page .blog-preview p {
        color: #9aa7ba;
    }

    body.dark-theme.blog-page .blog-pill {
        color: #dbe6f3;
    }

    body.dark-theme.blog-page .blog-stat b {
        color: #f4f8fc;
    }

    body.dark-theme.blog-page .blog-preview .url {
        color: #7dd3fc;
    }

    body.dark-theme.blog-page .blog-preview .title {
        color: #c4b5fd;
    }

    body.dark-theme.blog-page .blog-warning.ok {
        background: rgba(16, 185, 129, 0.16);
        color: #7ee2b8;
    }

    body.dark-theme.blog-page .blog-warning.warn {
        background: rgba(249, 115, 22, 0.16);
        color: #fdba74;
    }

    body.dark-theme.blog-page .blog-warning.bad {
        background: rgba(239, 68, 68, 0.16);
        color: #fda4af;
    }

    body.dark-theme.blog-page .blog-status {
        background: rgba(15, 23, 42, 0.92);
        color: #edf2f8;
    }

    body.dark-theme.blog-page .blog-status.published {
        background: rgba(16, 185, 129, 0.16);
        color: #7ee2b8;
    }

    body.dark-theme.blog-page .blog-status.draft {
        background: rgba(249, 115, 22, 0.16);
        color: #fdba74;
    }

    .blog-filter-details summary {
        list-style: none;
        cursor: pointer;
    }

    .blog-filter-details summary::-webkit-details-marker {
        display: none;
    }

    .blog-filter-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
    }

    .blog-filter-summary strong {
        display: block;
        font-size: 15px;
    }

    .blog-filter-summary small {
        display: block;
        color: var(--blog-muted);
        font-size: 12px;
    }

    .blog-filter-quick {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    body.blog-view-list .blog-grid {
        grid-template-columns: 1fr;
    }

    body.blog-view-list .blog-card {
        display: grid;
        grid-template-columns: 260px 1fr;
    }

    body.blog-view-list .blog-card-thumb {
        height: 100%;
        min-height: 280px;
    }

    #blogSeoModal .modal-dialog,
    #blogAiModal .modal-dialog {
        width: min(1040px, calc(100vw - 1rem));
        max-width: 1040px;
        margin-left: auto;
        margin-right: auto;
    }

    #blogSeoModal .modal-content,
    #blogAiModal .modal-content {
        border-radius: 24px;
        overflow: hidden;
        border: 1px solid var(--blog-line) !important;
        background: var(--blog-panel) !important;
        color: var(--blog-ink) !important;
        box-shadow: 0 28px 70px rgba(15, 23, 42, 0.24);
    }

    #blogSeoModal .modal-header,
    #blogAiModal .modal-header,
    #blogSeoModal .modal-footer,
    #blogAiModal .modal-footer {
        border-color: var(--blog-line) !important;
        background: linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(255, 255, 255, 0.98)) !important;
    }

    #blogSeoModal .modal-body,
    #blogAiModal .modal-body {
        overflow-x: hidden;
    }

    #blogSeoModal .modal-body .row,
    #blogAiModal .modal-body .row {
        margin-left: 0;
        margin-right: 0;
    }

    #blogSeoModal .modal-body [class*="col-"],
    #blogAiModal .modal-body [class*="col-"] {
        min-width: 0;
    }

    #blogSeoModal .modal-body .border,
    #blogAiModal .modal-body .border {
        background: #f8fafc !important;
        border-color: var(--blog-line) !important;
        color: var(--blog-ink) !important;
        overflow: hidden;
    }

    #blogSeoModal .modal-body .fw-bold,
    #blogAiModal .modal-body .fw-bold,
    #blogSeoModal .modal-body .small,
    #blogAiModal .modal-body .small,
    #blogSeoModal .modal-body li,
    #blogAiModal .modal-body li,
    #blogSeoModal .modal-body p,
    #blogAiModal .modal-body p,
    #blogSeoModal .modal-body strong,
    #blogAiModal .modal-body strong {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    #blogSeoModal .modal-title,
    #blogAiModal .modal-title {
        color: var(--blog-ink) !important;
    }

    #blogSeoModal .modal-header small.text-muted,
    #blogAiModal .modal-header small.text-muted {
        color: var(--blog-muted) !important;
    }

    body.dark-theme.blog-page #blogSeoModal .modal-content,
    body.dark-theme.blog-page #blogAiModal .modal-content,
    html[data-theme="dark"] body.blog-page #blogSeoModal .modal-content,
    html[data-theme="dark"] body.blog-page #blogAiModal .modal-content {
        background: linear-gradient(180deg, #111c2f, #162033) !important;
        color: #edf2f8 !important;
        border-color: rgba(172, 188, 211, 0.18) !important;
        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
    }

    body.dark-theme.blog-page #blogSeoModal .modal-header,
    body.dark-theme.blog-page #blogAiModal .modal-header,
    body.dark-theme.blog-page #blogSeoModal .modal-footer,
    body.dark-theme.blog-page #blogAiModal .modal-footer,
    html[data-theme="dark"] body.blog-page #blogSeoModal .modal-header,
    html[data-theme="dark"] body.blog-page #blogAiModal .modal-header,
    html[data-theme="dark"] body.blog-page #blogSeoModal .modal-footer,
    html[data-theme="dark"] body.blog-page #blogAiModal .modal-footer {
        background: linear-gradient(180deg, rgba(17, 28, 47, 0.96), rgba(22, 32, 51, 0.98)) !important;
        border-color: rgba(172, 188, 211, 0.18) !important;
        color: #edf2f8 !important;
    }

    body.dark-theme.blog-page #blogSeoModal .modal-title,
    body.dark-theme.blog-page #blogAiModal .modal-title,
    html[data-theme="dark"] body.blog-page #blogSeoModal .modal-title,
    html[data-theme="dark"] body.blog-page #blogAiModal .modal-title {
        color: #f4f8fc !important;
    }

    body.dark-theme.blog-page #blogSeoModal .modal-header small.text-muted,
    body.dark-theme.blog-page #blogAiModal .modal-header small.text-muted,
    html[data-theme="dark"] body.blog-page #blogSeoModal .modal-header small.text-muted,
    html[data-theme="dark"] body.blog-page #blogAiModal .modal-header small.text-muted {
        color: #9aa7ba !important;
    }

    body.dark-theme.blog-page #blogSeoModal .modal-body .border,
    body.dark-theme.blog-page #blogAiModal .modal-body .border,
    html[data-theme="dark"] body.blog-page #blogSeoModal .modal-body .border,
    html[data-theme="dark"] body.blog-page #blogAiModal .modal-body .border {
        background: #162033 !important;
        border-color: rgba(172, 188, 211, 0.18) !important;
        color: #edf2f8 !important;
    }

    body.dark-theme.blog-page #blogSeoModal .modal-body .text-muted,
    body.dark-theme.blog-page #blogAiModal .modal-body .text-muted,
    html[data-theme="dark"] body.blog-page #blogSeoModal .modal-body .text-muted,
    html[data-theme="dark"] body.blog-page #blogAiModal .modal-body .text-muted {
        color: #9aa7ba !important;
    }

    body.dark-theme.blog-page #blogSeoModal .btn-close,
    body.dark-theme.blog-page #blogAiModal .btn-close,
    html[data-theme="dark"] body.blog-page #blogSeoModal .btn-close,
    html[data-theme="dark"] body.blog-page #blogAiModal .btn-close {
        filter: invert(1) grayscale(100%) brightness(200%);
    }

    @media (min-width: 1600px) {
        .blog-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    @media (max-width: 1280px) {
        .blog-kpis {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .blog-content {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 992px) {
        .blog-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .blog-toolbar-top {
            grid-template-columns: 1fr;
        }

        .blog-toolbar-fields {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 768px) {
        .blog-mobile-bar {
            display: flex;
        }

        .blog-mobile-bar .adm-mobile__toggle {
            width: 44px;
            height: 44px;
            border-radius: 14px;
            border: 1px solid var(--blog-line);
            background: var(--blog-panel);
            color: var(--blog-ink);
            display: inline-grid;
            place-items: center;
            box-shadow: 0 8px 20px rgba(20, 35, 55, 0.08);
            flex: 0 0 auto;
        }

        .blog-hero {
            flex-direction: column;
            align-items: flex-start;
        }

        .blog-hero-actions {
            width: 100%;
            justify-content: stretch;
        }

        .blog-hero-actions .blog-btn {
            width: 100%;
            justify-content: center;
        }

        .blog-grid,
        .blog-toolbar-fields,
        .blog-card-actions,
        .blog-card-ai,
        .blog-kpis {
            grid-template-columns: 1fr;
        }

        .blog-card-ai button {
            font-size: 13px;
            min-height: 38px;
        }

        .blog-card-ai {
            grid-template-columns: 1fr;
        }

        .blog-card {
            grid-template-columns: 1fr !important;
        }

        .blog-card-thumb {
            min-height: 220px;
        }

        #blogSeoModal .modal-dialog,
        #blogAiModal .modal-dialog {
            width: calc(100vw - 0.75rem);
            max-width: calc(100vw - 0.75rem);
            margin: 0.375rem auto;
        }

        .blog-filter-summary {
            align-items: flex-start;
            flex-direction: column;
        }
    }

/* End blog page styles moved from app/blog_list_custom.php */

html[data-theme="light"] body.blog-page,
html[data-theme="light"] body.blog-page .blog-shell,
html[data-theme="light"] body.blog-page .blog-mobile-title strong,
html[data-theme="light"] body.blog-page .blog-hero,
html[data-theme="light"] body.blog-page .blog-hero h1,
html[data-theme="light"] body.blog-page .blog-hero p,
html[data-theme="light"] body.blog-page .blog-eyebrow,
html[data-theme="light"] body.blog-page .blog-btn,
html[data-theme="light"] body.blog-page .blog-kpi,
html[data-theme="light"] body.blog-page .blog-toolbar,
html[data-theme="light"] body.blog-page .blog-card,
html[data-theme="light"] body.blog-page .blog-panel,
html[data-theme="light"] body.blog-page .blog-preview,
html[data-theme="light"] body.blog-page .blog-filter-details,
html[data-theme="light"] body.blog-page .blog-status,
html[data-theme="light"] body.blog-page .blog-score,
html[data-theme="light"] body.blog-page .blog-pill,
html[data-theme="light"] body.blog-page .blog-stat,
html[data-theme="light"] body.blog-page .blog-view-toggle,
html[data-theme="light"] body.blog-page .blog-card-actions button,
html[data-theme="light"] body.blog-page .blog-card-actions a,
html[data-theme="light"] body.blog-page .blog-card-ai button,
html[data-theme="light"] body.blog-page .blog-ai button,
html[data-theme="light"] body.blog-page .blog-pagination a,
html[data-theme="light"] body.blog-page .blog-filter-summary strong,
html[data-theme="light"] body.blog-page .blog-filter-summary small,
html[data-theme="light"] body.blog-page .blog-card-title,
html[data-theme="light"] body.blog-page .blog-card-excerpt,
html[data-theme="light"] body.blog-page .blog-score-text b,
html[data-theme="light"] body.blog-page .blog-score-text small,
html[data-theme="light"] body.blog-page .blog-stat b,
html[data-theme="light"] body.blog-page .blog-stat span,
html[data-theme="light"] body.blog-page .blog-audit b,
html[data-theme="light"] body.blog-page .blog-audit span,
html[data-theme="light"] body.blog-page .blog-preview .url,
html[data-theme="light"] body.blog-page .blog-preview .title,
html[data-theme="light"] body.blog-page .blog-preview p {
    color: var(--blog-ink) !important;
}

html[data-theme="light"] body.blog-page .blog-hero p,
html[data-theme="light"] body.blog-page .blog-filter-summary small,
html[data-theme="light"] body.blog-page .blog-score-text small,
html[data-theme="light"] body.blog-page .blog-card-excerpt,
html[data-theme="light"] body.blog-page .blog-stat span,
html[data-theme="light"] body.blog-page .blog-audit span,
html[data-theme="light"] body.blog-page .blog-preview p {
    color: var(--blog-muted) !important;
}

html[data-theme="light"] body.blog-page .blog-btn.primary {
    color: #101827 !important;
}

html[data-theme="light"] body.blog-page .blog-btn.dark {
    color: #f8fafc !important;
}
body.messages-page {
    background: linear-gradient(180deg, #f8fafc 0%, #eef4fb 100%);
}

body.messages-page .messages-page-shell,
body.messages-page .messages-page-shell * {
    box-sizing: border-box;
}

body.dark-theme.messages-page {
    background: linear-gradient(180deg, #0b1220 0%, #10192b 100%);
    color: #edf2f8;
}

body.dark-theme.messages-page .main-content {
    background: transparent !important;
}

body.dark-theme.messages-page .messages-hero {
    background: linear-gradient(135deg, #162033 0%, #1f2d42 55%, #283954 100%) !important;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.30) !important;
}

body.dark-theme.messages-page .messages-hero p,
body.dark-theme.messages-page .messages-note,
body.dark-theme.messages-page .messages-kpi-hint,
body.dark-theme.messages-page .messages-bulk-count,
body.dark-theme.messages-page .messages-list-head,
body.dark-theme.messages-page .message-row-email,
body.dark-theme.messages-page .message-row-preview,
body.dark-theme.messages-page .message-row-date,
body.dark-theme.messages-page .message-row-date div,
body.dark-theme.messages-page .messages-detail-meta,
body.dark-theme.messages-page .messages-detail-section-title,
body.dark-theme.messages-page .messages-empty,
body.dark-theme.messages-page .messages-detail-body,
body.dark-theme.messages-page .messages-detail-reply {
    color: #cbd5e1 !important;
}

body.dark-theme.messages-page .messages-hero h1,
body.dark-theme.messages-page .messages-kpi-value,
body.dark-theme.messages-page .message-row-name,
body.dark-theme.messages-page .message-row-title,
body.dark-theme.messages-page .messages-detail-title,
body.dark-theme.messages-page .messages-person strong,
body.dark-theme.messages-page .messages-detail-meta strong,
body.dark-theme.messages-page .messages-empty div[style*="font-weight: 900"],
body.dark-theme.messages-page .messages-empty > div:first-child {
    color: #f4f8fc !important;
}

body.dark-theme.messages-page .messages-kpi,
body.dark-theme.messages-page .messages-panel,
body.dark-theme.messages-page .messages-toolbar,
body.dark-theme.messages-page .messages-field,
body.dark-theme.messages-page .messages-bulkbar,
body.dark-theme.messages-page .messages-list,
body.dark-theme.messages-page .message-row,
body.dark-theme.messages-page .message-icon-btn,
body.dark-theme.messages-page .messages-detail,
body.dark-theme.messages-page .messages-detail-head,
body.dark-theme.messages-page .messages-detail-body,
body.dark-theme.messages-page .messages-detail-reply,
body.dark-theme.messages-page .messages-detail-notes textarea,
body.dark-theme.messages-page .messages-empty,
body.dark-theme.messages-page .messages-btn-muted {
    background: #162033 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
    color: #edf2f8 !important;
}

body.dark-theme.messages-page .messages-kpi:hover,
body.dark-theme.messages-page .message-row:hover,
body.dark-theme.messages-page .message-row.is-active,
body.dark-theme.messages-page .message-icon-btn:hover {
    background: #1f2d42 !important;
}

body.dark-theme.messages-page .messages-kpi {
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28) !important;
}

body.dark-theme.messages-page .messages-kpi::after {
    background: rgba(245, 180, 0, 0.10) !important;
}

body.dark-theme.messages-page .messages-kpi-icon {
    background: rgba(245, 180, 0, 0.14) !important;
    color: #fbbf24 !important;
}

body.dark-theme.messages-page .messages-btn-primary {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    color: #111827 !important;
}

body.dark-theme.messages-page .messages-btn-soft {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #edf2f8 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

body.dark-theme.messages-page .messages-btn-muted {
    background: #1a2437 !important;
    color: #edf2f8 !important;
}

body.dark-theme.messages-page .messages-btn[style*="fff5f5"],
body.dark-theme.messages-page .messages-btn[style*="fecaca"] {
    background: #3b1420 !important;
    color: #fecdd3 !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

body.dark-theme.messages-page .messages-toolbar {
    box-shadow: inset 0 -1px 0 rgba(172, 188, 211, 0.10) !important;
}

body.dark-theme.messages-page .messages-field input,
body.dark-theme.messages-page .messages-field select,
body.dark-theme.messages-page .messages-field svg,
body.dark-theme.messages-page .message-icon-btn svg {
    color: #edf2f8 !important;
    stroke: currentColor !important;
}

body.dark-theme.messages-page .messages-field input::placeholder {
    color: #9aa7ba !important;
}

body.dark-theme.messages-page .messages-list {
    border-right-color: rgba(172, 188, 211, 0.12) !important;
}

body.dark-theme.messages-page .messages-list-head {
    background: #101827 !important;
}

body.dark-theme.messages-page .message-row {
    border-bottom-color: rgba(172, 188, 211, 0.10) !important;
}

body.dark-theme.messages-page .message-row:hover,
body.dark-theme.messages-page .message-row.is-active {
    box-shadow: inset 0 0 0 1px rgba(245, 180, 0, 0.12) !important;
}

body.dark-theme.messages-page .message-avatar {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    color: #111827 !important;
}

body.dark-theme.messages-page .message-badge.order {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #fdba74 !important;
}

body.dark-theme.messages-page .message-badge.tech {
    background: rgba(59, 130, 246, 0.16) !important;
    color: #93c5fd !important;
}

body.dark-theme.messages-page .message-badge.topic-general {
    background: rgba(148, 163, 184, 0.16) !important;
    color: #cbd5e1 !important;
}

body.dark-theme.messages-page .message-badge.read {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #7ee2b8 !important;
}

body.dark-theme.messages-page .message-badge.unread-b {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fda4af !important;
}

body.dark-theme.messages-page .message-badge.archive {
    background: rgba(100, 116, 139, 0.20) !important;
    color: #cbd5e1 !important;
}

body.dark-theme.messages-page .message-icon-btn {
    color: #edf2f8 !important;
}

body.dark-theme.messages-page .messages-preview {
    background: transparent !important;
}

body.dark-theme.messages-page .messages-detail {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

body.dark-theme.messages-page .messages-detail-reply {
    background: #101827 !important;
}

body.dark-theme.messages-page .messages-detail-notes textarea {
    background: #101827 !important;
}

body.dark-theme.messages-page .messages-empty {
    border-color: rgba(172, 188, 211, 0.18) !important;
    color: #cbd5e1 !important;
}

body.dark-theme.messages-page .messages-alert {
    background: #162033 !important;
    color: #edf2f8 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
}

body.dark-theme.messages-page .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

body.kategori-mockup-page {
    background:
        radial-gradient(circle at top left, rgba(20, 184, 166, 0.08), transparent 34%),
        radial-gradient(circle at bottom right, rgba(245, 180, 0, 0.08), transparent 30%),
        linear-gradient(180deg, #f5f8fc, #edf3f9);
    color: #172033;
}

body.kategori-mockup-page .category-mockup-shell {
    color: inherit;
}

body.dark-theme.kategori-mockup-page {
    background:
        radial-gradient(circle at top left, rgba(20, 184, 166, 0.14), transparent 34%),
        radial-gradient(circle at bottom right, rgba(245, 180, 0, 0.12), transparent 30%),
        linear-gradient(180deg, #0b1220, #10192b) !important;
    color: #edf2f8 !important;
}

body.dark-theme.kategori-mockup-page .category-mockup-shell {
    color: #edf2f8 !important;
}

body.dark-theme.kategori-mockup-page .category-rail-card,
body.dark-theme.kategori-mockup-page .category-kpi,
body.dark-theme.kategori-mockup-page .category-toolbar,
body.dark-theme.kategori-mockup-page .category-card,
body.dark-theme.kategori-mockup-page .category-rail-link,
body.dark-theme.kategori-mockup-page .category-rail-item,
body.dark-theme.kategori-mockup-page .category-field,
body.dark-theme.kategori-mockup-page .category-actions a,
body.dark-theme.kategori-mockup-page .category-actions button,
body.dark-theme.kategori-mockup-page .category-pager a,
body.dark-theme.kategori-mockup-page .alert {
    background: #162033 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
    color: #edf2f8 !important;
}

body.dark-theme.kategori-mockup-page .category-rail-card.soft {
    background: linear-gradient(180deg, #162033, #111c2f) !important;
}

body.dark-theme.kategori-mockup-page .category-hero {
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.30) !important;
}

body.dark-theme.kategori-mockup-page .category-hero-card {
    background: linear-gradient(180deg, #162033, #111c2f) !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
}

body.dark-theme.kategori-mockup-page .category-hero p,
body.dark-theme.kategori-mockup-page .category-title p,
body.dark-theme.kategori-mockup-page .category-rail-card p,
body.dark-theme.kategori-mockup-page .category-rail-card small,
body.dark-theme.kategori-mockup-page .category-rail-link span,
body.dark-theme.kategori-mockup-page .category-rail-item small,
body.dark-theme.kategori-mockup-page .category-kpi small,
body.dark-theme.kategori-mockup-page .category-kpi i,
body.dark-theme.kategori-mockup-page .category-sku,
body.dark-theme.kategori-mockup-page .category-parent,
body.dark-theme.kategori-mockup-page .category-stat small,
body.dark-theme.kategori-mockup-page .category-status {
    color: #cbd5e1 !important;
}

body.dark-theme.kategori-mockup-page .category-hero h2,
body.dark-theme.kategori-mockup-page .category-title h1,
body.dark-theme.kategori-mockup-page .category-body h3,
body.dark-theme.kategori-mockup-page .category-rail-card h3,
body.dark-theme.kategori-mockup-page .category-rail-card h4,
body.dark-theme.kategori-mockup-page .category-kpi b,
body.dark-theme.kategori-mockup-page .category-rail-metric strong,
body.dark-theme.kategori-mockup-page .category-rail-item strong {
    color: #f4f8fc !important;
}

body.dark-theme.kategori-mockup-page .category-toolbar {
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

body.dark-theme.kategori-mockup-page .category-field::placeholder {
    color: #9aa7ba !important;
}

body.dark-theme.kategori-mockup-page .category-field {
    background: #101827 !important;
}

body.dark-theme.kategori-mockup-page .category-search span,
body.dark-theme.kategori-mockup-page .category-cover-label {
    color: #edf2f8 !important;
}

body.dark-theme.kategori-mockup-page .category-thumb {
    background: linear-gradient(135deg, #101827, #162033) !important;
}

body.dark-theme.kategori-mockup-page .category-thumb::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.56)) !important;
}

body.dark-theme.kategori-mockup-page .category-sku {
    background: rgba(148, 163, 184, 0.12) !important;
}

body.dark-theme.kategori-mockup-page .category-status.active {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #7ee2b8 !important;
}

body.dark-theme.kategori-mockup-page .category-status.passive {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fda4af !important;
}

body.dark-theme.kategori-mockup-page .category-stat,
body.dark-theme.kategori-mockup-page .category-rail-metric {
    background: #101827 !important;
    border-color: rgba(172, 188, 211, 0.16) !important;
}

body.dark-theme.kategori-mockup-page .category-icon {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(172, 188, 211, 0.24) !important;
    color: #edf2f8 !important;
}

body.dark-theme.kategori-mockup-page .category-actions .edit {
    background: #f4b400 !important;
    border-color: transparent !important;
    color: #101827 !important;
}

body.dark-theme.kategori-mockup-page .category-actions .products {
    background: rgba(20, 184, 166, 0.16) !important;
    border-color: rgba(20, 184, 166, 0.22) !important;
    color: #99f6e4 !important;
}

body.dark-theme.kategori-mockup-page .category-actions a:not(.edit):not(.products),
body.dark-theme.kategori-mockup-page .category-actions button,
body.dark-theme.kategori-mockup-page .category-pager a {
    background: #162033 !important;
    color: #edf2f8 !important;
}

body.dark-theme.kategori-mockup-page .category-pager .active {
    background: #f4b400 !important;
    color: #101827 !important;
    border-color: transparent !important;
}

body.dark-theme.kategori-mockup-page .category-rail-label {
    background: rgba(20, 184, 166, 0.14) !important;
    color: #99f6e4 !important;
    border-color: rgba(20, 184, 166, 0.20) !important;
}

body.dark-theme.kategori-mockup-page .category-btn-primary {
    color: #101827 !important;
}

body.dark-theme.urunler-mockup-page {
    background: linear-gradient(180deg, #08101b 0%, #0f172a 52%, #08101b 100%) !important;
    color: #e5eef9 !important;
}

body.dark-theme.urunler-mockup-page .product-mockup-shell {
    --bg: #0f172a;
    --panel: #111827;
    --soft: #0b1220;
    --text: #e5eef9;
    --muted: #95a3b8;
    --line: rgba(148, 163, 184, 0.18);
    --dark: #f8fafc;
    --nav: #0f172a;
    --nav2: #111827;
    --shadow: 0 22px 60px rgba(2, 6, 23, 0.42);
    color: #e5eef9 !important;
}

body.dark-theme.urunler-mockup-page .product-title h1,
body.dark-theme.urunler-mockup-page .product-title p,
body.dark-theme.urunler-mockup-page .product-kpi small,
body.dark-theme.urunler-mockup-page .product-kpi i,
body.dark-theme.urunler-mockup-page .product-search span,
body.dark-theme.urunler-mockup-page .product-bulk-left,
body.dark-theme.urunler-mockup-page .product-cat,
body.dark-theme.urunler-mockup-page .product-stat small {
    color: #cbd5e1 !important;
}

body.dark-theme.urunler-mockup-page .product-btn-light,
body.dark-theme.urunler-mockup-page .product-toolbar,
body.dark-theme.urunler-mockup-page .product-kpi,
body.dark-theme.urunler-mockup-page .product-card,
body.dark-theme.urunler-mockup-page .product-pager a,
body.dark-theme.urunler-mockup-page .product-pager button,
body.dark-theme.urunler-mockup-page .product-actions a,
body.dark-theme.urunler-mockup-page .product-actions button,
body.dark-theme.urunler-mockup-page .product-field,
body.dark-theme.urunler-mockup-page .product-stat,
body.dark-theme.urunler-mockup-page .product-view-toggle,
body.dark-theme.urunler-mockup-page .product-card-check,
body.dark-theme.urunler-mockup-page .product-icon,
body.dark-theme.urunler-mockup-page .product-chip {
    background: #162033 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
    color: #edf2f8 !important;
}

body.dark-theme.urunler-mockup-page .product-kpi,
body.dark-theme.urunler-mockup-page .product-toolbar,
body.dark-theme.urunler-mockup-page .product-card,
body.dark-theme.urunler-mockup-page .product-pager a,
body.dark-theme.urunler-mockup-page .product-pager button {
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.30) !important;
}

body.dark-theme.urunler-mockup-page .product-hero-card {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-theme.urunler-mockup-page .product-kpi {
    background: rgba(15, 23, 42, 0.95) !important;
}

body.dark-theme.urunler-mockup-page .product-kpi small {
    color: #8aa0bf !important;
}

body.dark-theme.urunler-mockup-page .product-field::placeholder {
    color: #9aa7ba !important;
}

body.dark-theme.urunler-mockup-page .product-field {
    background: #101827 !important;
}

body.dark-theme.urunler-mockup-page .product-view-toggle {
    background: rgba(255, 255, 255, 0.04) !important;
}

body.dark-theme.urunler-mockup-page .product-view-toggle .active {
    background: #f4b400 !important;
    color: #101827 !important;
}

body.dark-theme.urunler-mockup-page .product-chip {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #fbbf24 !important;
    border-color: rgba(245, 158, 11, 0.22) !important;
}

body.dark-theme.urunler-mockup-page .product-thumb {
    background: linear-gradient(135deg, #0b1220, #111827) !important;
}

body.dark-theme.urunler-mockup-page .product-sku {
    background: rgba(148, 163, 184, 0.12) !important;
    color: #c7d2e3 !important;
}

body.dark-theme.urunler-mockup-page .product-status.active {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #6ee7b7 !important;
}

body.dark-theme.urunler-mockup-page .product-status.draft {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #fbbf24 !important;
}

body.dark-theme.urunler-mockup-page .product-status.passive {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fca5a5 !important;
}

body.dark-theme.urunler-mockup-page .product-actions .edit {
    background: linear-gradient(135deg, #f4ad00, #ff7a1a) !important;
    color: #0f172a !important;
    border-color: transparent !important;
}

body.dark-theme.urunler-mockup-page .product-actions .gallery {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #fbbf24 !important;
    border-color: rgba(245, 158, 11, 0.22) !important;
}

body.dark-theme.urunler-mockup-page .product-pager .active {
    color: #0f172a !important;
}

body.blog-edit-page {
    background: linear-gradient(180deg, #f7fbff, #edf3fa);
    color: #172333;
}

body.blog-edit-page .blog-topbar,
body.blog-edit-page .blog-kpi,
body.blog-edit-page .blog-tab,
body.blog-edit-page .blog-mockup-card,
body.blog-edit-page .blog-fields-grid > .mb-4,
body.blog-edit-page .blog-panel,
body.blog-edit-page #blog-seo-health-panel,
body.blog-edit-page .blog-preview,
body.blog-edit-page .blog-publish-item,
body.blog-edit-page .blog-sticky-actions,
body.blog-edit-page .blog-field-card {
    background: #ffffff !important;
    color: #172333;
}

body.blog-edit-page .blog-tab.is-active,
body.blog-edit-page .blog-tab.active,
body.blog-edit-page .blog-tab:hover {
    background: #111827 !important;
    color: #ffffff !important;
    border-color: #111827 !important;
}

body.blog-edit-page .blog-page-desc,
body.blog-edit-page .blog-kpis .blog-kpi span,
body.blog-edit-page .blog-publish-item span,
body.blog-edit-page #blog-seo-health-panel .blog-seo-subtitle,
body.blog-edit-page #blog-seo-health-panel .blog-health-item,
body.blog-edit-page .blog-preview p,
body.blog-edit-page .blog-ai-panel .blog-ai-copy {
    color: #5f6b76;
}

body.blog-edit-page .blog-fields-grid > .mb-4 .form-label,
body.blog-edit-page .blog-field-card .form-label,
body.blog-edit-page .blog-panel h3,
body.blog-edit-page #blog-seo-health-panel h3,
body.blog-edit-page .blog-kpis .blog-kpi strong,
body.blog-edit-page .blog-publish-item strong,
body.blog-edit-page .blog-preview .title,
body.blog-edit-page .blog-ai-panel h3 {
    color: #172333;
}

body.blog-edit-page .blog-fields-grid > .mb-4 .form-control,
body.blog-edit-page .blog-fields-grid > .mb-4 .form-select,
body.blog-edit-page .blog-fields-grid > .mb-4 textarea,
body.blog-edit-page .blog-field-card .form-control,
body.blog-edit-page .blog-field-card .form-select,
body.blog-edit-page .blog-field-card textarea,
body.blog-edit-page .blog-ai-prompt {
    background: #f9fbfe;
    color: #172333;
    border-color: #dbe4ee;
}

body.blog-edit-page .blog-ai-panel {
    background: linear-gradient(180deg, #1f2f52 0%, #172238 100%);
    color: #ffffff;
}

body.blog-edit-page .blog-ai-panel .blog-ai-actions button {
    background: #f8fafc;
    color: #111827;
}

body.dark-theme.blog-edit-page {
    background: linear-gradient(180deg, #0b1220, #10192b);
    color: #edf2f8;
}

body.dark-theme.blog-edit-page .blog-topbar,
body.dark-theme.blog-edit-page .blog-kpi,
body.dark-theme.blog-edit-page .blog-tab,
body.dark-theme.blog-edit-page .blog-mockup-card,
body.dark-theme.blog-edit-page .blog-fields-grid > .mb-4,
body.dark-theme.blog-edit-page .blog-panel,
body.dark-theme.blog-edit-page #blog-seo-health-panel,
body.dark-theme.blog-edit-page .blog-preview,
body.dark-theme.blog-edit-page .blog-publish-item,
body.dark-theme.blog-edit-page .blog-sticky-actions,
body.dark-theme.blog-edit-page .blog-field-card {
    background: #162033 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
    color: #edf2f8 !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.30) !important;
}

body.dark-theme.blog-edit-page .blog-topbar {
    background: linear-gradient(135deg, #162033, #1f2d42) !important;
}

body.dark-theme.blog-edit-page .blog-tab.is-active,
body.dark-theme.blog-edit-page .blog-tab.active,
body.dark-theme.blog-edit-page .blog-tab:hover {
    background: #f4b400 !important;
    color: #101827 !important;
    border-color: #f4b400 !important;
}

body.dark-theme.blog-edit-page .blog-page-desc,
body.dark-theme.blog-edit-page .blog-kpis .blog-kpi span,
body.dark-theme.blog-edit-page .blog-publish-item span,
body.dark-theme.blog-edit-page #blog-seo-health-panel .blog-seo-subtitle,
body.dark-theme.blog-edit-page #blog-seo-health-panel .blog-health-item,
body.dark-theme.blog-edit-page .blog-preview p,
body.dark-theme.blog-edit-page .blog-ai-panel .blog-ai-copy {
    color: #9aa7ba !important;
}

body.dark-theme.blog-edit-page .blog-fields-grid > .mb-4 .form-label,
body.dark-theme.blog-edit-page .blog-field-card .form-label,
body.dark-theme.blog-edit-page .blog-panel h3,
body.dark-theme.blog-edit-page #blog-seo-health-panel h3,
body.dark-theme.blog-edit-page .blog-kpis .blog-kpi strong,
body.dark-theme.blog-edit-page .blog-publish-item strong,
body.dark-theme.blog-edit-page .blog-preview .title,
body.dark-theme.blog-edit-page .blog-ai-panel h3 {
    color: #f4f8fc !important;
}

body.dark-theme.blog-edit-page .blog-fields-grid > .mb-4 .form-control,
body.dark-theme.blog-edit-page .blog-fields-grid > .mb-4 .form-select,
body.dark-theme.blog-edit-page .blog-fields-grid > .mb-4 textarea,
body.dark-theme.blog-edit-page .blog-field-card .form-control,
body.dark-theme.blog-edit-page .blog-field-card .form-select,
body.dark-theme.blog-edit-page .blog-field-card textarea,
body.dark-theme.blog-edit-page .blog-ai-prompt {
    background: #111c2f !important;
    color: #edf2f8 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
}

body.dark-theme.blog-edit-page .blog-fields-grid > .mb-4 .form-control::placeholder,
body.dark-theme.blog-edit-page .blog-field-card .form-control::placeholder,
body.dark-theme.blog-edit-page .blog-ai-prompt::placeholder {
    color: #9aa7ba !important;
}

body.dark-theme.blog-edit-page .blog-ai-panel {
    background: linear-gradient(180deg, #1a2740 0%, #111c2f 100%) !important;
    color: #edf2f8 !important;
}

body.dark-theme.blog-edit-page .blog-ai-panel .blog-ai-actions button {
    background: #162033 !important;
    color: #edf2f8 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
}

body.dark-theme.blog-edit-page .blog-ai-action--meta {
    background: linear-gradient(135deg, #3b2412 0%, #6b3c16 100%) !important;
    color: #fde68a !important;
}

body.dark-theme.blog-edit-page .blog-ai-action--content {
    background: linear-gradient(135deg, #12264d 0%, #1e3a8a 100%) !important;
    color: #bfdbfe !important;
}

body.dark-theme.blog-edit-page .blog-ai-action--links {
    background: linear-gradient(135deg, #12331f 0%, #14532d 100%) !important;
    color: #bbf7d0 !important;
}

body.dark-theme.blog-edit-page .blog-ai-action--schema {
    background: linear-gradient(135deg, #25164b 0%, #4c1d95 100%) !important;
    color: #ddd6fe !important;
}

body.dark-theme.blog-edit-page .blog-ai-action--alt {
    background: linear-gradient(135deg, #4a1111 0%, #7f1d1d 100%) !important;
    color: #fecaca !important;
}

body.dark-theme.blog-edit-page .blog-ai-action--title {
    background: linear-gradient(135deg, #4a3210 0%, #854d0e 100%) !important;
    color: #fde68a !important;
}

body.referans-mockup-page .ref-page {
    --bg: #eef3f8;
    --card: #ffffff;
    --ink: #172033;
    --muted: #4b5563;
    --line: #d7e0ea;
    --soft: #f8fbfd;
    --dark: #111827;
    --shadow: 0 16px 38px rgba(16, 24, 40, 0.08);
}

body.referans-mockup-page .ref-eyebrow,
body.referans-mockup-page .ref-badge.gold,
body.referans-mockup-page .ref-btn.gold,
body.referans-mockup-page .lang-tabs button.active {
    background: #f4b400;
    border-color: #f4b400;
    color: #101827;
}

body.referans-mockup-page .ref-btn,
body.referans-mockup-page .ref-card,
body.referans-mockup-page .ref-hero-side,
body.referans-mockup-page .ref-hero-main,
body.referans-mockup-page .ref-toolbar,
body.referans-mockup-page .ref-kpi,
body.referans-mockup-page .ref-card-h,
body.referans-mockup-page .ref-item,
body.referans-mockup-page .ref-preview,
body.referans-mockup-page .ref-side-card,
body.referans-mockup-page .ref-input,
body.referans-mockup-page .ref-select,
body.referans-mockup-page .ref-textarea,
body.referans-mockup-page .ref-upload,
body.referans-mockup-page .ref-check-row,
body.referans-mockup-page .ref-icon-btn {
    background: #ffffff;
    color: #172033;
    border-color: #dbe4ee;
}

body.referans-mockup-page .ref-sub,
body.referans-mockup-page .ref-kpi small,
body.referans-mockup-page .ref-score small,
body.referans-mockup-page .ref-preview p,
body.referans-mockup-page .ref-check-row span,
body.referans-mockup-page .ref-body p {
    color: #4b5563;
}

body.referans-mockup-page .ref-card h4,
body.referans-mockup-page .ref-panel h3,
body.referans-mockup-page .ref-side-card h3,
body.referans-mockup-page .ref-top h1,
body.referans-mockup-page .ref-hero-main h2,
body.referans-mockup-page .ref-preview h3,
body.referans-mockup-page .ref-body h4 {
    color: #172033;
}

body.referans-mockup-page .ref-badge.gray,
body.referans-mockup-page .ref-icon-btn {
    color: #334155;
}

body.referans-mockup-page .topbar {
    align-items: center;
    gap: 14px;
}

body.referans-mockup-page .actions {
    align-items: center;
    gap: 6px;
}

body.referans-mockup-page .actions .btn {
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 11px;
    line-height: 1;
}

body.referans-mockup-page .ref-top-menu,
body.referans-mockup-page .ref-top-theme {
    background: linear-gradient(180deg, #ffffff, #f8fbfd);
    border-color: #d7e0ea;
    color: #172033;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.08);
}

body.referans-mockup-page .theme {
    background: linear-gradient(180deg, #ffffff, #f8fbfd);
    border: 1px solid #d7e0ea;
    color: #172033;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.08);
}

body.referans-mockup-page .ref-top-menu,
body.referans-mockup-page .ref-top-theme,
body.referans-mockup-page .theme {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border-radius: 11px;
}

body.referans-mockup-page .ref-top-menu i,
body.referans-mockup-page .ref-top-theme i {
    color: currentColor;
    font-size: 17px;
    line-height: 1;
}

body.referans-mockup-page .ref-input::placeholder,
body.referans-mockup-page .ref-select::placeholder,
body.referans-mockup-page .ref-textarea::placeholder {
    color: #94a3b8;
}

body.referans-mockup-page .ref-search:before {
    color: #64748b;
}

body.referans-mockup-page .ref-icon-btn:hover,
body.referans-mockup-page .ref-btn:hover {
    filter: brightness(0.98);
}

body.dark-theme.referans-mockup-page {
    background:
        radial-gradient(circle at 12% 15%, rgba(246, 184, 0, 0.10), transparent 26%),
        radial-gradient(circle at 88% 22%, rgba(96, 165, 250, 0.10), transparent 24%),
        linear-gradient(180deg, #0f172a, #111827);
    color: #e5eef9;
}

body.dark-theme.referans-mockup-page .ref-page {
    --bg: #0f172a;
    --card: #111c2f;
    --ink: #e5eef9;
    --muted: #b4c0d1;
    --line: #2a3a51;
    --soft: #162238;
    --dark: #e5eef9;
    --shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

body.dark-theme.referans-mockup-page .ref-eyebrow,
body.dark-theme.referans-mockup-page .ref-badge.gold,
body.dark-theme.referans-mockup-page .ref-btn.gold,
body.dark-theme.referans-mockup-page .lang-tabs button.active {
    background: #f4b400 !important;
    border-color: #f4b400 !important;
    color: #101827 !important;
}

body.dark-theme.referans-mockup-page .ref-btn,
body.dark-theme.referans-mockup-page .ref-card,
body.dark-theme.referans-mockup-page .ref-hero-side,
body.dark-theme.referans-mockup-page .ref-hero-main,
body.dark-theme.referans-mockup-page .ref-toolbar,
body.dark-theme.referans-mockup-page .ref-kpi,
body.dark-theme.referans-mockup-page .ref-card-h,
body.dark-theme.referans-mockup-page .ref-item,
body.dark-theme.referans-mockup-page .ref-preview,
body.dark-theme.referans-mockup-page .ref-side-card,
body.dark-theme.referans-mockup-page .ref-input,
body.dark-theme.referans-mockup-page .ref-select,
body.dark-theme.referans-mockup-page .ref-textarea,
body.dark-theme.referans-mockup-page .ref-upload,
body.dark-theme.referans-mockup-page .ref-check-row,
body.dark-theme.referans-mockup-page .ref-icon-btn {
    background: #162033 !important;
    color: #edf2f8 !important;
    border-color: rgba(172, 188, 211, 0.18) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.30) !important;
}

body.dark-theme.referans-mockup-page .ref-sub,
body.dark-theme.referans-mockup-page .ref-kpi small,
body.dark-theme.referans-mockup-page .ref-score small,
body.dark-theme.referans-mockup-page .ref-preview p,
body.dark-theme.referans-mockup-page .ref-check-row span,
body.dark-theme.referans-mockup-page .ref-body p {
    color: #b4c0d1 !important;
}

body.dark-theme.referans-mockup-page .ref-card h4,
body.dark-theme.referans-mockup-page .ref-panel h3,
body.dark-theme.referans-mockup-page .ref-side-card h3,
body.dark-theme.referans-mockup-page .ref-top h1,
body.dark-theme.referans-mockup-page .ref-hero-main h2,
body.dark-theme.referans-mockup-page .ref-preview h3,
body.dark-theme.referans-mockup-page .ref-body h4 {
    color: #f4f8fc !important;
}

body.dark-theme.referans-mockup-page .ref-badge.gray,
body.dark-theme.referans-mockup-page .ref-icon-btn {
    color: #dbe6f3 !important;
}

body.dark-theme.referans-mockup-page .ref-input::placeholder,
body.dark-theme.referans-mockup-page .ref-select::placeholder,
body.dark-theme.referans-mockup-page .ref-textarea::placeholder {
    color: #8ea0ba !important;
}

body.dark-theme.referans-mockup-page .ref-search:before {
    color: #9fb1c8 !important;
}

body.dark-theme.referans-mockup-page .ref-hero-main {
    background: linear-gradient(135deg, #162033, #1f2d42) !important;
}

body.dark-theme.referans-mockup-page .ref-btn.red,
body.dark-theme.referans-mockup-page .ref-badge.red {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fda4af !important;
    border-color: rgba(239, 68, 68, 0.18) !important;
}

body.dark-theme.referans-mockup-page .ref-badge.gray {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #d7e1ed !important;
}

body.dark-theme.referans-mockup-page .actions .btn {
    border-color: rgba(210, 173, 88, 0.32);
}

body.dark-theme.referans-mockup-page .ref-top-menu,
body.dark-theme.referans-mockup-page .ref-top-theme {
    background: linear-gradient(180deg, rgba(24, 34, 52, 0.96), rgba(16, 24, 39, 0.98)) !important;
    color: #dbeafe !important;
    border-color: rgba(210, 173, 88, 0.32) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30) !important;
}

body.dark-theme.referans-mockup-page .theme {
    background: linear-gradient(180deg, rgba(24, 34, 52, 0.96), rgba(16, 24, 39, 0.98));
    color: #dbeafe;
    border-color: rgba(210, 173, 88, 0.32);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30);
}

body.dark-theme.referans-mockup-page .ref-top-menu:hover,
body.dark-theme.referans-mockup-page .ref-top-theme:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #f4f8fc !important;
}

body.dark-theme.referans-mockup-page .theme:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #f4f8fc;
}

body.dark-theme.referans-mockup-page .ref-badge.green {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #7ee2b8 !important;
}

body.dark-theme.referans-mockup-page .ref-btn.dark {
    background: #1f2d42 !important;
    color: #edf2f8 !important;
}

body.referans-mockup-page .ref-action-icon,
body.dark-theme.referans-mockup-page .ref-action-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
}

body.dark-theme.referans-mockup-page .ref-upload-icon {
    background: rgba(244, 180, 0, 0.16);
    color: #f4b400;
}

html[data-theme="light"] body.menu-mockup-page {
    background:
        radial-gradient(circle at top left, rgba(244, 180, 0, 0.09), transparent 36%),
        radial-gradient(circle at bottom right, rgba(14, 116, 144, 0.08), transparent 34%),
        linear-gradient(180deg, #f6f8fc, #edf3f9) !important;
    color: #172033 !important;
}

html[data-theme="dark"] body.menu-mockup-page {
    background:
        radial-gradient(circle at top left, rgba(244, 180, 0, 0.12), transparent 36%),
        radial-gradient(circle at bottom right, rgba(14, 116, 144, 0.10), transparent 34%),
        linear-gradient(180deg, #0b1220, #10192b) !important;
    color: #edf2f8 !important;
}

body.dark-theme.menu-mockup-page {
    background:
        radial-gradient(circle at top left, rgba(244, 180, 0, 0.12), transparent 36%),
        radial-gradient(circle at bottom right, rgba(14, 116, 144, 0.10), transparent 34%),
        linear-gradient(180deg, #0b1220, #10192b) !important;
    color: #edf2f8 !important;
}

html[data-theme="light"] body.adm-shell,
body.adm-shell {
    --dashboard-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.9));
    --dashboard-surface-strong: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.86));
    --dashboard-surface-soft: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 245, 251, 0.96));
    --dashboard-surface-flat: rgba(255, 255, 255, 0.9);
    --dashboard-surface-muted: rgba(255, 255, 255, 0.5);
    --dashboard-border: rgba(226, 232, 240, 0.95);
    --dashboard-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    --dashboard-accent-surface: rgba(201, 163, 74, 0.18);
    --dashboard-accent-surface-hover: rgba(201, 163, 74, 0.2);
    --dashboard-side-surface: rgba(255, 255, 255, 0.26);
}

html[data-theme="dark"] body.adm-shell,
body.dark-theme.adm-shell {
    --dashboard-surface: linear-gradient(180deg, rgba(22, 32, 51, 0.98), rgba(15, 23, 40, 0.96));
    --dashboard-surface-strong: linear-gradient(180deg, rgba(22, 32, 51, 0.99), rgba(15, 23, 40, 0.97));
    --dashboard-surface-soft: linear-gradient(180deg, rgba(22, 32, 51, 0.98), rgba(15, 23, 40, 0.96));
    --dashboard-surface-flat: rgba(22, 32, 51, 0.98);
    --dashboard-surface-muted: rgba(255, 255, 255, 0.035);
    --dashboard-border: rgba(210, 173, 88, 0.18);
    --dashboard-shadow: 0 16px 34px rgba(0, 0, 0, 0.3);
    --dashboard-accent-surface: rgba(210, 173, 88, 0.16);
    --dashboard-accent-surface-hover: rgba(210, 173, 88, 0.22);
    --dashboard-side-surface: rgba(255, 255, 255, 0.035);
}

html[data-theme="light"] body.admin-ayarlar-page.adm-shell,
body.admin-ayarlar-page.adm-shell {
    --adm-bg: #f5f7fb;
    --adm-sidebar: #ffffff;
    --adm-text: #172033;
    --adm-muted: #64748b;
    --adm-border: #e5e7eb;
    --adm-accent: #f5b301;
    --adm-sidebar-text: #172033;
    --adm-sidebar-muted: #6b7280;
    --adm-sidebar-border: rgba(15, 23, 42, 0.08);
    --bg: #f4f7fb;
    --surface: #ffffff;
    --surface-2: #f8fafc;
    --text: #1f2937;
    --muted: #6b7280;
    --line: #e5e7eb;
    --shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
    --brand: #f5b400;
    --brand-2: #ffcf4a;
    --dark: #111827;
    --admin-hero-start: #111827;
    --admin-hero-mid: #1d2b43;
    --admin-hero-end: rgba(245, 180, 0, 0.5);
}

html[data-theme="dark"] body.admin-ayarlar-page.adm-shell,
body.dark-theme.admin-ayarlar-page.adm-shell {
    --adm-bg: #0f1218;
    --adm-sidebar: #101827;
    --adm-text: #e5eef9;
    --adm-muted: #8ea0ba;
    --adm-border: rgba(148, 163, 184, 0.18);
    --adm-accent: #f5b301;
    --adm-sidebar-text: #dbeafe;
    --adm-sidebar-muted: #8ea0ba;
    --adm-sidebar-border: rgba(148, 163, 184, 0.16);
    --bg: #0f1218;
    --surface: #111827;
    --surface-2: #0f172a;
    --text: #e5eef9;
    --muted: #8ea0ba;
    --line: rgba(148, 163, 184, 0.18);
    --shadow: 0 16px 34px rgba(0, 0, 0, 0.3);
    --brand: #f5b400;
    --brand-2: #ffcf4a;
    --dark: #111827;
    --admin-hero-start: #0f172a;
    --admin-hero-mid: #111827;
    --admin-hero-end: rgba(245, 180, 0, 0.28);
}

body.admin-ayarlar-page.adm-shell .adm-shell__frame {
    background:
        radial-gradient(circle at top right, rgba(245, 179, 1, 0.10), transparent 28%),
        radial-gradient(circle at bottom left, rgba(16, 24, 39, 0.05), transparent 26%),
        var(--adm-bg) !important;
}

body.admin-ayarlar-page.adm-shell .hero {
    background: linear-gradient(135deg, var(--admin-hero-start), var(--admin-hero-mid) 70%, var(--admin-hero-end)) !important;
    color: #fff !important;
}

body.admin-ayarlar-page.adm-shell .card,
body.admin-ayarlar-page.adm-shell .settings-nav,
body.admin-ayarlar-page.adm-shell .right-panel,
body.admin-ayarlar-page.adm-shell .kpi,
body.admin-ayarlar-page.adm-shell .subsection,
body.admin-ayarlar-page.adm-shell .preview-google,
body.admin-ayarlar-page.adm-shell .status,
body.admin-ayarlar-page.adm-shell .preview-card,
body.admin-ayarlar-page.adm-shell .theme-preview,
body.admin-ayarlar-page.adm-shell .campaign-item,
body.admin-ayarlar-page.adm-shell .builder-item,
body.admin-ayarlar-page.adm-shell .layout-item,
body.admin-ayarlar-page.adm-shell .sticky-save {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    box-shadow: var(--shadow) !important;
    color: var(--text) !important;
}

body.admin-ayarlar-page.adm-shell .subsection,
body.admin-ayarlar-page.adm-shell .preview-google,
body.admin-ayarlar-page.adm-shell .status,
body.admin-ayarlar-page.adm-shell .preview-card,
body.admin-ayarlar-page.adm-shell .theme-preview {
    background: var(--surface-2) !important;
}

body.admin-ayarlar-page.adm-shell .field input,
body.admin-ayarlar-page.adm-shell .field textarea,
body.admin-ayarlar-page.adm-shell .field select,
body.admin-ayarlar-page.adm-shell .campaign-filter {
    background: var(--surface-2) !important;
    border-color: var(--line) !important;
    color: var(--text) !important;
}

body.admin-ayarlar-page.adm-shell .btn.outline {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    color: var(--text) !important;
}

body.admin-ayarlar-page.adm-shell .title p,
body.admin-ayarlar-page.adm-shell .section-head p,
body.admin-ayarlar-page.adm-shell .crumb,
body.admin-ayarlar-page.adm-shell .muted,
body.admin-ayarlar-page.adm-shell .status small,
body.admin-ayarlar-page.adm-shell .preview-card small,
body.admin-ayarlar-page.adm-shell .theme-preview-head span {
    color: var(--muted) !important;
}

body.admin-ayarlar-page.adm-shell .field label,
body.admin-ayarlar-page.adm-shell .theme-token-item label {
    color: var(--text) !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .title p,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .title p,
body.dark-theme.admin-ayarlar-page.adm-shell .section-head p,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .section-head p,
body.dark-theme.admin-ayarlar-page.adm-shell .section-head h3,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .section-head h3,
body.dark-theme.admin-ayarlar-page.adm-shell .subsection p,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .subsection p,
body.dark-theme.admin-ayarlar-page.adm-shell .muted,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .muted,
body.dark-theme.admin-ayarlar-page.adm-shell .crumb,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .crumb,
body.dark-theme.admin-ayarlar-page.adm-shell .settings-nav a,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .settings-nav a,
body.dark-theme.admin-ayarlar-page.adm-shell .field label,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .field label,
body.dark-theme.admin-ayarlar-page.adm-shell .preview-card small,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .preview-card small,
body.dark-theme.admin-ayarlar-page.adm-shell .status small,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .status small,
body.dark-theme.admin-ayarlar-page.adm-shell .kpi label,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .kpi label,
body.dark-theme.admin-ayarlar-page.adm-shell .theme-preview-head strong,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .theme-preview-head strong,
body.dark-theme.admin-ayarlar-page.adm-shell .theme-token-item label,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .theme-token-item label {
    color: #9fb0c9 !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .hero-stat,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .hero-stat,
body.dark-theme.admin-ayarlar-page.adm-shell .kpi,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .kpi,
body.dark-theme.admin-ayarlar-page.adm-shell .card,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .card,
body.dark-theme.admin-ayarlar-page.adm-shell .settings-nav,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .settings-nav,
body.dark-theme.admin-ayarlar-page.adm-shell .right-panel,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .right-panel,
body.dark-theme.admin-ayarlar-page.adm-shell .subsection,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .subsection,
body.dark-theme.admin-ayarlar-page.adm-shell .preview-google,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .preview-google,
body.dark-theme.admin-ayarlar-page.adm-shell .status,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .status,
body.dark-theme.admin-ayarlar-page.adm-shell .color-card,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .color-card,
body.dark-theme.admin-ayarlar-page.adm-shell .builder-item,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .builder-item,
body.dark-theme.admin-ayarlar-page.adm-shell .health,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .health,
body.dark-theme.admin-ayarlar-page.adm-shell .preview-card,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .preview-card,
body.dark-theme.admin-ayarlar-page.adm-shell .campaign-item,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .campaign-item,
body.dark-theme.admin-ayarlar-page.adm-shell .layout-item,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .layout-item {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(15, 23, 42, 0.96)) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: #e5eef9 !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .theme-preview,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .theme-preview {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(17, 24, 39, 0.96)) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .campaign-item:hover,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .campaign-item:hover {
    border-color: rgba(210, 173, 88, 0.42) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .campaign-item.is-checked,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .campaign-item.is-checked {
    background: rgba(37, 99, 235, 0.22) !important;
    border-color: rgba(96, 165, 250, 0.6) !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .campaign-text,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .campaign-text,
body.dark-theme.admin-ayarlar-page.adm-shell .preview-google h4,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .preview-google h4,
body.dark-theme.admin-ayarlar-page.adm-shell .preview-card strong,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .preview-card strong,
body.dark-theme.admin-ayarlar-page.adm-shell .kpi strong,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .kpi strong,
body.dark-theme.admin-ayarlar-page.adm-shell .hero-stat b,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .hero-stat b,
body.dark-theme.admin-ayarlar-page.adm-shell .health b,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .health b,
body.dark-theme.admin-ayarlar-page.adm-shell .layout-item,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .layout-item,
body.dark-theme.admin-ayarlar-page.adm-shell .builder-item,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .builder-item {
    color: #f4f8fc !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .preview-google .url,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .preview-google .url {
    color: #86efac !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .preview-google p,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .preview-google p,
body.dark-theme.admin-ayarlar-page.adm-shell .campaign-item .campaign-text,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .campaign-item .campaign-text {
    color: #d7e2f0 !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .btn.outline,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .btn.outline,
body.dark-theme.admin-ayarlar-page.adm-shell .btn,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .btn {
    color: #e5eef9 !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .field input,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .field input,
body.dark-theme.admin-ayarlar-page.adm-shell .field textarea,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .field textarea,
body.dark-theme.admin-ayarlar-page.adm-shell .field select,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .field select,
body.dark-theme.admin-ayarlar-page.adm-shell .campaign-filter,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .campaign-filter {
    background: rgba(15, 23, 42, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: #f4f8fc !important;
}

body.dark-theme.admin-ayarlar-page.adm-shell .field input::placeholder,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .field input::placeholder,
body.dark-theme.admin-ayarlar-page.adm-shell .field textarea::placeholder,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .field textarea::placeholder,
body.dark-theme.admin-ayarlar-page.adm-shell .field select::placeholder,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .field select::placeholder,
body.dark-theme.admin-ayarlar-page.adm-shell .campaign-filter::placeholder,
html[data-theme="dark"] body.admin-ayarlar-page.adm-shell .campaign-filter::placeholder {
    color: #8ea0ba !important;
}

html[data-theme="light"] body.menu-mockup-page .adm-shell__frame,
html[data-theme="dark"] body.menu-mockup-page .adm-shell__frame,
body.dark-theme.menu-mockup-page .adm-shell__frame {
    background: transparent !important;
}

html[data-theme="light"] body.menu-mockup-page .adm-sidebar,
html[data-theme="dark"] body.menu-mockup-page .adm-sidebar,
body.dark-theme.menu-mockup-page .adm-sidebar {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 246, 251, 0.96)) !important;
    border-right-color: rgba(148, 163, 184, 0.18) !important;
    color: #172033 !important;
}

html[data-theme="dark"] body.menu-mockup-page .adm-sidebar,
body.dark-theme.menu-mockup-page .adm-sidebar {
    background:
        linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(15, 23, 42, 0.98)) !important;
    border-right-color: rgba(148, 163, 184, 0.16) !important;
    color: #edf2f8 !important;
}

html[data-theme="light"] body.menu-mockup-page .adm-main,
html[data-theme="dark"] body.menu-mockup-page .adm-main,
body.dark-theme.menu-mockup-page .adm-main,
html[data-theme="light"] body.menu-mockup-page .adm-content,
html[data-theme="dark"] body.menu-mockup-page .adm-content,
body.dark-theme.menu-mockup-page .adm-content,
html[data-theme="light"] body.menu-mockup-page .adm-topbar,
html[data-theme="dark"] body.menu-mockup-page .adm-topbar,
body.dark-theme.menu-mockup-page .adm-topbar,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-card,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-card,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-topbar,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-topbar,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-tabs,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-tabs,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-stat,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-stat,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-toolbar,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-toolbar,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-panel,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-panel,
html[data-theme="light"] body.menu-mockup-page .menu-tree-card,
html[data-theme="dark"] body.menu-mockup-page .menu-tree-card,
html[data-theme="light"] body.menu-mockup-page .menu-preview-card,
html[data-theme="dark"] body.menu-mockup-page .menu-preview-card,
html[data-theme="light"] body.menu-mockup-page .menu-admin-column-card,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-column-card,
html[data-theme="light"] body.menu-mockup-page .menu-admin-preview-hero,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-preview-hero,
html[data-theme="light"] body.menu-mockup-page .menu-admin-preview-mini,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-preview-mini,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-preview-panel,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-preview-panel,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-root,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-root,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-column,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-column,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-item {
    background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: #172033 !important;
}

body.dark-theme.menu-mockup-page .adm-main,
body.dark-theme.menu-mockup-page .adm-content,
body.dark-theme.menu-mockup-page .adm-topbar,
body.dark-theme.menu-mockup-page .menu-mockup-card,
body.dark-theme.menu-mockup-page .menu-mockup-topbar,
body.dark-theme.menu-mockup-page .menu-mockup-tabs,
body.dark-theme.menu-mockup-page .menu-mockup-stat,
body.dark-theme.menu-mockup-page .menu-mockup-toolbar,
body.dark-theme.menu-mockup-page .menu-mockup-panel,
body.dark-theme.menu-mockup-page .menu-tree-card,
body.dark-theme.menu-mockup-page .menu-preview-card,
body.dark-theme.menu-mockup-page .menu-admin-column-card,
body.dark-theme.menu-mockup-page .menu-admin-preview-hero,
body.dark-theme.menu-mockup-page .menu-admin-preview-mini,
body.dark-theme.menu-mockup-page .menu-mockup-mega-preview-panel,
body.dark-theme.menu-mockup-page .menu-mockup-mega-root,
body.dark-theme.menu-mockup-page .menu-mockup-mega-column,
body.dark-theme.menu-mockup-page .menu-mockup-mega-item {
    background: linear-gradient(180deg, #111c2f, #162238) !important;
    border-color: rgba(172, 188, 211, 0.16) !important;
    color: #edf2f8 !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="light"] body.menu-mockup-page .adm-topbar h1,
html[data-theme="dark"] body.menu-mockup-page .adm-topbar h1,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-card h1,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-card h1,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-panel h3,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-panel h3,
html[data-theme="light"] body.menu-mockup-page .menu-tree-title,
html[data-theme="dark"] body.menu-mockup-page .menu-tree-title,
html[data-theme="light"] body.menu-mockup-page .menu-admin-column-title h4,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-column-title h4,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-column h6,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-column h6,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-root-head h5,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-root-head h5,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-item-head strong,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-item-head strong,
html[data-theme="light"] body.menu-mockup-page .menu-preview-title,
html[data-theme="dark"] body.menu-mockup-page .menu-preview-title,
html[data-theme="light"] body.menu-mockup-page .menu-admin-preview-title strong,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-preview-title strong,
html[data-theme="light"] body.menu-mockup-page .menu-admin-node-head strong,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-node-head strong,
html[data-theme="light"] body.menu-mockup-page .menu-admin-node-key {
    color: #101827 !important;
}

body.dark-theme.menu-mockup-page .adm-topbar h1,
body.dark-theme.menu-mockup-page .menu-mockup-card h1,
body.dark-theme.menu-mockup-page .menu-mockup-panel h3,
body.dark-theme.menu-mockup-page .menu-tree-title,
body.dark-theme.menu-mockup-page .menu-admin-column-title h4,
body.dark-theme.menu-mockup-page .menu-mockup-mega-column h6,
body.dark-theme.menu-mockup-page .menu-mockup-mega-root-head h5,
body.dark-theme.menu-mockup-page .menu-mockup-mega-item-head strong,
body.dark-theme.menu-mockup-page .menu-preview-title,
body.dark-theme.menu-mockup-page .menu-admin-preview-title strong,
body.dark-theme.menu-mockup-page .menu-admin-node-head strong,
body.dark-theme.menu-mockup-page .menu-admin-node-key {
    color: #f4f8fc !important;
}

html[data-theme="light"] body.menu-mockup-page .menu-mockup-card p,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-card p,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mini span,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mini span,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-panel-h small,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-panel-h small,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-stat p,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-stat p,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-stat small,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-stat small,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-summary-row,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-summary-row,
html[data-theme="light"] body.menu-mockup-page .menu-preview-breadcrumb,
html[data-theme="dark"] body.menu-mockup-page .menu-preview-breadcrumb,
html[data-theme="light"] body.menu-mockup-page .menu-preview-extra,
html[data-theme="dark"] body.menu-mockup-page .menu-preview-extra,
html[data-theme="light"] body.menu-mockup-page .menu-detail-list-hint,
html[data-theme="dark"] body.menu-mockup-page .menu-detail-list-hint,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-preview-panel-head small,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-preview-panel-head small,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-empty,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-empty,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-mega-global-empty,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-mega-global-empty,
html[data-theme="light"] body.menu-mockup-page .menu-admin-column-subtitle,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-column-subtitle,
html[data-theme="light"] body.menu-mockup-page .menu-admin-muted,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-muted,
html[data-theme="light"] body.menu-mockup-page .menu-admin-note {
    color: #667085 !important;
}

body.dark-theme.menu-mockup-page .menu-mockup-card p,
body.dark-theme.menu-mockup-page .menu-mockup-mini span,
body.dark-theme.menu-mockup-page .menu-mockup-panel-h small,
body.dark-theme.menu-mockup-page .menu-mockup-stat p,
body.dark-theme.menu-mockup-page .menu-mockup-stat small,
body.dark-theme.menu-mockup-page .menu-mockup-summary-row,
body.dark-theme.menu-mockup-page .menu-preview-breadcrumb,
body.dark-theme.menu-mockup-page .menu-preview-extra,
body.dark-theme.menu-mockup-page .menu-detail-list-hint,
body.dark-theme.menu-mockup-page .menu-mockup-mega-preview-panel-head small,
body.dark-theme.menu-mockup-page .menu-mockup-mega-empty,
body.dark-theme.menu-mockup-page .menu-mockup-mega-global-empty,
body.dark-theme.menu-mockup-page .menu-admin-column-subtitle,
body.dark-theme.menu-mockup-page .menu-admin-muted,
body.dark-theme.menu-mockup-page .menu-admin-note {
    color: #c7d2e0 !important;
}

html[data-theme="light"] body.menu-mockup-page .adm-sidebar-toggle,
html[data-theme="light"] body.menu-mockup-page .adm-mobile__toggle,
html[data-theme="light"] body.menu-mockup-page .adm-theme-toggle {
    background: rgba(17, 24, 39, 0.96) !important;
    color: #f4f8fc !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] body.menu-mockup-page .adm-sidebar-toggle,
html[data-theme="dark"] body.menu-mockup-page .adm-mobile__toggle,
html[data-theme="dark"] body.menu-mockup-page .adm-theme-toggle,
body.dark-theme.menu-mockup-page .adm-sidebar-toggle,
body.dark-theme.menu-mockup-page .adm-mobile__toggle,
body.dark-theme.menu-mockup-page .adm-theme-toggle {
    background: #111827 !important;
    color: #e5eef9 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="light"] body.menu-mockup-page .adm-sidebar-toggle:hover,
html[data-theme="light"] body.menu-mockup-page .adm-mobile__toggle:hover,
html[data-theme="light"] body.menu-mockup-page .adm-theme-toggle:hover,
html[data-theme="dark"] body.menu-mockup-page .adm-sidebar-toggle:hover,
html[data-theme="dark"] body.menu-mockup-page .adm-mobile__toggle:hover,
html[data-theme="dark"] body.menu-mockup-page .adm-theme-toggle:hover,
body.dark-theme.menu-mockup-page .adm-sidebar-toggle:hover,
body.dark-theme.menu-mockup-page .adm-mobile__toggle:hover,
body.dark-theme.menu-mockup-page .adm-theme-toggle:hover {
    background: #0f172a !important;
}

html[data-theme="light"] body.menu-mockup-page .menu-mockup-btn,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-chip,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-select,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-input,
html[data-theme="light"] body.menu-mockup-page .menu-mockup-searchbox input,
html[data-theme="light"] body.menu-mockup-page .menu-admin-field input,
html[data-theme="light"] body.menu-mockup-page .menu-admin-field textarea,
html[data-theme="light"] body.menu-mockup-page .menu-admin-field select {
    background: #ffffff !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: #172033 !important;
}

html[data-theme="dark"] body.menu-mockup-page .menu-mockup-btn,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-chip,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-select,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-input,
html[data-theme="dark"] body.menu-mockup-page .menu-mockup-searchbox input,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-field input,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-field textarea,
html[data-theme="dark"] body.menu-mockup-page .menu-admin-field select,
body.dark-theme.menu-mockup-page .menu-mockup-btn,
body.dark-theme.menu-mockup-page .menu-mockup-chip,
body.dark-theme.menu-mockup-page .menu-mockup-select,
body.dark-theme.menu-mockup-page .menu-mockup-input,
body.dark-theme.menu-mockup-page .menu-mockup-searchbox input,
body.dark-theme.menu-mockup-page .menu-admin-field input,
body.dark-theme.menu-mockup-page .menu-admin-field textarea,
body.dark-theme.menu-mockup-page .menu-admin-field select {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #edf2f8 !important;
}

@media (max-width: 1023.98px) {
    body.menu-mockup-page .adm-sidebar-toggle {
        display: inline-grid !important;
    }

    body.menu-mockup-page .adm-topbar__actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

body.destek-page {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0;
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
    color: var(--text-color);
}

html[data-theme="light"] body.destek-page {
    background: linear-gradient(180deg, #f3f7fb 0%, #eef3f8 100%);
    color: #172234;
}

body.dark-theme.destek-page {
    background: linear-gradient(180deg, #0b1220 0%, #111827 100%);
    color: #e5edf7;
}

body.destek-page .ticket-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0;
}

body.destek-page .ticket-hero {
    background: linear-gradient(135deg, #172235, #233653);
    color: #fff;
    border-radius: 28px;
    padding: 26px 30px;
    box-shadow: 0 20px 50px rgba(19, 34, 56, 0.08);
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

body.dark-theme.destek-page .ticket-hero {
    background: linear-gradient(135deg, #0f172a, #172334);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.3);
}

body.destek-page .ticket-badge {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(245, 180, 0, 0.14);
    color: #ffd36b;
    font-size: 12px;
    font-weight: 900;
}

body.destek-page .ticket-hero h1 {
    margin: 8px 0 4px;
    font-size: 30px;
}

body.destek-page .ticket-hero p {
    margin: 0;
    color: #c8d3e3;
}

body.dark-theme.destek-page .ticket-hero p {
    color: #dbe7f5;
}

body.destek-page .ticket-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

body.destek-page .ticket-btn {
    border: 0;
    border-radius: 13px;
    padding: 12px 16px;
    font-weight: 900;
    cursor: pointer;
    background: #eef3f8;
    color: #233047;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

body.destek-page .ticket-btn.gold {
    background: #f5b400;
    color: #1a1a1a;
}

body.destek-page .ticket-btn.green {
    background: #14a66b;
    color: #fff;
}

body.destek-page .ticket-btn.dark {
    background: #243247;
    color: #fff;
}

body.destek-page .ticket-btn.red {
    background: #fff0f0;
    color: #ef4444;
}

body.destek-page .ticket-kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

body.destek-page .ticket-kpi {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e7edf5;
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 12px 30px rgba(18, 31, 50, 0.05);
}

body.destek-page .ticket-kpi small {
    color: #7b8798;
    font-weight: 800;
}

body.dark-theme.destek-page .ticket-kpi small {
    color: #b8c6d8;
}

body.destek-page .ticket-kpi b {
    display: block;
    font-size: 25px;
    margin-top: 8px;
}

body.destek-page .ticket-kpi .dot {
    float: right;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #fff6dd;
    color: #f5b400;
}

body.destek-page .ticket-workspace {
    display: grid;
    grid-template-columns: 330px minmax(460px, 1fr) 310px;
    gap: 18px;
}

body.destek-page .ticket-panel {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #e7edf5;
    border-radius: 22px;
    box-shadow: 0 20px 50px rgba(19, 34, 56, 0.08);
    overflow: hidden;
}

body.dark-theme.destek-page .ticket-kpi,
body.dark-theme.destek-page .ticket-panel,
body.dark-theme.destek-page .ticket-item,
body.dark-theme.destek-page .meta,
body.dark-theme.destek-page .side-item,
body.dark-theme.destek-page .ticket-alert {
    background: rgba(17, 24, 39, 0.96);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.26);
}

body.destek-page .panel-head {
    padding: 18px 20px;
    border-bottom: 1px solid #e7edf5;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

body.destek-page .panel-head h2 {
    font-size: 18px;
    margin: 0;
}

body.destek-page .panel-body {
    padding: 18px;
}

body.destek-page .search {
    position: relative;
    margin-bottom: 12px;
}

body.destek-page .search input,
body.destek-page .field select,
body.destek-page .reply textarea {
    width: 100%;
    border: 1px solid #e7edf5;
    background: #f8fafc;
    border-radius: 13px;
    padding: 13px 14px;
    color: #172234;
    outline: none;
}

body.dark-theme.destek-page .search input,
body.dark-theme.destek-page .field select,
body.dark-theme.destek-page .reply textarea {
    background: #0f172a;
    border-color: rgba(148, 163, 184, 0.18);
    color: #e5edf7;
}

body.dark-theme.destek-page .search input::placeholder,
body.dark-theme.destek-page .reply textarea::placeholder {
    color: #8ea0ba;
}

body.destek-page .filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

body.destek-page .tabs {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin: 14px 0;
}

body.destek-page .chip {
    border: 1px solid #d9e3ee;
    background: #fff;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 900;
    color: #526071;
    text-decoration: none;
}

body.destek-page .chip.active {
    background: #fff7df;
    border-color: #f5c94f;
    color: #9a6a00;
}

body.dark-theme.destek-page .chip {
    background: #0f172a;
    border-color: rgba(148, 163, 184, 0.18);
    color: #d6e0ed;
}

body.dark-theme.destek-page .chip.active {
    background: rgba(201, 163, 74, 0.18);
    border-color: rgba(201, 163, 74, 0.48);
    color: #fff4d1;
}

body.destek-page .ticket-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 760px;
    overflow: auto;
    padding-right: 4px;
}

body.destek-page .ticket-item {
    border: 1px solid #e7edf5;
    background: #fff;
    border-radius: 16px;
    padding: 13px;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

body.destek-page .ticket-item.active {
    border-color: #8db9ff;
    box-shadow: inset 4px 0 0 #3b82f6;
}

body.dark-theme.destek-page .ticket-item.active {
    border-color: rgba(96, 165, 250, 0.55);
    box-shadow: inset 4px 0 0 #60a5fa;
}

body.destek-page .ticket-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

body.destek-page .customer-name {
    font-weight: 900;
}

body.destek-page .customer-mail {
    color: #7b8798;
    font-size: 12px;
}

body.dark-theme.destek-page .customer-mail,
body.dark-theme.destek-page .ticket-snippet,
body.dark-theme.destek-page .prio,
body.dark-theme.destek-page .meta small,
body.dark-theme.destek-page .date-sep,
body.dark-theme.destek-page .side-item span {
    color: #c7d2e1;
}

body.destek-page .status {
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

body.destek-page .status.new {
    background: #eaf2ff;
    color: #2563eb;
}

body.destek-page .status.wait {
    background: #fff3d2;
    color: #a16207;
}

body.destek-page .status.closed {
    background: #ecfdf5;
    color: #047857;
}

body.dark-theme.destek-page .status.new {
    background: rgba(37, 99, 235, 0.16);
    color: #bfdbfe;
}

body.dark-theme.destek-page .status.wait {
    background: rgba(245, 158, 11, 0.16);
    color: #fde68a;
}

body.dark-theme.destek-page .status.closed {
    background: rgba(20, 166, 107, 0.16);
    color: #86efac;
}

body.destek-page .ticket-snippet {
    margin: 10px 0 0;
    color: #415164;
    font-size: 14px;
}

body.destek-page .prio {
    display: inline-flex;
    margin-top: 9px;
    gap: 6px;
    color: #6b7280;
    font-size: 12px;
    flex-wrap: wrap;
}

body.destek-page .unread {
    background: #ef4444;
    color: #fff;
    border-radius: 999px;
    min-width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    font-size: 11px;
    font-weight: 900;
}

body.destek-page .ticket-header {
    padding: 22px 24px;
    border-bottom: 1px solid #e7edf5;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

body.destek-page .person {
    display: flex;
    gap: 14px;
    align-items: center;
}

body.destek-page .big-avatar {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: #dbeafe;
    display: grid;
    place-items: center;
    font-weight: 900;
    color: #1d4ed8;
    flex: 0 0 auto;
}

body.dark-theme.destek-page .big-avatar,
body.dark-theme.destek-page .profile-card .big-avatar {
    background: rgba(201, 163, 74, 0.16);
    color: #fff4d1;
}

body.destek-page .meta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 18px 24px;
    border-bottom: 1px solid #e7edf5;
}

body.destek-page .meta {
    background: #f8fafc;
    border: 1px solid #e7edf5;
    border-radius: 16px;
    padding: 13px;
}

body.destek-page .meta small {
    color: #7b8798;
    font-weight: 800;
}

body.destek-page .meta b {
    display: block;
    margin-top: 6px;
}

body.destek-page .conversation {
    padding: 24px;
    min-height: 360px;
    background: linear-gradient(180deg, #fff, #fbfdff);
}

body.destek-page .date-sep {
    text-align: center;
    color: #9aa6b5;
    font-size: 12px;
    margin: 6px 0 18px;
}

body.destek-page .msg {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
}

body.destek-page .msg.admin {
    justify-content: flex-end;
}

body.destek-page .bubble {
    max-width: 74%;
    border: 1px solid #e7edf5;
    padding: 13px 15px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(18, 31, 50, 0.04);
}

body.dark-theme.destek-page .bubble {
    background: rgba(15, 23, 42, 0.96);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

body.destek-page .admin .bubble {
    background: #16243a;
    color: #fff;
    border-color: #16243a;
}

body.destek-page .bubble small {
    display: block;
    color: #8b97a7;
    margin-bottom: 6px;
}

body.destek-page .admin .bubble small {
    color: #b9c5d6;
}

body.destek-page .attachment {
    margin-top: 8px;
    background: #f1f5f9;
    border-radius: 10px;
    padding: 8px;
    font-size: 12px;
}

body.destek-page .reply {
    border-top: 1px solid #e7edf5;
    padding: 18px 24px;
    background: #fff;
    position: sticky;
    bottom: 0;
}

body.dark-theme.destek-page .reply {
    background: rgba(17, 24, 39, 0.98);
}

body.destek-page .reply textarea {
    height: 110px;
    resize: vertical;
}

body.destek-page .reply-actions {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-top: 12px;
    flex-wrap: wrap;
}

body.destek-page .quick {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

body.destek-page .profile-card {
    text-align: center;
}

body.destek-page .profile-card .big-avatar {
    margin: 0 auto 12px;
    background: #dcfce7;
    color: #047857;
}

body.destek-page .side-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.destek-page .side-item {
    border: 1px solid #e7edf5;
    background: #fff;
    border-radius: 15px;
    padding: 13px;
}

body.destek-page .side-item strong {
    display: block;
}

body.destek-page .side-item span {
    color: #7b8798;
    font-size: 12px;
}

body.destek-page .warning {
    border-left: 4px solid #f97316;
}

body.destek-page .success {
    border-left: 4px solid #14a66b;
}

body.destek-page .info {
    border-left: 4px solid #3b82f6;
}

body.destek-page .ticket-alert {
    border-radius: 16px;
    border: 1px solid #e7edf5;
    box-shadow: 0 8px 20px rgba(18, 31, 50, 0.05);
}

body.dark-theme.destek-page .ticket-btn {
    background: #1e293b;
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: #dce6f3;
}

body.dark-theme.destek-page .ticket-btn.dark {
    background: #243247;
    color: #f8fafc;
}

body.dark-theme.destek-page .ticket-btn.red {
    background: rgba(239, 68, 68, 0.14);
    color: #fca5a5;
}

body.dark-theme.destek-page .ticket-btn.gold {
    color: #1a1a1a;
}

body.dark-theme.destek-page .ticket-list::-webkit-scrollbar-thumb {
    background: rgba(201, 163, 74, 0.32);
}

body.dark-theme.destek-page .ticket-hero h1,
body.dark-theme.destek-page .panel-head h2,
body.dark-theme.destek-page .ticket-kpi b,
body.dark-theme.destek-page .customer-name,
body.dark-theme.destek-page .meta b,
body.dark-theme.destek-page .side-item strong,
body.dark-theme.destek-page .person strong {
    color: #f8fafc;
}

body.dark-theme.destek-page .ticket-panel,
body.dark-theme.destek-page .ticket-kpi,
body.dark-theme.destek-page .ticket-item,
body.dark-theme.destek-page .meta,
body.dark-theme.destek-page .side-item,
body.dark-theme.destek-page .ticket-alert {
    border-color: rgba(148, 163, 184, 0.16);
}

body.dark-theme.destek-page .panel-head,
body.dark-theme.destek-page .ticket-header,
body.dark-theme.destek-page .meta-grid,
body.dark-theme.destek-page .reply {
    border-color: rgba(148, 163, 184, 0.16);
}

body.dark-theme.destek-page .conversation {
    background: linear-gradient(180deg, #0f172a, #111827);
}

@media (max-width: 1200px) {
    body.destek-page .ticket-workspace {
        grid-template-columns: 300px 1fr;
    }

    body.destek-page .rightbar {
        grid-column: 1 / -1;
    }

    body.destek-page .ticket-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    body.destek-page .ticket-hero {
        display: block;
    }

    body.destek-page .ticket-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.destek-page .ticket-workspace {
        grid-template-columns: 1fr;
    }

    body.destek-page .meta-grid {
        grid-template-columns: 1fr;
    }

    body.destek-page .bubble {
        max-width: 90%;
    }
}

@media (max-width: 520px) {
    body.destek-page .ticket-kpis {
        grid-template-columns: 1fr;
    }

    body.destek-page .ticket-actions,
    body.destek-page .reply-actions {
        display: grid;
    }

    body.destek-page .ticket-btn {
        width: 100%;
    }
}

body.newsletter-popup-open {
    overflow: hidden;
}

.newsletter-popup {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    z-index: 2200;
}

.newsletter-popup.is-visible {
    display: flex;
}

.newsletter-popup__backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, rgba(255, 211, 122, .14), transparent 24%),
        rgba(8, 12, 19, .72);
    backdrop-filter: blur(8px);
}

.newsletter-popup__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 860px);
    border-radius: 30px;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.98));
    box-shadow: 0 30px 90px rgba(2, 8, 23, .35);
    border: 1px solid rgba(255,255,255,.45);
}

.newsletter-popup__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(15, 23, 42, .1);
    background: rgba(255,255,255,.9);
    color: #0f172a;
    display: grid;
    place-items: center;
    z-index: 3;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .12);
}

.newsletter-popup__media {
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.16), transparent 32%),
        linear-gradient(160deg, #e8edf5 0%, #cad6e8 48%, #b2c1db 100%);
    min-height: 100%;
}

.newsletter-popup__media img,
.newsletter-popup__media-placeholder {
    width: 100%;
    height: 100%;
    min-height: 340px;
    object-fit: cover;
    display: block;
}

.newsletter-popup__media-placeholder {
    display: grid;
    place-items: center;
    color: #0f172a;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.newsletter-popup__content {
    padding: 34px 32px 30px;
    display: grid;
    align-content: center;
    gap: 14px;
    background:
        radial-gradient(circle at right top, rgba(245, 180, 0, .08), transparent 28%),
        #fff;
}

.newsletter-popup__eyebrow {
    margin: 0;
    color: #0f766e;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 12px;
}

.newsletter-popup__title {
    margin: 0;
    color: #101828;
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.05;
    letter-spacing: -.04em;
    font-weight: 900;
}

.newsletter-popup__description {
    margin: 0;
    color: #546174;
    font-size: 16px;
    line-height: 1.65;
    max-width: 34rem;
}

.newsletter-popup__actions {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newsletter-popup__checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #334155;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
}

.newsletter-popup__checkbox input {
    width: 18px;
    height: 18px;
    accent-color: #0f766e;
}

.newsletter-popup__button {
    border: 0;
    border-radius: 999px;
    padding: 14px 22px;
    min-width: 140px;
    background: linear-gradient(135deg, #0f766e, #115e59);
    color: #fff;
    font-weight: 900;
    letter-spacing: .01em;
    box-shadow: 0 16px 28px rgba(15, 118, 110, .24);
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.newsletter-popup__button:hover,
.newsletter-popup__button:focus {
    transform: translateY(-2px);
    box-shadow: 0 18px 32px rgba(15, 118, 110, .28);
}

@media (max-width: 860px) {
    .newsletter-popup__dialog {
        grid-template-columns: 1fr;
    }

    .newsletter-popup__media img,
    .newsletter-popup__media-placeholder {
        min-height: 240px;
    }

    .newsletter-popup__content {
        padding: 26px 22px 24px;
    }

    .newsletter-popup__actions {
        align-items: stretch;
    }

    .newsletter-popup__button {
        width: 100%;
    }
}

.cookie-banner {
    position: fixed;
    right: 8px;
    bottom: 8px;
    left: auto;
    top: auto;
    z-index: 3200;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0;
    pointer-events: none;
    transition: opacity .22s ease;
}

.cookie-banner.is-hidden {
    opacity: 0;
    pointer-events: none;
    display: none;
}

.cookie-banner__backdrop {
    position: absolute;
    inset: 0;
    display: none;
    background: rgba(16, 24, 40, .52);
    backdrop-filter: blur(4px);
}

.cookie-banner__inner {
    position: relative;
    pointer-events: auto;
    width: min(470px, calc(100vw - 16px));
    max-width: calc(100vw - 16px);
    max-height: min(62vh, 430px);
    box-sizing: border-box;
    overflow: auto;
    background: linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(249, 251, 253, .99) 100%);
    border: 1px solid rgba(15, 23, 42, .08);
    border-left: 6px solid #0f766e;
    border-radius: 18px;
    padding: 10px;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .16);
    display: grid;
    gap: 8px;
    backdrop-filter: blur(14px);
}

.cookie-banner__form {
    position: relative;
    display: grid;
    gap: 8px;
    box-sizing: border-box;
}

.cookie-banner__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: #eef1f4;
    color: #586174;
    font-size: 15px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cookie-banner__close:hover {
    background: #e5e9ee;
    color: #1f2937;
}

.cookie-banner__hero {
    min-width: 0;
    display: grid;
    gap: 3px;
    padding-right: 30px;
}

.cookie-banner__brand {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    padding: 2px 6px 2px 4px;
    border-radius: 999px;
    background: rgba(15, 118, 110, .08);
    color: #0f766e;
}

.cookie-banner__brand-logo {
    width: 15px;
    height: 15px;
    object-fit: contain;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
}

.cookie-banner__brand-name {
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cookie-banner__eyebrow {
    margin: 0;
    color: #0f766e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.cookie-banner__title {
    margin: 0;
    font-family: Fraunces, Georgia, serif;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 900;
    color: #111827;
}

.cookie-banner__description {
    margin: 0;
    color: #5b6675;
    line-height: 1.15;
    font-size: 9px;
    max-width: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cookie-banner__policy-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1px;
}

.cookie-banner__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    border: 1px solid rgba(15, 118, 110, .16);
    background: rgba(15, 118, 110, .06);
    color: #0f766e;
    font-size: 7px;
    font-weight: 800;
    text-decoration: none;
    width: fit-content;
}

.cookie-banner__mini-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    border: 1px solid rgba(15, 118, 110, .16);
    background: rgba(15, 118, 110, .06);
    color: #0f766e;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.cookie-banner__accept {
    width: 100%;
    border: 1px solid rgba(15, 118, 110, .18);
    border-radius: 999px;
    min-height: 26px;
    padding: 6px 9px;
    background: rgba(15, 118, 110, .10);
    color: #0f766e;
    font-weight: 900;
    font-size: 8px;
    letter-spacing: .01em;
    box-shadow: none;
}

.cookie-banner__sections {
    display: grid;
    gap: 6px;
}

.cookie-banner__section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 7px;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, .10);
    background: rgba(248, 251, 253, .92);
    text-align: left;
    cursor: pointer;
}

.cookie-banner__section--required {
    cursor: default;
    background: #fff;
}

.cookie-banner__section-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.cookie-banner__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.cookie-banner__section-title {
    font-size: 9px;
    line-height: 1.1;
    font-weight: 900;
    color: #1f2937;
}

.cookie-banner__status {
    flex: 0 0 auto;
    padding: 2px 5px;
    border-radius: 999px;
    background: rgba(15, 118, 110, .10);
    color: #0f766e;
    font-size: 6px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cookie-banner__section-description {
    margin: 3px 0 0;
    color: #627085;
    font-size: 7px;
    line-height: 1.12;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cookie-banner__category-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
}

.cookie-banner__switch {
    position: relative;
    flex: 0 0 auto;
    width: 30px;
    height: 16px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, .12);
    background: #d5d9df;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.cookie-banner__switch-track {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: transparent;
}

.cookie-banner__switch-thumb {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .18);
    transition: transform .18s ease, background .18s ease;
}

.cookie-banner__section:has(.cookie-banner__category-input:checked) .cookie-banner__switch {
    background: #0f766e;
    border-color: #0f766e;
    box-shadow: 0 8px 18px rgba(15, 118, 110, .16);
}

.cookie-banner__section:has(.cookie-banner__category-input:checked) .cookie-banner__switch-thumb {
    transform: translateX(13px);
}

.cookie-banner__section--required .cookie-banner__switch {
    background: #0f766e;
    border-color: #0f766e;
    transform: translateY(-1px);
}

.cookie-banner__section--required .cookie-banner__switch-thumb {
    transform: translateX(13px);
}

.cookie-banner__footer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    align-items: stretch;
    justify-content: center;
    margin-top: 0;
    box-sizing: border-box;
}

.cookie-banner__chip {
    border: 0;
    border-radius: 999px;
    padding: 6px 8px;
    min-height: 24px;
    box-sizing: border-box;
    background: rgba(15, 23, 42, .05);
    color: #1f2937;
    font-size: 7px;
    font-weight: 900;
    width: 100%;
    letter-spacing: .01em;
    box-shadow: none;
}

.cookie-banner__chip--primary {
    border: 1px solid rgba(15, 118, 110, .18);
    background: rgba(15, 118, 110, .06);
    color: #0f766e;
    box-shadow: none;
}

.cookie-banner__secondary {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 999px;
    padding: 6px 8px;
    min-height: 24px;
    box-sizing: border-box;
    background: rgba(15, 23, 42, .04);
    color: #1f2937;
    font-size: 7px;
    font-weight: 900;
    width: 100%;
    letter-spacing: .01em;
    box-shadow: none;
}

.cookie-banner__secondary:hover {
    background: rgba(15, 23, 42, .07);
}

.cookie-banner__tertiary {
    border: 0;
    background: transparent;
    color: #0f766e;
    font-size: 13px;
    font-weight: 900;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.cookie-banner__footnote {
    display: none;
}

@media (max-width: 760px) {
    .cookie-banner {
        inset: 0;
        align-items: flex-end;
        justify-content: center;
        padding: 6px;
        pointer-events: auto;
    }

    .cookie-banner__backdrop {
        display: block;
    }

    .cookie-banner__inner {
        width: 100%;
        max-width: 100%;
        padding: 5px;
        border-radius: 14px 14px 11px 11px;
        max-height: min(48dvh, 340px);
    }

    .cookie-banner__form {
        gap: 6px;
    }

    .cookie-banner__hero {
        gap: 3px;
        padding-right: 24px;
    }

    .cookie-banner__brand {
        gap: 4px;
        padding: 2px 6px 2px 4px;
    }

    .cookie-banner__brand-logo {
        width: 14px;
        height: 14px;
    }

    .cookie-banner__brand-name {
        font-size: 7px;
    }

    .cookie-banner__title {
        font-size: 11px;
        line-height: 1.12;
    }

    .cookie-banner__description {
        font-size: 7px;
        line-height: 1.25;
    }

    .cookie-banner__policy-row {
        margin-top: 0;
        gap: 3px;
    }

    .cookie-banner__link,
    .cookie-banner__mini-link {
        min-height: 16px;
        padding: 0 5px;
        font-size: 6px;
    }

    .cookie-banner__section {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        padding: 7px 8px;
        border-radius: 12px;
        border-color: rgba(15, 23, 42, .08);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 252, .98));
        box-shadow: 0 5px 12px rgba(15, 23, 42, .05);
        gap: 6px;
    }

    .cookie-banner__section-title {
        font-size: 10px;
        line-height: 1.15;
    }

    .cookie-banner__section-head {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .cookie-banner__status {
        padding: 2px 5px;
        font-size: 6px;
    }

    .cookie-banner__section-description {
        font-size: 8px;
        line-height: 1.25;
        -webkit-line-clamp: 1;
    }

    .cookie-banner__switch {
        justify-self: end;
        align-self: center;
        min-width: 64px;
        height: 22px;
        padding: 0 8px;
        border-radius: 999px;
        border: 1px solid rgba(15, 23, 42, .10);
        background: linear-gradient(180deg, #eef2f7 0%, #e5ebf2 100%);
        color: #64748b;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 5px;
        font-weight: 900;
        letter-spacing: .02em;
        text-transform: uppercase;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 5px 10px rgba(15, 23, 42, .08);
        white-space: nowrap;
    }

    .cookie-banner__switch::before {
        content: attr(data-cookie-switch-off);
        position: relative;
        z-index: 1;
    }

    .cookie-banner__switch::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 6px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 4px 10px rgba(15, 23, 42, .18);
        transform: translateY(-50%);
        transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .cookie-banner__switch-track,
    .cookie-banner__switch-thumb {
        display: none;
    }

    .cookie-banner__section:has(.cookie-banner__category-input:checked) .cookie-banner__switch {
        background: linear-gradient(135deg, rgba(15, 118, 110, .16), rgba(15, 118, 110, .06));
        border-color: rgba(15, 118, 110, .32);
        color: #0f766e;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 16px rgba(15, 118, 110, .14);
    }

    .cookie-banner__section:has(.cookie-banner__category-input:checked) .cookie-banner__switch::before {
        content: attr(data-cookie-switch-on);
    }

    .cookie-banner__section:has(.cookie-banner__category-input:checked) .cookie-banner__switch::after {
        background: #fff;
        left: auto;
        right: 6px;
        transform: translateY(-50%);
    }

    .cookie-banner__section--required .cookie-banner__switch {
        background: linear-gradient(135deg, #0f766e, #115e59);
        border-color: #0f766e;
        color: #fff;
        min-width: 68px;
        padding: 0 8px;
        box-shadow: 0 7px 12px rgba(15, 118, 110, .16);
        transform: translateY(-1px);
    }

    .cookie-banner__section-copy {
        min-width: 0;
        padding-right: 2px;
    }

    .cookie-banner__section--required .cookie-banner__switch::before {
        content: 'Zorunlu';
    }

    .cookie-banner__section--required .cookie-banner__switch::after {
        display: none;
    }

    .cookie-banner__footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        align-items: stretch;
    }

    .cookie-banner__chip,
    .cookie-banner__secondary {
        min-height: 30px;
        padding: .45rem .55rem;
        font-size: 8px;
        border-radius: 11px;
    }

    .cookie-banner__secondary[data-cookie-consent="essential"] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (min-width: 521px) and (max-width: 760px) {
    .cookie-banner {
        padding: 10px;
    }

    .cookie-banner__inner {
        width: min(420px, calc(100vw - 20px));
        max-width: calc(100vw - 20px);
        max-height: min(44dvh, 300px);
        padding: 4px 4px 8px;
    }

    .cookie-banner__form {
        gap: 5px;
    }

    .cookie-banner__hero {
        gap: 2px;
        padding-right: 20px;
    }

    .cookie-banner__brand-name {
        font-size: 6px;
    }

    .cookie-banner__title {
        font-size: 10px;
        line-height: 1.08;
    }

    .cookie-banner__description {
        font-size: 6px;
        line-height: 1.18;
    }

    .cookie-banner__section {
        padding: 6px 7px;
        gap: 5px;
        border-radius: 11px;
        align-items: center;
    }

    .cookie-banner__section-title {
        font-size: 9px;
    }

    .cookie-banner__section-description {
        font-size: 7px;
        line-height: 1.15;
    }

    .cookie-banner__switch {
        min-width: 60px;
        height: 22px;
        padding: 0 7px;
        font-size: 6px;
    }

    .cookie-banner__switch::after {
        left: 6px;
        width: 9px;
        height: 9px;
    }

    .cookie-banner__section:has(.cookie-banner__category-input:checked) .cookie-banner__switch::after {
        right: 6px;
    }

    .cookie-banner__section--required .cookie-banner__switch {
        min-width: 64px;
        padding: 0 8px;
    }

    .cookie-banner__section-copy {
        align-self: center;
    }

    .cookie-banner__footer {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 3px;
        margin-bottom: 2px;
    }

    .cookie-banner__chip,
    .cookie-banner__secondary {
        min-height: 26px;
        padding: .3rem .4rem;
        font-size: 6px;
    }

    .cookie-banner__secondary[data-cookie-consent="essential"] {
        grid-column: auto;
        width: auto;
    }
}

@media (max-width: 380px) {
    .cookie-banner {
        padding: 4px;
    }

    .cookie-banner__inner {
        max-height: min(44dvh, 300px);
    }

    .cookie-banner__hero {
        gap: 0;
    }

    .cookie-banner__brand {
        padding-inline-end: 4px;
    }

    .cookie-banner__title {
        font-size: 9px;
    }

    .cookie-banner__description {
        font-size: 5px;
    }

    .cookie-banner__section {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .cookie-banner__section-copy {
        min-width: 0;
    }

    .cookie-banner__footer {
        gap: 4px;
    }
}

body.carts-mockup-page .hero-actions .btn:not(.gold):not(.dark):not(.red),
body.carts-mockup-page .hero-actions .btn:not(.gold):not(.dark):not(.red):hover,
body.carts-mockup-page .hero-actions .btn:not(.gold):not(.dark):not(.red):focus-visible {
    color: #172334 !important;
}

body.carts-mockup-page.dark-theme .hero-actions .btn:not(.gold):not(.dark):not(.red),
body.carts-mockup-page.dark-theme .hero-actions .btn:not(.gold):not(.dark):not(.red):hover,
body.carts-mockup-page.dark-theme .hero-actions .btn:not(.gold):not(.dark):not(.red):focus-visible {
    color: #e5eef9 !important;
}

body.carts-mockup-page .hero-actions .btn i {
    color: currentColor;
}

html[data-theme="light"] body.order-history-page .history-hero-card,
html[data-theme="light"] body.order-history-page .history-kpi,
html[data-theme="light"] body.order-history-page .history-panel,
html[data-theme="light"] body.order-history-page .history-side-card,
html[data-theme="light"] body.order-history-page .history-log,
html[data-theme="light"] body.order-history-page .history-field,
html[data-theme="light"] body.order-history-page .history-btn-soft,
html[data-theme="light"] body.order-history-page .history-empty-card,
html[data-theme="light"] body.order-history-page .history-summary-row,
html[data-theme="light"] body.order-history-page .history-mini-log {
    background: #ffffff;
    color: #172033;
}

body.order-history-page.dark-theme .history-hero-card,
body.order-history-page.dark-theme .history-kpi,
body.order-history-page.dark-theme .history-panel,
body.order-history-page.dark-theme .history-side-card,
body.order-history-page.dark-theme .history-log,
body.order-history-page.dark-theme .history-field,
body.order-history-page.dark-theme .history-btn-soft,
body.order-history-page.dark-theme .history-empty-card,
body.order-history-page.dark-theme .history-summary-row,
body.order-history-page.dark-theme .history-mini-log {
    background: linear-gradient(180deg, rgba(23, 32, 51, 0.98), rgba(18, 26, 42, 0.94));
    color: #e5eef9;
    border-color: rgba(148, 163, 184, 0.16);
}

body.order-history-page.dark-theme .bg-white,
body.order-history-page.dark-theme .bg-light {
    background-color: #172033 !important;
    color: #e5eef9 !important;
}

body.order-history-page.dark-theme .text-dark {
    color: #e5eef9 !important;
}

body.order-history-page.dark-theme .text-muted {
    color: #9aa7ba !important;
}

body.order-history-page.dark-theme .badge.bg-light.text-dark,
body.order-history-page.dark-theme .badge.bg-light.border {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #e5eef9 !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}