/**

 * WusPad Panel — modern arayüz katmanı (mobil + masaüstü)

 * tema.css / nav.css üzerine yüklenir.

 */

:root {

  --panel-primary: #f97316;

  --panel-primary-hover: #ea580c;

  --panel-primary-soft: rgba(249, 115, 22, 0.12);

  --panel-accent: #0ea5e9;

  --panel-sidebar-bg: #0f172a;

  --panel-sidebar-bg-2: #1e293b;

  --panel-sidebar-text: #e2e8f0;

  --panel-sidebar-muted: #94a3b8;

  --panel-sidebar-active: rgba(249, 115, 22, 0.18);

  --panel-bg: #f1f5f9;

  --panel-surface: #ffffff;

  --panel-border: #e2e8f0;

  --panel-text: #0f172a;

  --panel-text-muted: #64748b;

  --panel-radius: 12px;

  --panel-radius-sm: 8px;

  --panel-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.06);

  --panel-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);

  --panel-header-h: 64px;

  --panel-sidebar-w: 260px;

  --panel-font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;

}



body.panel-app {

  font-family: var(--panel-font);

  background: var(--panel-bg);

  color: var(--panel-text);

  -webkit-font-smoothing: antialiased;

}



body.panel-app a {

  color: inherit;

}



/* ——— Masaüstü: sabit sidebar ——— */

@media (min-width: 992px) {

  body.panel-app .vertical-nav,

  body.panel-app .vertical-nav-min {

    left: 0;

    width: var(--panel-sidebar-w);

    min-width: var(--panel-sidebar-w);

    box-shadow: none;

    border-right: 1px solid rgba(255, 255, 255, 0.06);

  }



  body.panel-app .page-content,

  body.panel-app .page-content-min {

    margin-left: var(--panel-sidebar-w);

    width: calc(100% - var(--panel-sidebar-w));

  }



  body.panel-app .panel-mobile-menu-btn,

  body.panel-app .panel-sidebar-close {

    display: none !important;

  }



  body.panel-app .panel-nav-backdrop {

    display: none !important;

  }



  body.panel-app.panel-menu-open {

    overflow: auto;

  }

}



/* ——— Sidebar ——— */

body.panel-app #panel-sidebar.vertical-nav {

  background: linear-gradient(180deg, var(--panel-sidebar-bg) 0%, #111827 100%) !important;

}



body.panel-app #panel-sidebar .menu-toogle-div {

  height: 72px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  background: rgba(0, 0, 0, 0.15);

}



body.panel-app #panel-sidebar .logo-hd {

  padding: 12px 16px 8px;

}



body.panel-app #panel-sidebar .logo-hd img {

  max-height: 42px;

  width: auto;

  filter: brightness(1.05);

}



body.panel-app #panel-sidebar .nav-sol-menu {

  height: calc(100vh - 72px);

  height: calc(100dvh - 72px);

  padding: 8px 10px 24px;

}



body.panel-app #panel-sidebar .nav-sol-menu a {

  color: var(--panel-sidebar-text) !important;

}



body.panel-app #panel-sidebar .nav-sol-menu .start-li .a {

  border-radius: var(--panel-radius-sm);

  margin-bottom: 2px;

  padding: 0 12px;

  height: 44px;

  line-height: 44px;

  font-size: 0.9rem;

  font-weight: 500;

  transition: background 0.15s ease, color 0.15s ease;

}



body.panel-app #panel-sidebar .nav-sol-menu .start-li .a:hover {

  background: rgba(255, 255, 255, 0.06);

}



body.panel-app #panel-sidebar .nav-sol-menu .start-li .a .i {

  color: var(--panel-sidebar-muted);

  font-size: 1.05rem;

  width: 28px;

}



body.panel-app #panel-sidebar .nav-sol-menu .start-li .text .arrow-right {

  color: var(--panel-sidebar-muted);

}



body.panel-app #panel-sidebar .nav-sol-menu .start-li .alt-menu,

body.panel-app #panel-sidebar .nav-sol-menu .start-li .alt-menu .sub-menu {

  background: rgba(0, 0, 0, 0.2) !important;

  border-radius: var(--panel-radius-sm);

  margin: 4px 0 8px;

  padding: 4px 0 !important;

}



body.panel-app #panel-sidebar .nav-sol-menu .start-li .alt-menu .a-alt {

  font-size: 0.85rem;

  border-radius: 6px;

  margin: 1px 8px;

  width: calc(100% - 16px);

}



body.panel-app #panel-sidebar .nav-sol-menu .start-li .alt-menu .a-alt:hover {

  background: rgba(255, 255, 255, 0.06);

}



/* ——— Üst bar ——— */

body.panel-app .tema-header {

  position: sticky;

  top: 0;

  z-index: 1030;

  background: rgba(255, 255, 255, 0.92) !important;

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

  border-bottom: 1px solid var(--panel-border) !important;

  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);

  padding: 10px 16px !important;

}



body.panel-app .panel-header-bar {

  min-height: var(--panel-header-h);

  gap: 12px;

}



body.panel-app .panel-page-title {

  font-size: 1.05rem;

  font-weight: 600;

  color: var(--panel-text);

  flex: 1;

  min-width: 0;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  padding-left: 4px;

}



body.panel-app .panel-mobile-menu-btn {

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  color: var(--panel-text);

  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);

}



body.panel-app .panel-mobile-menu-btn:hover {

  background: var(--panel-primary-soft);

  border-color: rgba(249, 115, 22, 0.35);

  color: var(--panel-primary-hover);

}



body.panel-app .panel-header-mobile-site {

  text-decoration: none;

  color: var(--panel-text);

  font-weight: 600;

}



body.panel-app .panel-header-mobile-site img {

  height: 32px;

  border-radius: 6px;

}



body.panel-app .panel-header-date {

  color: var(--panel-text-muted);

  font-size: 0.8rem;

  background: var(--panel-bg);

  padding: 6px 12px;

  border-radius: 999px;

  border: 1px solid var(--panel-border);

}



body.panel-app .panel-header-mobile-actions .panel-header-mobile-icon {

  border-radius: var(--panel-radius-sm);

  color: var(--panel-text-muted);

  font-weight: 500;

  text-decoration: none;

  transition: background 0.15s ease, color 0.15s ease;

}



body.panel-app .panel-header-mobile-actions .panel-header-mobile-icon:hover {

  background: var(--panel-primary-soft);

  color: var(--panel-primary-hover);

}



/* ——— İçerik alanı ——— */

body.panel-app .panel-body-content {

  padding: 16px 20px 28px !important;

  min-height: calc(100vh - var(--panel-header-h) - 80px);

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

}



@media (max-width: 767.98px) {

  body.panel-app .panel-body-content {

    padding: 12px !important;

  }

}



/* ——— Sekmeler / modül kabuğu (tam genişlik) ——— */

body.panel-app .panel-modul-shell {

  max-width: none;

  width: 100%;

}



body.panel-app .panel-modul-govde {

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

}



body.panel-app .panel-modul-tab-row {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-end;

  gap: 0;

  padding: 0;

  margin: 0 0 -1px;

  background: transparent;

  border: none;

}



body.panel-app .panel-modul-tab-row .globalTablar {

  margin: 0 6px 0 0;

  border-bottom-left-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  position: relative;

  z-index: 2;

}



body.panel-app .panel-modul-tab-row .globalTablarSelect {

  z-index: 3;

  margin-bottom: 0;

  padding-bottom: 10px;

  border-bottom-left-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  border-bottom: 1px solid var(--panel-primary);

  box-shadow: none;

}



body.panel-app .panel-modul-tab-row + .destek-modul-hero,

body.panel-app .panel-modul-shell > .destek-modul-hero.panel-modul-hero,

body.panel-app .panel-modul-shell > .destek-modul-hero {

  margin-top: 0 !important;

  border-top-left-radius: 0 !important;

  border-top-right-radius: var(--panel-radius);

  border-radius: 0 var(--panel-radius) var(--panel-radius) var(--panel-radius);

}



body.panel-app .fullClass.border-bottom[style*="padding-left:30px"] {

  padding: 16px 20px 0 !important;

  background: transparent;

  border-bottom: none !important;

}



body.panel-app .fullClass.border-bottom[style*="padding-left:30px"] + .panel-dash.destek-modul > .destek-modul-hero:first-child {

  margin-top: 0;

  border-top-left-radius: 0;

}



body.panel-app .globalTablar {

  float: none;

  display: inline-flex;

  align-items: center;

  height: auto;

  min-height: 42px;

  padding: 10px 18px;

  margin: 0 6px 0 0;

  border: 1px solid var(--panel-border);

  border-bottom: none;

  border-radius: var(--panel-radius-sm) var(--panel-radius-sm) 0 0;

  background: var(--panel-surface);

  color: var(--panel-text-muted);

  font-weight: 500;

  font-size: 0.875rem;

  transition: all 0.15s ease;

}



body.panel-app .globalTablar:hover {

  color: var(--panel-primary-hover);

  background: #fff7ed;

}



body.panel-app .globalTablarSelect,

body.panel-app .globalTablarSelect:focus {

  background: var(--panel-primary) !important;

  color: #fff !important;

  border-color: var(--panel-primary);

  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.25);

}



body.panel-app .globalTablar .baslik1 {

  font-weight: 600;

}



/* ——— Tablo kartları ——— */

body.panel-app .kayit-back,

body.panel-app .kayit-full {

  border-radius: var(--panel-radius);

  overflow: hidden;

  box-shadow: var(--panel-shadow);

  border: 1px solid var(--panel-border);

  background: var(--panel-surface);

}



body.panel-app .table-list {

  border: none;

  border-radius: var(--panel-radius);

  overflow: visible;

  background: var(--panel-surface);

  box-shadow: var(--panel-shadow);

  width: 100%;

}



body.panel-app .table-list tr td {

  padding: 12px 14px;

  font-size: 0.8125rem;

  border-color: var(--panel-border);

  vertical-align: middle;

}



body.panel-app .table-list tr .td-title {

  background: #f8fafc !important;

  color: var(--panel-text-muted);

  font-size: 0.75rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.04em;

}



body.panel-app .table-list tr.TrHover:hover td {

  background: #fff7ed;

}



/* ——— Modül yan menü ——— */

body.panel-app .modul-list-menu {

  border-radius: var(--panel-radius);

  border: 1px solid var(--panel-border);

  box-shadow: var(--panel-shadow);

  overflow: hidden;

  background: var(--panel-surface);

}



body.panel-app .modul-list-menu .bg-secondary {

  background: var(--panel-sidebar-bg-2) !important;

  font-size: 0.7rem;

  font-weight: 700;

  letter-spacing: 0.06em;

}



body.panel-app .modul-list-menu .a {

  font-size: 0.875rem;

  line-height: 48px;

  border-bottom-color: var(--panel-border) !important;

  transition: background 0.15s ease, padding-left 0.15s ease;

}



body.panel-app .modul-list-menu .a:hover,

body.panel-app .modul-list-menu .menu-selected {

  background: var(--panel-primary-soft) !important;

  color: var(--panel-primary-hover) !important;

  padding-left: 16px !important;

}



body.panel-app .modul-list-menu .a i {

  color: var(--panel-primary);

}



/* ——— Kullanıcı detay sayfa düzeni (float kaldır) ——— */

body.panel-app .user-detay-layout-table {

  width: 100%;

  table-layout: fixed;

  border-collapse: collapse;

}



body.panel-app .user-detay-sol-kolon {

  width: 280px;

  vertical-align: top;

}



body.panel-app .user-detay-sidebar {

  position: sticky;

  top: 1rem;

}



body.panel-app .user-detay-sidebar-card {

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  background: var(--panel-surface);

  box-shadow: var(--panel-shadow);

  overflow: hidden;

  margin-bottom: 1.5rem;

}



body.panel-app .user-detay-sidebar-geri {

  display: flex;

  align-items: center;

  gap: 0.45rem;

  padding: 0.65rem 0.9rem;

  font-size: 0.78rem;

  font-weight: 600;

  color: var(--panel-text-muted);

  text-decoration: none;

  border-bottom: 1px solid var(--panel-border);

  background: #f8fafc;

  transition: color 0.15s ease, background 0.15s ease;

}



body.panel-app .user-detay-sidebar-geri:hover {

  color: var(--panel-primary-hover);

  background: var(--panel-primary-soft);

}



body.panel-app .user-detay-sidebar-hero {

  display: grid;

  grid-template-columns: 56px 1fr auto;

  gap: 0.65rem 0.75rem;

  padding: 1rem 0.9rem 0.85rem;

  border-bottom: 1px solid var(--panel-border);

  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);

}



body.panel-app .user-detay-sidebar-avatar-wrap {

  grid-row: 1 / span 2;

}



body.panel-app .user-detay-sidebar-avatar {

  width: 56px;

  height: 56px;

  border-radius: 16px;

  object-fit: cover;

  border: 2px solid #fff;

  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);

}



body.panel-app .user-detay-sidebar-avatar-bos {

  display: flex;

  align-items: center;

  justify-content: center;

  background: #e2e8f0;

  color: #64748b;

  font-size: 1.25rem;

}



body.panel-app .user-detay-sidebar-kimlik {

  min-width: 0;

}



body.panel-app .user-detay-sidebar-ad {

  margin: 0 0 0.15rem;

  font-size: 0.95rem;

  font-weight: 800;

  line-height: 1.25;

  color: var(--panel-text);

  word-break: break-word;

}



body.panel-app .user-detay-sidebar-username {

  font-size: 0.78rem;

  color: var(--panel-text-muted);

  margin-bottom: 0.2rem;

}



body.panel-app .user-detay-sidebar-meta {

  font-size: 0.72rem;

  color: var(--panel-text-muted);

  margin-bottom: 0.35rem;

}



body.panel-app .user-detay-sidebar-rozetler {

  display: flex;

  flex-wrap: wrap;

  gap: 0.25rem;

}



body.panel-app .user-detay-sidebar-rozetler .badge {

  font-size: 0.65rem;

  font-weight: 600;

}



body.panel-app .user-detay-sidebar-menu-aksiyon {

  align-self: start;

}



body.panel-app .user-detay-sidebar-menu-btn {

  width: 34px;

  height: 34px;

  border: 1px solid var(--panel-border);

  border-radius: 10px;

  background: #fff;

  color: var(--panel-text-muted);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;

}



body.panel-app .user-detay-sidebar-menu-btn:hover {

  background: var(--panel-primary-soft);

  border-color: rgba(249, 115, 22, 0.35);

  color: var(--panel-primary-hover);

}



body.panel-app .user-detay-sidebar-dropdown {

  min-width: 220px;

  border-radius: var(--panel-radius-sm);

  border-color: var(--panel-border);

  box-shadow: var(--panel-shadow);

  padding: 0.35rem;

}



body.panel-app .user-detay-sidebar-dropdown .dropdown-item {

  border-radius: 8px;

  font-size: 0.84rem;

  padding: 0.5rem 0.65rem;

  display: flex;

  align-items: center;

  gap: 0.5rem;

}



body.panel-app .user-detay-sidebar-dropdown .dropdown-item i {

  width: 16px;

  color: var(--panel-primary);

}



body.panel-app .user-detay-sidebar-nav {

  padding: 0.65rem 0.55rem 0.75rem;

  display: flex;

  flex-direction: column;

  gap: 0.2rem;

}



body.panel-app .user-detay-sidebar-link {

  display: flex;

  align-items: center;

  gap: 0.65rem;

  padding: 0.55rem 0.6rem;

  border-radius: 10px;

  text-decoration: none;

  color: var(--panel-text);

  font-size: 0.84rem;

  font-weight: 600;

  line-height: 1.25;

  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;

}



body.panel-app .user-detay-sidebar-link:hover {

  background: #f1f5f9;

  color: var(--panel-text);

}



body.panel-app .user-detay-sidebar-link.is-active {

  background: var(--panel-primary-soft);

  color: var(--panel-primary-hover);

  box-shadow: inset 3px 0 0 var(--panel-primary);

}



body.panel-app .user-detay-sidebar-link-ikon {

  width: 30px;

  height: 30px;

  border-radius: 8px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: #f1f5f9;

  color: #64748b;

  flex-shrink: 0;

  font-size: 0.82rem;

}



body.panel-app .user-detay-sidebar-link.is-active .user-detay-sidebar-link-ikon {

  background: rgba(249, 115, 22, 0.15);

  color: var(--panel-primary-hover);

}



body.panel-app .user-detay-sidebar-link-metin {

  flex: 1 1 auto;

  min-width: 0;

}



body.panel-app .user-detay-sidebar-link-ok {

  font-size: 0.62rem;

  color: #cbd5e1;

  flex-shrink: 0;

  transition: color 0.15s ease, transform 0.15s ease;

}



body.panel-app .user-detay-sidebar-link:hover .user-detay-sidebar-link-ok,

body.panel-app .user-detay-sidebar-link.is-active .user-detay-sidebar-link-ok {

  color: var(--panel-primary);

}



body.panel-app .user-detay-sag-kolon {

  vertical-align: top;

}



body.panel-app .user-detay-sol-kolon .modul-list-menu,

body.panel-app .user-detay-icerik-alan {

  float: none !important;

  display: block !important;

  width: 100% !important;

  box-sizing: border-box;

}



body.panel-app .user-detay-icerik-alan {

  padding: 0 16px 28px 20px;

  overflow: hidden;

}



body.panel-app .user-detay-icerik-alan > .fullClass,

body.panel-app .user-detay-icerik-alan > .alert,

body.panel-app .user-detay-icerik-alan > .user-detay-kart,

body.panel-app .user-detay-icerik-alan > .kayit-full {

  float: none !important;

  width: 100% !important;

  clear: both;

  box-sizing: border-box;

}



body.panel-app .user-detay-icerik-alan .alert.alert-light > .fullClass {

  float: none !important;

  width: 100% !important;

  box-sizing: border-box;

}



body.panel-app .user-detay-kart-bolum {

  padding-top: 1.1rem;

  margin-top: 1.1rem;

  border-top: 1px solid var(--panel-border);

}



body.panel-app .user-detay-kart-bolum:first-child {

  padding-top: 0;

  margin-top: 0;

  border-top: none;

}



body.panel-app .user-detay-kart-bolum-baslik {

  font-size: 0.95rem;

  font-weight: 700;

  color: var(--panel-text);

  margin-bottom: 0.35rem;

}



/* ——— Kullanıcı detay hub ——— */

body.panel-app .user-detay-kart {

  margin-bottom: 1.25rem;

}



body.panel-app .user-detay-aciklama {

  font-size: 0.875rem;

}



body.panel-app .user-detay-ozet-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));

  gap: 0.75rem;

  margin-bottom: 1.25rem;

}



body.panel-app .user-detay-ozet-item {

  background: #f8fafc;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  padding: 0.75rem 0.9rem;

}



body.panel-app .user-detay-ozet-item .label {

  display: block;

  font-size: 0.7rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--panel-text-muted);

  margin-bottom: 0.25rem;

}



body.panel-app .user-detay-ozet-item strong {

  font-size: 0.9rem;

  color: var(--panel-text);

  word-break: break-word;

}



body.panel-app .user-detay-stat-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));

  gap: 0.75rem;

}



body.panel-app .user-detay-stat-kart {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  min-height: 108px;

  padding: 0.85rem 0.5rem;

  background: #fff;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  text-decoration: none !important;

  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;

}



body.panel-app .user-detay-stat-kart:hover {

  transform: translateY(-2px);

  border-color: var(--panel-primary);

  box-shadow: 0 8px 20px rgba(249, 115, 22, 0.12);

}



body.panel-app .user-detay-stat-kart i {

  font-size: 1.1rem;

  color: var(--panel-primary);

}



body.panel-app .user-detay-stat-kart .sayi {

  font-size: 1.35rem;

  font-weight: 800;

  color: var(--panel-text);

  line-height: 1;

}



body.panel-app .user-detay-stat-kart .etiket {

  font-size: 0.72rem;

  font-weight: 600;

  color: var(--panel-text-muted);

  text-align: center;

}



body.panel-app .user-detay-bilgi-tablo td {

  padding: 0.65rem 0.75rem !important;

  vertical-align: top;

}



/* ——— Kullanıcı detay — Genel Bakış ——— */

body.panel-app .user-detay-genel-hero {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  justify-content: space-between;

  gap: 1rem 1.25rem;

  padding: 1.1rem 1.25rem;

  margin-bottom: 1.25rem;

  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 55%, #f8fafc 100%);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

}

/* ——— Kullanıcı detay — Doğrulama rozeti ——— */

body.panel-app .user-rozet-durum {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  padding: 1.15rem 1.25rem;
  margin: 0.35rem 0.35rem 1.15rem;
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 52%, #f8fafc 100%);
  border: 1px solid var(--panel-border);
  border-radius: var(--panel-radius);
  box-shadow: var(--panel-shadow);
}

body.panel-app .user-rozet-durum-sol {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  min-width: 0;
  flex: 1 1 280px;
}

body.panel-app .user-rozet-durum-ikon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.15rem;
  background: #fff;
  border: 1px solid var(--panel-border);
  color: #64748b;
}

body.panel-app .user-rozet-durum-ikon.is-aktif {
  color: #0f766e;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

body.panel-app .user-rozet-durum-etiket {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--panel-text-muted);
  margin-bottom: 0.35rem;
}

body.panel-app .user-rozet-durum-baslik {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.65rem;
  margin-bottom: 0.35rem;
}

body.panel-app .user-rozet-durum-baslik strong {
  font-size: 1rem;
  font-weight: 700;
  color: var(--panel-text);
}

body.panel-app .user-rozet-durum-meta {
  font-size: 0.88rem;
  color: var(--panel-text-muted);
}

body.panel-app .user-rozet-durum-aciklama {
  margin: 0;
  max-width: 540px;
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--panel-text-muted);
}

body.panel-app .user-rozet-durum-aksiyon {
  flex-shrink: 0;
}

body.panel-app .user-rozet-gecmis {
  margin: 0 0.35rem 0.5rem;
  padding-top: 0.35rem;
}

body.panel-app .user-rozet-gecmis-baslik {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--panel-text);
  margin-bottom: 0.25rem;
}

