/*
 * WEBNET — Semi Dark Orange tema katmanı
 * Tüm CSS katmanlarından sonra yüklenir; tek renk kaynağıdır.
 * Semi Dark: koyu menü/sidebar, koyu üst bar + footer, açık içerik alanı.
 * Ana renk: turuncu (#F97316).
 */

/* ===================== 1. RENK TOKEN'LARI ===================== */
:root{
  --wn-primary:#f97316;
  --wn-primary-rgb:249,115,22;
  --wn-primary-dark:#ea580c;
  --wn-primary-light:#fb923c;
  --wn-primary-soft:#fff3e8;
  --wn-primary-soft-2:#ffe8d4;
  --wn-gradient:linear-gradient(118deg,#f97316 0%,#fb923c 100%);

  --wn-dark:#2f3349;
  --wn-dark-2:#25293c;
  --wn-dark-3:#1f2233;
  --wn-dark-text:#cfcde4;
  --wn-dark-muted:#8f91a5;

  --wn-body:#f8f7fa;
  --wn-surface:#ffffff;
  --wn-surface-soft:#f6f6f8;
  --wn-heading:#444050;
  --wn-text:#6d6b77;
  --wn-muted:#a5a3ae;
  --wn-border:#e6e6e8;
  --wn-border-soft:#efeff1;

  --wn-success:#28c76f;
  --wn-info:#00bad1;
  --wn-warning:#ffb400;
  --wn-danger:#ff4c51;

  --wn-shadow-sm:0 2px 6px rgba(47,43,61,.06);
  --wn-shadow:0 4px 18px rgba(47,43,61,.08);
  --wn-shadow-lg:0 10px 32px rgba(47,43,61,.14);
  --wn-shadow-primary:0 4px 14px rgba(249,115,22,.32);

  /* Mevcut katmanların değişkenlerini aynı kaynağa bağla */
  --vx-primary:var(--wn-primary)!important;
  --vx-primary-rgb:var(--wn-primary-rgb)!important;
  --vx-warning:var(--wn-warning)!important;
  --vx-info:var(--wn-info)!important;
  --vx-danger:var(--wn-danger)!important;
  --vx-purple:var(--wn-primary-light)!important;
  --vx-sidebar:var(--wn-dark)!important;
  --vx-sidebar-2:var(--wn-dark-2)!important;
  --vx-v15-primary:var(--wn-primary)!important;
  --vx-v15-primary-2:var(--wn-primary-light)!important;
  --vx-v15-primary-soft:var(--wn-primary-soft)!important;
  --vx-v152-primary:var(--wn-primary)!important;
  --vx-v152-primary-dark:var(--wn-primary-dark)!important;
  --vx-v152-soft-purple:var(--wn-primary-soft)!important;
  --primary:var(--wn-primary)!important;
  --primary-dark:var(--wn-primary-dark)!important;
  --primary-hover:var(--wn-primary-dark)!important;
  --sidebar-bg:var(--wn-dark)!important;
  --wl-primary:var(--wn-primary)!important;
  --wl-teal:var(--wn-primary)!important;
  --wl-primary-dark:var(--wn-primary-dark)!important;
  --wl-teal-dark:var(--wn-primary-dark)!important;
  --wl-primary-soft:var(--wn-primary-soft)!important;
  --wl-primary-gradient:var(--wn-gradient)!important;
  --wl-dark:var(--wn-dark)!important;
  --wl-dark-gradient:linear-gradient(135deg,#25293c 0%,#2f3349 60%,#3a3e57 100%)!important;

  /* Bootstrap */
  --bs-primary:#f97316;
  --bs-primary-rgb:249,115,22;
  --bs-primary-text-emphasis:#9a3412;
  --bs-primary-bg-subtle:#fff3e8;
  --bs-primary-border-subtle:#fed7aa;
  --bs-warning:#ffb400;
  --bs-warning-rgb:255,180,0;
  --bs-info:#00bad1;
  --bs-info-rgb:0,186,209;
  --bs-success:#28c76f;
  --bs-success-rgb:40,199,111;
  --bs-danger:#ff4c51;
  --bs-danger-rgb:255,76,81;
  --bs-link-color:#f97316;
  --bs-link-color-rgb:249,115,22;
  --bs-link-hover-color:#ea580c;
  --bs-link-hover-color-rgb:234,88,12;
  --bs-focus-ring-color:rgba(249,115,22,.25);
}
body.admin-page,body.portal-premium-body,body.public-site-body,body.auth-page-kurumsal{
  --bs-primary:#f97316;--bs-primary-rgb:249,115,22;
  --bs-link-color:#f97316;--bs-link-color-rgb:249,115,22;--bs-link-hover-color:#ea580c;
}

::selection{background:rgba(var(--wn-primary-rgb),.2);color:var(--wn-heading)}
*{scrollbar-width:thin;scrollbar-color:#c9c7d2 transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#c9c7d2;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--wn-primary)}

/* ===================== 2. ORTAK BİLEŞENLER ===================== */
.text-primary{color:var(--wn-primary)!important}
.bg-primary{background-color:var(--wn-primary)!important}
.border-primary{border-color:var(--wn-primary)!important}
.bg-primary-subtle{background-color:var(--wn-primary-soft)!important}
.text-primary-emphasis{color:#9a3412!important}
.link-primary{color:var(--wn-primary)!important}
.text-warning{color:#e8a200!important}
.bg-warning{background-color:var(--wn-warning)!important}
.text-info{color:var(--wn-info)!important}
.bg-info{background-color:var(--wn-info)!important}
.badge.bg-primary{background:var(--wn-primary)!important;color:#fff!important}
.badge.bg-warning{color:#4a3500!important}
.badge.bg-light{background:var(--wn-surface-soft)!important;color:var(--wn-heading)!important}
.bg-label-primary{background:rgba(var(--wn-primary-rgb),.14)!important;color:var(--wn-primary-dark)!important}
.bg-label-warning{background:rgba(255,180,0,.16)!important;color:#b98200!important}

.btn{text-transform:none!important;letter-spacing:0!important}
.btn-primary{
  --bs-btn-bg:#f97316;--bs-btn-border-color:#f97316;--bs-btn-hover-bg:#ea580c;--bs-btn-hover-border-color:#ea580c;
  --bs-btn-active-bg:#c2410c;--bs-btn-active-border-color:#c2410c;--bs-btn-disabled-bg:#f97316;--bs-btn-disabled-border-color:#f97316;
  background:var(--wn-primary)!important;border-color:var(--wn-primary)!important;color:#fff!important;box-shadow:0 2px 6px rgba(var(--wn-primary-rgb),.3)!important
}
.btn-primary:hover,.btn-primary:focus-visible{background:var(--wn-primary-dark)!important;border-color:var(--wn-primary-dark)!important;color:#fff!important;box-shadow:var(--wn-shadow-primary)!important}
.btn-primary:active,.btn-primary.active{background:#c2410c!important;border-color:#c2410c!important}
.btn-outline-primary{
  --bs-btn-color:#f97316;--bs-btn-border-color:#f97316;--bs-btn-hover-bg:#f97316;--bs-btn-hover-border-color:#f97316;--bs-btn-active-bg:#ea580c;
  color:var(--wn-primary)!important;border-color:rgba(var(--wn-primary-rgb),.6)!important;background:transparent!important
}
.btn-outline-primary:hover,.btn-outline-primary.active{background:var(--wn-primary)!important;border-color:var(--wn-primary)!important;color:#fff!important}
.btn-soft-primary,.btn-label-primary{background:rgba(var(--wn-primary-rgb),.14)!important;color:var(--wn-primary-dark)!important;border-color:transparent!important}
.btn-soft-primary:hover,.btn-label-primary:hover{background:var(--wn-primary)!important;color:#fff!important}
.btn-link{color:var(--wn-primary)!important}
.btn-warning{background:var(--wn-warning)!important;border-color:var(--wn-warning)!important;color:#3d2c00!important}

.form-control:focus,.form-select:focus{border-color:var(--wn-primary)!important;box-shadow:0 0 0 .2rem rgba(var(--wn-primary-rgb),.14)!important}
.form-check-input:checked{background-color:var(--wn-primary)!important;border-color:var(--wn-primary)!important}
.form-check-input:focus{border-color:rgba(var(--wn-primary-rgb),.6)!important;box-shadow:0 0 0 .2rem rgba(var(--wn-primary-rgb),.14)!important}
.form-range::-webkit-slider-thumb{background:var(--wn-primary)}
.form-range::-moz-range-thumb{background:var(--wn-primary)}
.progress-bar{background-color:var(--wn-primary)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:var(--wn-primary)!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--wn-primary-rgb),.28)}
.nav-tabs .nav-link.active{color:var(--wn-primary)!important;border-bottom-color:var(--wn-primary)!important}
.nav-tabs .nav-link:hover{color:var(--wn-primary)}
.list-group-item.active{background:var(--wn-primary)!important;border-color:var(--wn-primary)!important}
.dropdown-item.active,.dropdown-item:active{background:rgba(var(--wn-primary-rgb),.12)!important;color:var(--wn-primary-dark)!important}
.page-link{color:var(--wn-text)}
.page-link:hover{color:var(--wn-primary)}
.page-item.active .page-link,.pagination .page-item.active .page-link{background:var(--wn-primary)!important;border-color:var(--wn-primary)!important;color:#fff!important}
.spinner-border.text-primary,.spinner-grow.text-primary{color:var(--wn-primary)!important}
.alert-primary{background:var(--wn-primary-soft)!important;border-color:#fed7aa!important;color:#9a3412!important}
.swiper-pagination-bullet-active{background:var(--wn-primary)!important}

/* Renkli/koyu tasarlanmış kartlar beyaza zorlanmasın */
body .card.bg-dark,body .card.text-bg-dark{background:linear-gradient(140deg,#2f3349,#25293c)!important;color:#fff!important}
body .card.bg-primary,body .card.text-bg-primary{background:var(--wn-gradient)!important;color:#fff!important}
body .card.bg-success{background:var(--wn-success)!important;color:#fff!important}
body .card.bg-danger{background:var(--wn-danger)!important;color:#fff!important}
body .card.bg-dark :is(h1,h2,h3,h4,h5,h6,.text-dark),body .card.bg-primary :is(h1,h2,h3,h4,h5,h6,.text-dark){color:#fff!important}

/* ===================== 3. YÖNETİM PANELİ (Semi Dark) ===================== */
body.admin-page{background:var(--wn-body)!important;color:var(--wn-text)!important}
body.admin-page .wrapper,body.admin-page #content{background:var(--wn-body)!important}

/* -- Koyu sidebar -- */
body.admin-page #sidebar{
  background:linear-gradient(180deg,var(--wn-dark) 0%,var(--wn-dark-2) 100%)!important;
  border-right:0!important;box-shadow:4px 0 24px rgba(22,25,39,.14)!important;color:var(--wn-dark-text)!important
}
body.admin-page .sidebar-header{background:rgba(0,0,0,.08)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
body.admin-page .group-header{color:var(--wn-dark-muted)!important}
body.admin-page #adminAccordion>li>a{color:var(--wn-dark-text)!important;background:transparent!important}
body.admin-page #adminAccordion>li>a .icon-wrapper{background:rgba(255,255,255,.05)!important;color:#b6b5c8!important}
body.admin-page #adminAccordion>li>a:hover,
body.admin-page #adminAccordion>li>a[aria-expanded="true"]{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.admin-page #adminAccordion>li>a:hover .icon-wrapper,
body.admin-page #adminAccordion>li>a[aria-expanded="true"] .icon-wrapper{background:rgba(var(--wn-primary-rgb),.18)!important;color:var(--wn-primary-light)!important}
body.admin-page #adminAccordion>li.active>a{background:var(--wn-gradient)!important;color:#fff!important;box-shadow:var(--wn-shadow-primary)!important}
body.admin-page #adminAccordion>li.active>a .icon-wrapper{background:rgba(255,255,255,.2)!important;color:#fff!important}
body.admin-page #adminAccordion>li.active>a[data-bs-toggle="collapse"]{background:rgba(255,255,255,.07)!important;color:#fff!important;box-shadow:none!important}
body.admin-page #adminAccordion>li.active>a[data-bs-toggle="collapse"] .icon-wrapper{background:var(--wn-gradient)!important;color:#fff!important}
body.admin-page #adminAccordion>li.active>a .icon-wrapper i{color:#fff!important}
body.admin-page .sidebar-submenu{border-left:1px solid rgba(255,255,255,.08)!important;margin-left:1.35rem!important;padding-left:.75rem!important}
body.admin-page .sidebar-submenu .menu-link.active{background:rgba(var(--wn-primary-rgb),.12)!important}

/* Panel form ölçüleri — tek tip */
body.admin-page .page-content .form-control,body.admin-page .page-content .form-select{font-size:.875rem!important;min-height:40px;border-radius:.5rem!important}
body.admin-page .page-content .form-control-lg,body.admin-page .page-content .form-select-lg{font-size:.95rem!important;min-height:46px}
body.admin-page .page-content textarea.form-control{line-height:1.6}
body.admin-page .page-content .input-group-text{font-size:.875rem;border-radius:.5rem}
body.admin-page .page-content .btn{font-size:.85rem}
body.admin-page .page-content .btn-lg{font-size:.95rem}
body.admin-page #adminAccordion .dropdown-toggle::after{display:none!important}
body.admin-page .sidebar-submenu .menu-link{color:#aeb0c2!important}
body.admin-page .sidebar-submenu .menu-link::before{background:#6e7189!important}
body.admin-page .sidebar-submenu .menu-link:hover,
body.admin-page .sidebar-submenu .menu-link.active{color:#fff!important;background:rgba(255,255,255,.05)!important}
body.admin-page .sidebar-submenu .menu-link.active{color:var(--wn-primary-light)!important}
body.admin-page .sidebar-submenu .menu-link.active::before{background:var(--wn-primary)!important;box-shadow:0 0 0 3px rgba(var(--wn-primary-rgb),.25)!important}
body.admin-page #sidebar .text-white,body.admin-page #sidebar .mobile-close-btn{color:#fff!important}
body.admin-page #sidebar .vx-version-card{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.07)!important;color:var(--wn-dark-text)!important}
body.admin-page #sidebar .vx-version-card:hover{background:rgba(var(--wn-primary-rgb),.14)!important;border-color:rgba(var(--wn-primary-rgb),.3)!important}
body.admin-page #sidebar .vx-version-icon{background:var(--wn-gradient)!important;color:#fff!important}
body.admin-page #sidebar .vx-sidebar-copyright{color:var(--wn-dark-muted)!important}
body.admin-page #sidebar ul.components::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14)}

/* -- Açık üst bar -- */
body.admin-page .admin-main-header{background:rgba(255,255,255,.96)!important;box-shadow:var(--wn-shadow-sm)!important}
body.admin-page .admin-main-header h1{color:var(--wn-heading)!important}
body.admin-page .admin-mobile-header{background:#fff!important}
body.admin-page .btn-icon-only{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--wn-text)!important}
body.admin-page .btn-icon-only:hover{background:rgba(var(--wn-primary-rgb),.1)!important;color:var(--wn-primary)!important}
body.admin-page .vx-admin-avatar-initials,body.admin-page .vx-admin-menu-avatar,body.admin-page .vx-mobile-profile-avatar{background:var(--wn-gradient)!important;color:#fff!important}

/* -- İçerik alanı -- */
body.admin-page h1,body.admin-page h2,body.admin-page h3,body.admin-page h4,body.admin-page h5,body.admin-page h6{color:var(--wn-heading)}
body.admin-page .text-dark{color:var(--wn-heading)!important}
body.admin-page .text-muted{color:var(--wn-muted)!important}
body.admin-page .page-content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.badge):not(.list-group-item):not([class*="text-"]){color:var(--wn-primary)}
body.admin-page .page-content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.badge):not(.list-group-item):not([class*="text-"]):hover{color:var(--wn-primary-dark)}

body.admin-page .card,body.admin-page .vx-section-card,body.admin-page .vx-stat-card,body.admin-page .vx-dashboard-hero,
body.admin-page .card-settings,body.admin-page .settings-nav-card,body.admin-page .settings-topbar,
body.admin-page .ops-kpi,body.admin-page .metric-card,body.admin-page .v8-stat-card,body.admin-page .license-kpi,body.admin-page .v9-kpi,
body.admin-page .vx-log-stat,body.admin-page .filter-bar,body.admin-page .v9-filterbar,body.admin-page .admin-toolbar{
  background:var(--wn-surface)!important;border:1px solid var(--wn-border-soft)!important;border-radius:.75rem!important;box-shadow:var(--wn-shadow-sm)!important;transform:none
}
body.admin-page .card:hover,body.admin-page .vx-section-card:hover{box-shadow:var(--wn-shadow)!important;transform:none!important}
body.admin-page .card-header,body.admin-page .card-footer{background:var(--wn-surface)!important;border-color:var(--wn-border-soft)!important}
body.admin-page .vx-section-head{border-bottom:1px solid var(--wn-border-soft)!important;padding-bottom:1.15rem!important;margin-bottom:0!important}
body.admin-page .vx-section-title{color:var(--wn-heading)!important;font-size:.98rem!important;font-weight:600!important;letter-spacing:0!important}
body.admin-page .vx-activity-item{padding:.86rem 0!important;border-radius:0!important}
body.admin-page .vx-activity-item:hover{background:transparent!important}

/* Koyu "hero" bantları — Semi Dark vurgu */
body.admin-page .v8-hero,body.admin-page .v9-hero,body.admin-page .license-hero,body.admin-page .ops-hero,body.admin-page .vx-log-hero{
  background:radial-gradient(circle at 92% 0%,rgba(var(--wn-primary-rgb),.32),transparent 42%),linear-gradient(125deg,#25293c 0%,#2f3349 60%,#3a3e57 100%)!important;color:#fff!important;border:0!important
}
body.admin-page .vx-log-hero .vx-eyebrow,body.admin-page .ops-hero .vx-eyebrow{color:var(--wn-primary-light)!important}
body.admin-page .ops-hero h1,body.admin-page .ops-hero h2,body.admin-page .ops-hero h3,body.admin-page .v9-hero h1,body.admin-page .v9-hero h2,body.admin-page .license-hero h1,body.admin-page .license-hero h2,body.admin-page .v8-hero h1,body.admin-page .v8-hero h2{color:#fff!important}

/* Dashboard ikonları */
body.admin-page .vx-stat-card .vx-stat-icon,body.admin-page .vx-welcome-icon,body.admin-page .ops-icon,body.admin-page .vx-log-stat-icon{background:rgba(var(--wn-primary-rgb),.14)!important;color:var(--wn-primary)!important}
body.admin-page .vx-stat-card.success .vx-stat-icon{background:rgba(40,199,111,.14)!important;color:var(--wn-success)!important}
body.admin-page .vx-stat-card.warning .vx-stat-icon{background:rgba(255,180,0,.16)!important;color:#d99a00!important}
body.admin-page .vx-stat-card.info .vx-stat-icon{background:rgba(0,186,209,.14)!important;color:var(--wn-info)!important}
body.admin-page .vx-stat-card.danger .vx-stat-icon{background:rgba(255,76,81,.14)!important;color:var(--wn-danger)!important}

/* Tablolar */
body.admin-page .table thead th,body.admin-page table.table th{
  background:var(--wn-surface-soft)!important;color:var(--wn-heading)!important;font-size:.72rem!important;font-weight:600!important;
  text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--wn-border)!important
}
body.admin-page table.table td{color:var(--wn-text)!important;border-bottom:1px solid var(--wn-border-soft)!important;vertical-align:middle}
body.admin-page .table-hover>tbody>tr:hover>*{--bs-table-bg-state:rgba(var(--wn-primary-rgb),.04)}

/* Ayarlar sekmeleri */
body.admin-page .settings-nav-card .nav-link.active{background:var(--wn-gradient)!important;box-shadow:0 3px 10px rgba(var(--wn-primary-rgb),.28)!important}
body.admin-page .admin-footer{background:transparent!important;color:var(--wn-muted)!important;border-top:1px solid var(--wn-border-soft)!important}

/* Legacy admin.css bileşenleri */
body.admin-page .bg-gradient-primary{background:var(--wn-gradient)!important}
body.admin-page .btn-action.edit:hover{border-color:var(--wn-primary)!important;color:var(--wn-primary)!important;background:var(--wn-primary-soft)!important}
body.admin-page .note-editor .note-toolbar{background:var(--wn-surface-soft)!important}

/* Koyu içerik modu (toggle açıksa) — sidebar aynı kalır */
html[data-bs-theme="dark"] body.admin-page{background:#25293c!important;color:#c8c6d1!important}
html[data-bs-theme="dark"] body.admin-page .wrapper,html[data-bs-theme="dark"] body.admin-page #content{background:#25293c!important}
html[data-bs-theme="dark"] body.admin-page .card,html[data-bs-theme="dark"] body.admin-page .vx-section-card,html[data-bs-theme="dark"] body.admin-page .vx-stat-card,
html[data-bs-theme="dark"] body.admin-page .vx-dashboard-hero,html[data-bs-theme="dark"] body.admin-page .card-settings,html[data-bs-theme="dark"] body.admin-page .settings-nav-card,
html[data-bs-theme="dark"] body.admin-page .settings-topbar,html[data-bs-theme="dark"] body.admin-page .vx-log-stat,html[data-bs-theme="dark"] body.admin-page .card-header,
html[data-bs-theme="dark"] body.admin-page .card-footer{background:#2f3349!important;border-color:#3d4158!important}
html[data-bs-theme="dark"] body.admin-page h1,html[data-bs-theme="dark"] body.admin-page h2,html[data-bs-theme="dark"] body.admin-page h3,
html[data-bs-theme="dark"] body.admin-page h4,html[data-bs-theme="dark"] body.admin-page h5,html[data-bs-theme="dark"] body.admin-page h6,
html[data-bs-theme="dark"] body.admin-page .text-dark,html[data-bs-theme="dark"] body.admin-page .vx-section-title{color:#e8e7eb!important}
html[data-bs-theme="dark"] body.admin-page .table thead th,html[data-bs-theme="dark"] body.admin-page table.table th{background:#363a50!important;color:#e8e7eb!important;border-color:#464a62!important}
html[data-bs-theme="dark"] body.admin-page table.table td{color:#c8c6d1!important;border-color:#3d4158!important}
html[data-bs-theme="dark"] body.admin-page .admin-main-header,html[data-bs-theme="dark"] body.admin-page .admin-mobile-header{background:rgba(47,51,73,.96)!important}

/* ===================== 4. MÜŞTERİ PORTALI ===================== */
body.portal-premium-body{background:var(--wn-body)!important}
body.portal-premium-body .portal-sidebar-premium{background:linear-gradient(180deg,var(--wn-dark),var(--wn-dark-2))!important}
body.portal-premium-body .portal-menu a{color:var(--wn-dark-text)!important}
body.portal-premium-body .portal-menu a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.portal-premium-body .portal-menu a.active{background:var(--wn-gradient)!important;color:#fff!important;box-shadow:var(--wn-shadow-primary)!important}
body.portal-premium-body .portal-eyebrow{color:var(--wn-primary)!important}
body.portal-premium-body .portal-main-premium{margin-left:0!important;width:auto!important;flex:1 1 auto!important;min-width:0!important;background:var(--wn-body)!important}
body.portal-premium-body .customer-portal-shell{background:var(--wn-body)!important}
body.portal-premium-body .portal-topbar-premium h1{font-size:1.15rem!important;font-weight:700!important;color:var(--wn-heading)!important;margin:0!important}
body.portal-premium-body .portal-quick-action{display:inline-flex!important;align-items:center!important;gap:.5rem!important;height:40px;padding:0 .9rem!important;border-radius:10px!important;border:1px solid var(--wn-border)!important;background:#fff!important;color:var(--wn-heading)!important;font-size:.85rem!important;font-weight:600!important}
body.portal-premium-body .portal-quick-action:hover{border-color:var(--wn-primary)!important;color:var(--wn-primary)!important}
body.portal-premium-body .portal-quick-action i{position:static!important;margin:0!important}
body.portal-premium-body .vx-theme-toggle{width:40px!important;height:40px!important;border-radius:10px!important;border:1px solid var(--wn-border)!important;background:#fff!important;color:var(--wn-text)!important;display:inline-grid!important;place-items:center!important;padding:0!important}
body.portal-premium-body .vx-theme-toggle:hover{border-color:var(--wn-primary)!important;color:var(--wn-primary)!important}
body.portal-premium-body .portal-profile-card img{width:46px!important;height:46px!important;border-radius:12px!important;object-fit:cover;border:2px solid rgba(var(--wn-primary-rgb),.5)!important}
body.portal-premium-body .portal-menu a b{margin-left:auto;min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(var(--wn-primary-rgb),.2)!important;color:#fed7aa!important;font-size:.68rem}
body.portal-premium-body .portal-menu a.active b{background:rgba(255,255,255,.25)!important;color:#fff!important}
body.portal-premium-body .portal-sidebar-summary{background:rgba(var(--wn-primary-rgb),.12)!important;border:1px solid rgba(var(--wn-primary-rgb),.25)!important;border-radius:14px!important}
body.portal-premium-body .portal-sidebar-bottom a{display:flex;align-items:center;gap:.5rem;color:var(--wn-dark-text)!important}
body.portal-premium-body .portal-sidebar-bottom a.text-danger{color:#ff8a8d!important}
body.portal-premium-body .portal-page-content h2,body.portal-premium-body .portal-page-content h3{color:var(--wn-heading)}
body.portal-premium-body .card.portal-spend-card{background:radial-gradient(circle at 90% 0%,rgba(var(--wn-primary-rgb),.35),transparent 50%),linear-gradient(140deg,#2f3349,#25293c)!important;color:#fff!important}
body.portal-premium-body .portal-spend-card .text-dark,body.portal-premium-body .portal-spend-card .h2{color:#fff!important}
body.portal-premium-body .portal-spend-card .text-muted{color:rgba(255,255,255,.65)!important}
body.portal-premium-body .portal-spend-card .text-primary{color:var(--wn-primary-light)!important}
body.portal-premium-body .portal-kpi-icon,body.portal-premium-body .portal-feed-icon,body.portal-premium-body .portal-empty-icon{background:var(--wn-primary-soft)!important;color:var(--wn-primary)!important}
body.portal-premium-body .portal-chat-row.customer .portal-chat-message{background:var(--wn-gradient)!important}

/* ===================== 5. GİRİŞ / KAYIT EKRANLARI ===================== */
body.auth-page-kurumsal::before{background:radial-gradient(circle at 85% 10%,rgba(var(--wn-primary-rgb),.28),transparent 40%),linear-gradient(135deg,rgba(37,41,60,.94),rgba(47,51,73,.88))!important}
.vz-auth-badge,.vx-auth-badge{background:rgba(var(--wn-primary-rgb),.14)!important;color:var(--wn-primary)!important}

/* -- Ortak giriş / kayıt bileşenleri (müşteri + yönetici + şifre ekranları) -- */
.vx-auth-public-side h1,.vx-auth-public-side h2,.vx-auth-public-side h3,
.vx-admin-auth-side h1,.vx-admin-auth-side h2{color:#fff!important}
.vx-auth-public-side p,.vx-admin-auth-side p{color:rgba(255,255,255,.7)!important}
.vx-auth-public-side,.vx-admin-auth-side{
  background:radial-gradient(circle at 85% 8%,rgba(var(--wn-primary-rgb),.3),transparent 42%),linear-gradient(150deg,#2f3349 0%,#25293c 100%)!important;color:#fff
}
.vx-auth-public-side::before,.vx-auth-public-side::after,.vx-admin-auth-side::before,.vx-admin-auth-side::after{opacity:.35}
.vx-auth-eyebrow{background:rgba(var(--wn-primary-rgb),.16)!important;border:1px solid rgba(var(--wn-primary-rgb),.35)!important;color:#fed7aa!important}
.vx-auth-eyebrow i{color:var(--wn-primary-light)!important}
.vx-auth-feature-list>div,.vx-admin-auth-benefits>div{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important}
.vx-auth-feature-list>div>span,.vx-admin-auth-benefits>div>i{
  display:grid!important;place-items:center!important;flex:0 0 40px;width:40px!important;height:40px!important;border-radius:11px!important;
  background:rgba(var(--wn-primary-rgb),.18)!important;color:var(--wn-primary-light)!important;font-size:1rem
}
.vx-auth-feature-list strong,.vx-admin-auth-benefits strong{color:#fff!important}
.vx-auth-feature-list small,.vx-admin-auth-benefits small{color:rgba(255,255,255,.6)!important}
.vx-auth-security-note{background:rgba(40,199,111,.1)!important;border:1px solid rgba(40,199,111,.25)!important;border-radius:14px!important}
.vx-auth-security-note strong{color:#fff!important}
.vx-auth-security-note small{color:rgba(255,255,255,.6)!important}
.vx-admin-auth-version{color:rgba(255,255,255,.5)!important}
.vx-admin-auth-version i{color:var(--wn-success)!important;font-size:.5rem}

/* Form kartı: çerçevesiz, ferah, sola hizalı */
.vx-auth-public-form-side .vx-auth-form-card{
  border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;max-width:460px;width:100%;margin:0 auto
}
.vx-admin-auth-card{border:0!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(47,43,61,.12)!important;padding:2.25rem!important}
.vx-auth-public-form-side .vx-auth-brand{text-align:left!important;margin-bottom:1.75rem!important}
.vx-auth-public-form-side .vx-auth-brand img,.vx-admin-auth-card-logo img{max-height:46px!important;max-width:190px!important;width:auto!important}
.vx-admin-auth-card-logo{text-align:center;margin-bottom:1.5rem}
.vx-auth-heading{display:flex!important;align-items:center!important;gap:1rem!important;text-align:left!important;margin-bottom:1.75rem!important}
.vx-auth-heading>div{min-width:0}
.vx-auth-heading .vx-auth-badge{flex:0 0 52px;width:52px!important;height:52px!important;margin:0!important;border-radius:14px!important;background:var(--wn-gradient)!important;color:#fff!important;font-size:1.15rem!important;box-shadow:var(--wn-shadow-primary)}
.vx-auth-mini-label{display:block;color:var(--wn-primary)!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.1em!important;margin-bottom:.2rem}
.vx-auth-heading .auth-title{margin:0 0 .2rem!important;text-align:left!important;color:var(--wn-heading)!important;font-size:1.4rem!important;font-weight:750!important;letter-spacing:-.02em}
.vx-auth-heading .auth-subtitle{margin:0!important;text-align:left!important;padding:0!important;color:#8c8997!important;font-size:.85rem!important}

/* Simge içeren giriş alanları */
.vx-auth-form .form-label{color:var(--wn-heading)!important;font-size:.8rem!important;font-weight:600!important;margin-bottom:.45rem!important}
.vx-auth-input-wrap{position:relative!important;display:block!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.vx-auth-input-wrap>i{
  position:absolute!important;left:1rem!important;top:50%!important;transform:translateY(-50%)!important;z-index:3;
  width:auto!important;height:auto!important;border:0!important;background:transparent!important;color:#a5a3ae!important;font-size:.92rem!important;pointer-events:none;transition:color .2s ease
}
.vx-auth-input-wrap .form-control{
  height:50px!important;min-height:50px!important;padding:.65rem 1rem .65rem 2.8rem!important;border:1px solid var(--wn-border)!important;border-radius:12px!important;
  background:#fff!important;color:var(--wn-heading)!important;font-size:.92rem!important;box-shadow:none!important;width:100%!important
}
.vx-auth-input-wrap .form-control::placeholder{color:#b4b2bc}
.vx-auth-input-wrap .form-control:hover{border-color:#cfcdd6!important}
.vx-auth-input-wrap .form-control:focus{border-color:var(--wn-primary)!important;box-shadow:0 0 0 4px rgba(var(--wn-primary-rgb),.12)!important}
.vx-auth-input-wrap:focus-within>i{color:var(--wn-primary)!important}
.vx-auth-input-wrap .form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset!important;-webkit-text-fill-color:var(--wn-heading)!important}
.vx-auth-password-wrap .form-control{padding-right:3rem!important}
.vx-auth-password-wrap button,.vx-auth-password-wrap .vx-password-toggle,.vx-auth-password-wrap [data-password-toggle]{
  position:absolute!important;right:.5rem!important;top:50%!important;transform:translateY(-50%)!important;z-index:4;
  width:36px!important;height:36px!important;min-height:36px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#a5a3ae!important;box-shadow:none!important;padding:0!important
}
.vx-auth-password-wrap button:hover{background:var(--wn-primary-soft)!important;color:var(--wn-primary)!important}
.vx-auth-link{color:var(--wn-primary)!important;font-size:.8rem!important;font-weight:600!important}
.vx-auth-link:hover{color:var(--wn-primary-dark)!important}
.vx-auth-submit{
  height:52px!important;min-height:52px!important;margin-top:1.1rem!important;border:0!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:.6rem!important;
  background:var(--wn-gradient)!important;color:#fff!important;font-size:.95rem!important;font-weight:700!important;box-shadow:0 10px 24px rgba(var(--wn-primary-rgb),.32)!important
}
.vx-auth-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(var(--wn-primary-rgb),.4)!important}
.vx-auth-divider{display:flex;align-items:center;gap:.9rem;margin:1.5rem 0 1rem!important;color:#a5a3ae;font-size:.75rem}
.vx-auth-divider::before,.vx-auth-divider::after{content:""!important;display:block!important;position:static!important;transform:none!important;flex:1 1 0!important;width:auto!important;height:1px!important;background:var(--wn-border-soft)!important}
.vx-auth-divider span{position:static!important;background:transparent!important;padding:0!important;font-size:.75rem!important}
.vx-auth-bottom-copy{display:flex!important;flex-wrap:wrap;justify-content:center;gap:.4rem;color:#8c8997!important;font-size:.88rem!important;text-align:center}
.vx-auth-bottom-copy *{font-size:inherit!important}
.vx-auth-bottom-copy a{color:var(--wn-primary)!important;font-weight:700}
.vx-admin-auth-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--wn-border-soft);color:#8c8997;font-size:.74rem}
.vx-admin-auth-meta i{color:var(--wn-primary)}
.vx-auth-back-link{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:.9rem;color:#8c8997!important;font-size:.8rem}
.vx-auth-back-link:hover{color:var(--wn-primary)!important}
.vx-auth-alert{display:flex;align-items:center;gap:.6rem;border-radius:12px!important;font-size:.85rem}

/* İletişim formu — giriş ekranlarıyla aynı alan stili */
.vx-contact-input{position:relative!important;display:block!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.vx-contact-input>i{position:absolute!important;left:1rem!important;top:50%!important;transform:translateY(-50%)!important;z-index:3;width:auto!important;height:auto!important;border:0!important;background:transparent!important;color:#a5a3ae!important;font-size:.9rem!important;pointer-events:none}
.vx-contact-input .form-control{height:50px!important;min-height:50px!important;padding:.65rem 1rem .65rem 2.8rem!important;border:1px solid var(--wn-border)!important;border-radius:12px!important;background:#fff!important;font-size:.92rem!important;width:100%!important}
.vx-contact-input:focus-within>i{color:var(--wn-primary)!important}
.vx-contact-form textarea.form-control{border-radius:12px!important;padding:.85rem 1rem!important;font-size:.92rem!important;border:1px solid var(--wn-border)!important}
.vx-contact-form .form-control:focus{border-color:var(--wn-primary)!important;box-shadow:0 0 0 4px rgba(var(--wn-primary-rgb),.12)!important}
.vx-contact-form .form-label{color:var(--wn-heading)!important;font-size:.8rem!important;font-weight:600!important}
.vx-contact-form .btn-primary,.vx-contact-form-footer .btn{min-height:50px;border-radius:12px!important;background:var(--wn-gradient)!important;border:0!important;font-weight:700!important;padding-inline:1.4rem!important}
.vx-contact-form-card,.vx-contact-info-panel,.vx-contact-map-card{border-radius:18px!important;border:1px solid var(--wn-border-soft)!important;box-shadow:0 6px 24px rgba(47,43,61,.06)!important}
.vx-contact-icon,.vx-contact-method>span{background:var(--wn-primary-soft)!important;color:var(--wn-primary)!important;border-radius:12px!important}
.vx-contact-method{border-radius:14px!important;border:1px solid var(--wn-border-soft)!important;transition:border-color .2s ease,transform .2s ease}
.vx-contact-method:hover{border-color:rgba(var(--wn-primary-rgb),.35)!important;transform:translateY(-2px)}
.vx-contact-method strong{color:var(--wn-heading)!important;font-size:.9rem!important}
.vx-contact-panel-label{color:var(--wn-primary)!important}
.vx-contact-map-empty i{color:var(--wn-primary)!important}

/* Swiper — tüm sitede marka rengi */
:root{--swiper-theme-color:#f97316;--swiper-navigation-color:#f97316;--swiper-pagination-color:#f97316}

/* Bağımsız şifre ekranları (şifremi unuttum / sıfırla) */
body.auth-page-kurumsal .auth-logo-kurumsal,body.auth-page-kurumsal .auth-wrapper-kurumsal>a:first-child{
  display:flex!important;width:fit-content;margin:0 auto 1.5rem!important;padding:.75rem 1.25rem;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(15,18,32,.25)
}
body.auth-page-kurumsal .auth-logo-kurumsal img,body.auth-page-kurumsal .auth-wrapper-kurumsal>a:first-child img{max-height:44px!important;max-width:190px!important;width:auto!important;height:auto!important}
body.auth-page-kurumsal .auth-box-kurumsal{border-radius:20px!important;padding:2rem!important}
body.auth-page-kurumsal .auth-box-kurumsal .form-control{height:50px;border-radius:12px!important}
body.auth-page-kurumsal .auth-box-kurumsal .btn-primary{height:52px;border:0!important;border-radius:12px!important;background:var(--wn-gradient)!important;font-weight:700!important}
body.auth-page-kurumsal .auth-footer-links a{color:#fed7aa!important}
body.auth-page-kurumsal .auth-footer-links a:hover{color:#fff!important}

/* ===================== 6. PUBLIC SİTE (Semi Dark) ===================== */
body.public-site-body{background:#fff!important;color:var(--wn-text)!important}
body.public-site-body h1,body.public-site-body h2,body.public-site-body h3,body.public-site-body h4,body.public-site-body h5,body.public-site-body h6{color:var(--wn-heading)}
body.public-site-body .text-dark{color:var(--wn-heading)!important}
body.public-site-body .text-muted{color:#8c8997!important}
body.public-site-body main a:not(.btn):not(.nav-link):not(.page-link):not(.badge):not([class*="text-"]):not([class*="card"]){color:var(--wn-primary)}
body.public-site-body main a:not(.btn):not(.nav-link):not(.page-link):not(.badge):not([class*="text-"]):not([class*="card"]):hover{color:var(--wn-primary-dark)}
body.public-site-body .text-teal{color:var(--wn-primary)!important}

/* Koyu üst bilgi şeridi */
body.public-site-body .topbar{background:linear-gradient(90deg,#25293c,#2f3349)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
body.public-site-body .topbar,body.public-site-body .topbar a{color:rgba(255,255,255,.72)!important}
body.public-site-body .topbar a:hover{color:var(--wn-primary-light)!important}
body.public-site-body .topbar i,body.public-site-body .topbar .text-teal{color:var(--wn-primary-light)!important}

/* Açık, cam efektli ana menü */
body.public-site-body .site-navbar-v11{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--wn-border-soft)!important}
body.public-site-body .site-navbar-v11 .site-nav-list{background:var(--wn-surface-soft)!important;border-color:var(--wn-border-soft)!important}
body.public-site-body .site-navbar-v11 .site-nav-list>.nav-item>.nav-link{color:#5d596c!important}
body.public-site-body .site-navbar-v11 .site-nav-list>.nav-item>.nav-link:hover{color:var(--wn-primary)!important;background:#fff!important}
body.public-site-body .site-navbar-v11 .site-nav-list>.nav-item>.nav-link.active,
body.public-site-body .site-navbar-v11 .site-nav-list>.nav-item.active>.nav-link{background:var(--wn-gradient)!important;color:#fff!important;box-shadow:var(--wn-shadow-primary)!important}
body.public-site-body .site-navbar-v11 .site-action-primary{background:var(--wn-gradient)!important;color:#fff!important;border:0!important;box-shadow:var(--wn-shadow-primary)!important}
body.public-site-body .site-navbar-v11 .site-action-link:hover,body.public-site-body .site-navbar-v11 .site-cart-btn:hover{color:var(--wn-primary)!important;background:var(--wn-primary-soft)!important;border-color:rgba(var(--wn-primary-rgb),.3)!important}
body.public-site-body .site-dropdown-menu .dropdown-item:hover,body.public-site-body .dropdown-menu .dropdown-item:hover{background:var(--wn-primary-soft)!important;color:var(--wn-primary-dark)!important}
body.public-site-body .dropdown-item.active{background:var(--wn-primary-soft)!important;color:var(--wn-primary-dark)!important}

/* Koyu hero / slider */
body.public-site-body .hero-slider{background:var(--wn-dark)!important;border-bottom:0!important}
body.public-site-body .hero-slider .slide-content h1,body.public-site-body .hero-slider h1,body.public-site-body .hero-slider h2{color:#fff!important}
body.public-site-body .slide-content .ust-baslik{background:rgba(var(--wn-primary-rgb),.18)!important;border-color:rgba(var(--wn-primary-rgb),.35)!important;color:#fed7aa!important}
body.public-site-body .hero-trust-row i{color:var(--wn-primary-light)!important}
body.public-site-body .hero-slider .swiper-pagination-bullet-active{background:var(--wn-primary)!important}
body.public-site-body .hero-slider .swiper-button-prev:hover,body.public-site-body .hero-slider .swiper-button-next:hover{background:var(--wn-primary)!important}

/* Bölüm başlıkları ve kartlar */
body.public-site-body .section-title{background:transparent!important;border:0!important}
body.public-site-body .section-title h2{color:var(--wn-heading)!important}
body.public-site-body .section-title .ust-baslik,body.public-site-body .section-title .eyebrow,body.public-site-body .section-eyebrow{color:var(--wn-primary)!important}
body.public-site-body .card{background:#fff!important}
body.public-site-body .page-header-mini h1::after{background:var(--wn-gradient)!important}
body.public-site-body .page-header-mini::after{background:radial-gradient(circle,rgba(var(--wn-primary-rgb),.14),transparent 70%)!important;filter:none!important}
body.public-site-body .page-header-mini .breadcrumb{background:#fff;border:1px solid var(--wn-border-soft);border-radius:999px;box-shadow:0 2px 8px rgba(47,43,61,.05)}
body.public-site-body .page-header-mini .breadcrumb a{color:var(--wn-primary)!important}
body.public-site-body .hizmet-kutu .ikon{background:var(--wn-primary-soft)!important;color:var(--wn-primary)!important;box-shadow:inset 0 0 0 1px rgba(var(--wn-primary-rgb),.12)!important}

/* Koyu footer */
body.public-site-body .site-footer{
  background:radial-gradient(circle at 8% 0%,rgba(var(--wn-primary-rgb),.16),transparent 30%),linear-gradient(160deg,#2f3349 0%,#25293c 55%,#1f2233 100%)!important;
  color:rgba(255,255,255,.68)!important;border-top:3px solid var(--wn-primary)!important
}
body.public-site-body .site-footer h1,body.public-site-body .site-footer h2,body.public-site-body .site-footer h3,
body.public-site-body .site-footer h4,body.public-site-body .site-footer h5,body.public-site-body .site-footer .footer-heading{color:#fff!important}
body.public-site-body .site-footer .footer-heading:after{background:var(--wn-gradient)!important}
body.public-site-body .site-footer a{color:rgba(255,255,255,.72)!important}
body.public-site-body .site-footer a:hover{color:var(--wn-primary-light)!important}
body.public-site-body .site-footer .footer-contact-list i,body.public-site-body .site-footer .footer-links i{color:var(--wn-primary-light)!important}
body.public-site-body .site-footer .sosyal-medya a{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important;color:#fff!important}
body.public-site-body .site-footer .sosyal-medya a:hover{background:var(--wn-primary)!important;border-color:var(--wn-primary)!important}
body.public-site-body .site-footer .footer-newsletter-form .form-control{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
body.public-site-body .site-footer .footer-newsletter-form .form-control::placeholder{color:rgba(255,255,255,.45)}
body.public-site-body .site-footer .footer-newsletter-form .btn{background:var(--wn-gradient)!important;border:0!important;color:#fff!important}
body.public-site-body .site-footer .footer-brand-card{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.08)!important}
body.public-site-body .site-footer .footer-bottom{border-top-color:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.55)!important}
body.public-site-body .site-footer .footer-bottom-badge{background:rgba(var(--wn-primary-rgb),.14)!important;color:#fed7aa!important;border-color:rgba(var(--wn-primary-rgb),.3)!important}

/* Mobil çekmece menü */
body.public-site-body .site-nav-drawer .nav-link.active,body.public-site-body .site-nav-drawer .active>.nav-link{background:var(--wn-primary-soft)!important;color:var(--wn-primary-dark)!important}
body.public-site-body .site-nav-drawer .site-drawer-primary{background:var(--wn-gradient)!important;border:0!important;color:#fff!important}
body.public-site-body .site-nav-drawer .site-drawer-eyebrow span{background:var(--wn-primary)!important}
body.public-site-body .site-nav-drawer .site-drawer-contact i{color:var(--wn-primary)!important}

/* ===================== 8. ANA SAYFA ===================== */
/* -- Bölüm başlıkları: etiket / başlık / çizgi / açıklama alt alta -- */
body.public-site-body .section-title::before{display:none!important;content:none!important}
body.public-site-body .section-title{margin-bottom:clamp(2rem,4vw,3rem)!important}
body.public-site-body .section-title h2{
  display:block!important;margin:0 0 .9rem!important;padding:0 0 1rem!important;position:relative;
  font-size:clamp(1.65rem,3vw,2.35rem)!important;font-weight:800!important;line-height:1.18!important;letter-spacing:-.03em!important;color:var(--wn-heading)!important
}
body.public-site-body .section-title h2::after{
  content:""!important;display:block!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;
  width:56px!important;height:4px!important;margin:0!important;border-radius:99px!important;background:var(--wn-gradient)!important
}
body.public-site-body .home-section-toolbar .section-title h2::after{left:0!important;transform:none!important}
body.public-site-body .section-title p{color:#8c8997!important;font-size:.98rem!important;line-height:1.75!important;margin-bottom:0!important}
body.public-site-body .vx-home-section-kicker{
  display:flex!important;width:fit-content;margin:0 auto .9rem!important;
  background:var(--wn-primary-soft)!important;border:1px solid rgba(var(--wn-primary-rgb),.18)!important;color:var(--wn-primary-dark)!important;
  font-size:.68rem!important;letter-spacing:.09em!important;padding:.42rem .8rem!important
}
body.public-site-body .home-section-toolbar .vx-home-section-kicker{margin-left:0!important}
body.public-site-body .home-section-toolbar{display:flex;align-items:flex-end!important;justify-content:space-between;gap:1.5rem;margin-bottom:2.25rem!important}
body.public-site-body .home-section-all-link{border-radius:10px!important;font-weight:700!important}
body.public-site-body .home-section-all-link:hover{background:var(--wn-primary)!important;border-color:var(--wn-primary)!important;color:#fff!important}

/* -- Hero / slider -- */
body.public-site-body .hero-slider .swiper-slide{width:100%!important}
body.public-site-body .hero-slider .swiper-slide::after{background:radial-gradient(circle at 18% 30%,rgba(var(--wn-primary-rgb),.22),transparent 36%),radial-gradient(circle at 82% 80%,rgba(var(--wn-primary-rgb),.08),transparent 30%)!important}
body.public-site-body .hero-slider .hero-fallback-slide{background-image:radial-gradient(circle at 72% 32%,rgba(var(--wn-primary-rgb),.26),transparent 34%),linear-gradient(125deg,#25293c,#2f3349 56%,#3a3e57)!important}
body.public-site-body .slide-content .ust-baslik::before{background:var(--wn-primary)!important;box-shadow:0 0 0 4px rgba(var(--wn-primary-rgb),.25)!important}
body.public-site-body .hero-cta-row .btn-primary{background:var(--wn-gradient)!important;border:0!important;box-shadow:0 10px 26px rgba(var(--wn-primary-rgb),.38)!important}
body.public-site-body .hero-cta-row .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(var(--wn-primary-rgb),.45)!important}
body.public-site-body .hero-cta-row .btn i{transition:transform .2s ease}
body.public-site-body .hero-cta-row .btn:hover i{transform:translateX(3px)}
body.public-site-body .hero-secondary-btn{color:#fff!important;backdrop-filter:blur(6px)}
body.public-site-body .hero-secondary-btn:hover{border-color:rgba(var(--wn-primary-rgb),.6)!important;color:#fff!important}
body.public-site-body .hero-proof-window{border-radius:18px!important}
body.public-site-body .hero-proof-kpi div{background:var(--wn-surface-soft)!important;border:1px solid var(--wn-border-soft)!important}
body.public-site-body .hero-proof-kpi span{color:#8c8997!important}
body.public-site-body .hero-proof-chart{background:
  linear-gradient(180deg,rgba(var(--wn-primary-rgb),.16),rgba(var(--wn-primary-rgb),.02)),
  linear-gradient(135deg,transparent 15%,rgba(var(--wn-primary-rgb),.85) 16% 18%,transparent 19% 38%,rgba(251,146,60,.7) 39% 41%,transparent 42% 61%,rgba(var(--wn-primary-rgb),.85) 62% 64%,transparent 65%)!important}
body.public-site-body .browser-dots i:nth-child(1){background:#ff5f57!important}
body.public-site-body .browser-dots i:nth-child(2){background:#febc2e!important}
body.public-site-body .browser-dots i:nth-child(3){background:#28c840!important}
body.public-site-body .hero-slider .swiper-button-prev::after,body.public-site-body .hero-slider .swiper-button-next::after{font-size:.9rem!important;font-weight:800;color:#fff}

/* -- Hizmet kartları -- */
body.public-site-body .home-service-card{border-radius:16px!important}
body.public-site-body .home-service-card:hover{border-color:rgba(var(--wn-primary-rgb),.35)!important}
body.public-site-body .home-service-card:hover .home-service-icon{background:var(--wn-gradient)!important;color:#fff!important;box-shadow:var(--wn-shadow-primary)!important}
body.public-site-body .home-service-icon{transition:all .22s ease}
body.public-site-body .home-service-index{color:#d6d4dc!important;font-size:1.1rem!important}

/* -- Sayaçlar: Semi Dark bant -- */
body.public-site-body .home-stats-v16{
  position:relative;overflow:hidden;padding:clamp(2.75rem,5vw,4rem) 0!important;
  background:radial-gradient(circle at 8% 0%,rgba(var(--wn-primary-rgb),.1),transparent 32%),linear-gradient(120deg,#25293c 0%,#2f3349 55%,#363a52 100%)!important
}
body.public-site-body .home-stats-v16::before,body.public-site-body .home-stats-v16::after{display:none!important}
body.public-site-body .home-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
body.public-site-body .home-stat-item{
  display:flex;align-items:center;gap:1rem;padding:1.35rem 1.4rem;border-radius:16px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);transition:transform .22s ease,background .22s ease,border-color .22s ease
}
body.public-site-body .home-stat-item:hover{transform:translateY(-3px);background:rgba(255,255,255,.07);border-color:rgba(var(--wn-primary-rgb),.4)}
body.public-site-body .home-stat-icon{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:var(--wn-gradient);color:#fff;font-size:1.25rem;box-shadow:0 8px 20px rgba(var(--wn-primary-rgb),.35)}
body.public-site-body .home-stats-v16 .home-stat-icon i{color:#fff!important;font-size:inherit!important;margin:0!important}
body.public-site-body .home-stat-copy{min-width:0}
body.public-site-body .home-stat-copy strong{display:block;color:#fff!important;font-size:clamp(1.8rem,2.6vw,2.3rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}
body.public-site-body .home-stat-copy strong::after{content:"+";color:var(--wn-primary-light);margin-left:2px}
body.public-site-body .home-stat-copy span{display:block;margin-top:.3rem;color:rgba(255,255,255,.66);font-size:.84rem;font-weight:500}

/* -- Yazılım paketleri -- */
body.public-site-body .home-software-v16{background:linear-gradient(180deg,#faf9fc 0%,#fff 100%)!important}
body.public-site-body .yazilim-card-pro .product-badge{background:var(--wn-gradient)!important;color:#fff!important;border:0!important}
body.public-site-body .yazilim-card-pro .kart-goruntulenme{background:var(--wn-surface-soft)!important;border:1px solid var(--wn-border-soft)!important;color:#8c8997!important;border-radius:8px!important;padding:.38rem .55rem!important}
body.public-site-body .yazilim-card-pro .kart-goruntulenme i{color:#a5a3ae!important}
body.public-site-body .yazilim-card-pro .btn-icon-incele{background:var(--wn-primary-soft)!important;color:var(--wn-primary-dark)!important}
body.public-site-body .yazilim-card-pro .btn-icon-incele:hover{background:var(--wn-primary)!important;color:#fff!important}
body.public-site-body .yazilim-card-pro .card-title a:hover{color:var(--wn-primary)!important}
body.public-site-body .yazilim-slider-home .swiper-button-prev,body.public-site-body .yazilim-slider-home .swiper-button-next{
  width:42px!important;height:42px!important;border-radius:12px!important;background:#fff!important;border:1px solid var(--wn-border)!important;box-shadow:var(--wn-shadow)!important;color:var(--wn-heading)!important
}
body.public-site-body .yazilim-slider-home .swiper-button-prev::after,body.public-site-body .yazilim-slider-home .swiper-button-next::after{font-size:.85rem!important;font-weight:800}
body.public-site-body .yazilim-slider-home .swiper-button-prev:hover,body.public-site-body .yazilim-slider-home .swiper-button-next:hover{background:var(--wn-primary)!important;border-color:var(--wn-primary)!important;color:#fff!important}
body.public-site-body .home-cta-btn{min-height:52px!important;padding:.8rem 1.6rem!important;border-radius:12px!important;font-size:.95rem!important;font-weight:700!important;background:var(--wn-gradient)!important;border:0!important;box-shadow:0 10px 24px rgba(var(--wn-primary-rgb),.32)!important}
body.public-site-body .home-cta-btn:hover{transform:translateY(-2px)}

/* -- Müşteri yorumları -- */
body.public-site-body .yorum-card{border:1px solid var(--wn-border-soft)!important;border-radius:16px!important;box-shadow:0 6px 22px rgba(47,43,61,.06)!important;background:#fff!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body.public-site-body .yorum-card:hover{transform:translateY(-3px);border-color:rgba(var(--wn-primary-rgb),.28)!important;box-shadow:0 16px 34px rgba(47,43,61,.1)!important}
body.public-site-body .yorum-card::before,body.public-site-body .yorum-card::after{display:none!important}
body.public-site-body .yorum-puan i{color:#ffb400!important}
body.public-site-body .yorum-puan i.text-muted{color:#e2e0e7!important}
body.public-site-body .yorum-quote-icon{background:var(--wn-primary-soft)!important;color:var(--wn-primary)!important;border-radius:10px!important}
body.public-site-body .yorum-metni{color:#5d596c!important;font-size:.9rem!important;line-height:1.75!important;text-align:left!important}
body.public-site-body .yorum-yapan img{border:2px solid #fff!important;box-shadow:0 0 0 2px rgba(var(--wn-primary-rgb),.35)!important}
body.public-site-body .yorum-kisi-bilgi h5{color:var(--wn-heading)!important}
body.public-site-body .yorum-dogrulandi,body.public-site-body .yorum-dogrulandi i{color:var(--wn-success)!important}
body.public-site-body .home-slider-btn{border-radius:12px!important}
body.public-site-body .home-slider-btn:hover{background:var(--wn-primary)!important;border-color:var(--wn-primary)!important;color:#fff!important}

/* -- Referanslar: tek kart, gri logo → hover'da renkli -- */
body.public-site-body .home-references-v152{background:#fff!important;border:0!important;padding-block:clamp(2.5rem,5vw,4rem)!important}
body.public-site-body .home-reference-slider .swiper-slide,
body.public-site-body .home-reference-slider .swiper-slide:hover{
  height:auto!important;display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important
}
body.public-site-body .home-testimonials-v152,body.public-site-body .home-blog-v152,body.public-site-body .home-software-v16{padding-block:clamp(2.5rem,5vw,4rem)!important}
body.public-site-body .home-reference-card{width:100%!important;height:128px!important;border-radius:16px!important;border:1px solid var(--wn-border-soft)!important;box-shadow:none!important;background:#fff!important}
body.public-site-body .home-reference-card:hover{border-color:rgba(var(--wn-primary-rgb),.3)!important;box-shadow:0 14px 30px rgba(47,43,61,.08)!important}
body.public-site-body .home-reference-card .referans-logo{
  border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:6px!important;
  filter:grayscale(1)!important;opacity:.62!important
}
body.public-site-body .home-reference-card:hover .referans-logo{filter:none!important;opacity:1!important}
body.public-site-body .home-reference-logo-wrap{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.public-site-body .home-reference-name{color:#8c8997!important;font-weight:600!important}
body.public-site-body .home-reference-card:hover .home-reference-name{color:var(--wn-primary-dark)!important}

/* -- Blog -- */
body.public-site-body .home-blog-card{border:1px solid var(--wn-border-soft)!important;border-radius:16px!important;box-shadow:0 6px 22px rgba(47,43,61,.06)!important}
body.public-site-body .home-blog-card:hover{border-color:rgba(var(--wn-primary-rgb),.28)!important;box-shadow:0 16px 34px rgba(47,43,61,.1)!important}
body.public-site-body .home-blog-card .card-title a{color:var(--wn-heading)!important}
body.public-site-body .home-blog-card .card-title a:hover{color:var(--wn-primary)!important}
body.public-site-body .home-blog-card .card-meta i{color:var(--wn-primary)!important}
body.public-site-body .home-blog-image-badge{background:rgba(37,41,60,.82)!important;color:#fff!important;backdrop-filter:blur(6px)}
body.public-site-body .home-blog-link{color:var(--wn-primary)!important;font-weight:700!important}

/* -- Footer düzeltmeleri -- */
body.public-site-body .site-footer::before,body.public-site-body .site-footer::after{display:none!important}
body.public-site-body .site-footer .footer-brand-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.public-site-body .site-footer .footer-about,body.public-site-body .site-footer .footer-about *{background:transparent!important;color:rgba(255,255,255,.62)!important;font-family:inherit!important;font-size:.88rem!important;line-height:1.75!important}
body.public-site-body .site-footer .footer-logo-img{max-height:52px;width:auto}
body.public-site-body .site-footer .footer-heading{font-size:.92rem!important;letter-spacing:.01em!important}
body.public-site-body .site-footer .footer-links a{display:inline-flex;align-items:center;gap:.5rem;transition:color .2s ease,transform .2s ease}
body.public-site-body .site-footer .footer-links a:hover{transform:translateX(3px)}
body.public-site-body .site-footer .footer-links i{font-size:.62rem}
body.public-site-body .site-footer .footer-contact-list i{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:rgba(var(--wn-primary-rgb),.14)!important;border:1px solid rgba(var(--wn-primary-rgb),.22)!important}
body.public-site-body .site-footer .footer-newsletter{padding:1.35rem!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important}
body.public-site-body .site-footer .footer-newsletter p{color:rgba(255,255,255,.6)!important}
body.public-site-body .site-footer .footer-links li{margin-bottom:.15rem!important}
body.public-site-body .site-footer .footer-links a{padding:.4rem 0!important}
body.public-site-body .site-footer .footer-contact-list li{display:flex!important;align-items:center!important;gap:.8rem!important;margin-bottom:.8rem!important}
body.public-site-body .site-footer .footer-contact-list li i{flex:0 0 36px;margin:0!important}
body.public-site-body .site-footer .footer-bottom-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem!important;border-radius:999px!important;border:1px solid rgba(var(--wn-primary-rgb),.3)!important;font-size:.74rem!important}
body.public-site-body .site-footer .footer-bottom-badge i{color:var(--wn-primary-light)!important}
@media(min-width:768px){body.public-site-body .site-footer .footer-bottom{padding-right:76px!important}}
body.public-site-body .whatsapp-float{z-index:1030}

/* -- Ana sayfa responsive -- */
@media(max-width:991.98px){
  body.public-site-body .home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767.98px){
  body.public-site-body .hero-cta-row{display:grid!important;grid-template-columns:1fr;width:100%!important;max-width:420px;margin-left:auto!important;margin-right:auto!important;gap:.6rem!important}
  body.public-site-body .hero-cta-row .btn{width:100%!important;justify-content:center}
  body.public-site-body .hero-trust-row{justify-content:center!important;flex-wrap:wrap!important}
  body.public-site-body .home-section-toolbar{display:block!important}
  body.public-site-body .home-section-toolbar .section-title{text-align:center!important}
  body.public-site-body .home-section-toolbar .section-title h2::after{left:50%!important;transform:translateX(-50%)!important}
  body.public-site-body .home-section-toolbar .vx-home-section-kicker{margin-left:auto!important}
  body.public-site-body .home-stat-item{flex-direction:column;text-align:center;padding:1.1rem .8rem;gap:.7rem}
  body.public-site-body .home-stat-icon{flex-basis:46px;width:46px;height:46px;font-size:1.05rem}
  body.public-site-body .home-stat-copy span{font-size:.76rem}
  body.public-site-body .yorum-metni{font-size:.86rem!important}
}
@media(max-width:399.98px){
  body.public-site-body .home-stats-grid{gap:.6rem}
}

/* Önyükleyici */
#preloader .loader-spinner{border-color:rgba(var(--wn-primary-rgb),.18)!important;border-top-color:var(--wn-primary)!important}

/* ===================== 7. ERİŞİLEBİLİRLİK ===================== */
:focus-visible{outline:2px solid rgba(var(--wn-primary-rgb),.6);outline-offset:2px}

/* ===================== AYARLAR MERKEZİ v45 ===================== */
body.admin-page .settings-intro{font-size:.84rem;color:var(--wn-text);background:var(--wn-surface-soft);border:1px solid var(--wn-border-soft);border-radius:10px;padding:.65rem .85rem;margin-bottom:1.25rem;line-height:1.55}
body.admin-page .settings-help{display:flex;gap:.45rem;align-items:flex-start;font-size:.78rem;color:var(--wn-muted);margin-top:.4rem;line-height:1.5}
body.admin-page .settings-help i{color:var(--wn-primary);opacity:.75;margin-top:.18rem;font-size:.75rem;flex:0 0 auto}
body.admin-page .settings-help b,body.admin-page .settings-intro b{color:var(--wn-heading);font-weight:600}
body.admin-page .settings-counter{font-size:.72rem;color:var(--wn-muted);text-align:right;margin-top:.25rem}
body.admin-page .settings-counter.is-over{color:var(--wn-danger);font-weight:600}
body.admin-page .settings-serp{border:1px dashed var(--wn-border);border-radius:12px;padding:.9rem 1rem;margin:-.5rem 0 1.5rem;background:var(--wn-surface)}
body.admin-page .settings-serp-label{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wn-muted);margin-bottom:.4rem}
body.admin-page .settings-serp-url{font-size:.78rem;color:#188038}
body.admin-page .settings-serp-title{font-size:1.1rem;color:#1a0dab;line-height:1.35;margin:.1rem 0 .2rem;overflow-wrap:anywhere}
body.admin-page .settings-serp-desc{font-size:.84rem;color:#4d5156;line-height:1.5;overflow-wrap:anywhere}
body.admin-page .settings-media{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:.9rem;border:1px solid var(--wn-border);border-radius:14px;background:var(--wn-surface);cursor:pointer;transition:border-color .2s,box-shadow .2s;margin:0}
body.admin-page .settings-media:hover{border-color:rgba(var(--wn-primary-rgb),.55);box-shadow:0 4px 14px rgba(var(--wn-primary-rgb),.12)}
body.admin-page .settings-media.is-changed{border-color:var(--wn-success);box-shadow:0 0 0 3px rgba(40,199,111,.12)}
body.admin-page .settings-media.is-error{border-color:var(--wn-danger)}
body.admin-page .settings-media-preview{display:flex;align-items:center;justify-content:center;height:110px;border-radius:10px;margin-bottom:.4rem;background:repeating-conic-gradient(#f1f1f3 0 25%,#fff 0 50%) 50%/16px 16px;overflow:hidden}
body.admin-page .settings-media.is-dark .settings-media-preview{background:var(--wn-dark)}
body.admin-page .settings-media-preview img{max-width:90%;max-height:90px;object-fit:contain}
body.admin-page .settings-media-empty{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.76rem;color:var(--wn-muted)}
body.admin-page .settings-media-empty i{font-size:1.4rem;opacity:.6}
body.admin-page .settings-media strong{font-size:.88rem;color:var(--wn-heading)}
body.admin-page .settings-media small{font-size:.75rem;color:var(--wn-text);line-height:1.45}
body.admin-page .settings-media small.settings-media-size{color:var(--wn-muted);margin-bottom:.4rem}
body.admin-page .settings-color{display:flex;align-items:center;gap:.6rem;border:1px solid var(--wn-border);border-radius:10px;padding:.4rem .6rem;background:var(--wn-surface)}
body.admin-page .settings-color input[type=color]{width:42px;height:32px;border:0;padding:0;background:none;cursor:pointer}
body.admin-page .settings-color code{font-size:.82rem;color:var(--wn-heading);text-transform:uppercase}
body.admin-page .settings-callout{display:flex;gap:.8rem;padding:.9rem 1rem;border-radius:12px;background:var(--wn-primary-soft);border:1px solid rgba(var(--wn-primary-rgb),.25);font-size:.84rem;color:var(--wn-heading);line-height:1.6}
body.admin-page .settings-callout>i{color:var(--wn-primary);font-size:1.1rem;margin-top:.15rem}
body.admin-page .settings-switch-list{display:grid;gap:.6rem}
body.admin-page .settings-switch-row{display:flex;align-items:center;gap:.85rem;padding:.75rem .9rem;border:1px solid var(--wn-border);border-radius:12px;cursor:pointer;margin:0;background:var(--wn-surface)}
body.admin-page .settings-switch-row:has(input:checked){border-color:rgba(var(--wn-primary-rgb),.45);background:var(--wn-primary-soft)}
body.admin-page .settings-switch-row .icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--wn-primary-rgb),.12);color:var(--wn-primary);flex:0 0 auto}
body.admin-page .settings-switch-row .text{flex:1;min-width:0;display:flex;flex-direction:column}
body.admin-page .settings-switch-row strong{font-size:.9rem;color:var(--wn-heading)}
body.admin-page .settings-switch-row small{font-size:.77rem;color:var(--wn-text)}
body.admin-page .settings-switch-row .form-check-input{width:2.6em;height:1.35em;cursor:pointer}
body.admin-page .settings-copy{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;padding:.6rem .75rem;border-radius:10px;background:var(--wn-surface-soft);border:1px solid var(--wn-border-soft)}
body.admin-page .settings-copy code{flex:1 1 220px;min-width:0;overflow-wrap:anywhere;color:var(--wn-primary-dark)}
body.admin-page .settings-test{margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--wn-border)}
body.admin-page .settings-savebar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1040;display:flex;align-items:center;gap:1rem;padding:.6rem .7rem .6rem 1.1rem;border-radius:14px;background:var(--wn-dark);color:#fff;font-size:.86rem;box-shadow:var(--wn-shadow-lg);max-width:calc(100% - 32px)}
body.admin-page .settings-savebar[hidden]{display:none}
body.admin-page .settings-savebar i{color:var(--wn-primary-light)}
@media(max-width:575.98px){body.admin-page .settings-savebar{left:16px;right:16px;transform:none;justify-content:space-between}}

/* ===================== LOGO GÖRÜNÜMÜ =====================
 * Eski katmanlar logoyu brightness(0) invert(1) ile beyaza boyuyordu; beyaz zeminli
 * logolar düz beyaz kutuya dönüşüyordu. Logo artık orijinal renkleriyle gösterilir;
 * beyaz zeminli logolar koyu alanlarda yuvarlatılmış beyaz plaka içinde durur.
 */
img.wn-logo-plate,img.wn-logo-clean{filter:none!important;opacity:1!important}
img.wn-logo-plate{background:#fff!important;border-radius:10px!important;padding:5px 10px!important;box-sizing:border-box!important;box-shadow:0 2px 10px rgba(15,17,30,.18)!important}
body.admin-page .sidebar-logo-container img.wn-logo-plate{max-height:46px!important;padding:5px 9px!important}
html body.public-site-body .site-navbar-v11 .site-brand img.wn-logo-plate{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}

/* ===================== KURULUM KONTROL LİSTESİ (dashboard) ===================== */
body.admin-page .wn-setup-card{border:1px solid rgba(var(--wn-primary-rgb),.25);background:linear-gradient(135deg,#fff,var(--wn-primary-soft))}
body.admin-page .wn-setup-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
body.admin-page .wn-setup-step{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--wn-border);text-decoration:none;color:var(--wn-heading);transition:border-color .2s,transform .2s}
body.admin-page .wn-setup-step:hover{border-color:var(--wn-primary);transform:translateY(-1px)}
body.admin-page .wn-setup-step .ico{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--wn-primary-rgb),.12);color:var(--wn-primary)}
body.admin-page .wn-setup-step strong{display:block;font-size:.88rem}
body.admin-page .wn-setup-step small{display:block;font-size:.76rem;color:var(--wn-text);line-height:1.4}
body.admin-page .wn-setup-step.is-done{opacity:.75}
body.admin-page .wn-setup-step.is-done .ico{background:rgba(40,199,111,.15);color:#28c76f}
body.admin-page .wn-setup-step.is-done small{color:#28c76f;font-weight:600}
body.admin-page .wn-setup-progress{--p:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--wn-primary) calc(var(--p)*1%),#efedf3 0)}
body.admin-page .wn-setup-progress span{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:800;color:var(--wn-heading)}