body.panel-app .user-rozet-gecmis-aciklama {
  margin: 0 0 0.85rem;
  font-size: 0.86rem;
  line-height: 1.45;
  color: var(--panel-text-muted);
}

body.panel-app .user-rozet-bos {
  text-align: center;
  padding: 2rem 1rem 1.5rem;
  border: 1px dashed var(--panel-border);
  border-radius: var(--panel-radius);
  background: #fafbfc;
}

body.panel-app .user-rozet-bos i {
  font-size: 1.35rem;
  color: #94a3b8;
  margin-bottom: 0.55rem;
}

body.panel-app .user-rozet-bos-baslik {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--panel-text);
  margin-bottom: 0.25rem;
}

body.panel-app .user-rozet-bos-aciklama {
  margin: 0;
  font-size: 0.85rem;
  color: var(--panel-text-muted);
}



body.panel-app .user-detay-genel-hero-sol {

  display: flex;

  align-items: center;

  gap: 1rem;

  min-width: 0;

  flex: 1 1 280px;

}



body.panel-app .user-detay-genel-avatar-wrap {

  flex-shrink: 0;

}



body.panel-app .user-detay-genel-avatar {

  width: 76px;

  height: 76px;

  border-radius: 50%;

  object-fit: cover;

  border: 3px solid #fff;

  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);

}



body.panel-app .user-detay-genel-avatar-bos {

  display: flex;

  align-items: center;

  justify-content: center;

  background: #e2e8f0;

  color: #64748b;

  font-size: 1.75rem;

}



body.panel-app .user-detay-genel-ad {

  margin: 0 0 0.2rem;

  font-size: 1.35rem;

  font-weight: 800;

  color: var(--panel-text);

  line-height: 1.2;

}



body.panel-app .user-detay-genel-username {

  font-size: 0.88rem;

  color: var(--panel-text-muted);

  margin-bottom: 0.55rem;

}



body.panel-app .user-detay-genel-rozetler {

  display: flex;

  flex-wrap: wrap;

  gap: 0.35rem;

}



body.panel-app .user-detay-genel-hero-aksiyon {

  display: flex;

  flex-wrap: wrap;

  gap: 0.45rem;

  align-items: flex-start;

}



body.panel-app .user-detay-genel-vurgu-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));

  gap: 0.75rem;

  margin-bottom: 1.35rem;

}



body.panel-app .user-detay-genel-vurgu-item {

  background: #fff;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  padding: 0.75rem 0.85rem;

  text-align: center;

}



body.panel-app .user-detay-genel-vurgu-item .etiket {

  display: block;

  font-size: 0.68rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--panel-text-muted);

  margin-bottom: 0.3rem;

}



body.panel-app .user-detay-genel-vurgu-item strong {

  font-size: 1.05rem;

  font-weight: 800;

  color: var(--panel-text);

  line-height: 1.2;

}



body.panel-app .user-detay-genel-vurgu-item--yesil {

  border-color: #bbf7d0;

  background: #f0fdf4;

}



body.panel-app .user-detay-genel-vurgu-item--yesil .etiket {

  color: #15803d;

}



body.panel-app .user-detay-genel-vurgu-item--yesil strong {

  color: #166534;

}



body.panel-app .user-detay-genel-vurgu-item--mavi {

  border-color: #bfdbfe;

  background: #eff6ff;

}



body.panel-app .user-detay-genel-vurgu-item--mavi .etiket {

  color: #1d4ed8;

}



body.panel-app .user-detay-genel-vurgu-item--mavi strong {

  color: #1e40af;

}



body.panel-app .user-detay-genel-vurgu-item--gri {

  border-color: #e2e8f0;

  background: #f8fafc;

}



body.panel-app .user-detay-genel-vurgu-kucuk {

  font-size: 0.78rem !important;

  font-weight: 700 !important;

}



body.panel-app .user-detay-genel-panel-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 1rem;

  margin-bottom: 1.35rem;

}



@media (max-width: 992px) {

  body.panel-app .user-detay-genel-panel-grid {

    grid-template-columns: 1fr;

  }

}



body.panel-app .user-detay-genel-panel {

  background: #fff;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  overflow: hidden;

}



body.panel-app .user-detay-genel-panel-baslik {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  padding: 0.7rem 0.95rem;

  font-size: 0.82rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--panel-text);

  background: #f8fafc;

  border-bottom: 1px solid var(--panel-border);

}



body.panel-app .user-detay-genel-panel-baslik i {

  color: var(--panel-primary);

}



body.panel-app .user-detay-genel-dl {

  margin: 0;

  padding: 0.35rem 0;

}



body.panel-app .user-detay-genel-dl-satir {

  display: grid;

  grid-template-columns: minmax(120px, 38%) 1fr;

  gap: 0.65rem;

  padding: 0.55rem 0.95rem;

  border-bottom: 1px solid rgba(226, 232, 240, 0.85);

}



body.panel-app .user-detay-genel-dl-satir:last-child {

  border-bottom: none;

}



body.panel-app .user-detay-genel-dl dt {

  margin: 0;

  font-size: 0.78rem;

  font-weight: 700;

  color: var(--panel-text-muted);

}



body.panel-app .user-detay-genel-dl dd {

  margin: 0;

  font-size: 0.88rem;

  color: var(--panel-text);

  word-break: break-word;

}



body.panel-app .user-detay-genel-metin {

  display: block;

  line-height: 1.45;

  color: var(--panel-text-muted);

}



body.panel-app .user-detay-genel-admin-not {

  margin-bottom: 1.35rem;

  padding: 0.9rem 1rem;

  background: #fffbeb;

  border: 1px solid #fde68a;

  border-radius: var(--panel-radius-sm);

}



body.panel-app .user-detay-genel-admin-not-baslik {

  font-size: 0.78rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: #92400e;

  margin-bottom: 0.45rem;

}



body.panel-app .user-detay-genel-admin-not-metin {

  font-size: 0.88rem;

  color: #78350f;

  line-height: 1.5;

}



body.panel-app .user-detay-genel-stat-wrap {

  display: flex;

  flex-direction: column;

  gap: 1.1rem;

}



body.panel-app .user-detay-genel-stat-grup-baslik {

  font-size: 0.78rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  color: var(--panel-text-muted);

  margin-bottom: 0.55rem;

  padding-left: 0.15rem;

}



/* ——— Banka hesabı ekleme formu ——— */

body.panel-app .banka-hesap-form-wrap {

  max-width: 100%;

  margin: 0;

}



body.panel-app .banka-hesap-form-sections {

  display: flex;

  flex-direction: column;

  gap: 0.85rem;

}



body.panel-app .banka-hesap-kart {

  border-radius: 14px;

  border: 1px solid transparent;

  overflow: hidden;

  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);

}



body.panel-app .banka-hesap-kart__baslik {

  display: flex;

  align-items: center;

  gap: 0.55rem;

  padding: 0.65rem 0.9rem;

  font-size: 0.78rem;

  font-weight: 800;

  letter-spacing: 0.02em;

  text-transform: uppercase;

  border-bottom: 1px solid transparent;

}



body.panel-app .banka-hesap-kart__ikon {

  width: 28px;

  height: 28px;

  border-radius: 8px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 0.78rem;

  flex-shrink: 0;

}



body.panel-app .banka-hesap-kart__govde {

  padding: 0.85rem 0.9rem 0.95rem;

}



body.panel-app .banka-hesap-kart-aciklama {

  margin: 0 0 0.75rem;

  font-size: 0.8rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

}



body.panel-app .banka-hesap-kart--hesap {

  background: #fff;

  border-color: #dbeafe;

}



body.panel-app .banka-hesap-kart--hesap .banka-hesap-kart__baslik {

  background: linear-gradient(90deg, #eff6ff, #f8fafc);

  color: #1d4ed8;

  border-bottom-color: #dbeafe;

}



body.panel-app .banka-hesap-kart--hesap .banka-hesap-kart__ikon {

  background: #dbeafe;

  color: #1d4ed8;

}



body.panel-app .banka-hesap-kart--durum {

  background: #fffbeb;

  border-color: #fde68a;

}



body.panel-app .banka-hesap-kart--durum .banka-hesap-kart__baslik {

  background: linear-gradient(90deg, #fef3c7, #fffbeb);

  color: #b45309;

  border-bottom-color: #fde68a;

}



body.panel-app .banka-hesap-kart--durum .banka-hesap-kart__ikon {

  background: #fde68a;

  color: #b45309;

}



body.panel-app .banka-hesap-kart--sahiplik {

  background: #ecfdf5;

  border-color: #a7f3d0;

}



body.panel-app .banka-hesap-kart--sahiplik .banka-hesap-kart__baslik {

  background: linear-gradient(90deg, #d1fae5, #ecfdf5);

  color: #047857;

  border-bottom-color: #a7f3d0;

}



body.panel-app .banka-hesap-kart--sahiplik .banka-hesap-kart__ikon {

  background: #a7f3d0;

  color: #047857;

}



body.panel-app .banka-hesap-kart--belge {

  background: #faf5ff;

  border-color: #e9d5ff;

}



body.panel-app .banka-hesap-kart--belge .banka-hesap-kart__baslik {

  background: linear-gradient(90deg, #f3e8ff, #faf5ff);

  color: #7e22ce;

  border-bottom-color: #e9d5ff;

}



body.panel-app .banka-hesap-kart--belge .banka-hesap-kart__ikon {

  background: #e9d5ff;

  color: #7e22ce;

}



body.panel-app .banka-hesap-form-grid--sahiplik {

  grid-template-columns: repeat(2, minmax(0, 1fr));

}



body.panel-app .banka-hesap-belge-input-hidden {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  border: 0;

}



body.panel-app .banka-hesap-belge-yukle {

  position: relative;

}



body.panel-app .banka-hesap-belge-drop {

  border: 2px dashed #c4b5fd;

  border-radius: 12px;

  background: #fff;

  cursor: pointer;

  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;

}



body.panel-app .banka-hesap-belge-drop:hover,

body.panel-app .banka-hesap-belge-drop:focus {

  outline: none;

  border-color: #8b5cf6;

  background: #fdfcff;

  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12);

}



body.panel-app .banka-hesap-belge-drop.is-drag {

  border-color: #7c3aed;

  background: #f5f3ff;

  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.16);

}



body.panel-app .banka-hesap-belge-drop.is-dolu {

  opacity: 0.55;

  cursor: not-allowed;

  pointer-events: none;

}



body.panel-app .banka-hesap-belge-drop-inner {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  padding: 1.35rem 1rem;

  text-align: center;

}



body.panel-app .banka-hesap-belge-drop-ikon {

  width: 52px;

  height: 52px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #ede9fe;

  color: #7c3aed;

  font-size: 1.35rem;

  margin-bottom: 0.15rem;

}



body.panel-app .banka-hesap-belge-drop-inner strong {

  font-size: 0.9rem;

  font-weight: 800;

  color: #5b21b6;

}



body.panel-app .banka-hesap-belge-drop-inner span {

  font-size: 0.8rem;

  color: #6b7280;

}



body.panel-app .banka-hesap-belge-drop-inner small {

  font-size: 0.72rem;

  color: #9ca3af;

  margin-top: 0.15rem;

}



body.panel-app .banka-hesap-belge-list {

  display: flex;

  flex-direction: column;

  gap: 0.45rem;

  margin-top: 0.65rem;

}



body.panel-app .banka-hesap-belge-item {

  display: flex;

  align-items: center;

  gap: 0.65rem;

  padding: 0.55rem 0.65rem;

  border-radius: 10px;

  border: 1px solid #e9d5ff;

  background: #fff;

}



body.panel-app .banka-hesap-belge-item-ikon {

  width: 36px;

  height: 36px;

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #f3e8ff;

  color: #7c3aed;

  flex-shrink: 0;

}



body.panel-app .banka-hesap-belge-item-metin {

  flex: 1;

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 0.1rem;

}



body.panel-app .banka-hesap-belge-item-metin strong {

  font-size: 0.82rem;

  font-weight: 700;

  color: var(--panel-text);

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



body.panel-app .banka-hesap-belge-item-metin small {

  font-size: 0.72rem;

  color: var(--panel-text-muted);

}



body.panel-app .banka-hesap-belge-item-kaldir {

  width: 32px;

  height: 32px;

  border: 0;

  border-radius: 8px;

  background: #fef2f2;

  color: #dc2626;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  flex-shrink: 0;

  transition: background 0.15s ease;

}



body.panel-app .banka-hesap-belge-item-kaldir:hover {

  background: #fee2e2;

}



body.panel-app .banka-hesap-belge-sayac {

  margin-top: 0.55rem;

  font-size: 0.74rem;

  font-weight: 700;

  color: #7c3aed;

  text-align: right;

}



body.panel-app .banka-hesap-belge-sayac.is-dolu {

  color: #b45309;

}



body.panel-app .banka-hesap-belge-mevcut {

  margin-bottom: 0.85rem;

  padding: 0.75rem 0.8rem;

  border-radius: 10px;

  border: 1px solid #ddd6fe;

  background: rgba(255, 255, 255, 0.72);

}



body.panel-app .banka-hesap-belge-mevcut-label {

  display: inline-flex;

  align-items: center;

  gap: 0.4rem;

  font-size: 0.72rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.03em;

  color: #6d28d9;

  margin-bottom: 0.55rem;

}



body.panel-app .banka-hesap-belge-mevcut-list {

  display: flex;

  flex-wrap: wrap;

  gap: 0.45rem;

}



body.panel-app .banka-hesap-belge-mevcut-item {

  display: inline-flex;

  align-items: center;

  gap: 0.45rem;

  padding: 0.4rem 0.55rem;

  border-radius: 8px;

  border: 1px solid #e9d5ff;

  background: #fff;

  color: #5b21b6;

  font-size: 0.78rem;

  font-weight: 700;

  text-decoration: none;

  transition: border-color 0.15s ease, background 0.15s ease;

}



body.panel-app .banka-hesap-belge-mevcut-item:hover {

  border-color: #c4b5fd;

  background: #faf5ff;

  color: #5b21b6;

}



body.panel-app .banka-hesap-belge-mevcut-ikon {

  width: 24px;

  height: 24px;

  border-radius: 6px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: #f3e8ff;

  font-size: 0.72rem;

}



body.panel-app .banka-hesap-belge-mevcut-ac {

  font-size: 0.65rem;

  opacity: 0.65;

}



body.panel-app .banka-hesap-belge-mevcut-not {

  margin: 0.55rem 0 0;

  font-size: 0.72rem;

  color: var(--panel-text-muted);

}



body.panel-app .banka-hesap-belge-mevcut-thumb {

  width: 36px;

  height: 36px;

  border-radius: 8px;

  overflow: hidden;

  flex-shrink: 0;

  border: 1px solid var(--panel-border);

}



body.panel-app .banka-hesap-belge-mevcut-thumb img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



body.panel-app .banka-hesap-list-chip-meta {

  display: block;

  margin-top: 0.25rem;

  font-size: 0.68rem;

  color: var(--panel-text-muted);

  font-weight: 600;

}



body.panel-app .banka-dogrula-belge-bos {

  margin: 0;

  padding: 0.85rem 1rem;

  border-radius: 10px;

  background: #f8fafc;

  border: 1px dashed var(--panel-border);

  color: var(--panel-text-muted);

  font-size: 0.82rem;

  line-height: 1.45;

}



body.panel-app .banka-dogrula-belge-bos i {

  margin-right: 0.35rem;

  opacity: 0.75;

}



body.panel-app .banka-hesap-form-head {

  display: flex;

  align-items: flex-start;

  gap: 1rem;

  padding: 1.1rem 1.25rem;

  margin-bottom: 1.25rem;

  background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

}



body.panel-app .banka-hesap-form-head-icon {

  width: 52px;

  height: 52px;

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(14, 165, 233, 0.12);

  color: #0284c7;

  font-size: 1.35rem;

  flex-shrink: 0;

}



body.panel-app .banka-hesap-form-head-text h5 {

  margin: 0 0 0.35rem;

  font-size: 1.05rem;

  font-weight: 800;

  color: var(--panel-text);

}



body.panel-app .banka-hesap-form-head-text p {

  margin: 0;

  font-size: 0.84rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

}



body.panel-app .banka-hesap-form-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 1rem 1.1rem;

}



body.panel-app .banka-hesap-form-grid .span-full {

  grid-column: 1 / -1;

}



body.panel-app .banka-hesap-field {

  display: flex;

  flex-direction: column;

  gap: 0.4rem;

}



body.panel-app .banka-hesap-field-label {

  font-size: 0.72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--panel-text-muted);

}



body.panel-app .banka-hesap-input-wrap {

  display: flex;

  align-items: stretch;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  background: #fff;

  overflow: hidden;

  transition: border-color 0.15s ease, box-shadow 0.15s ease;

}



body.panel-app .banka-hesap-input-wrap:focus-within {

  border-color: var(--panel-primary);

  box-shadow: 0 0 0 3px var(--panel-primary-soft);

}



body.panel-app .banka-hesap-input-icon {

  width: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #f8fafc;

  color: var(--panel-text-muted);

  border-right: 1px solid var(--panel-border);

  flex-shrink: 0;

}



body.panel-app .banka-hesap-input-wrap .form-control,

body.panel-app .banka-hesap-input-wrap .form-select {

  border: 0;

  border-radius: 0;

  box-shadow: none !important;

  min-height: 46px;

  font-size: 0.92rem;

}



body.panel-app .banka-hesap-input-wrap .form-control.iban-input {

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  letter-spacing: 0.04em;

  text-transform: uppercase;

}



body.panel-app .banka-hesap-field-hint {

  font-size: 0.75rem;

  color: var(--panel-text-muted);

  line-height: 1.35;

}



body.panel-app .banka-hesap-iban-detay {

  margin-top: 0.55rem;

  padding: 0.75rem 0.85rem;

  border-radius: 10px;

  border: 1px solid rgba(21, 128, 61, 0.22);

  background: rgba(21, 128, 61, 0.06);

}



body.panel-app .banka-hesap-iban-detay-grid {

  display: grid;

  grid-template-columns: minmax(7rem, 9.5rem) minmax(0, 1fr);

  gap: 0.35rem 0.75rem;

  margin: 0;

}



body.panel-app .banka-hesap-iban-detay-grid dt {

  margin: 0;

  font-size: 0.72rem;

  font-weight: 700;

  color: var(--panel-text-muted);

  text-transform: uppercase;

  letter-spacing: 0.03em;

}



body.panel-app .banka-hesap-iban-detay-grid dd {

  margin: 0;

  font-size: 0.82rem;

  color: var(--panel-text);

  line-height: 1.35;

  word-break: break-word;

}



body.panel-app .banka-hesap-iban-detay-grid dd.is-not {

  color: var(--panel-text-muted);

  font-style: italic;

}



body.panel-app .banka-hesap-durum-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 0.65rem;

}



body.panel-app .banka-hesap-durum-opt {

  position: relative;

  margin: 0;

}



body.panel-app .banka-hesap-durum-opt input {

  position: absolute;

  opacity: 0;

  pointer-events: none;

}



body.panel-app .banka-hesap-durum-card {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  min-height: 88px;

  padding: 0.75rem 0.5rem;

  border: 2px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  background: #fff;

  cursor: pointer;

  text-align: center;

  transition: border-color 0.12s ease, background 0.12s ease, transform 0.12s ease;

}



body.panel-app .banka-hesap-durum-card i {

  font-size: 1.1rem;

}



body.panel-app .banka-hesap-durum-card strong {

  font-size: 0.78rem;

  font-weight: 700;

  color: var(--panel-text);

}



body.panel-app .banka-hesap-durum-card span {

  font-size: 0.68rem;

  color: var(--panel-text-muted);

}



body.panel-app .banka-hesap-durum-opt input:checked + .banka-hesap-durum-card {

  transform: translateY(-1px);

}



body.panel-app .banka-hesap-durum-opt--0 input:checked + .banka-hesap-durum-card {

  border-color: #f59e0b;

  background: rgba(245, 158, 11, 0.08);

}



body.panel-app .banka-hesap-durum-opt--0 .banka-hesap-durum-card i {

  color: #d97706;

}



body.panel-app .banka-hesap-durum-opt--1 input:checked + .banka-hesap-durum-card {

  border-color: #22c55e;

  background: rgba(34, 197, 94, 0.08);

}



body.panel-app .banka-hesap-durum-opt--1 .banka-hesap-durum-card i {

  color: #16a34a;

}



body.panel-app .banka-hesap-durum-opt--2 input:checked + .banka-hesap-durum-card {

  border-color: #ef4444;

  background: rgba(239, 68, 68, 0.08);

}



body.panel-app .banka-hesap-durum-opt--2 .banka-hesap-durum-card i {

  color: #dc2626;

}



body.panel-app .banka-hesap-form-foot {

  margin-top: 1.35rem;

  padding-top: 1.15rem;

  border-top: 1px solid var(--panel-border);

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 1rem;

}



body.panel-app .banka-hesap-form-foot-note {

  flex: 1 1 240px;

  font-size: 0.78rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

  margin: 0;

}



body.panel-app .banka-hesap-form-foot-note i {

  color: #0284c7;

  margin-right: 0.35rem;

}



body.panel-app .banka-hesap-form-foot-actions {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-end;

  gap: 0.65rem;

}



body.panel-app .banka-hesap-form-wrap--duzenle {

  border-color: rgba(2, 132, 199, 0.35);

  box-shadow: 0 0 0 1px rgba(2, 132, 199, 0.12);

}



body.panel-app .banka-hesap-submit--iptal {

  min-width: 120px;

}



body.panel-app .banka-hesap-submit {

  min-width: 220px;

  min-height: 46px;

  font-weight: 700;

  border-radius: var(--panel-radius-sm);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 0.5rem;

}



@media (max-width: 767px) {

  body.panel-app .banka-hesap-form-grid {

    grid-template-columns: 1fr;

  }

  body.panel-app .banka-hesap-form-grid--sahiplik {

    grid-template-columns: 1fr;

  }

  body.panel-app .banka-hesap-durum-grid {

    grid-template-columns: 1fr;

  }

  body.panel-app .banka-hesap-form-foot {

    flex-direction: column;

    align-items: stretch;

  }

  body.panel-app .banka-hesap-submit {

    width: 100%;

  }

}



/* ——— Kullanıcı hesap alan listesi (modal düzenleme) ——— */

body.panel-app .user-hesap-list-wrap {

  max-width: 100%;

}



body.panel-app .user-hesap-list-ust-panel {

  margin-bottom: 1.15rem;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);

  overflow: hidden;

  box-shadow: var(--panel-shadow);

}



body.panel-app .user-hesap-list-hero {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  justify-content: space-between;

  gap: 0.85rem;

  padding: 1rem 1.15rem;

  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #334155 100%);

  color: #fff;

}



body.panel-app .user-hesap-list-hero-sol {

  display: flex;

  align-items: flex-start;

  gap: 0.75rem;

  flex: 1 1 260px;

  min-width: 0;

}



body.panel-app .user-hesap-list-hero-ikon {

  width: 44px;

  height: 44px;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 255, 255, 0.14);

  font-size: 1.15rem;

  flex-shrink: 0;

}



body.panel-app .user-hesap-list-hero-metin h5 {

  margin: 0 0 0.3rem;

  font-size: 0.98rem;

  font-weight: 800;

  letter-spacing: 0.01em;

}



body.panel-app .user-hesap-list-hero-metin p {

  margin: 0;

  font-size: 0.78rem;

  line-height: 1.45;

  color: rgba(255, 255, 255, 0.82);

  max-width: 560px;

}



body.panel-app .user-hesap-list-hero-rozetler {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 0.4rem;

}



body.panel-app .user-hesap-list-hero-rozetler .badge {

  font-size: 0.72rem;

  font-weight: 700;

  padding: 0.35rem 0.6rem;

}



body.panel-app .user-hesap-list-ozet-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

  gap: 0.65rem;

  padding: 0.85rem 1rem 0.75rem;

}



body.panel-app .user-hesap-list-ozet-kpi {

  display: flex;

  align-items: flex-start;

  gap: 0.65rem;

  padding: 0.75rem 0.85rem;

  border-radius: 12px;

  border: 1px solid var(--panel-border);

  background: #fff;

  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);

}



body.panel-app .user-hesap-list-ozet-kpi--ok {

  border-color: #bbf7d0;

  background: linear-gradient(180deg, #fff 0%, #f0fdf4 100%);

}



body.panel-app .user-hesap-list-ozet-kpi--eksik {

  border-color: #fde68a;

  background: linear-gradient(180deg, #fff 0%, #fffbeb 100%);

}



body.panel-app .user-hesap-list-ozet-ikon {

  width: 34px;

  height: 34px;

  border-radius: 9px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 0.82rem;

  flex-shrink: 0;

  background: #f1f5f9;

  color: #475569;

}



body.panel-app .user-hesap-list-ozet-kpi--ok .user-hesap-list-ozet-ikon {

  background: rgba(34, 197, 94, 0.14);

  color: #15803d;

}



body.panel-app .user-hesap-list-ozet-kpi--eksik .user-hesap-list-ozet-ikon {

  background: rgba(245, 158, 11, 0.14);

  color: #b45309;

}



body.panel-app .user-hesap-list-ozet-metin {

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 0.12rem;

}



body.panel-app .user-hesap-list-ozet-etiket {

  font-size: 0.68rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--panel-text-muted);

}



body.panel-app .user-hesap-list-ozet-metin strong {

  font-size: 0.86rem;

  font-weight: 800;

  color: var(--panel-text);

  line-height: 1.25;

}



body.panel-app .user-hesap-list-ozet-metin small {

  font-size: 0.72rem;

  color: var(--panel-text-muted);

  word-break: break-word;

}



body.panel-app .user-hesap-list-ust-actions {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 0.65rem;

  padding: 0.75rem 1rem 0.95rem;

  border-top: 1px solid var(--panel-border);

  background: #fff;

}



body.panel-app .user-hesap-list-ipucu {

  display: inline-flex;

  align-items: center;

  gap: 0.4rem;

  font-size: 0.76rem;

  color: var(--panel-text-muted);

}



body.panel-app .user-hesap-list-ipucu i {

  color: #0284c7;

}



body.panel-app .user-hesap-list-gecmis-btn {

  font-weight: 700;

  border-radius: 8px;

  margin-left: auto;

}



body.panel-app .user-hesap-list-head {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 1rem;

  flex-wrap: wrap;

  margin-bottom: 1.25rem;

}



body.panel-app .user-hesap-list-head-text h5 {

  margin: 0 0 0.3rem;

  font-size: 1.05rem;

  font-weight: 800;

}



body.panel-app .user-hesap-list-head-text p {

  margin: 0;

  font-size: 0.84rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

}



body.panel-app .user-hesap-list-bolum {

  margin-bottom: 1.1rem;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  background: #fff;

  box-shadow: var(--panel-shadow);

  overflow: hidden;

}



body.panel-app .user-hesap-list-bolum-baslik {

  padding: 0.75rem 1rem;

  font-size: 0.78rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--panel-text-muted);

  background: #f8fafc;

  border-bottom: 1px solid var(--panel-border);

}



body.panel-app .user-hesap-list-bolum-baslik i {

  margin-right: 0.4rem;

  opacity: 0.75;

}



body.panel-app .user-hesap-list-bolum-govde {

  display: flex;

  flex-direction: column;

}



body.panel-app .user-hesap-satir {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0.75rem;

  width: 100%;

  padding: 0.85rem 1rem;

  border: 0;

  border-bottom: 1px solid var(--panel-border);

  background: #fff;

  text-align: left;

  cursor: pointer;

  transition: background 0.15s ease;

}



body.panel-app .user-hesap-satir:last-child {

  border-bottom: 0;

}



body.panel-app .user-hesap-satir:hover {

  background: #f8fafc;

}



body.panel-app .user-hesap-satir--salt {

  cursor: default;

}



body.panel-app .user-hesap-satir--salt:hover {

  background: #fff;

}



body.panel-app .user-hesap-satir-sol {

  flex: 1 1 auto;

  min-width: 0;

}



body.panel-app .user-hesap-satir-etiket {

  display: block;

  font-size: 0.72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.03em;

  color: var(--panel-text-muted);

  margin-bottom: 0.2rem;

}



body.panel-app .user-hesap-satir-deger {

  display: block;

  font-size: 0.92rem;

  color: var(--panel-text);

  word-break: break-word;

}



body.panel-app .user-hesap-satir-sag {

  display: flex;

  align-items: center;

  gap: 0.45rem;

  flex-shrink: 0;

  color: var(--panel-text-muted);

}



body.panel-app .user-hesap-satir-sag .fa-chevron-right {

  font-size: 0.72rem;

  opacity: 0.55;

}



body.panel-app .user-hesap-satir-rozet {

  display: inline-flex;

  flex-wrap: wrap;

  gap: 0.25rem;

}



body.panel-app .user-hesap-foto-wrap {

  padding: 0.75rem 1rem 1rem;

}



body.panel-app .user-hesap-foto-wrap .col-12.p-1 {

  padding: 0 !important;

}



body.panel-app .user-profil-foto-yukle {

  border-top: 1px solid var(--panel-border, #e9ecef);

  padding-top: 0.85rem;

}



body.panel-app .user-profil-foto-yukle-aciklama {

  font-size: 0.78rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

  margin: 0;

}



body.panel-app .user-profil-foto-yukle-satir {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 0.5rem 0.65rem;

}



body.panel-app .user-profil-foto-yukle-etiket {

  font-size: 0.72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.03em;

  color: var(--panel-text-muted);

  margin: 0;

}



body.panel-app .user-profil-foto-yukle-slot {

  width: auto;

  min-width: 6.5rem;

  max-width: 8rem;

}



body.panel-app .user-profil-foto-yukle-dosya-kutu {

  display: inline-flex;

  align-items: center;

  gap: 0.45rem;

  padding: 0.35rem 0.65rem;

  border: 1px dashed var(--panel-border, #ced4da);

  border-radius: var(--panel-radius-sm, 8px);

  font-size: 0.8rem;

  color: var(--panel-text-muted);

  cursor: pointer;

  margin: 0;

  flex: 1 1 12rem;

  min-width: 10rem;

}



body.panel-app .user-profil-foto-yukle-dosya-kutu:hover {

  border-color: var(--panel-text-muted);

  color: var(--panel-text);

}



body.panel-app .user-profil-foto-dosya-gizli {

  position: absolute;

  width: 1px;

  height: 1px;

  opacity: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

}



body.panel-app.user-profil-foto-kirp-acik {

  overflow: hidden;

}



body.panel-app .user-profil-foto-kirp-modal {

  position: fixed;

  inset: 0;

  z-index: 1060;

  display: none;

  align-items: center;

  justify-content: center;

  padding: 1rem;

}



body.panel-app .user-profil-foto-kirp-modal.acik {

  display: flex;

}



body.panel-app .user-profil-foto-kirp-backdrop {

  position: absolute;

  inset: 0;

  background: rgba(15, 23, 42, 0.55);

}



body.panel-app .user-profil-foto-kirp-dialog {

  position: relative;

  z-index: 1;

  width: min(520px, 100%);

  max-height: calc(100vh - 2rem);

  display: flex;

  flex-direction: column;

  background: #fff;

  border-radius: 16px;

  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.22);

  overflow: hidden;

}



body.panel-app .user-profil-foto-kirp-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0.75rem;

  padding: 0.85rem 1rem;

  border-bottom: 1px solid var(--panel-border, #e9ecef);

}



body.panel-app .user-profil-foto-kirp-head h6 {

  margin: 0;

  font-size: 0.95rem;

  font-weight: 800;

}



body.panel-app .user-profil-foto-kirp-kapat {

  border: 0;

  background: transparent;

  color: var(--panel-text-muted);

  width: 32px;

  height: 32px;

  border-radius: 8px;

  cursor: pointer;

}



body.panel-app .user-profil-foto-kirp-kapat:hover {

  background: #f1f5f9;

  color: var(--panel-text);

}



body.panel-app .user-profil-foto-kirp-ipucu {

  margin: 0;

  padding: 0.65rem 1rem 0;

  font-size: 0.78rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

}



body.panel-app .user-profil-foto-kirp-onizle {

  flex: 1;

  min-height: 280px;

  max-height: min(62vh, 520px);

  margin: 0.75rem 1rem 0;

  background: #eef0f3;

  border: 1px solid var(--panel-border, #e2e6eb);

  border-radius: 12px;

  overflow: hidden;

}



body.panel-app .user-profil-foto-kirp-onizle img {

  display: block;

  max-width: 100%;

}



body.panel-app .user-profil-foto-kirp-araclar {

  display: flex;

  flex-wrap: wrap;

  gap: 0.45rem;

  padding: 0.85rem 1rem 1rem;

}



body.panel-app .user-profil-foto-kirp-araclar .btn-bilgi-kaydet {

  margin-left: auto;

}



@media (max-width: 575px) {

  body.panel-app .user-profil-foto-kirp-araclar .btn-bilgi-kaydet {

    margin-left: 0;

    width: 100%;

    justify-content: center;

  }

}



body.panel-app .user-hesap-modal-govde {

  padding: 1rem 1.15rem 0.35rem;

}



body.panel-app .user-hesap-modal-form {

  display: flex;

  flex-direction: column;

  gap: 0.65rem;

}



body.panel-app .user-hesap-modal-aciklama {

  font-size: 0.8rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

  margin: 0 0 0.15rem;

}



body.panel-app .user-hesap-modal-alan {

  display: flex;

  flex-direction: column;

  gap: 0.35rem;

}



body.panel-app .user-hesap-modal-alan-label {

  font-size: 0.72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.03em;

  color: var(--panel-text-muted);

  margin: 0;

}



body.panel-app .user-hesap-modal-input {

  min-height: 42px;

  border-radius: var(--panel-radius-sm);

  border-color: var(--panel-border);

}



body.panel-app .user-hesap-modal-textarea {

  min-height: 96px;

  resize: vertical;

}



body.panel-app .user-hesap-modal-textarea--lg {

  min-height: 120px;

}



body.panel-app .user-hesap-modal-secenek {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  width: 100%;

  margin: 0;

  padding: 0.75rem 0.9rem;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  background: #f8fafc;

  cursor: pointer;

  user-select: none;

}



body.panel-app .user-hesap-modal-secenek--uyari {

  border-color: rgba(239, 68, 68, 0.35);

  background: #fff7f7;

}



body.panel-app .user-hesap-modal-secenek-input {

  position: absolute;

  opacity: 0;

  width: 1px;

  height: 1px;

  pointer-events: none;

}



body.panel-app .user-hesap-modal-secenek-switch {

  flex-shrink: 0;

  width: 44px;

  height: 26px;

  border-radius: 999px;

  background: #cbd5e1;

  position: relative;

  transition: background 0.2s ease;

}



body.panel-app .user-hesap-modal-secenek-switch::after {

  content: "";

  position: absolute;

  top: 3px;

  left: 3px;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background: #fff;

  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);

  transition: transform 0.2s ease;

}



body.panel-app .user-hesap-modal-secenek-input:checked + .user-hesap-modal-secenek-switch {

  background: #22c55e;

}



body.panel-app .user-hesap-modal-secenek-input:checked + .user-hesap-modal-secenek-switch::after {

  transform: translateX(18px);

}



body.panel-app .user-hesap-modal-secenek-input:focus-visible + .user-hesap-modal-secenek-switch {

  outline: 2px solid rgba(14, 165, 233, 0.45);

  outline-offset: 2px;

}



body.panel-app .user-hesap-modal-secenek-kutu {

  flex-shrink: 0;

  width: 18px;

  height: 18px;

  margin: 0;

  accent-color: #334155;

}



body.panel-app .user-hesap-modal-secenek-metin {

  flex: 1 1 auto;

  font-size: 0.86rem;

  line-height: 1.4;

  color: var(--panel-text);

}



body.panel-app #tema-modal .modal-card-body:has(.user-hesap-modal-root) {

  padding-left: 0;

  padding-right: 0;

  overflow-x: visible;

}



body.panel-app #tema-modal .modal-card-foot:has(.user-hesap-modal-footer) {

  padding: 0;

  border-top: 0;

}



body.panel-app #tema-modal .modal-card-foot > .w-100.text-center:has(.user-hesap-modal-footer) {

  text-align: inherit;

}



body.panel-app #tema-modal .modal-card-foot .user-hesap-modal-footer {

  display: flex;

  justify-content: flex-end;

  align-items: stretch;

  gap: 0.55rem;

  flex-wrap: wrap;

  width: 100%;

  padding: 0.85rem 1.15rem;

  border-top: 1px solid var(--panel-border);

  background: #fff;

}



body.panel-app .user-hesap-modal-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 0.4rem;

  min-width: 112px;

  min-height: 40px;

  padding: 0.5rem 1.05rem;

  border-radius: var(--panel-radius-sm);

  font-size: 0.84rem;

  font-weight: 600;

  line-height: 1.2;

  text-decoration: none;

  border: 1px solid transparent;

  cursor: pointer;

  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;

}



body.panel-app .user-hesap-modal-btn--ghost {

  background: #fff;

  border-color: var(--panel-border);

  color: var(--panel-text);

}



body.panel-app .user-hesap-modal-btn--ghost:hover {

  background: #f8fafc;

  border-color: #cbd5e1;

  color: var(--panel-text);

}



body.panel-app .user-hesap-modal-btn--primary {

  background: linear-gradient(135deg, var(--panel-primary) 0%, var(--panel-primary-hover) 100%);

  border-color: transparent;

  color: #fff;

  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.24);

}



body.panel-app .user-hesap-modal-btn--primary:hover {

  color: #fff;

  transform: translateY(-1px);

  box-shadow: 0 6px 18px rgba(249, 115, 22, 0.32);

}



body.panel-app .user-hesap-modal-btn i {

  font-size: 0.82rem;

}



body.panel-app .user-hesap-modal-foot {

  margin-top: 1rem;

  padding-top: 1rem;

  border-top: 1px solid var(--panel-border);

}



body.panel-app .user-cari-arac {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 0.85rem;

  margin-bottom: 1.1rem;

  padding: 0.85rem 1rem;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  background: #fafbfc;

}



body.panel-app .user-cari-arac-bakiye .etiket {

  display: block;

  font-size: 0.72rem;

  font-weight: 600;

  color: var(--panel-muted);

  margin-bottom: 0.15rem;

}



body.panel-app .user-cari-arac-bakiye strong {

  font-size: 1.15rem;

  font-weight: 800;

  color: var(--panel-text);

}



body.panel-app .user-cari-arac-butonlar {

  display: flex;

  flex-wrap: wrap;

  gap: 0.45rem;

}



body.panel-app .user-cari-arac-butonlar .btn,

body.panel-app .user-cari-tablo-islem .btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  padding: 0.42rem 0.85rem !important;

  font-size: 0.78rem;

  font-weight: 600;

  line-height: 1.2;

  border-radius: var(--panel-radius-sm) !important;

  white-space: nowrap;

  min-height: 2rem;

  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.28);

}



body.panel-app .user-cari-panel-form {

  padding: 0 0 1.1rem;

}



body.panel-app .user-cari-panel-form--ekle .user-cari-panel-top-ikon {

  background: rgba(34, 197, 94, 0.12);

  color: #15803d;

}



body.panel-app .user-cari-panel-form--odeme .user-cari-panel-top-ikon {

  background: rgba(239, 68, 68, 0.1);

  color: #b91c1c;

}



body.panel-app .user-cari-panel-form--ekle .user-cari-panel-mod-etiket {

  background: rgba(34, 197, 94, 0.12);

  color: #15803d;

}



body.panel-app .user-cari-panel-form--odeme .user-cari-panel-mod-etiket {

  background: rgba(239, 68, 68, 0.1);

  color: #b91c1c;

}



body.panel-app .user-cari-panel-form--ekle .user-cari-panel-btn--primary {

  background: #15803d;

  box-shadow: 0 4px 14px rgba(21, 128, 61, 0.22);

}



body.panel-app .user-cari-panel-form--ekle .user-cari-panel-btn--primary:hover {

  background: #166534;

  box-shadow: 0 6px 18px rgba(21, 128, 61, 0.28);

}



body.panel-app .user-cari-panel-form--odeme .user-cari-panel-btn--primary {

  background: #b91c1c;

  box-shadow: 0 4px 14px rgba(185, 28, 28, 0.22);

}



body.panel-app .user-cari-panel-form--odeme .user-cari-panel-btn--primary:hover {

  background: #991b1b;

  box-shadow: 0 6px 18px rgba(185, 28, 28, 0.28);

}



body.panel-app .user-cari-panel-top {

  display: flex;

  align-items: flex-start;

  gap: 0.85rem;

  padding: 1rem 1.15rem 0.85rem;

  border-bottom: 1px solid var(--panel-border);

  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);

}



body.panel-app .user-cari-panel-top-ikon {

  width: 44px;

  height: 44px;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.15rem;

  flex-shrink: 0;

}



body.panel-app .user-cari-panel-top-metin {

  min-width: 0;

  flex: 1;

}



body.panel-app .user-cari-panel-baslik {

  font-size: 1.12rem;

  font-weight: 800;

  color: var(--panel-text);

  line-height: 1.25;

}



body.panel-app .user-cari-panel-alt {

  margin-top: 0.2rem;

  font-size: 0.82rem;

  color: var(--panel-muted);

  line-height: 1.35;

}



body.panel-app .user-cari-panel-username {

  color: var(--panel-text);

  font-weight: 600;

}



body.panel-app .user-cari-panel-mod-etiket {

  display: inline-block;

  margin-top: 0.45rem;

  padding: 0.18rem 0.55rem;

  border-radius: 999px;

  font-size: 0.68rem;

  font-weight: 800;

  letter-spacing: 0.02em;

  text-transform: uppercase;

}



body.panel-app .user-cari-onizleme {

  margin: 0.85rem 1.15rem 0;

  padding: 0.85rem;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  background: #f8fafc;

}



body.panel-app .user-cari-onizleme-baslik {

  font-size: 0.72rem;

  font-weight: 800;

  letter-spacing: 0.03em;

  text-transform: uppercase;

  color: var(--panel-muted);

  margin-bottom: 0.65rem;

}



body.panel-app .user-cari-onizleme-baslik i {

  margin-right: 0.35rem;

  color: var(--panel-primary, #f97316);

}



body.panel-app .user-cari-onizleme-grid {

  display: grid;

  grid-template-columns: 1fr auto 1fr auto 1fr;

  gap: 0.35rem;

  align-items: center;

}



body.panel-app .user-cari-onizleme-kutu {

  min-width: 0;

  padding: 0.55rem 0.45rem;

  border-radius: 10px;

  background: #fff;

  border: 1px solid var(--panel-border);

  text-align: center;

}



body.panel-app .user-cari-onizleme-kutu .etiket {

  display: block;

  font-size: 0.65rem;

  font-weight: 700;

  color: var(--panel-muted);

  margin-bottom: 0.2rem;

  line-height: 1.2;

}



body.panel-app .user-cari-onizleme-kutu strong {

  display: block;

  font-size: 0.92rem;

  font-weight: 800;

  color: var(--panel-text);

  line-height: 1.2;

  word-break: break-word;

}



body.panel-app .user-cari-onizleme-kutu--islem strong.is-arti {

  color: #15803d;

}



body.panel-app .user-cari-onizleme-kutu--islem strong.is-eksi {

  color: #b91c1c;

}



body.panel-app .user-cari-onizleme-kutu--sonuc strong.is-arti {

  color: #15803d;

}



body.panel-app .user-cari-onizleme-kutu--sonuc strong.is-uyari {

  color: #b91c1c;

}



body.panel-app .user-cari-onizleme-ok {

  color: var(--panel-muted);

  font-size: 0.72rem;

  text-align: center;

}



body.panel-app .user-cari-onizleme-uyari {

  display: flex;

  align-items: flex-start;

  gap: 0.45rem;

  margin-top: 0.65rem;

  padding: 0.55rem 0.65rem;

  border-radius: 8px;

  background: #fef2f2;

  border: 1px solid rgba(239, 68, 68, 0.25);

  color: #991b1b;

  font-size: 0.76rem;

  line-height: 1.4;

}



body.panel-app .user-cari-onizleme-uyari i {

  margin-top: 0.1rem;

  flex-shrink: 0;

}



body.panel-app .user-cari-panel-bolum {

  padding: 0.85rem 1.15rem 0;

}



body.panel-app .user-cari-panel-bolum + .user-cari-panel-bolum {

  margin-top: 0.15rem;

  padding-top: 0.75rem;

  border-top: 1px dashed var(--panel-border);

}



body.panel-app .user-cari-panel-bolum-baslik {

  font-size: 0.72rem;

  font-weight: 800;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: var(--panel-muted);

  margin-bottom: 0.65rem;

}



body.panel-app .user-cari-talep-banka-kart {

  margin-bottom: 0.85rem;

  border: 1px solid rgba(239, 68, 68, 0.22);

  border-radius: var(--panel-radius-sm);

  background: linear-gradient(135deg, rgba(254, 242, 242, 0.95) 0%, rgba(255, 247, 237, 0.98) 100%);

  overflow: hidden;

  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.08);

}



body.panel-app .user-cari-talep-banka-kart__baslik {

  display: flex;

  align-items: center;

  gap: 0.55rem;

  padding: 0.65rem 0.85rem;

  font-size: 0.78rem;

  font-weight: 800;

  letter-spacing: 0.02em;

  color: #991b1b;

  background: rgba(239, 68, 68, 0.1);

  border-bottom: 1px solid rgba(239, 68, 68, 0.14);

}



body.panel-app .user-cari-talep-banka-kart__ikon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 1.75rem;

  height: 1.75rem;

  border-radius: 0.45rem;

  background: rgba(239, 68, 68, 0.16);

  color: #b91c1c;

  flex-shrink: 0;

}



body.panel-app .user-cari-talep-banka-kart__govde {

  padding: 0.75rem 0.85rem 0.15rem;

}



body.panel-app .user-cari-talep-banka-kart .user-cari-panel-alan--son {

  margin-bottom: 0.55rem;

}



body.panel-app .user-cari-talep-banka-iban {

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  letter-spacing: 0.02em;

}



body.panel-app .user-cari-islem-tutar-kart {

  margin-bottom: 0.85rem;

  border: 1px solid rgba(16, 185, 129, 0.22);

  border-radius: var(--panel-radius-sm);

  background: linear-gradient(135deg, rgba(236, 253, 245, 0.98) 0%, rgba(240, 253, 250, 0.98) 100%);

  overflow: hidden;

  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.08);

}



body.panel-app .user-cari-islem-tutar-kart__baslik {

  display: flex;

  align-items: center;

  gap: 0.55rem;

  padding: 0.65rem 0.85rem;

  font-size: 0.78rem;

  font-weight: 800;

  letter-spacing: 0.02em;

  color: #047857;

  background: rgba(16, 185, 129, 0.1);

  border-bottom: 1px solid rgba(16, 185, 129, 0.14);

}



body.panel-app .user-cari-islem-tutar-kart__ikon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 1.75rem;

  height: 1.75rem;

  border-radius: 0.45rem;

  background: rgba(16, 185, 129, 0.16);

  color: #059669;

  flex-shrink: 0;

}



body.panel-app .user-cari-islem-tutar-kart__govde {

  padding: 0.75rem 0.85rem 0.15rem;

}



body.panel-app .user-cari-islem-tutar-kart .user-cari-panel-alan--son {

  margin-bottom: 0.55rem;

}



body.panel-app .user-cari-panel-hint--uyari {

  margin: 0 0 0.85rem;

  padding: 0.55rem 0.75rem;

  border-radius: var(--panel-radius-sm);

  background: rgba(245, 158, 11, 0.12);

  color: #92400e;

  font-size: 0.78rem;

  font-weight: 600;

}



body.panel-app .user-cari-panel-bolum--kart {

  padding-top: 0.35rem;

  border-top: none;

}



body.panel-app .user-cari-durum-aciklama-kart {

  margin-bottom: 0.15rem;

  border: 1px solid rgba(59, 130, 246, 0.22);

  border-radius: var(--panel-radius-sm);

  background: linear-gradient(135deg, rgba(239, 246, 255, 0.98) 0%, rgba(238, 242, 255, 0.98) 100%);

  overflow: hidden;

  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.08);

}



body.panel-app .user-cari-durum-aciklama-kart__baslik {

  display: flex;

  align-items: center;

  gap: 0.55rem;

  padding: 0.65rem 0.85rem;

  font-size: 0.78rem;

  font-weight: 800;

  letter-spacing: 0.02em;

  color: #1e40af;

  background: rgba(59, 130, 246, 0.1);

  border-bottom: 1px solid rgba(59, 130, 246, 0.14);

}



body.panel-app .user-cari-durum-aciklama-kart__ikon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 1.75rem;

  height: 1.75rem;

  border-radius: 0.45rem;

  background: rgba(59, 130, 246, 0.16);

  color: #1d4ed8;

  flex-shrink: 0;

}



body.panel-app .user-cari-durum-aciklama-kart__govde {

  padding: 0.75rem 0.85rem 0.15rem;

}



body.panel-app .user-cari-durum-aciklama-kart__ayrac {

  height: 1px;

  margin: 0.15rem 0 0.65rem;

  background: rgba(59, 130, 246, 0.14);

}



body.panel-app .user-cari-durum-aciklama-kart .user-cari-panel-alan--son {

  margin-bottom: 0.55rem;

}



body.panel-app .user-cari-panel-alan {

  margin-bottom: 0.75rem;

}



body.panel-app .user-cari-panel-alan .form-label {

  font-size: 0.78rem;

  font-weight: 700;

  margin-bottom: 0.35rem;

  color: var(--panel-text);

}



body.panel-app .user-cari-detay-deger {

  font-size: 0.92rem;

  font-weight: 600;

  color: var(--panel-text);

  line-height: 1.45;

  word-break: break-word;

}



body.panel-app .user-cari-detay-iban {

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  font-size: 0.82rem;

  letter-spacing: 0.02em;

}



body.panel-app .user-cari-panel-form--jeton .user-cari-panel-top-ikon {

  background: rgba(99, 102, 241, 0.12);

  color: #6366f1;

}



body.panel-app .user-cari-panel-form--jeton .user-cari-panel-mod-etiket {

  background: rgba(99, 102, 241, 0.1);

  color: #6366f1;

}



body.panel-app .user-cari-input-wrap {

  position: relative;

}



body.panel-app .user-cari-input-wrap i {

  position: absolute;

  left: 0.75rem;

  top: 50%;

  transform: translateY(-50%);

  color: var(--panel-muted);

  font-size: 0.85rem;

  pointer-events: none;

}



body.panel-app .user-cari-input-wrap .form-control {

  padding-left: 2.15rem;

}



body.panel-app .user-cari-tutar-wrap {

  display: flex;

  align-items: stretch;

  border: 2px solid var(--panel-border);

  border-radius: 12px;

  overflow: hidden;

  background: #fff;

  transition: border-color 0.15s ease, box-shadow 0.15s ease;

}



body.panel-app .user-cari-tutar-wrap:focus-within {

  border-color: var(--panel-primary, #f97316);

  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.12);

}



body.panel-app .user-cari-tutar-prefix {

  display: flex;

  align-items: center;

  padding: 0 0.85rem;

  font-size: 1.15rem;

  font-weight: 800;

  color: var(--panel-muted);

  background: #f3f4f6;

  border-right: 1px solid var(--panel-border);

}



body.panel-app .user-cari-tutar-input {

  border: 0 !important;

  box-shadow: none !important;

  font-size: 1.35rem !important;

  font-weight: 800 !important;

  padding: 0.65rem 0.85rem !important;

  min-height: 52px;

}



body.panel-app .user-cari-durum-seg {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 0.45rem;

}



body.panel-app .user-cari-durum-opt {

  margin: 0;

  cursor: pointer;

}



body.panel-app .user-cari-durum-opt input {

  position: absolute;

  opacity: 0;

  pointer-events: none;

}



body.panel-app .user-cari-durum-opt span {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  padding: 0.55rem 0.65rem;

  border: 1px solid var(--panel-border);

  border-radius: 10px;

  background: #fff;

  font-size: 0.8rem;

  font-weight: 700;

  color: var(--panel-muted);

  transition: all 0.15s ease;

}



body.panel-app .user-cari-durum-opt--gecerli input:checked + span {

  border-color: #15803d;

  background: rgba(34, 197, 94, 0.08);

  color: #15803d;

}



body.panel-app .user-cari-durum-opt--iptal input:checked + span {

  border-color: #64748b;

  background: rgba(100, 116, 139, 0.08);

  color: #475569;

}



body.panel-app .user-cari-islem-mod-seg {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 0.45rem;

}



body.panel-app .user-cari-islem-mod-opt {

  margin: 0;

  cursor: pointer;

}



body.panel-app .user-cari-islem-mod-opt input {

  position: absolute;

  opacity: 0;

  pointer-events: none;

}



body.panel-app .user-cari-islem-mod-opt span {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  padding: 0.55rem 0.65rem;

  border: 1px solid var(--panel-border);

  border-radius: 10px;

  background: #fff;

  font-size: 0.8rem;

  font-weight: 700;

  color: var(--panel-muted);

  transition: all 0.15s ease;

}



body.panel-app .user-cari-islem-mod-opt--ekle input:checked + span {

  border-color: #15803d;

  background: rgba(34, 197, 94, 0.08);

  color: #15803d;

}



body.panel-app .user-cari-islem-mod-opt--odeme input:checked + span {

  border-color: #b91c1c;

  background: rgba(239, 68, 68, 0.08);

  color: #b91c1c;

}



body.panel-app .user-cari-dekont-mevcut-govde {

  margin-top: 0.35rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula {

  display: flex;

  flex-direction: column;

  min-height: 100%;

  background: #f1f5f9;

}



body.panel-app .user-cari-panel-form--banka-hesap {

  display: flex;

  flex-direction: column;

  min-height: 100%;

  background: #f8fafc;

  padding: 0;

}



body.panel-app .user-cari-panel-form--banka-hesap .banka-hesap-panel-top {

  margin-bottom: 0;

  border-bottom: 1px solid var(--panel-border);

  background: #fff;

}



body.panel-app .user-cari-panel-form--banka-hesap .banka-hesap-panel-aciklama {

  margin: 0.45rem 0 0;

  font-size: 0.78rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

  font-weight: 400;

}



body.panel-app .user-cari-panel-form--banka-hesap .banka-hesap-panel-govde {

  flex: 1;

  overflow-y: auto;

  padding: 0.85rem 0.9rem 1rem;

}



body.panel-app .user-cari-panel-form--banka-hesap .banka-hesap-form-sections {

  gap: 0.75rem;

}



body.panel-app .user-cari-panel-form--banka-hesap .user-cari-panel-top-ikon {

  background: rgba(14, 165, 233, 0.12);

  color: #0284c7;

}



body.panel-app .user-cari-panel-form--banka-hesap.user-cari-panel-form--duzenle .user-cari-panel-top-ikon {

  background: rgba(245, 158, 11, 0.14);

  color: #b45309;

}



body.panel-app .user-cari-panel-form--banka-hesap.user-cari-panel-form--duzenle .user-cari-panel-btn--primary {

  background: #b45309;

  box-shadow: 0 4px 14px rgba(180, 83, 9, 0.22);

}



body.panel-app .user-cari-panel-form--banka-hesap.user-cari-panel-form--duzenle .user-cari-panel-btn--primary:hover {

  background: #92400e;

  box-shadow: 0 6px 18px rgba(180, 83, 9, 0.28);

}



body.panel-app .user-cari-panel-form--banka-hesap .banka-hesap-panel-footer {

  margin-top: auto;

  border-top: 1px solid var(--panel-border);

  background: #fff;

  padding-bottom: 50px;

}



body.panel-app .banka-hesap-user-toolbar {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 0.5rem;

  margin-top: 0.25rem;

}



body.panel-app .banka-user-ust-panel {

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);

  overflow: hidden;

  box-shadow: var(--panel-shadow);

}



body.panel-app .banka-user-dogrulama-hero {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  justify-content: space-between;

  gap: 0.85rem;

  padding: 1rem 1.15rem;

  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #1e40af 100%);

  color: #fff;

}



body.panel-app .banka-user-dogrulama-hero-sol {

  display: flex;

  align-items: flex-start;

  gap: 0.75rem;

  flex: 1 1 240px;

  min-width: 0;

}



body.panel-app .banka-user-dogrulama-hero-ikon {

  width: 44px;

  height: 44px;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 255, 255, 0.14);

  font-size: 1.15rem;

  flex-shrink: 0;

}



body.panel-app .banka-user-dogrulama-hero-metin h6 {

  margin: 0 0 0.3rem;

  font-size: 0.95rem;

  font-weight: 800;

  letter-spacing: 0.01em;

}



body.panel-app .banka-user-dogrulama-hero-metin p {

  margin: 0;

  font-size: 0.78rem;

  line-height: 1.45;

  color: rgba(255, 255, 255, 0.82);

  max-width: 520px;

}



body.panel-app .banka-user-dogrulama-ozet {

  display: inline-flex;

  align-items: center;

  gap: 0.4rem;

  padding: 0.45rem 0.75rem;

  border-radius: 999px;

  font-size: 0.74rem;

  font-weight: 800;

  letter-spacing: 0.02em;

  white-space: nowrap;

}



body.panel-app .banka-user-dogrulama-ozet--ok {

  background: rgba(34, 197, 94, 0.18);

  color: #bbf7d0;

  border: 1px solid rgba(34, 197, 94, 0.35);

}



body.panel-app .banka-user-dogrulama-ozet--eksik {

  background: rgba(251, 191, 36, 0.16);

  color: #fde68a;

  border: 1px solid rgba(251, 191, 36, 0.35);

}



body.panel-app .banka-user-dogrulama-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

  gap: 0.65rem;

  padding: 0.9rem 1rem 0.75rem;

}



body.panel-app .banka-user-dogrulama-kpi {

  border-radius: 12px;

  border: 1px solid var(--panel-border);

  background: #fff;

  padding: 0.75rem 0.85rem;

  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);

  transition: border-color 0.15s ease, box-shadow 0.15s ease;

}



body.panel-app .banka-user-dogrulama-kpi--is-ok {

  border-color: #bbf7d0;

  background: linear-gradient(180deg, #fff 0%, #f0fdf4 100%);

}



body.panel-app .banka-user-dogrulama-kpi--is-eksik {

  border-color: #fde68a;

  background: linear-gradient(180deg, #fff 0%, #fffbeb 100%);

}



body.panel-app .banka-user-dogrulama-kpi-ust {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  margin-bottom: 0.55rem;

}



body.panel-app .banka-user-dogrulama-kpi-ikon {

  width: 32px;

  height: 32px;

  border-radius: 9px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 0.82rem;

  flex-shrink: 0;

}



body.panel-app .banka-user-dogrulama-kpi--is-ok .banka-user-dogrulama-kpi-ikon {

  background: rgba(34, 197, 94, 0.14);

  color: #15803d;

}



body.panel-app .banka-user-dogrulama-kpi--is-eksik .banka-user-dogrulama-kpi-ikon {

  background: rgba(245, 158, 11, 0.14);

  color: #b45309;

}



body.panel-app .banka-user-dogrulama-kpi-etiket {

  font-size: 0.72rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--panel-text-muted);

}



body.panel-app .banka-user-dogrulama-kpi-durum {

  font-size: 0.88rem;

  font-weight: 800;

  color: var(--panel-text);

  display: flex;

  align-items: center;

  gap: 0.35rem;

}



body.panel-app .banka-user-dogrulama-kpi--is-ok .banka-user-dogrulama-kpi-durum {

  color: #15803d;

}



body.panel-app .banka-user-dogrulama-kpi--is-eksik .banka-user-dogrulama-kpi-durum {

  color: #b45309;

}



body.panel-app .banka-user-dogrulama-kpi-alt {

  margin-top: 0.35rem;

  font-size: 0.74rem;

  color: var(--panel-text-muted);

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  word-break: break-all;

}



body.panel-app .banka-user-durum-legenda {

  margin: 0 1rem 0.75rem;

  padding: 0.65rem 0.75rem;

  border-radius: 10px;

  background: #f1f5f9;

  border: 1px solid #e2e8f0;

}



body.panel-app .banka-user-durum-legenda-baslik {

  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  font-size: 0.7rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.03em;

  color: #64748b;

  margin-bottom: 0.4rem;

}



body.panel-app .banka-user-durum-legenda-baslik i {

  color: #0284c7;

}



body.panel-app .banka-user-durum-legenda-liste {

  display: flex;

  flex-wrap: wrap;

  gap: 0.35rem 0.85rem;

}



body.panel-app .banka-user-durum-legenda-liste span {

  font-size: 0.74rem;

  color: #475569;

}



body.panel-app .banka-user-durum-legenda-liste em {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 1.25rem;

  height: 1.25rem;

  margin-right: 0.25rem;

  padding: 0 0.3rem;

  border-radius: 6px;

  background: #fff;

  border: 1px solid #cbd5e1;

  font-style: normal;

  font-size: 0.68rem;

  font-weight: 800;

  color: #334155;

}



body.panel-app .banka-user-ust-actions {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 0.65rem;

  padding: 0.75rem 1rem 0.95rem;

  border-top: 1px solid var(--panel-border);

  background: #fff;

}



body.panel-app .banka-user-ust-actions-sol {

  margin: 0;

}



body.panel-app .banka-user-sifirla-btn {

  font-weight: 700;

  border-radius: 8px;

}



body.panel-app .banka-user-yeni-btn {

  font-weight: 700;

  border-radius: 8px;

  margin-left: auto;

}



@media (max-width: 575px) {

  body.panel-app .banka-user-ust-actions {

    flex-direction: column;

    align-items: stretch;

  }

  body.panel-app .banka-user-yeni-btn {

    margin-left: 0;

    width: 100%;

    justify-content: center;

  }

  body.panel-app .banka-user-sifirla-btn {

    width: 100%;

    justify-content: center;

  }

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hero {

  display: flex;

  align-items: flex-start;

  gap: 0.85rem;

  padding: 1rem 1.15rem;

  background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #334155 100%);

  color: #fff;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hero-ikon {

  width: 44px;

  height: 44px;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 255, 255, 0.12);

  font-size: 1.15rem;

  flex-shrink: 0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hero-baslik {

  font-size: 1.05rem;

  font-weight: 800;

  line-height: 1.25;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hero-alt {

  font-size: 0.82rem;

  color: rgba(255, 255, 255, 0.82);

  margin-top: 0.15rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hero-user {

  opacity: 0.9;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hero-etiket {

  display: inline-block;

  margin-top: 0.45rem;

  padding: 0.2rem 0.55rem;

  border-radius: 999px;

  background: rgba(251, 191, 36, 0.18);

  border: 1px solid rgba(251, 191, 36, 0.35);

  color: #fde68a;

  font-size: 0.68rem;

  font-weight: 800;

  letter-spacing: 0.02em;

  text-transform: uppercase;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hero-etiket-satir {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 0.45rem;

  margin-top: 0.45rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hero-etiket-satir .banka-dogrula-hero-etiket {

  margin-top: 0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-ilisk-kaldir-btn {

  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  padding: 0.28rem 0.65rem;

  border-radius: 999px;

  border: 1px solid rgba(248, 113, 113, 0.45);

  background: rgba(127, 29, 29, 0.35);

  color: #fecaca;

  font-size: 0.68rem;

  font-weight: 700;

  line-height: 1.2;

  cursor: pointer;

  transition: background 0.15s ease, border-color 0.15s ease;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-ilisk-kaldir-btn:hover {

  background: rgba(153, 27, 27, 0.55);

  border-color: rgba(248, 113, 113, 0.75);

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-govde {

  flex: 1;

  display: flex;

  flex-direction: column;

  gap: 0.75rem;

  padding: 0.85rem 1rem 1rem;

  overflow-y: auto;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-form {

  display: flex;

  flex-direction: column;

  gap: 0.75rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-form-iki {

  display: grid;

  grid-template-columns: 1fr;

  gap: 0.75rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart {

  border-radius: 14px;

  border: 1px solid transparent;

  overflow: hidden;

  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart__baslik {

  display: flex;

  align-items: center;

  gap: 0.55rem;

  padding: 0.65rem 0.85rem;

  font-size: 0.78rem;

  font-weight: 800;

  letter-spacing: 0.02em;

  text-transform: uppercase;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart__ikon {

  width: 28px;

  height: 28px;

  border-radius: 8px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 0.78rem;

  flex-shrink: 0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart__govde {

  padding: 0.75rem 0.85rem 0.85rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--bilgi {

  background: #eff6ff;

  border-color: #bfdbfe;

  color: #1e40af;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--bilgi .banka-dogrula-kart__satir {

  display: flex;

  align-items: flex-start;

  gap: 0.55rem;

  padding: 0.7rem 0.85rem;

  font-size: 0.8rem;

  line-height: 1.45;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--bilgi i {

  margin-top: 0.12rem;

  color: #2563eb;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--hesap {

  background: #fff;

  border-color: #dbeafe;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--hesap .banka-dogrula-kart__baslik {

  background: linear-gradient(90deg, #eff6ff, #f8fafc);

  color: #1d4ed8;

  border-bottom: 1px solid #dbeafe;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--hesap .banka-dogrula-kart__ikon {

  background: #dbeafe;

  color: #1d4ed8;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hesap-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 0.55rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hesap-hucre {

  padding: 0.55rem 0.65rem;

  border-radius: 10px;

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  min-width: 0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hesap-hucre--iban {

  grid-column: 1 / -1;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hesap-hucre .etiket {

  display: flex;

  align-items: center;

  gap: 0.35rem;

  font-size: 0.65rem;

  font-weight: 700;

  color: #64748b;

  text-transform: uppercase;

  letter-spacing: 0.03em;

  margin-bottom: 0.25rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hesap-hucre .etiket i {

  font-size: 0.62rem;

  opacity: 0.85;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hesap-hucre strong {

  display: block;

  font-size: 0.84rem;

  font-weight: 700;

  color: #0f172a;

  line-height: 1.35;

  word-break: break-word;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-hesap-hucre code {

  font-size: 0.72rem;

  background: #fff;

  padding: 0.15rem 0.35rem;

  border-radius: 6px;

  border: 1px solid #e2e8f0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--bakiye {

  background: #fff;

  border-color: #fde68a;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--bakiye .banka-dogrula-kart__baslik {

  background: linear-gradient(90deg, #fffbeb, #fefce8);

  color: #a16207;

  border-bottom: 1px solid #fde68a;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--bakiye .banka-dogrula-kart__ikon {

  background: #fef3c7;

  color: #b45309;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-grid {

  display: grid;

  grid-template-columns: 1fr auto 1fr auto 1fr;

  gap: 0.3rem;

  align-items: center;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-kutu {

  min-width: 0;

  padding: 0.55rem 0.4rem;

  border-radius: 10px;

  background: #fffbeb;

  border: 1px solid #fde68a;

  text-align: center;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-kutu .etiket {

  display: block;

  font-size: 0.62rem;

  font-weight: 800;

  color: #92400e;

  text-transform: uppercase;

  margin-bottom: 0.15rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-kutu strong {

  display: block;

  font-size: 0.88rem;

  font-weight: 800;

  color: #78350f;

  line-height: 1.2;

  word-break: break-word;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-kutu--etki strong.is-arti {

  color: #15803d;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-kutu--etki strong.is-eksi {

  color: #b91c1c;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-kutu--sonuc strong.is-arti {

  color: #15803d;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-kutu--sonuc strong.is-uyari {

  color: #b91c1c;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-ok {

  color: #ca8a04;

  font-size: 0.68rem;

  text-align: center;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-bakiye-uyari {

  display: flex;

  align-items: flex-start;

  gap: 0.45rem;

  margin-top: 0.65rem;

  padding: 0.55rem 0.65rem;

  border-radius: 8px;

  background: #fef2f2;

  border: 1px solid rgba(239, 68, 68, 0.25);

  color: #991b1b;

  font-size: 0.76rem;

  line-height: 1.4;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--odeme {

  background: #fff;

  border-color: #fecdd3;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--odeme .banka-dogrula-kart__baslik {

  background: linear-gradient(90deg, #fff1f2, #fff);

  color: #be123c;

  border-bottom: 1px solid #fecdd3;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--odeme .banka-dogrula-kart__ikon {

  background: #ffe4e6;

  color: #be123c;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--dogrulama {

  background: #fff;

  border-color: #a7f3d0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--dogrulama .banka-dogrula-kart__baslik {

  background: linear-gradient(90deg, #ecfdf5, #fff);

  color: #047857;

  border-bottom: 1px solid #a7f3d0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--dogrulama .banka-dogrula-kart__ikon {

  background: #d1fae5;

  color: #047857;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kod-input {

  font-weight: 700;

  letter-spacing: 0.06em;

  text-transform: uppercase;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--notlar {

  background: #fff;

  border-color: #ddd6fe;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--notlar .banka-dogrula-kart__baslik {

  background: linear-gradient(90deg, #f5f3ff, #fff);

  color: #6d28d9;

  border-bottom: 1px solid #ddd6fe;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--notlar .banka-dogrula-kart__ikon {

  background: #ede9fe;

  color: #6d28d9;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--dekont {

  background: #fff;

  border-color: #bae6fd;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--dekont .banka-dogrula-kart__baslik {

  background: linear-gradient(90deg, #f0f9ff, #fff);

  color: #0369a1;

  border-bottom: 1px solid #bae6fd;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-kart--dekont .banka-dogrula-kart__ikon {

  background: #e0f2fe;

  color: #0369a1;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-dekont-kutu {

  background: #f0f9ff;

  border-color: #bae6fd;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-alan-satir {

  display: grid;

  grid-template-columns: 1fr;

  gap: 0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .user-cari-panel-alan {

  padding: 0;

  margin-bottom: 0.75rem;

}



body.panel-app .user-cari-panel-form--banka-dogrula .user-cari-panel-alan:last-child {

  margin-bottom: 0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .user-cari-panel-bolum {

  padding: 0;

  border: 0;

}



body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-footer {

  margin-top: auto;

  background: #fff;

  border-top: 1px solid #e2e8f0;

  box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.06);

  padding-bottom: 50px;

}



body.panel-app .banka-dogrula-mevcut-banner {

  display: flex;

  align-items: flex-start;

  gap: 0.55rem;

  padding: 0.75rem 0.9rem;

  border-radius: 10px;

  background: rgba(59, 130, 246, 0.08);

  border: 1px solid rgba(59, 130, 246, 0.22);

  color: #1e3a8a;

  font-size: 13px;

  line-height: 1.45;

}



body.panel-app .banka-dogrula-mevcut-banner i {

  margin-top: 0.1rem;

  color: #2563eb;

}



@media (min-width: 520px) {

  body.panel-app .user-cari-panel-form--banka-dogrula .banka-dogrula-alan-satir {

    grid-template-columns: 1fr 1fr;

    gap: 0.75rem;

  }

}



body.panel-app .user-cari-banka-dogrulama-etiket {

  font-size: 0.68rem;

  font-weight: 700;

}



body.panel-app .user-cari-tablo-islem {

  display: flex;

  align-items: center;

  gap: 0.45rem;

  flex-wrap: wrap;

}



body.panel-app .user-cari-tablo-islem .btn-outline-danger {

  box-shadow: none;

}



body.panel-app .user-cari-panel-textarea {

  min-height: 72px;

  resize: vertical;

}



body.panel-app .user-cari-panel-hint {

  margin-top: 0.35rem;

  font-size: 0.72rem;

  color: var(--panel-muted);

  line-height: 1.4;

}



body.panel-app .user-cari-dekont-kutu {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 0.25rem;

  padding: 1rem;

  border: 1.5px dashed var(--panel-border);

  border-radius: 12px;

  background: #fafbfc;

  cursor: pointer;

  text-align: center;

  transition: border-color 0.15s ease, background 0.15s ease;

}



body.panel-app .user-cari-dekont-kutu:hover {

  border-color: var(--panel-primary, #f97316);

  background: #fff7ed;

}



body.panel-app .user-cari-dekont-kutu i {

  font-size: 1.35rem;

  color: var(--panel-muted);

}



body.panel-app .user-cari-dekont-kutu-baslik {

  font-size: 0.82rem;

  font-weight: 700;

  color: var(--panel-text);

}



body.panel-app .user-cari-dekont-kutu-alt {

  font-size: 0.72rem;

  color: var(--panel-muted);

  max-width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



body.panel-app .user-cari-dekont-input {

  display: none;

}



body.panel-app .user-cari-panel-footer {

  display: flex;

  gap: 0.55rem;

  margin-top: 0.85rem;

  padding: 1rem 1.15rem 50px;

  border-top: 1px solid var(--panel-border);

}



body.panel-app .user-cari-panel-btn {

  flex: 1 1 0;

  min-height: 44px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  padding: 0.55rem 0.85rem;

  border-radius: 10px;

  font-size: 0.84rem;

  font-weight: 700;

  text-decoration: none;

  border: 1px solid transparent;

  cursor: pointer;

  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease;

}



body.panel-app .user-cari-panel-btn.is-disabled {

  opacity: 0.45;

  pointer-events: none;

  cursor: not-allowed;

}



body.panel-app .user-cari-panel-btn--ghost {

  background: #fff;

  border-color: var(--panel-border);

  color: var(--panel-text);

}



body.panel-app .user-cari-panel-btn--ghost:hover {

  background: #f3f4f6;

}



body.panel-app .user-cari-panel-btn--primary {

  color: #fff;

  background: var(--panel-primary);

  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.22);

}



body.panel-app .user-cari-panel-btn--primary:hover {

  color: #fff;

  background: var(--panel-primary-hover);

  transform: translateY(-1px);

  box-shadow: 0 6px 18px rgba(249, 115, 22, 0.28);

}



@media (max-width: 520px) {

  body.panel-app .user-cari-onizleme-grid {

    grid-template-columns: 1fr;

    gap: 0.45rem;

  }



  body.panel-app .user-cari-onizleme-ok {

    display: none;

  }

}



body.panel-app .user-cari-dekont-thumb {

  display: inline-block;

  border-radius: 8px;

  overflow: hidden;

  border: 1px solid var(--panel-border);

  line-height: 0;

}



body.panel-app .user-cari-dekont-thumb img {

  width: 52px;

  height: 52px;

  object-fit: cover;

  display: block;

}



body.panel-app .user-cari-tablo .btn-outline-danger {

  border-color: rgba(239, 68, 68, 0.35);

  color: #b91c1c;

}



body.panel-app .user-cari-tablo .btn-outline-danger:hover {

  background: #fef2f2;

  color: #991b1b;

}



body.panel-app .user-hesap-meta {

  display: inline-flex;

  align-items: center;

  gap: 0.3rem;

  font-size: 0.68rem;

  font-weight: 600;

  padding: 0.22rem 0.5rem;

  border-radius: 999px;

}



body.panel-app .user-hesap-meta--neutral {

  background: #f1f5f9;

  color: #64748b;

}



body.panel-app .user-hesap-meta--ok {

  background: rgba(34, 197, 94, 0.12);

  color: #15803d;

}



body.panel-app .user-hesap-meta--warn {

  background: rgba(245, 158, 11, 0.14);

  color: #b45309;

}



body.panel-app .user-hesap-dogrulama {

  display: inline-flex;

  align-items: center;

  gap: 0.3rem;

  font-size: 0.68rem;

  font-weight: 700;

  padding: 0.22rem 0.5rem;

  border-radius: 999px;

}



body.panel-app .user-hesap-dogrulama--ok {

  background: rgba(14, 165, 233, 0.12);

  color: #0369a1;

}



body.panel-app .user-hesap-dogrulama--warn {

  background: rgba(148, 163, 184, 0.18);

  color: #475569;

}



body.panel-app .user-detay-icerik-alan > .user-hesap-list-wrap {

  max-width: none;

  width: 100%;

}



@media (max-width: 767px) {

  body.panel-app .user-hesap-list-ust-actions {

    flex-direction: column;

    align-items: stretch;

  }

  body.panel-app .user-hesap-list-gecmis-btn {

    margin-left: 0;

    width: 100%;

    justify-content: center;

  }

  body.panel-app .user-hesap-list-head {

    flex-direction: column;

  }

  body.panel-app .user-hesap-satir-sag {

    max-width: 42%;

    justify-content: flex-end;

  }

}



body.panel-app .cihaz-uzun-metin {

  display: block;

  word-break: break-all;

  overflow-wrap: anywhere;

  font-size: 12px;

  line-height: 1.45;

  max-width: 100%;

}



body.panel-app .cihaz-detay-tablo {

  table-layout: fixed;

  width: 100%;

}



body.panel-app .cihaz-detay-tablo td.AltCizgi1 {

  width: 180px;

}



body.panel-app .cihaz-detay-alt-baslik {

  font-size: 0.9rem;

  font-weight: 700;

  color: var(--panel-text);

  border-top: 1px solid var(--panel-border);

  padding-top: 12px;

  margin-top: 4px;

}



/* ——— API Test Konsolu ——— */

body.panel-app .api-console {

  display: flex;

  gap: 0;

  min-height: calc(100vh - 180px);

  margin: -5px -10px 0;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  overflow: hidden;

  background: #fff;

}



body.panel-app .api-c-sidebar {

  width: 220px;

  flex-shrink: 0;

  background: #1e293b;

  color: #e2e8f0;

  overflow-y: auto;

  border-right: 1px solid #334155;

}



body.panel-app .api-c-sidebar-head {

  padding: 0.85rem 1rem;

  font-size: 0.78rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  color: #94a3b8;

  border-bottom: 1px solid #334155;

  display: flex;

  align-items: center;

  gap: 0.5rem;

}



body.panel-app .api-c-count {

  background: #334155;

  padding: 0.1rem 0.45rem;

  border-radius: 999px;

  font-size: 0.68rem;

}



body.panel-app .api-c-nav-grup {

  padding: 0.65rem 1rem 0.25rem;

  font-size: 0.65rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  color: #64748b;

}



body.panel-app .api-c-nav-item {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  width: 100%;

  border: none;

  background: transparent;

  color: #cbd5e1;

  text-align: left;

  padding: 0.5rem 1rem;

  cursor: pointer;

  border-left: 3px solid transparent;

  transition: background 0.12s, border-color 0.12s;

}



body.panel-app .api-c-nav-item:hover {

  background: #334155;

  color: #fff;

}



body.panel-app .api-c-nav-item.is-active {

  background: #0f172a;

  border-left-color: var(--panel-primary);

  color: #fff;

}



body.panel-app .api-c-nav-metod {

  font-size: 0.62rem;

  font-weight: 700;

  color: #4ade80;

  margin-bottom: 0.1rem;

}



body.panel-app .api-c-nav-label {

  font-size: 0.82rem;

  font-weight: 600;

}



body.panel-app .api-c-nav-path {

  font-size: 0.68rem;

  color: #64748b;

  font-family: ui-monospace, monospace;

}



body.panel-app .api-c-workspace {

  flex: 1;

  display: flex;

  flex-direction: column;

  min-width: 0;

  background: #f8fafc;

}



body.panel-app .api-c-form {

  display: flex;

  flex-direction: column;

  flex: 1;

  min-height: 0;

}



body.panel-app .api-c-topbar {

  background: #fff;

  border-bottom: 1px solid var(--panel-border);

  padding: 0.75rem 1rem;

}



body.panel-app .api-c-url-row {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  flex-wrap: wrap;

}



body.panel-app .api-c-method {

  background: #4ade80;

  color: #14532d;

  font-size: 0.72rem;

  font-weight: 800;

  padding: 0.35rem 0.65rem;

  border-radius: 4px;

  flex-shrink: 0;

}



body.panel-app .api-c-url-base {

  flex: 1;

  min-width: 200px;

  border: 1px solid var(--panel-border);

  border-radius: 4px;

  padding: 0.45rem 0.65rem;

  font-size: 0.82rem;

  font-family: ui-monospace, monospace;

  background: #f8fafc;

}



body.panel-app .api-c-url-endpoint {

  font-family: ui-monospace, monospace;

  font-size: 0.85rem;

  font-weight: 600;

  color: var(--panel-primary-hover);

  flex-shrink: 0;

}



body.panel-app .api-c-btn-send {

  flex-shrink: 0;

  padding: 0.45rem 1.25rem !important;

}



body.panel-app .api-c-options-row {

  display: flex;

  align-items: center;

  gap: 1rem;

  margin-top: 0.6rem;

  flex-wrap: wrap;

}



body.panel-app .api-c-opt label {

  font-size: 0.72rem;

  font-weight: 600;

  color: var(--panel-text-muted);

  margin-right: 0.35rem;

}



body.panel-app .api-c-opt .form-select-sm {

  width: auto;

  min-width: 110px;

  display: inline-block;

}



body.panel-app .api-c-opt-check label {

  font-size: 0.8rem;

  cursor: pointer;

  margin: 0;

}



body.panel-app .api-c-opt-actions {

  margin-left: auto;

  display: flex;

  gap: 0.35rem;

  flex-wrap: wrap;

}



body.panel-app .api-c-session {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  padding: 0.5rem 1rem;

  background: #fff;

  border-bottom: 1px solid var(--panel-border);

  flex-wrap: wrap;

}



body.panel-app .api-c-session-chip {

  display: flex;

  align-items: center;

  gap: 0.35rem;

  background: #f1f5f9;

  border: 1px solid var(--panel-border);

  border-radius: 4px;

  padding: 0.2rem 0.55rem;

  font-size: 0.72rem;

  max-width: 220px;

}



body.panel-app .api-c-session-chip.is-empty .chip-val {

  color: #94a3b8;

}



body.panel-app .api-c-session-chip .chip-key {

  font-weight: 700;

  color: var(--panel-text-muted);

}



body.panel-app .api-c-session-chip .chip-val {

  font-family: ui-monospace, monospace;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



body.panel-app .api-c-session-hint {

  font-size: 0.68rem;

  color: #94a3b8;

  margin-left: auto;

}



body.panel-app .api-c-test-user {

  padding: 0.55rem 1rem;

  background: #f8fafc;

  border-bottom: 1px solid var(--panel-border);

}



body.panel-app .api-c-test-user-head {

  font-size: 0.75rem;

  font-weight: 700;

  color: var(--panel-text-muted);

  margin-bottom: 0.4rem;

}



body.panel-app .api-c-test-user-row {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  flex-wrap: wrap;

}



body.panel-app .api-c-test-user-hint {

  font-size: 0.68rem;

  color: #94a3b8;

}



body.panel-app .api-c-test-user-msg {

  margin-top: 0.35rem;

  font-size: 0.72rem;

}



body.panel-app .api-c-test-user-msg.is-ok {

  color: #15803d;

}



body.panel-app .api-c-test-user-msg.is-err {

  color: #b91c1c;

}



/* ——— Auth / Bearer token barı ——— */

body.panel-app .api-c-auth {

  display: flex;

  gap: 14px;

  align-items: stretch;

  flex-wrap: wrap;

  padding: 0.7rem 1rem;

  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);

  border-bottom: 1px solid #334155;

}



body.panel-app .api-c-auth-load {

  flex: 1 1 320px;

  min-width: 280px;

}



body.panel-app .api-c-auth .api-c-test-user-head,

body.panel-app .api-c-auth .api-c-test-user-hint {

  color: #94a3b8;

}



body.panel-app .api-c-auth .api-c-test-user-hint strong {

  color: #cbd5e1;

}



body.panel-app .api-c-auth .api-c-opt span {

  color: #cbd5e1;

  font-size: 0.72rem;

  font-weight: 600;

}



body.panel-app .api-c-token-bar {

  flex: 1 1 360px;

  min-width: 300px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 0.5rem 0.75rem;

  background: rgba(15, 23, 42, 0.55);

  border: 1px solid #334155;

  border-radius: 10px;

  padding: 0.6rem 0.8rem;

}



body.panel-app .api-c-token-head {

  width: 100%;

  font-size: 0.72rem;

  font-weight: 700;

  letter-spacing: 0.03em;

  color: #e2e8f0;

  display: flex;

  align-items: center;

  gap: 0.5rem;

}



body.panel-app .api-c-token-head i {

  color: #38bdf8;

}



body.panel-app .api-c-token-status {

  margin-left: auto;

  font-size: 0.68rem;

  font-weight: 700;

  padding: 0.12rem 0.55rem;

  border-radius: 999px;

  letter-spacing: 0;

}



body.panel-app .api-c-token-status-active {

  background: rgba(34, 197, 94, 0.18);

  color: #4ade80;

}



body.panel-app .api-c-token-status-expired {

  background: rgba(239, 68, 68, 0.18);

  color: #f87171;

}



body.panel-app .api-c-token-status-yok {

  background: rgba(148, 163, 184, 0.18);

  color: #94a3b8;

}



body.panel-app .api-c-token-val {

  flex: 1;

  min-width: 0;

  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  font-size: 0.74rem;

  color: #7dd3fc;

  background: rgba(2, 6, 23, 0.6);

  border-radius: 6px;

  padding: 0.4rem 0.6rem;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



body.panel-app .api-c-token-copy {

  flex-shrink: 0;

  padding: 0.35rem 0.6rem !important;

  color: #cbd5e1 !important;

  border-color: #475569 !important;

}



body.panel-app .api-c-token-copy:hover {

  background: #334155 !important;

  color: #fff !important;

}



body.panel-app .api-c-statik-redis {

  margin: 0 0 10px;

  padding: 10px 12px;

  border: 1px solid var(--panel-border);

  border-radius: 8px;

  background: #f8fafc;

}



body.panel-app .api-c-statik-redis-head {

  font-size: 0.78rem;

  font-weight: 700;

  color: #334155;

  margin-bottom: 4px;

}



body.panel-app .api-c-statik-redis-note {

  font-size: 0.72rem;

  color: #64748b;

}



body.panel-app .api-c-statik-redis-row {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 8px;

}



body.panel-app .api-c-split {

  display: flex;

  flex-direction: row;

  flex: 1;

  min-height: 420px;

  gap: 0;

  position: relative;

}



body.panel-app .api-c-pane-request {

  width: 52%;

  flex-shrink: 0;

  min-width: 0;

}



body.panel-app .api-c-pane-response {

  flex: 1;

  min-width: 0;

}



body.panel-app .api-c-split-handle {

  flex-shrink: 0;

  width: 8px;

  margin: 0 -4px;

  cursor: col-resize;

  background: var(--panel-border);

  position: relative;

  z-index: 2;

  transition: background 0.12s;

}



body.panel-app .api-c-split-handle::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 3px;

  height: 36px;

  border-radius: 3px;

  background: #94a3b8;

  box-shadow: -5px 0 0 #94a3b8, 5px 0 0 #94a3b8;

}



body.panel-app .api-c-split-handle:hover,

body.panel-app .api-c-split-handle:active {

  background: var(--panel-primary-soft);

}



body.panel-app .api-c-split-handle:hover::before,

body.panel-app .api-c-split-handle:active::before {

  background: var(--panel-primary);

  box-shadow: -5px 0 0 var(--panel-primary), 5px 0 0 var(--panel-primary);

}



body.panel-app.api-c-resizing,

body.panel-app.api-c-resizing * {

  cursor: col-resize !important;

  user-select: none !important;

}



body.panel-app .api-c-pane {

  display: flex;

  flex-direction: column;

  min-height: 0;

}



body.panel-app .api-c-pane-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0.5rem 0.85rem;

  background: #fff;

  border-bottom: 1px solid var(--panel-border);

  font-size: 0.75rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  color: var(--panel-text-muted);

}



body.panel-app .api-c-json-status {

  font-size: 0.68rem;

  font-weight: 600;

  text-transform: none;

  letter-spacing: 0;

}



body.panel-app .api-c-json-status.is-ok {

  color: #16a34a;

}



body.panel-app .api-c-json-status.is-err {

  color: #dc2626;

}



body.panel-app .api-c-code {

  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  font-size: 12px;

  line-height: 1.55;

  margin: 0;

  border: none;

  outline: none;

  resize: none;

}



body.panel-app .api-c-code-body {

  flex: 1;

  min-height: 280px;

  padding: 0.85rem 1rem;

  background: #0f172a;

  color: #e2e8f0;

  overflow: auto;

}



body.panel-app .api-c-code-response {

  flex: 1;

  padding: 0.85rem 1rem;

  background: #0f172a;

  color: #e2e8f0;

  overflow: auto;

  min-height: 280px;

}



body.panel-app .api-c-multipart {

  padding: 0.65rem 0.85rem;

  background: #fff;

  border-top: 1px solid var(--panel-border);

}



body.panel-app .api-c-doc {

  padding: 0.65rem 0.85rem;

  background: #fff;

  border-top: 1px solid var(--panel-border);

  font-size: 0.8rem;

  color: var(--panel-text);

}



body.panel-app .api-c-doc-title {

  font-weight: 700;

  margin-bottom: 0.35rem;

}



body.panel-app .api-c-doc p {

  margin: 0 0 0.35rem;

  color: var(--panel-text-muted);

  line-height: 1.45;

}



body.panel-app .api-c-doc-auth {

  color: var(--panel-text) !important;

  font-size: 0.75rem;

}



body.panel-app .api-c-res-meta {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  padding: 0.55rem 0.85rem;

  background: #fff;

  border-bottom: 1px solid var(--panel-border);

  flex-wrap: wrap;

}



body.panel-app .api-c-badge {

  font-size: 0.78rem;

  font-weight: 800;

  padding: 0.2rem 0.55rem;

  border-radius: 4px;

}



body.panel-app .api-c-badge-ok {

  background: #dcfce7;

  color: #166534;

}



body.panel-app .api-c-badge-err {

  background: #fee2e2;

  color: #991b1b;

}



body.panel-app .api-c-badge-info {

  background: #e0e7ff;

  color: #3730a3;

}



body.panel-app .api-c-meta-item {

  font-size: 0.75rem;

  color: var(--panel-text-muted);

}



body.panel-app .api-c-meta-url {

  font-size: 0.68rem;

  font-family: ui-monospace, monospace;

  color: #94a3b8;

  word-break: break-all;

}



body.panel-app .api-c-res-empty {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  color: #94a3b8;

  padding: 2rem;

  text-align: center;

  min-height: 280px;

}



body.panel-app .api-c-res-empty i {

  font-size: 2rem;

  margin-bottom: 0.75rem;

  opacity: 0.5;

}



body.panel-app .api-c-res-empty p {

  margin: 0;

  font-size: 0.85rem;

}



body.panel-app .api-c-res-error {

  color: #dc2626;

  background: #fef2f2;

  border: 1px solid #fecaca;

  border-radius: 4px;

  margin: 0.85rem;

  padding: 0.75rem 1rem;

  font-size: 0.85rem;

}



@media (max-width: 1100px) {

  body.panel-app .api-console {

    flex-direction: column;

    min-height: auto;

  }

  body.panel-app .api-c-sidebar {

    width: 100%;

    max-height: 200px;

  }

  body.panel-app .api-c-split {

    flex-direction: column;

  }

  body.panel-app .api-c-pane-request {

    width: 100% !important;

  }

  body.panel-app .api-c-split-handle {

    display: none;

  }

}



@media (max-width: 991px) {

  body.panel-app .user-detay-sidebar {

    position: static;

  }

  body.panel-app .modul-list-menu {

    margin-bottom: 1rem !important;

  }

}



/* ——— Butonlar ——— */

body.panel-app .btn-siyah {

  background: linear-gradient(135deg, var(--panel-primary) 0%, var(--panel-primary-hover) 100%) !important;

  border: none !important;

  color: #fff !important;

  border-radius: var(--panel-radius-sm) !important;

  font-weight: 600;

  padding: 0.5rem 1.1rem;

  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.28);

  transition: transform 0.12s ease, box-shadow 0.12s ease;

}



body.panel-app .btn-siyah:hover,

body.panel-app .btn-siyah:focus {

  transform: translateY(-1px);

  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.35);

  color: #fff !important;

}



body.panel-app .btn-warning {

  border-radius: var(--panel-radius-sm);

  font-weight: 600;

}



body.panel-app .btn-info,

body.panel-app .btn-danger,

body.panel-app .btn-primary {

  border-radius: var(--panel-radius-sm);

  font-weight: 600;

}



/* ——— Formlar ——— */

body.panel-app .form-control,

body.panel-app .form-select {

  border-radius: var(--panel-radius-sm);

  border-color: var(--panel-border);

  font-size: 0.9rem;

}



body.panel-app .form-control:focus,

body.panel-app .form-select:focus {

  border-color: var(--panel-primary);

  box-shadow: 0 0 0 3px var(--panel-primary-soft);

}



body.panel-app .form-floating > label {

  color: var(--panel-text-muted);

}



body.panel-app .alert-light.shadow {

  border-radius: var(--panel-radius);

  border: 1px solid var(--panel-border);

  box-shadow: var(--panel-shadow) !important;

}



body.panel-app .alert-heading {

  font-weight: 700;

  color: var(--panel-text);

}



/* ——— Diyalog / modal başlık ——— */

body.panel-app .dialogTitle {

  background: linear-gradient(135deg, var(--panel-sidebar-bg) 0%, var(--panel-sidebar-bg-2) 100%);

  border-radius: var(--panel-radius-sm) var(--panel-radius-sm) 0 0;

  font-weight: 600;

}



body.panel-app .dialogTitle1 {

  border-radius: var(--panel-radius-sm);

}



/* ——— Sayfalama ——— */

body.panel-app .SayfaClass,

body.panel-app .SayfaClass_Selected {

  border-radius: var(--panel-radius-sm);

  padding: 6px 12px;

  margin: 2px;

  font-weight: 600;

  font-size: 0.8rem;

}



body.panel-app .SayfaClass_Selected {

  background: var(--panel-primary) !important;

  color: #fff !important;

}



/* ——— Footer ——— */

body.panel-app .footer-securty {

  background: var(--panel-surface);

  border-top: 1px solid var(--panel-border) !important;

  margin-top: 24px;

}



body.panel-app .footer-securty .radius {

  border-radius: var(--panel-radius) !important;

  border: 1px solid var(--panel-border);

  box-shadow: var(--panel-shadow);

}



body.panel-app .footer-securty a {

  color: var(--panel-primary) !important;

  font-weight: 600;

}



/* ——— Yükleniyor ——— */

body.panel-app .loadingAjaxDialog {

  background: rgba(15, 23, 42, 0.35);

  backdrop-filter: blur(4px);

}



body.panel-app .loadingAjaxDialog .spinner-border {

  color: var(--panel-primary);

  width: 2.5rem;

  height: 2.5rem;

}



body.panel-app .panel-body-back .panel-body-load {

  background: rgba(255, 255, 255, 0.65);

  backdrop-filter: blur(2px);

}



/* ——— Giriş sayfası ——— */

body.panel-login {

  font-family: var(--panel-font);

  background: linear-gradient(135deg, #0f172a 0%, #1e293b 45%, #334155 100%);

  min-height: 100vh;

}



body.panel-login .h-100.d-flex {

  min-height: 100vh !important;

  margin-top: 0 !important;

}



body.panel-login .container.p-5 {

  margin-top: 0 !important;

  padding: 24px !important;

}



body.panel-login .row.justify-content-md-center {

  border: none !important;

  border-radius: var(--panel-radius) !important;

  box-shadow: var(--panel-shadow-lg) !important;

  overflow: hidden;

}



body.panel-login .col.col-md-5 {

  background: var(--panel-surface);

}



body.panel-login h1.text-md {

  font-weight: 700;

  color: var(--panel-text);

}



body.panel-login .btn-siyah,

body.panel-login .btn.btn-siyah {

  width: 100%;

  padding: 0.75rem;

  font-size: 1rem;

}



body.panel-login .col.col-md-7.border-left {

  background: linear-gradient(145deg, #0f172a 0%, #1e3a5f 50%, #f97316 120%);

  border-left: none !important;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 420px;

}



body.panel-login .col.col-md-7 img {

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow-lg);

  max-height: 360px;

  object-fit: cover;

}



@media (max-width: 767.98px) {

  body.panel-login .col.col-md-7 {

    display: none;

  }

}



/* ——— Offcanvas admin menü ——— */

body.panel-app .offcanvas {

  border-left: 1px solid var(--panel-border);

}



body.panel-app .offcanvas-header {

  background: var(--panel-sidebar-bg);

  color: #fff;

}

body.panel-app .offcanvas-header .btn-close {

  filter: var(--bs-btn-close-white-filter);

  opacity: 0.85;

}

body.panel-app .offcanvas-header .btn-close:hover {

  opacity: 1;

}



body.panel-app .offcanvas-body .admin-link {

  border-radius: var(--panel-radius-sm);

  margin: 4px 8px;

  font-weight: 500;

}



body.panel-app .offcanvas-body .admin-link:hover {

  background: var(--panel-primary-soft);

}



/* ——— HD stripe (eski) ——— */

body.panel-app .hd-bg-color {

  border-bottom-color: var(--panel-primary) !important;

}



/* TabloAc kartları */

body.panel-app .alert.alert-light.shadow.border.rounded {

  border-radius: var(--panel-radius) !important;

  border-color: var(--panel-border) !important;

  box-shadow: var(--panel-shadow) !important;

}



body.panel-app .alert.alert-light .alert-heading.border-bottom {

  font-weight: 700;

  color: var(--panel-text);

  background: #f8fafc;

  border-color: var(--panel-border) !important;

}



body.panel-app .alert.alert-light.shadow.border.rounded > .fullClass {

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  max-width: 100%;

}



body.panel-app .kayit-full > .fullClass {

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  max-width: 100%;

}



/* ——— Ana sayfa dashboard ——— */

body.panel-app .panel-dash {

  max-width: none;

  width: 100%;

}



body.panel-app .panel-dash-hero {

  background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #334155 100%);

  color: #fff;

  border-radius: var(--panel-radius);

  padding: 28px 32px;

  box-shadow: var(--panel-shadow-lg);

}



body.panel-app .panel-dash-hero-title {

  font-size: 1.5rem;

  font-weight: 700;

  margin: 0 0 8px;

}



body.panel-app .panel-dash-hero-sub {

  margin: 0;

  color: #cbd5e1;

  font-size: 0.95rem;

}



body.panel-app .panel-dash-stat {

  display: flex;

  align-items: center;

  gap: 16px;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  padding: 20px;

  box-shadow: var(--panel-shadow);

  height: 100%;

}



body.panel-app .panel-dash-stat-icon {

  width: 52px;

  height: 52px;

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--panel-primary-soft);

  color: var(--panel-primary);

  font-size: 1.35rem;

  flex-shrink: 0;

}



body.panel-app .panel-dash-stat-icon--blue {

  background: rgba(14, 165, 233, 0.12);

  color: #0284c7;

}



body.panel-app .panel-dash-stat-icon--green {

  background: rgba(34, 197, 94, 0.12);

  color: #16a34a;

}



body.panel-app .panel-dash-stat-value {

  font-size: 1.75rem;

  font-weight: 700;

  line-height: 1.1;

  color: var(--panel-text);

}



body.panel-app .panel-dash-stat-label {

  font-size: 0.8rem;

  color: var(--panel-text-muted);

  margin-top: 4px;

}



body.panel-app .panel-dash-card {

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  padding: 20px 24px;

  box-shadow: var(--panel-shadow);

}



body.panel-app .panel-dash-card-title {

  font-weight: 700;

  font-size: 1rem;

  margin-bottom: 16px;

  color: var(--panel-text);

}



body.panel-app .panel-dash-card-title i {

  color: var(--panel-primary);

  margin-right: 8px;

}



body.panel-app .panel-dash-link {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 96px;

  padding: 16px 12px;

  text-align: center;

  text-decoration: none;

  color: var(--panel-text);

  background: #f8fafc;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  font-weight: 600;

  font-size: 0.85rem;

  transition: all 0.15s ease;

}



body.panel-app .panel-dash-link i {

  font-size: 1.4rem;

  color: var(--panel-primary);

}



body.panel-app .panel-dash-link:hover {

  background: var(--panel-primary-soft);

  border-color: rgba(249, 115, 22, 0.35);

  color: var(--panel-primary-hover);

  transform: translateY(-2px);

}



body.panel-app .panel-dash-note {

  color: var(--panel-text-muted);

  font-size: 0.9rem;

  line-height: 1.6;

}



/* ——— Destek masası ——— */

body.panel-app .destek-modul {

  max-width: none;

  width: 100%;

}



body.panel-app .destek-modul-hero {

  background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #334155 100%);

  color: #fff;

  border-radius: var(--panel-radius);

  padding: 24px 28px;

  margin-bottom: 1.25rem;

  box-shadow: var(--panel-shadow-lg);

}



body.panel-app .destek-modul-hero-title {

  font-size: 1.35rem;

  font-weight: 700;

  margin: 0 0 6px;

}



body.panel-app .destek-modul-hero-sub {

  margin: 0;

  color: #cbd5e1;

  font-size: 0.9rem;

}



body.panel-app .destek-filter-bar {

  display: flex;

  flex-wrap: wrap;

  gap: 0.5rem;

  margin-bottom: 1rem;

  padding: 0.85rem 1rem;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

}



body.panel-app .destek-filter-bar .btn {

  border-radius: 999px !important;

  font-size: 0.78rem;

  font-weight: 600;

  padding: 0.35rem 0.9rem;

}



body.panel-app .destek-list-table tr.destek-row-unread td {

  background: #fffbeb !important;

}



body.panel-app .destek-list-table tr.destek-row-unread td:first-child {

  box-shadow: inset 3px 0 0 #f59e0b;

}



body.panel-app .destek-user-cell {

  line-height: 1.35;

}



body.panel-app .destek-user-cell small {

  display: block;

  color: var(--panel-text-muted);

  font-size: 0.75rem;

  margin-top: 2px;

}



body.panel-app .destek-konu-cell {

  font-weight: 600;

  color: var(--panel-text);

  max-width: 320px;

}



body.panel-app .destek-unread-dot {

  color: #dc2626;

  font-size: 0.65rem;

  margin-left: 4px;

  vertical-align: middle;

}



body.panel-app .destek-detail-toolbar {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 0.75rem;

  margin-bottom: 1rem;

}



body.panel-app .destek-detail-id {

  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  padding: 0.25rem 0.65rem;

  border-radius: 999px;

  background: var(--panel-primary-soft);

  color: var(--panel-primary);

  font-size: 0.75rem;

  font-weight: 700;

}



body.panel-app .destek-panel-card {

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  padding: 1.25rem 1.35rem;

  margin-bottom: 1rem;

  box-shadow: var(--panel-shadow);

}



body.panel-app .destek-panel-card-title {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  font-weight: 700;

  font-size: 1rem;

  margin-bottom: 1rem;

  color: var(--panel-text);

  padding-bottom: 0.75rem;

  border-bottom: 1px solid var(--panel-border);

}



body.panel-app .destek-panel-card-title i {

  color: var(--panel-primary);

}



body.panel-app .destek-info-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

  gap: 0.75rem;

}



body.panel-app .destek-info-item {

  background: #f8fafc;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  padding: 0.85rem 1rem;

}



body.panel-app .destek-info-label {

  display: block;

  font-size: 0.68rem;

  color: var(--panel-text-muted);

  text-transform: uppercase;

  letter-spacing: 0.04em;

  margin-bottom: 0.35rem;

  font-weight: 700;

}



body.panel-app .destek-info-value {

  display: block;

  font-size: 0.9rem;

  color: var(--panel-text);

  text-transform: none;

  font-weight: 500;

  word-break: break-word;

}



body.panel-app .destek-msg-thread {

  display: flex;

  flex-direction: column;

  gap: 0.85rem;

}



body.panel-app .destek-msg {

  border-radius: var(--panel-radius-sm);

  padding: 0.9rem 1rem;

  border: 1px solid var(--panel-border);

  max-width: 92%;

}



body.panel-app .destek-msg-admin {

  align-self: flex-start;

  background: linear-gradient(180deg, #fff7ed 0%, #fff 100%);

  border-color: rgba(249, 115, 22, 0.22);

}



body.panel-app .destek-msg-user {

  align-self: flex-end;

  background: #f8fafc;

}



body.panel-app .destek-msg-head {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 0.75rem;

  font-size: 0.75rem;

  color: var(--panel-text-muted);

  margin-bottom: 0.55rem;

}



body.panel-app .destek-msg-head strong {

  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  color: var(--panel-text);

  font-weight: 700;

}



body.panel-app .destek-msg-body {

  font-size: 0.875rem;

  line-height: 1.55;

  color: var(--panel-text);

  white-space: pre-wrap;

  word-break: break-word;

}



body.panel-app .destek-msg-body-html {

  white-space: normal;

}



body.panel-app .destek-msg-body-html p,

body.panel-app .destek-msg-body-html ul,

body.panel-app .destek-msg-body-html ol {

  margin: 0 0 0.5em;

}



body.panel-app .destek-msg-body-html p:last-child,

body.panel-app .destek-msg-body-html ul:last-child,

body.panel-app .destek-msg-body-html ol:last-child {

  margin-bottom: 0;

}



body.panel-app .destek-reply-editor .cke {

  border-radius: var(--panel-radius-sm);

  overflow: hidden;

  border-color: var(--panel-border) !important;

}



body.panel-app .destek-msg-files {

  margin-top: 0.75rem;

  display: flex;

  flex-wrap: wrap;

  gap: 0.5rem;

}



body.panel-app .destek-file-chip {

  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  padding: 0.35rem 0.75rem;

  border-radius: 999px;

  background: #fff;

  border: 1px solid var(--panel-border);

  font-size: 0.75rem;

  text-decoration: none;

  color: var(--panel-text);

  transition: border-color 0.12s ease, color 0.12s ease;

}



body.panel-app .destek-file-chip:hover {

  border-color: var(--panel-primary);

  color: var(--panel-primary);

}



body.panel-app .destek-msg-empty {

  text-align: center;

  padding: 2rem 1rem;

  color: var(--panel-text-muted);

  font-size: 0.875rem;

  background: #f8fafc;

  border-radius: var(--panel-radius-sm);

  border: 1px dashed var(--panel-border);

}



body.panel-app .destek-reply-form {

  margin-top: 0.25rem;

}



body.panel-app .destek-reply-label {

  font-weight: 700;

  font-size: 0.875rem;

  margin-bottom: 0.5rem;

  display: block;

  color: var(--panel-text);

}



body.panel-app .destek-reply-input {

  resize: vertical;

  min-height: 120px;

}



body.panel-app .destek-reply-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 0.65rem;

  margin-top: 0.85rem;

}



body.panel-app .destek-closed-note {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  padding: 1rem 1.1rem;

  border-radius: var(--panel-radius-sm);

  background: #f1f5f9;

  color: #475569;

  font-size: 0.875rem;

  border: 1px solid var(--panel-border);

}



/* ——— Destek: banka hesapları listesi ——— */

body.panel-app .banka-hesap-list-wrap {

  max-width: none;

  width: 100%;

}



body.panel-app .banka-hesap-list-hero-inner {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 1rem;

  flex-wrap: wrap;

}



body.panel-app .banka-hesap-list-hero-badge {

  background: rgba(255, 255, 255, 0.12);

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 999px;

  padding: 0.45rem 1rem;

  font-size: 0.82rem;

  color: #e2e8f0;

  white-space: nowrap;

}



body.panel-app .banka-hesap-list-hero-badge span {

  font-weight: 800;

  color: #fff;

  margin-right: 0.25rem;

}



body.panel-app .banka-hesap-stat-link {

  display: block;

  text-decoration: none;

  color: inherit;

}



body.panel-app .banka-hesap-stat-card {

  height: 100%;

  transition: box-shadow 0.15s ease, transform 0.15s ease;

}



body.panel-app .banka-hesap-stat-link:hover .banka-hesap-stat-card {

  box-shadow: var(--panel-shadow-lg);

  transform: translateY(-1px);

}



body.panel-app .banka-hesap-stat-link.is-active .banka-hesap-stat-card {

  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.12);

}



body.panel-app .banka-hesap-list-filter-label {

  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  font-size: 0.75rem;

  font-weight: 700;

  color: var(--panel-text-muted);

  margin-right: 0.35rem;

}



body.panel-app .banka-hesap-list-toolbar {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0.75rem;

  margin-bottom: 0.75rem;

  font-size: 0.82rem;

  color: var(--panel-text-muted);

  font-weight: 600;

}



body.panel-app .banka-hesap-list-card {

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

  overflow: hidden;

}



body.panel-app .banka-hesap-list-table .td-title {

  background: #f8fafc;

  font-size: 0.72rem;

  font-weight: 700;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: #64748b;

  padding-top: 0.85rem;

  padding-bottom: 0.85rem;

}



body.panel-app .banka-hesap-list-table td.AltCizgi1 {

  vertical-align: middle;

  padding-top: 0.9rem;

  padding-bottom: 0.9rem;

}



body.panel-app .banka-hesap-list-row--0 td:first-child {

  box-shadow: inset 3px 0 0 #f59e0b;

}



body.panel-app .banka-hesap-list-row--1 td:first-child {

  box-shadow: inset 3px 0 0 #3b82f6;

}



body.panel-app .banka-hesap-list-row--2 td:first-child {

  box-shadow: inset 3px 0 0 #22c55e;

}



body.panel-app .banka-hesap-list-row--3 td:first-child {

  box-shadow: inset 3px 0 0 #ef4444;

}



body.panel-app .banka-hesap-list-id span {

  display: inline-flex;

  min-width: 2.5rem;

  justify-content: center;

  padding: 0.2rem 0.45rem;

  border-radius: 999px;

  background: #f1f5f9;

  font-size: 0.75rem;

  font-weight: 700;

  color: #475569;

}



body.panel-app .banka-hesap-list-user {

  display: flex;

  align-items: center;

  gap: 0.65rem;

  text-decoration: none;

  color: inherit;

}



body.panel-app .banka-hesap-list-user:hover strong {

  color: #0f172a;

}



body.panel-app .banka-hesap-list-user-avatar {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  background: linear-gradient(135deg, #e2e8f0, #f8fafc);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #64748b;

  flex-shrink: 0;

  border: 1px solid var(--panel-border);

}



body.panel-app .banka-hesap-list-hesap {

  display: flex;

  flex-direction: column;

  gap: 0.2rem;

  min-width: 0;

}



body.panel-app .banka-hesap-list-ad {

  font-size: 0.92rem;

  color: var(--panel-text);

}



body.panel-app .banka-hesap-list-iban {

  display: inline-block;

  font-size: 0.78rem;

  padding: 0.18rem 0.45rem;

  border-radius: 6px;

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  color: #334155;

  word-break: break-all;

}



body.panel-app .banka-hesap-list-meta {

  font-size: 0.74rem;

  color: var(--panel-text-muted);

}



body.panel-app .banka-hesap-list-dogrulama {

  display: flex;

  flex-direction: column;

  gap: 0.45rem;

}



body.panel-app .banka-hesap-list-kpi {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 0.35rem;

}



body.panel-app .banka-hesap-list-kpi-item {

  display: flex;

  flex-direction: column;

  gap: 0.1rem;

  padding: 0.35rem 0.45rem;

  border-radius: 8px;

  background: #f8fafc;

  border: 1px solid #eef2f7;

}



body.panel-app .banka-hesap-list-kpi-item .etiket {

  font-size: 0.65rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.03em;

  color: #94a3b8;

}



body.panel-app .banka-hesap-list-kpi-item strong {

  font-size: 0.78rem;

  font-weight: 700;

  color: #334155;

}



body.panel-app .banka-hesap-list-chips {

  display: flex;

  flex-wrap: wrap;

  gap: 0.35rem;

}



body.panel-app .banka-hesap-list-chip {

  display: inline-flex;

  align-items: center;

  gap: 0.25rem;

  padding: 0.25rem 0.5rem;

  border-radius: 999px;

  background: #f1f5f9;

  border: 1px solid #e2e8f0;

  font-size: 0.72rem;

  font-weight: 600;

  color: #475569;

  text-decoration: none;

}



body.panel-app .banka-hesap-list-chip:hover {

  background: #e2e8f0;

  color: #0f172a;

}



body.panel-app .banka-hesap-list-muted {

  color: #94a3b8;

}



body.panel-app .banka-hesap-list-date {

  font-size: 0.82rem;

  color: #64748b;

  white-space: nowrap;

}



body.panel-app .banka-hesap-list-action {

  text-align: right;

  vertical-align: middle;

}



body.panel-app .banka-hesap-user-islem {

  display: inline-flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-end;

  gap: 0.4rem;

}



body.panel-app .banka-hesap-user-btn {

  display: inline-flex !important;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  min-height: 32px;

  padding: 0.38rem 0.72rem !important;

  font-size: 0.78rem !important;

  font-weight: 700 !important;

  line-height: 1.1 !important;

  border-radius: 8px !important;

  white-space: nowrap;

  box-shadow: none !important;

}



body.panel-app .banka-hesap-user-btn i {

  font-size: 0.72rem;

  opacity: 0.92;

}



body.panel-app .banka-hesap-user-btn--dogrula {

  background: #111827 !important;

  border-color: #111827 !important;

  color: #fff !important;

}



body.panel-app .banka-hesap-user-btn--dogrula:hover {

  background: #000 !important;

  border-color: #000 !important;

  color: #fff !important;

}



body.panel-app .banka-hesap-user-list-card {

  margin-top: 0;

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  overflow: hidden;

  background: var(--panel-surface);

}



body.panel-app .banka-hesap-user-table td.AltCizgi1 {

  padding: 0.85rem 0.75rem;

  vertical-align: middle;

}



body.panel-app .banka-hesap-user-table .banka-hesap-list-kpi-item strong {

  font-size: 0.82rem;

  font-weight: 700;

}



body.panel-app .banka-hesap-list-dogrula-btn {

  border-radius: 8px !important;

  font-weight: 700;

  white-space: nowrap;

}



body.panel-app .banka-hesap-list-empty {

  text-align: center;

  padding: 3rem 1.5rem;

  background: var(--panel-surface);

  border: 1px dashed var(--panel-border);

  border-radius: var(--panel-radius);

}



body.panel-app .banka-hesap-list-empty-icon {

  width: 56px;

  height: 56px;

  margin: 0 auto 0.75rem;

  border-radius: 50%;

  background: #f1f5f9;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #94a3b8;

  font-size: 1.25rem;

}



body.panel-app .banka-hesap-list-empty strong {

  display: block;

  margin-bottom: 0.25rem;

}



body.panel-app .banka-hesap-list-empty p {

  margin: 0;

  color: var(--panel-text-muted);

  font-size: 0.875rem;

}



body.panel-app .banka-hesap-list-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0.75rem;

  margin-top: 1rem;

}



body.panel-app .banka-hesap-list-page-info {

  font-size: 0.82rem;

  font-weight: 700;

  color: var(--panel-text-muted);

}



@media (max-width: 991px) {

  body.panel-app .banka-hesap-list-table .table-responsive,

  body.panel-app .banka-hesap-list-card .table-responsive {

    overflow-x: auto;

  }

  body.panel-app .banka-hesap-list-table {

    min-width: 920px;

  }

  body.panel-app .banka-hesap-user-table {

    min-width: 760px;

  }

}



body.panel-app .api-c-badge-warn {

  background: #fef3c7;

  color: #92400e;

}



body.panel-app .api-c-badge-muted {

  background: #f1f5f9;

  color: #64748b;

}



body.panel-app .panel-dash-stat-icon--amber {

  background: rgba(245, 158, 11, 0.12);

  color: #d97706;

}



body.panel-app .panel-dash-stat-icon--red {

  background: rgba(239, 68, 68, 0.1);

  color: #dc2626;

}



body.panel-app .odeme-genel-bakis {

  max-width: none;

  width: 100%;

}



body.panel-app .odeme-genel-hero {

  padding: 18px 22px;

}



body.panel-app .odeme-genel-hero .destek-modul-hero-title {

  font-size: 1.15rem;

}



body.panel-app .odeme-genel-hero .destek-modul-hero-sub {

  font-size: 0.85rem;

}



body.panel-app .odeme-ozet-kpi-row {

  margin-bottom: 0.75rem !important;

}



body.panel-app .odeme-ozet-kpi {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 10px 12px;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: 10px;

  text-decoration: none;

  color: inherit;

  transition: border-color 0.15s ease, box-shadow 0.15s ease;

  height: 100%;

}



body.panel-app .odeme-ozet-kpi:hover {

  border-color: rgba(249, 115, 22, 0.35);

  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);

}



body.panel-app .odeme-ozet-kpi-icon {

  width: 34px;

  height: 34px;

  border-radius: 9px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--panel-primary-soft);

  color: var(--panel-primary);

  font-size: 0.95rem;

  flex-shrink: 0;

}



body.panel-app .odeme-ozet-kpi-icon.panel-dash-stat-icon--blue {

  background: rgba(14, 165, 233, 0.12);

  color: #0284c7;

}



body.panel-app .odeme-ozet-kpi-icon.panel-dash-stat-icon--green {

  background: rgba(34, 197, 94, 0.12);

  color: #16a34a;

}



body.panel-app .odeme-ozet-kpi-icon.panel-dash-stat-icon--amber {

  background: rgba(217, 119, 6, 0.12);

  color: #d97706;

}



body.panel-app .odeme-ozet-kpi-body {

  display: flex;

  flex-direction: column;

  min-width: 0;

}



body.panel-app .odeme-ozet-kpi-body strong {

  font-size: 1.05rem;

  line-height: 1.1;

  color: var(--panel-text);

}



body.panel-app .odeme-ozet-kpi-body small {

  font-size: 0.72rem;

  color: var(--panel-text-muted);

  margin-top: 2px;

}



body.panel-app .odeme-compare-card {

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: 10px;

  padding: 12px 14px 10px;

}



body.panel-app .odeme-compare-head {

  font-size: 0.78rem;

  font-weight: 700;

  color: var(--panel-text-muted);

  text-transform: uppercase;

  letter-spacing: 0.04em;

  margin-bottom: 8px;

}



body.panel-app .odeme-compare-head i {

  color: var(--panel-primary);

  margin-right: 6px;

}



body.panel-app .odeme-chart-card {

  display: block;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: 10px;

  padding: 12px 14px;

  text-decoration: none;

  color: inherit;

  height: 100%;

  transition: border-color 0.15s ease, box-shadow 0.15s ease;

}



body.panel-app .odeme-chart-card:hover {

  border-color: rgba(249, 115, 22, 0.35);

  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);

}



body.panel-app .odeme-chart-card-top {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 10px;

}



body.panel-app .odeme-chart-card-icon {

  width: 30px;

  height: 30px;

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #f8fafc;

  color: var(--panel-primary);

  font-size: 0.85rem;

  flex-shrink: 0;

}



body.panel-app .odeme-chart-card-titles {

  flex: 1;

  min-width: 0;

}



body.panel-app .odeme-chart-kicker {

  display: block;

  font-size: 0.72rem;

  font-weight: 600;

  color: var(--panel-text-muted);

  line-height: 1.2;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



body.panel-app .odeme-chart-toplam {

  display: block;

  font-size: 1.05rem;

  font-weight: 700;

  color: var(--panel-text);

  line-height: 1.2;

}



body.panel-app .odeme-chart-card-go {

  color: #94a3b8;

  font-size: 0.75rem;

}



body.panel-app .odeme-chart-card-body {

  display: flex;

  align-items: center;

  gap: 12px;

}



body.panel-app .odeme-chart-wrap {

  position: relative;

  flex-shrink: 0;

}



body.panel-app .odeme-chart-wrap--mini {

  width: 84px;

  height: 84px;

}



body.panel-app .odeme-chart-wrap--bar {

  width: 100%;

  height: 148px;

}



body.panel-app .odeme-chart-legend--compact {

  flex: 1;

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 6px;

}



body.panel-app .odeme-chart-legend-row {

  display: flex;

  flex-direction: column;

  gap: 3px;

}



body.panel-app .odeme-chart-legend-meta {

  display: flex;

  align-items: center;

  gap: 6px;

  font-size: 0.72rem;

  color: var(--panel-text-muted);

}



body.panel-app .odeme-chart-legend-meta strong {

  margin-left: auto;

  color: var(--panel-text);

  font-weight: 700;

  font-size: 0.74rem;

}



body.panel-app .odeme-chart-dot {

  width: 7px;

  height: 7px;

  border-radius: 50%;

  flex-shrink: 0;

}



body.panel-app .odeme-chart-bar {

  height: 4px;

  background: #f1f5f9;

  border-radius: 99px;

  overflow: hidden;

}



body.panel-app .odeme-chart-bar span {

  display: block;

  height: 100%;

  border-radius: 99px;

  min-width: 0;

  transition: width 0.3s ease;

}



body.panel-app .odeme-chart-grid {

  margin-top: 0.25rem;

}



body.panel-app .hakedis-modul {

  max-width: none;

  width: 100%;

}



body.panel-app .hakedis-stat {

  padding: 14px 16px;

}



body.panel-app .hakedis-stat-value {

  font-size: 1.15rem;

}



body.panel-app .hakedis-uye-hero {

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: 10px;

  padding: 16px 18px;

}



body.panel-app .hakedis-uye-ad {

  margin: 0 0 4px;

  font-size: 1.05rem;

  font-weight: 700;

}



body.panel-app .hakedis-mini-kpi {

  background: #f8fafc;

  border: 1px solid var(--panel-border);

  border-radius: 8px;

  padding: 10px 12px;

}



body.panel-app .hakedis-mini-kpi small {

  display: block;

  font-size: 0.72rem;

  color: var(--panel-text-muted);

  margin-bottom: 2px;

}



body.panel-app .hakedis-mini-kpi strong {

  display: block;

  font-size: 1rem;

  color: var(--panel-text);

}



body.panel-app .hakedis-mini-kpi span {

  display: block;

  font-size: 0.72rem;

  color: var(--panel-text-muted);

  margin-top: 2px;

}



body.panel-app .hakedis-odeme-list-table {

  table-layout: auto;

  width: 100%;

}



body.panel-app .hakedis-odeme-list-table col.hakedis-odeme-col-islem {

  width: 1px;

}



body.panel-app .hakedis-odeme-list-table tr td {

  padding: 11px 16px;

  vertical-align: middle;

}



body.panel-app .hakedis-odeme-list-table td.hakedis-odeme-col-uye {

  width: auto;

}



body.panel-app .hakedis-odeme-list-table td.hakedis-odeme-col-uye a {

  font-weight: 600;

}



body.panel-app .hakedis-odeme-list-table td.hakedis-odeme-col-sabit,

body.panel-app .hakedis-odeme-list-table td.hakedis-odeme-col-durum,

body.panel-app .hakedis-odeme-list-table td.hakedis-odeme-col-islem {

  white-space: nowrap;

}



body.panel-app .hakedis-odeme-list-table td.hakedis-odeme-col-islem {

  width: 1%;

  padding-left: 10px;

  padding-right: 14px;

}



body.panel-app .hakedis-odeme-list-table .api-c-badge {

  display: inline-block;

  white-space: nowrap;

}



body.panel-app .hakedis-odeme-detay {

  padding: 18px 18px 24px;

  background: #f8fafc;

  min-height: 100%;

}



body.panel-app .hakedis-odeme-detay-hero {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 12px;

  padding: 16px;

  border-radius: var(--panel-radius);

  background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #334155 100%);

  color: #fff;

  box-shadow: var(--panel-shadow-lg);

  margin-bottom: 14px;

}



body.panel-app .hakedis-odeme-detay-hero-user {

  display: flex;

  align-items: center;

  gap: 12px;

  min-width: 0;

}



body.panel-app .hakedis-odeme-detay-hero-user img {

  border-radius: 50%;

  object-fit: cover;

  border: 2px solid rgba(255, 255, 255, 0.25);

  flex-shrink: 0;

}



body.panel-app .hakedis-odeme-detay-hero-metin {

  min-width: 0;

}



body.panel-app .hakedis-odeme-detay-hero-metin strong {

  display: block;

  font-size: 1rem;

  line-height: 1.3;

  margin-bottom: 2px;

}



body.panel-app .hakedis-odeme-detay-hero-metin span {

  display: block;

  font-size: 0.82rem;

  color: #cbd5e1;

}



body.panel-app .hakedis-odeme-detay-uye-link {

  display: inline-flex;

  align-items: center;

  gap: 5px;

  margin-top: 6px;

  font-size: 0.75rem;

  color: #fde68a !important;

  text-decoration: none;

}



body.panel-app .hakedis-odeme-detay-hero-durum {

  flex-shrink: 0;

}



body.panel-app .hakedis-odeme-detay-tutar-kart {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 10px;

  margin-bottom: 14px;

}



body.panel-app .hakedis-odeme-detay-hucre {

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius-sm);

  padding: 12px 14px;

}



body.panel-app .hakedis-odeme-detay-hucre--full {

  grid-column: 1 / -1;

}



body.panel-app .hakedis-odeme-detay-hucre .etiket {

  display: block;

  font-size: 0.72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--panel-text-muted);

  margin-bottom: 4px;

}



body.panel-app .hakedis-odeme-detay-hucre strong {

  display: block;

  font-size: 0.92rem;

  color: var(--panel-text);

  font-weight: 700;

  line-height: 1.35;

  word-break: break-word;

}



body.panel-app .hakedis-odeme-detay-tutar-buyuk {

  font-size: 1.15rem !important;

  color: var(--panel-primary-hover) !important;

}



body.panel-app .hakedis-odeme-detay-iban {

  display: block;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  font-size: 0.82rem;

  font-weight: 600;

  letter-spacing: 0.02em;

  word-break: break-all;

  background: #f1f5f9;

  border: 1px solid var(--panel-border);

  border-radius: 6px;

  padding: 8px 10px;

}



body.panel-app .hakedis-odeme-detay-bolum {

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  padding: 14px 14px 12px;

  margin-bottom: 12px;

}



body.panel-app .hakedis-odeme-detay-bolum-baslik {

  display: flex;

  align-items: center;

  gap: 8px;

  font-size: 0.82rem;

  font-weight: 800;

  color: var(--panel-text);

  margin-bottom: 12px;

  padding-bottom: 10px;

  border-bottom: 1px solid var(--panel-border);

}



body.panel-app .hakedis-odeme-detay-bolum-baslik i {

  color: var(--panel-primary);

}



body.panel-app .hakedis-odeme-detay-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 10px;

}



body.panel-app .hakedis-odeme-detay-footer {

  position: sticky;

  bottom: 0;

  margin-top: 4px;

  padding-top: 12px;

  border-top: 1px solid var(--panel-border);

  background: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #f8fafc 24%);

}



@media (max-width: 520px) {

  body.panel-app .hakedis-odeme-detay-tutar-kart,

  body.panel-app .hakedis-odeme-detay-grid {

    grid-template-columns: 1fr;

  }

}



/* ——— Finansal İşlemler hub ——— */

body.panel-app .finans-modul-hero {

  background: linear-gradient(135deg, #0c4a3e 0%, #115e59 45%, #134e4a 100%);

}



body.panel-app .finans-kpi-row .finans-kpi {

  display: flex;

  align-items: center;

  gap: 12px;

  height: 100%;

  padding: 14px 16px;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

  text-decoration: none;

  color: inherit;

  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;

}



body.panel-app .finans-kpi-row a.finans-kpi:hover {

  border-color: #94a3b8;

  box-shadow: var(--panel-shadow-lg);

  transform: translateY(-1px);

  color: inherit;

}



body.panel-app .finans-kpi-icon {

  flex-shrink: 0;

  width: 42px;

  height: 42px;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1rem;

  background: #f1f5f9;

  color: #334155;

}



body.panel-app .finans-kpi-icon.panel-dash-stat-icon--green {

  background: #dcfce7;

  color: #15803d;

}



body.panel-app .finans-kpi-icon.panel-dash-stat-icon--blue {

  background: #dbeafe;

  color: #1d4ed8;

}



body.panel-app .finans-kpi-icon.panel-dash-stat-icon--amber {

  background: #fef3c7;

  color: #b45309;

}



body.panel-app .finans-kpi-icon.panel-dash-stat-icon--red {

  background: #fee2e2;

  color: #b91c1c;

}



body.panel-app .finans-kpi-body {

  min-width: 0;

  line-height: 1.25;

}



body.panel-app .finans-kpi-body strong {

  display: block;

  font-size: 0.95rem;

  font-weight: 700;

  color: var(--panel-text);

}



body.panel-app .finans-kpi-body small {

  display: block;

  margin-top: 2px;

  font-size: 0.72rem;

  color: var(--panel-text-muted);

}



body.panel-app .finans-modul-card {

  display: flex;

  align-items: flex-start;

  gap: 14px;

  height: 100%;

  padding: 18px 16px;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

  text-decoration: none;

  color: inherit;

  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;

}



body.panel-app .finans-modul-card:hover {

  border-color: #94a3b8;

  box-shadow: var(--panel-shadow-lg);

  transform: translateY(-2px);

  color: inherit;

}



body.panel-app .finans-modul-card-icon {

  flex-shrink: 0;

  width: 48px;

  height: 48px;

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.15rem;

}



body.panel-app .finans-icon--blue {

  background: #dbeafe;

  color: #1d4ed8;

}



body.panel-app .finans-icon--violet {

  background: #ede9fe;

  color: #6d28d9;

}



body.panel-app .finans-icon--orange {

  background: #ffedd5;

  color: #c2410c;

}



body.panel-app .finans-icon--green {

  background: #dcfce7;

  color: #15803d;

}



body.panel-app .finans-icon--pink {

  background: #fce7f3;

  color: #be185d;

}



body.panel-app .finans-modul-card-body {

  flex: 1;

  min-width: 0;

}



body.panel-app .finans-modul-card-body strong {

  display: block;

  font-size: 0.98rem;

  font-weight: 700;

  color: var(--panel-text);

  margin-bottom: 4px;

}



body.panel-app .finans-modul-card-body p {

  margin: 0 0 8px;

  font-size: 0.8rem;

  line-height: 1.45;

  color: var(--panel-text-muted);

}



body.panel-app .finans-modul-badge {

  display: inline-block;

  font-size: 0.7rem;

  font-weight: 700;

  padding: 0.2rem 0.55rem;

  border-radius: 999px;

  background: #f1f5f9;

  color: #475569;

}



body.panel-app .finans-modul-card-go {

  flex-shrink: 0;

  color: var(--panel-text-muted);

  font-size: 0.85rem;

  margin-top: 4px;

}



body.panel-app .finans-info-card {

  height: 100%;

  padding: 18px 20px;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

}



body.panel-app .finans-info-title {

  font-size: 0.92rem;

  font-weight: 700;

  color: var(--panel-text);

  margin-bottom: 10px;

}



body.panel-app .finans-info-list {

  padding-left: 1.1rem;

  font-size: 0.82rem;

  line-height: 1.55;

  color: var(--panel-text-muted);

}



body.panel-app .finans-info-list li + li {

  margin-top: 6px;

}



/* ——— Entegrasyon: SMS şirketleri ——— */

body.panel-app .entegrasyon-sms-modul {

  max-width: none;

  width: 100%;

}



body.panel-app .entegrasyon-sms-kpi {

  margin-bottom: 1.25rem;

}



body.panel-app .entegrasyon-sms-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));

  gap: 16px;

}



body.panel-app .entegrasyon-mail-sortable .entegrasyon-mail-card.is-dragging {

  opacity: 0.45;

  transform: scale(0.98);

}



body.panel-app .entegrasyon-mail-sortable .entegrasyon-mail-card.is-drag-over {

  border-color: #0ea5e9;

  box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.25);

}



body.panel-app .entegrasyon-mail-sira-handle {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 28px;

  height: 28px;

  margin-right: 8px;

  border-radius: 6px;

  color: #64748b;

  cursor: grab;

  flex: 0 0 auto;

  user-select: none;

}



body.panel-app .entegrasyon-mail-sira-handle:active {

  cursor: grabbing;

  color: #0f172a;

  background: rgba(15, 23, 42, 0.06);

}



body.panel-app .entegrasyon-mail-sortable .entegrasyon-sms-card-head {

  align-items: center;

}



body.panel-app .entegrasyon-sms-card {

  display: flex;

  flex-direction: column;

  height: 100%;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

  overflow: hidden;

  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;

}



body.panel-app .entegrasyon-sms-card:hover {

  border-color: #94a3b8;

  box-shadow: var(--panel-shadow-lg);

  transform: translateY(-2px);

}



body.panel-app .entegrasyon-sms-card-head {

  display: flex;

  align-items: center;

  gap: 14px;

  padding: 18px 18px 14px;

  border-bottom: 1px solid var(--panel-border);

  background: linear-gradient(180deg, #f8fafc 0%, var(--panel-surface) 100%);

}



body.panel-app .entegrasyon-sms-card-icon {

  flex-shrink: 0;

  width: 52px;

  height: 52px;

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.25rem;

}



body.panel-app .entegrasyon-sms-card-title {

  flex: 1;

  min-width: 0;

}



body.panel-app .entegrasyon-sms-card-title strong {

  display: block;

  font-size: 1.02rem;

  font-weight: 800;

  color: var(--panel-text);

  line-height: 1.25;

}



body.panel-app .entegrasyon-sms-card-id {

  display: inline-block;

  margin-top: 5px;

  font-size: 0.68rem;

  font-weight: 700;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  padding: 0.18rem 0.55rem;

  border-radius: 999px;

  background: #e2e8f0;

  color: #475569;

}



body.panel-app .entegrasyon-sms-meta {

  list-style: none;

  margin: 0;

  padding: 16px 18px;

  flex: 1;

}



body.panel-app .entegrasyon-sms-meta li {

  display: flex;

  align-items: flex-start;

  gap: 10px;

  font-size: 0.84rem;

  line-height: 1.45;

  color: var(--panel-text-muted);

}



body.panel-app .entegrasyon-sms-meta li + li {

  margin-top: 12px;

}



body.panel-app .entegrasyon-sms-meta li i {

  width: 16px;

  margin-top: 2px;

  color: #64748b;

  text-align: center;

  flex-shrink: 0;

}



body.panel-app .entegrasyon-sms-meta a {

  color: #1d4ed8;

  text-decoration: none;

  word-break: break-all;

}



body.panel-app .entegrasyon-sms-meta a:hover {

  text-decoration: underline;

}



body.panel-app .entegrasyon-sms-card-foot {

  padding: 14px 18px 18px;

  border-top: 1px solid var(--panel-border);

  background: #fafbfc;

}



body.panel-app .entegrasyon-sms-card-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

}



body.panel-app .entegrasyon-sms-card-foot .btn {

  width: 100%;

  font-weight: 700;

}



body.panel-app .entegrasyon-sms-card-actions .btn {

  flex: 1 1 140px;

  width: auto;

  min-width: 0;

}



body.panel-app .entegrasyon-sms-empty {

  text-align: center;

  padding: 48px 24px;

  background: var(--panel-surface);

  border: 1px dashed var(--panel-border);

  border-radius: var(--panel-radius);

  color: var(--panel-text-muted);

}



body.panel-app .entegrasyon-sms-empty i {

  font-size: 2.2rem;

  color: #94a3b8;

  margin-bottom: 12px;

}



body.panel-app .entegrasyon-sms-api-hero {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 1rem;

  padding: 18px 20px;

  background: var(--panel-surface);

  border: 1px solid var(--panel-border);

  border-radius: var(--panel-radius);

  box-shadow: var(--panel-shadow);

}



body.panel-app .entegrasyon-sms-api-hero strong {

  display: block;

  font-size: 1rem;

  font-weight: 800;

  color: var(--panel-text);

}



body.panel-app .entegrasyon-sms-api-hero span {

  font-size: 0.82rem;

  color: var(--panel-text-muted);

}



/* Mobil: sidebar genişliği */

@media (max-width: 991.98px) {

  body.panel-app .vertical-nav,

  body.panel-app .vertical-nav-min {

    max-width: min(85vw, 300px);

    box-shadow: var(--panel-shadow-lg);

  }



  body.panel-app .panel-page-title {

    font-size: 0.9rem;

    max-width: 42vw;

  }

}



/* Hesap Etkileşimleri hub */

body.panel-app .user-etkilesim-hub {

  margin-top: 0;

}



body.panel-app .user-etkilesim-alt-sekme {

  padding: 0 30px;

  margin-top: -8px;

}



body.panel-app .user-etkilesim-alt-sekme .fullClass {

  padding-left: 0 !important;

  padding-top: 12px !important;

}



body.panel-app .user-etkilesim-placeholder {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 0.5rem;

  padding: 2.5rem 1.5rem;

  border: 1.5px dashed var(--panel-border);

  border-radius: 14px;

  background: #fafbfc;

  text-align: center;

}



body.panel-app .user-etkilesim-placeholder-ikon {

  width: 52px;

  height: 52px;

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #f3f4f6;

  color: var(--panel-muted);

  font-size: 1.25rem;

}



body.panel-app .user-etkilesim-placeholder-baslik {

  font-size: 0.95rem;

  font-weight: 800;

  color: var(--panel-text);

}



body.panel-app .user-etkilesim-placeholder-metin {

  font-size: 0.82rem;

  color: var(--panel-muted);

  max-width: 420px;

  line-height: 1.5;

}



body.panel-app .user-sohbet-liste {

  display: flex;

  flex-direction: column;

  gap: 0.55rem;

}



body.panel-app .user-sohbet-kart {

  display: flex;

  align-items: center;

  gap: 0.85rem;

  padding: 0.85rem 1rem;

  border: 1px solid var(--panel-border);

  border-radius: 12px;

  background: #fff;

  text-decoration: none;

  color: inherit;

  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;

}



body.panel-app .user-sohbet-kart:hover {

  border-color: #cbd5e1;

  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);

  transform: translateY(-1px);

}



body.panel-app .user-sohbet-kart-avatar {

  width: 44px;

  height: 44px;

  border-radius: 12px;

  background: #f3f4f6;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--panel-muted);

  flex-shrink: 0;

}



body.panel-app .user-sohbet-kart-govde {

  flex: 1;

  min-width: 0;

}



body.panel-app .user-sohbet-kart-ust {

  display: flex;

  align-items: baseline;

  gap: 0.35rem;

  flex-wrap: wrap;

}



body.panel-app .user-sohbet-kart-ust strong {

  font-size: 0.88rem;

}



body.panel-app .user-sohbet-kart-user {

  font-size: 0.75rem;

  color: var(--panel-muted);

}



body.panel-app .user-sohbet-kart-alt {

  display: flex;

  flex-wrap: wrap;

  gap: 0.65rem;

  margin-top: 0.25rem;

  font-size: 0.74rem;

  color: var(--panel-muted);

}



body.panel-app .user-sohbet-kart-rozet {

  margin-top: 0.35rem;

}



body.panel-app .user-sohbet-rozet {

  display: inline-block;

  padding: 2px 8px;

  border-radius: 999px;

  font-size: 0.68rem;

  font-weight: 700;

}



body.panel-app .user-sohbet-rozet--sil {

  background: #fef2f2;

  color: #b91c1c;

}



body.panel-app .user-sohbet-kart-ok {

  color: var(--panel-muted);

  flex-shrink: 0;

}



body.panel-app .user-sohbet-offcanvas {

  display: flex;

  flex-direction: column;

  height: 100%;

  min-height: 480px;

  background: #f8fafc;

}



body.panel-app .user-sohbet-offcanvas-header {

  padding: 1rem 1.1rem;

  border-bottom: 1px solid var(--panel-border);

  background: #fff;

}



body.panel-app .user-sohbet-offcanvas-katilimci {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  flex-wrap: wrap;

}



body.panel-app .user-sohbet-offcanvas-kisi .etiket {

  display: block;

  font-size: 0.68rem;

  color: var(--panel-muted);

  text-transform: uppercase;

  letter-spacing: 0.04em;

  font-weight: 700;

}



body.panel-app .user-sohbet-offcanvas-kisi strong {

  font-size: 0.88rem;

}



body.panel-app .user-sohbet-offcanvas-ayir {

  color: var(--panel-muted);

}



body.panel-app .user-sohbet-offcanvas-meta {

  margin-top: 0.45rem;

  font-size: 0.74rem;

  color: var(--panel-muted);

}



body.panel-app .user-sohbet-offcanvas-govde {

  flex: 1;

  overflow-y: auto;

  padding: 1rem;

  background: linear-gradient(180deg, #eef2f7 0%, #f8fafc 100%);

}



body.panel-app .user-sohbet-yukleniyor {

  text-align: center;

  padding: 1rem;

  color: var(--panel-muted);

  font-size: 0.82rem;

}



body.panel-app .user-sohbet-mesaj-liste {

  display: flex;

  flex-direction: column;

  gap: 0.55rem;

}



body.panel-app .user-sohbet-baloon {

  max-width: 88%;

  padding: 0.55rem 0.75rem;

  border-radius: 14px;

  background: #fff;

  border: 1px solid var(--panel-border);

  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

}



body.panel-app .user-sohbet-baloon--ben {

  align-self: flex-end;

  background: #ecfdf5;

  border-color: #bbf7d0;

}



body.panel-app .user-sohbet-baloon--karsi {

  align-self: flex-start;

}



body.panel-app .user-sohbet-baloon-ust {

  display: flex;

  align-items: center;

  gap: 0.35rem;

  flex-wrap: wrap;

  margin-bottom: 0.25rem;

  font-size: 0.68rem;

  color: var(--panel-muted);

}



body.panel-app .user-sohbet-baloon-gonderen {

  font-weight: 700;

}



body.panel-app .user-sohbet-baloon-govde {

  font-size: 0.84rem;

  line-height: 1.45;

  word-break: break-word;

}



body.panel-app .user-sohbet-mesaj-silindi-metin {

  color: #94a3b8;

  font-style: italic;

}



body.panel-app .user-sohbet-silindi,

body.panel-app .user-sohbet-duzenlendi {

  color: #64748b;

}



body.panel-app .user-sohbet-medya img {

  max-width: 220px;

  border-radius: 10px;

}



body.panel-app .user-sohbet-hediye {

  color: #be185d;

  font-weight: 700;

}



body.panel-app .user-sohbet-offcanvas-footer {

  display: flex;

  gap: 1rem;

  flex-wrap: wrap;

  padding: 0.65rem 1rem;

  border-top: 1px solid var(--panel-border);

  background: #fff;

  font-size: 0.74rem;

  color: var(--panel-muted);

}



body.panel-app .user-sohbet-hata {

  text-align: center;

  color: #b91c1c;

  font-size: 0.82rem;

  padding: 0.75rem;

}



body.panel-app .mobil-uygulama-modul {

  max-width: none;

  width: 100%;

}



body.panel-app .mobil-uygulama-modul .mobil-uygulama-stat {

  height: 100%;

}



body.panel-app .mobil-ayar-kart-ikon {

  width: 36px;

  height: 36px;

  border-radius: 8px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;

  flex-shrink: 0;

}



body.panel-app .mobil-ayar-logo-slot {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 168px;

  padding: 16px;

  border: 1px dashed var(--panel-border);

  border-radius: 12px;

  background: #f8fafc;

  text-decoration: none;

  color: inherit;

  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;

}



body.panel-app .mobil-ayar-logo-slot:hover {

  border-color: #94a3b8;

  background: #fff;

  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);

}



body.panel-app .mobil-ayar-logo-slot--kare .mobil-ayar-logo-img--kare {

  width: 96px;

  height: 96px;

  object-fit: cover;

  border-radius: 18px;

}



body.panel-app .mobil-ayar-logo-slot--dark {

  background: #1a1d24;

  border-color: #3d4450;

}



body.panel-app .mobil-ayar-logo-slot--dark:hover {

  border-color: #64748b;

  background: #22262f;

}



body.panel-app .mobil-ayar-logo-slot--dark .mobil-ayar-logo-etiket {

  color: #e2e8f0;

}



body.panel-app .mobil-ayar-logo-etiket {

  font-size: 0.78rem;

  font-weight: 700;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: var(--panel-muted);

}



body.panel-app .mobil-ayar-logo-img {

  max-width: 100%;

  max-height: 72px;

  object-fit: contain;

  border-radius: 8px;

}



body.panel-app .mobil-ayar-logo-degistir {

  font-size: 0.82rem;

  font-weight: 600;

  color: #334155;

}



body.panel-app .mobil-ayar-yasakli-alan {

  min-height: 220px;

  resize: vertical;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  font-size: 0.86rem;

  line-height: 1.45;

}



body.panel-app .mobil-ayar-bilgi-kutu {

  height: 100%;

  min-height: 96px;

  padding: 14px 16px;

  border-radius: 10px;

  border: 1px solid var(--panel-border);

  background: #f8fafc;

}

/* ——— Kitap Ayarları kartı ——— */
body.panel-app .kitap-ayar-kart .kitap-ayar-ozet {
  margin: -4px 0 0;
  color: var(--panel-text-muted);
  font-size: 0.88rem;
  line-height: 1.45;
  max-width: 52rem;
}
body.panel-app .kitap-ayar-bolum {
  margin-bottom: 14px;
  padding: 16px 18px;
  border: 1px solid var(--panel-border);
  border-radius: 12px;
  background: linear-gradient(180deg, #fcfdff 0%, #f8fafc 100%);
}
body.panel-app .kitap-ayar-bolum--son {
  margin-bottom: 0;
}
body.panel-app .kitap-ayar-bolum-baslik {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
body.panel-app .kitap-ayar-bolum-baslik > i {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #eef2ff;
  color: #4338ca;
  font-size: 0.92rem;
}
body.panel-app .kitap-ayar-bolum-baslik strong {
  display: block;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--panel-text);
  line-height: 1.25;
}
body.panel-app .kitap-ayar-bolum-baslik span {
  display: block;
  margin-top: 2px;
  font-size: 0.78rem;
  color: var(--panel-text-muted);
  line-height: 1.35;
}
body.panel-app .kitap-ayar-grid {
  display: grid;
  gap: 14px;
  align-items: stretch;
}
body.panel-app .kitap-ayar-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.panel-app .kitap-ayar-grid--2 > .kitap-ayar-alan:only-child {
  max-width: 100%;
  width: 100%;
  grid-column: 1 / 2;
}
@media (min-width: 576px) {
  body.panel-app .kitap-ayar-grid--2 > .kitap-ayar-alan:only-child {
    max-width: none;
  }
}
body.panel-app .kitap-ayar-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.panel-app .kitap-ayar-grid + .kitap-ayar-grid {
  margin-top: 14px;
}
@media (max-width: 991.98px) {
  body.panel-app .kitap-ayar-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  body.panel-app .kitap-ayar-grid--2,
  body.panel-app .kitap-ayar-grid--3 {
    grid-template-columns: 1fr;
  }
}
body.panel-app .kitap-ayar-alan {
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.panel-app .kitap-ayar-label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.78rem;
  font-weight: 650;
  color: #334155;
  letter-spacing: 0.01em;
  line-height: 1.25;
  min-height: 1.25em;
}
body.panel-app .kitap-ayar-input,
body.panel-app .kitap-ayar-alan > .form-select.kitap-ayar-input {
  height: 42px;
  min-height: 42px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  border-radius: 10px;
  background: #fff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
body.panel-app .kitap-ayar-ipucu {
  display: block;
  margin-top: 5px;
  font-size: 0.72rem;
  color: var(--panel-text-muted);
  line-height: 1.3;
  min-height: 1.3em;
}
body.panel-app .kitap-ayar-ideal {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px dashed #cbd5e1;
  background: rgba(255, 255, 255, 0.72);
}
body.panel-app .kitap-ayar-ideal-etiket {
  display: block;
  margin-bottom: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}
body.panel-app .kitap-ayar-ideal-alanlar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  align-items: end;
}
body.panel-app .kitap-ayar-ideal-ayrac {
  padding-bottom: 28px;
  color: #94a3b8;
  font-weight: 700;
  line-height: 1;
}
body.panel-app .mobil-uygulama-modul .card.kitap-ayar-kart,
body.panel-app .mobil-uygulama-modul .card.shadow-sm {
  border: 1px solid var(--panel-border) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}
body.panel-app .mobil-uygulama-modul .kitap-ayar-kart > .card-body {
  padding: 1.25rem 1.35rem;
}

/* ——— Ana dashboard istatistik ——— */
body.panel-app .ana-dash-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
body.panel-app .ana-dash-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 8px;
}
body.panel-app .ana-dash-hero-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
body.panel-app .ana-dash-hero-date {
  text-align: right;
  color: #e2e8f0;
}
body.panel-app .ana-dash-hero-date strong {
  display: block;
  font-size: 1.15rem;
}
body.panel-app .ana-dash-hero-date span {
  font-size: 0.8rem;
  color: #94a3b8;
}
body.panel-app .ana-dash-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
body.panel-app .ana-dash-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #e2e8f0;
  font-size: 0.78rem;
  font-weight: 600;
}
body.panel-app a.ana-dash-kpi {
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
body.panel-app a.ana-dash-kpi:hover {
  border-color: rgba(249, 115, 22, 0.35);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}
body.panel-app .ana-dash-kpi-hint {
  margin-top: 4px;
  font-size: 0.72rem;
  color: var(--panel-text-muted);
  line-height: 1.3;
}
body.panel-app .ana-dash-alert {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: var(--panel-radius);
  padding: 16px 18px;
}
body.panel-app .ana-dash-alert-title {
  font-weight: 700;
  margin-bottom: 12px;
  color: #9a3412;
}
body.panel-app .ana-dash-alert-title i {
  margin-right: 6px;
}
body.panel-app .ana-dash-alert-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid var(--panel-border);
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  height: 100%;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.panel-app .ana-dash-alert-item:hover {
  border-color: rgba(249, 115, 22, 0.4);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}
body.panel-app .ana-dash-alert-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
}
body.panel-app .ana-dash-alert-item--blue .ana-dash-alert-icon {
  background: rgba(14, 165, 233, 0.12);
  color: #0284c7;
}
body.panel-app .ana-dash-alert-item--green .ana-dash-alert-icon {
  background: rgba(34, 197, 94, 0.12);
  color: #16a34a;
}
body.panel-app .ana-dash-alert-item--red .ana-dash-alert-icon {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}
body.panel-app .ana-dash-alert-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
body.panel-app .ana-dash-alert-body strong {
  font-size: 1.05rem;
  line-height: 1.2;
}
body.panel-app .ana-dash-alert-body small {
  color: var(--panel-text-muted);
  font-size: 0.78rem;
}
body.panel-app .ana-dash-alert-go {
  color: #94a3b8;
}
body.panel-app .ana-dash-chart-card {
  background: var(--panel-surface);
  border: 1px solid var(--panel-border);
  border-radius: var(--panel-radius);
  padding: 18px 20px;
  box-shadow: var(--panel-shadow);
}
body.panel-app .ana-dash-chart-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
body.panel-app .ana-dash-chart-kicker {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--panel-primary);
  margin-bottom: 4px;
}
body.panel-app .ana-dash-chart-head strong {
  display: block;
  font-size: 1.05rem;
  color: var(--panel-text);
}
body.panel-app .ana-dash-chart-head p {
  margin: 4px 0 0;
  font-size: 0.82rem;
  color: var(--panel-text-muted);
}
body.panel-app .ana-dash-chart-legend-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  font-size: 0.78rem;
  color: var(--panel-text-muted);
  font-weight: 600;
}
body.panel-app .ana-dash-chart-legend-inline span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.panel-app .ana-dash-chart-legend-inline i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}
body.panel-app .ana-dash-chart-wrap--line {
  height: 280px;
  position: relative;
}
body.panel-app .ana-dash-chart-wrap--bar {
  height: 280px;
  position: relative;
}
body.panel-app .ana-dash-chart-wrap--donut {
  width: 132px;
  max-width: 100%;
  flex-shrink: 0;
}
body.panel-app .ana-dash-chart-body-split {
  display: flex;
  align-items: center;
  gap: 16px;
}
body.panel-app .ana-dash-mini-legend {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.panel-app .ana-dash-mini-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  color: var(--panel-text-muted);
}
body.panel-app .ana-dash-mini-row span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
body.panel-app .ana-dash-mini-row strong {
  color: var(--panel-text);
  font-variant-numeric: tabular-nums;
}
body.panel-app .ana-dash-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  flex-shrink: 0;
}
body.panel-app .ana-dash-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
body.panel-app .ana-dash-metric {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--panel-border);
  border-radius: 10px;
  background: #f8fafc;
}
body.panel-app .ana-dash-metric-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--panel-primary-soft);
  color: var(--panel-primary);
  flex-shrink: 0;
}
body.panel-app .ana-dash-metric span:last-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
body.panel-app .ana-dash-metric strong {
  font-size: 1.05rem;
  line-height: 1.15;
  color: var(--panel-text);
}
body.panel-app .ana-dash-metric small {
  font-size: 0.75rem;
  color: var(--panel-text-muted);
}
body.panel-app .ana-dash-modul-badge {
  display: inline-block;
  margin-top: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--panel-primary);
}
body.panel-app .ana-dash-help-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid var(--panel-border);
  height: 100%;
}
body.panel-app .ana-dash-help-item strong {
  font-size: 0.9rem;
  color: var(--panel-text);
}
body.panel-app .ana-dash-help-item span {
  font-size: 0.82rem;
  color: var(--panel-text-muted);
  line-height: 1.45;
}
@media (max-width: 767.98px) {
  body.panel-app .ana-dash-hero-meta {
    align-items: flex-start;
  }
  body.panel-app .ana-dash-hero-date {
    text-align: left;
  }
  body.panel-app .ana-dash-hero-pills {
    justify-content: flex-start;
  }
  body.panel-app .ana-dash-chart-body-split {
    flex-direction: column;
    align-items: stretch;
  }
  body.panel-app .ana-dash-chart-wrap--donut {
    width: 150px;
    margin: 0 auto;
  }
  body.panel-app .ana-dash-chart-wrap--line,
  body.panel-app .ana-dash-chart-wrap--bar {
    height: 220px;
  }
}