/* Extracted from templates/layouts/base.html inline <style> block 1 (lines 287-1151).
   Byte-equivalent: same cascade position (after head stylesheets, before line-1153 stylesheets).
   No Jinja/url_for — pure static CSS, now cacheable instead of re-sent inline per page. */
    /* ============================================
         BOOTSTRAP + MARKA — theme-variables.css semantic token
         Ana aksiyon: mavi; turuncu CTA: .btn-accent
      ============================================ */

    :root {
      --bs-primary: var(--color-primary) !important;
      --bs-primary-rgb: var(--color-primary-rgb) !important;
      --bs-primary-dark: var(--color-primary-hover) !important;
      --bs-primary-light: var(--color-secondary) !important;
    }

    .bg-primary {
      background-color: var(--color-primary) !important;
      background: var(--color-primary) !important;
    }

    .text-primary {
      color: var(--color-primary) !important;
    }

    .btn-primary {
      background-color: var(--color-primary) !important;
      border-color: var(--color-primary) !important;
      color: var(--tm-fg-on-brand) !important;
    }

    .btn-primary:hover:not(:disabled),
    .btn-primary:focus:not(:disabled),
    .btn-primary:active:not(:disabled) {
      background-color: var(--color-primary-hover) !important;
      border-color: var(--color-primary-hover) !important;
      color: var(--tm-fg-on-brand) !important;
      box-shadow: 0 4px 14px rgba(var(--color-primary-rgb), 0.22) !important;
    }

    .btn-accent {
      background-color: var(--color-accent) !important;
      border-color: var(--color-accent) !important;
      color: var(--tm-fg-on-brand) !important;
    }

    .btn-accent:hover:not(:disabled),
    .btn-accent:focus:not(:disabled),
    .btn-accent:active:not(:disabled) {
      background-color: var(--color-accent-hover) !important;
      border-color: var(--color-accent-hover) !important;
      color: var(--tm-fg-on-brand) !important;
    }

    .badge.bg-primary {
      background-color: var(--color-primary) !important;
      color: var(--tm-fg-on-brand) !important;
    }

    .modal-header.bg-primary {
      background-color: var(--color-primary) !important;
      border-color: var(--color-primary) !important;
    }

    .modal-body .text-primary {
      color: var(--color-primary) !important;
    }

    .spinner-border.text-primary {
      color: var(--color-primary) !important;
    }

    .alert-primary {
      background-color: var(--color-primary-soft) !important;
      border-color: rgba(var(--color-primary-rgb), 0.28) !important;
      color: var(--color-primary-hover) !important;
    }

    .form-control:focus,
    .form-select:focus {
      border-color: var(--color-primary) !important;
      box-shadow: 0 0 0 0.25rem rgba(var(--color-primary-rgb), 0.2) !important;
    }

    a.text-primary,
    .text-primary a {
      color: var(--color-primary) !important;
    }

    a.text-primary:hover,
    .text-primary a:hover {
      color: var(--color-primary-hover) !important;
    }

    /* ============================================
         ACCOUNT PAGES - UNIFIED DESIGN SYSTEM
      ============================================ */
    
    /* #mainContent kabuğu: app-background-decor.css (glass + sidebar hizası) — burada arka plan zorlama yok */

    html:not(.dark-mode) .flex.min-h-screen.app-shell-wrap,
    html:not(.dark-mode) .app-layout,
    html:not(.dark-mode) .flex.min-h-screen:has(> #mainContent),
    html:not(.dark-mode) .flex.min-h-screen:has(> main#mainContent) {
      background-color: transparent !important;
    }

    html.dark-mode .flex.min-h-screen.app-shell-wrap,
    html.dark-mode .app-layout,
    html.dark-mode .flex.min-h-screen:has(> #mainContent),
    html.dark-mode .flex.min-h-screen:has(> main#mainContent) {
      background-color: transparent !important;
    }

    /* Unified Width Variables — Hesabım/Profil dahil tüm hesap alt sayfaları aynı içerik genişliği */
    :root {
      --account-content-max-width: 1920px;
      --account-content-width: 100%;
      /* Yatay: main#tmv2; wrapper’larda yatay padding yok (account_pages_base_compatible) */
      --account-content-padding: 0;
      --account-nav-height: 56px;
    }

    /* Hesap sayfaları: üst boşluk main’de (tek ofset); arka plan şeffaf — body + bg-shapes dekoru görünsün */
    .account-page-wrapper,
    .profile-page-wrapper,
    .subscription-page-wrapper,
    .shipping-page-wrapper,
    .security-page-wrapper,
    .notifications-page-wrapper,
    .balance-page-wrapper,
    .integration-page-wrapper,
    .cart-page-wrapper,
    .favorites-page-wrapper,
    .orders-page-wrapper {
      min-height: 0 !important;
      background: transparent !important;
      background-color: transparent !important;
      background-image: none !important;
      padding-top: 0 !important;
      margin-top: 0 !important;
      padding-bottom: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      position: relative !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    .flex.min-h-screen:has(.account-page-wrapper),
    .flex.min-h-screen:has(.profile-page-wrapper),
    .flex.min-h-screen:has(.subscription-page-wrapper),
    .flex.min-h-screen:has(.shipping-page-wrapper),
    .flex.min-h-screen:has(.security-page-wrapper),
    .flex.min-h-screen:has(.notifications-page-wrapper),
    .flex.min-h-screen:has(.balance-page-wrapper),
    .flex.min-h-screen:has(.integration-page-wrapper),
    .flex.min-h-screen:has(.cart-page-wrapper),
    .flex.min-h-screen:has(.favorites-page-wrapper),
    .flex.min-h-screen:has(.orders-page-wrapper),
    #mainContent.main-content:has(.account-page-wrapper),
    #mainContent.main-content:has(.profile-page-wrapper),
    #mainContent.main-content:has(.subscription-page-wrapper),
    #mainContent.main-content:has(.shipping-page-wrapper),
    #mainContent.main-content:has(.security-page-wrapper),
    #mainContent.main-content:has(.notifications-page-wrapper),
    #mainContent.main-content:has(.balance-page-wrapper),
    #mainContent.main-content:has(.integration-page-wrapper),
    #mainContent.main-content:has(.cart-page-wrapper),
    #mainContent.main-content:has(.favorites-page-wrapper),
    #mainContent.main-content:has(.orders-page-wrapper),
    #mainContent.main-content:has(#pricing-page),
    #mainContent.main-content:has(.xml-upload-page),
    .flex.min-h-screen:has(#pricing-page),
    .flex.min-h-screen:has(.xml-upload-page) {
      background: transparent !important;
      background-color: transparent !important;
      background-image: none !important;
    }

    /* Account Navigation - BASIT */
    .account-nav-container {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }

    .account-nav-wrapper {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 0.25rem !important;
      overflow-x: auto !important;
      padding: 0.5rem 10px !important;
      max-width: 100% !important;
      width: 100% !important;
      margin: 0 auto !important;
      scrollbar-width: none !important;
      -ms-overflow-style: none !important;
    }

    .account-nav-wrapper::-webkit-scrollbar {
      display: none !important;
    }

    /* Container Wrappers - UNIFIED WIDTH (same as navigation; account_pages_base_compatible ile aynı mantık) */
    .account-container-wrapper,
    .profile-container-wrapper,
    .subscription-container-wrapper,
    .shipping-container-wrapper,
    .security-container-wrapper,
    .notifications-container-wrapper,
    .balance-container-wrapper,
    .integration-container-wrapper,
    .cart-container-wrapper,
    .favorites-container-wrapper,
    .orders-container-wrapper {
      max-width: min(100%, var(--account-content-max-width)) !important;
      width: 100% !important;
      margin: 0 auto !important;
      /* Üst boşluk: #mainContent (v2) — tekrar 61px ekleme */
      padding: 0.3rem 0 0.65rem !important;
      box-sizing: border-box !important;
      background: transparent !important;
    }

    /* Inner Content Containers - Full width of parent */
    .account-container,
    .profile-container,
    .subscription-container,
    .shipping-container,
    .security-container,
    .notifications-container,
    .balance-container,
    .integration-container,
    .cart-container,
    .favorites-container,
    .orders-container {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      box-sizing: border-box !important;
    }

    /* Main Content Override - BASIT */
    .account-page-wrapper .main-content,
    .profile-page-wrapper .main-content,
    .subscription-page-wrapper .main-content,
    .shipping-page-wrapper .main-content,
    .security-page-wrapper .main-content,
    .notifications-page-wrapper .main-content,
    .balance-page-wrapper .main-content,
    .integration-page-wrapper .main-content,
    .cart-page-wrapper .main-content,
    .favorites-page-wrapper .main-content,
    .orders-page-wrapper .main-content {
      padding: 0 !important;
      margin: 0 auto !important;
      max-width: 100% !important;
      width: 100% !important;
      background: transparent !important;
      box-sizing: border-box !important;
    }

    /* Account Navigation - Unified with Content Width */
    /* Hesabım menüsü (sağ şerit / mobil alt): account_nav_base → account_navigation.html */
    /* Responsive rules are defined below in the Responsive section */

    /* Account pages: mobile-friendly "radio card" (e.g. invoice type) */
    .tm-radio-cards {
      width: 100% !important;
    }

    .tm-radio-card.form-check {
      position: relative !important;
      margin: 0 !important;
      padding-left: 0 !important;
      /* bootstrap form-check padding-left reset */
    }

    .tm-radio-card>.form-check-input {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      margin: 0 !important;
      padding: 0 !important;
      opacity: 0 !important;
      pointer-events: none !important;
      clip: rect(0 0 0 0) !important;
      clip-path: inset(50%) !important;
      overflow: hidden !important;
      white-space: nowrap !important;
    }

    .tm-radio-label {
      width: 100% !important;
      min-height: 44px !important;
      padding: 0.75rem 0.85rem !important;
      border-radius: 12px !important;
      background: #f8fafc !important;
      color: #475569 !important;
      cursor: pointer !important;
      user-select: none !important;
      -webkit-tap-highlight-color: transparent !important;
      transition: background-color 0.15s ease, color 0.15s ease, transform 0.05s ease !important;
    }

    .tm-radio-card>.form-check-input:checked+.tm-radio-label {
      background: var(--color-primary-soft) !important;
      color: var(--bl-color-primary) !important;
      font-weight: 700 !important;
    }

    .tm-radio-card>.form-check-input:checked+.tm-radio-label i {
      color: var(--bl-color-primary) !important;
    }

    .tm-radio-card>.tm-radio-label:active {
      transform: scale(0.99) !important;
    }

    /* Header gizle - BASIT */
    .account-page-wrapper #mainHeader,
    .profile-page-wrapper #mainHeader,
    .subscription-page-wrapper #mainHeader,
    .shipping-page-wrapper #mainHeader,
    .security-page-wrapper #mainHeader,
    .notifications-page-wrapper #mainHeader,
    .balance-page-wrapper #mainHeader,
    .integration-page-wrapper #mainHeader,
    .cart-page-wrapper #mainHeader,
    .favorites-page-wrapper #mainHeader,
    .orders-page-wrapper #mainHeader {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Utility: isim "orange" — görsel accent turuncu (CTA); ana marka .text-primary */
    .text-orange {
      color: var(--color-accent) !important;
    }

    .bg-orange {
      background-color: var(--color-accent) !important;
    }

    .bg-orange-light {
      background-color: var(--color-accent-soft) !important;
    }

    /* Baklava — marka birincil mavi ile hizalı */
    :root {
      --bl-color-primary: var(--color-primary);
      --bl-color-primary-hover: var(--color-primary-hover);
      --bl-color-secondary: #1D3557;
      --bl-color-success: #06D6A0;
      --bl-color-danger: #EF233C;
      --bl-color-warning: #FFD93D;
      --bl-color-info: #0dcaf0;
      --bl-border-radius: 12px;
      --bl-border-radius-sm: 8px;
      --bl-border-radius-lg: 16px;
      --bl-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
      --bl-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
      --bl-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
      --bl-spacing-xs: 0.25rem;
      --bl-spacing-sm: 0.5rem;
      --bl-spacing-md: 1rem;
      --bl-spacing-lg: 1.5rem;
      --bl-spacing-xl: 2rem;
    }

    /* Responsive - Tablet */
    @media (max-width: 1024px) {
      :root {
        --account-content-max-width: 98%;
        --account-content-width: 98%;
      }

      .account-page-wrapper,
      .profile-page-wrapper,
      .subscription-page-wrapper,
      .shipping-page-wrapper,
      .security-page-wrapper,
      .notifications-page-wrapper,
      .balance-page-wrapper,
      .integration-page-wrapper,
      .cart-page-wrapper,
      .favorites-page-wrapper,
      .orders-page-wrapper {
        /* Ofset: main#tmv2; tekrar 100px = çift nefes */
        padding-top: 0 !important;
      }
    }

    /* Responsive - Mobile */
    @media (max-width: 768px) {
      :root {
        --account-content-max-width: 100%;
        --account-content-width: 100%;
        --account-content-padding: 0;
        /* Sabit header + menü altı boşluk + tek satır menü yüksekliği + içerik üst boşluğu */
        --account-mobile-header-bottom: 72px;
        --account-nav-gap-header: 10px;
        --account-nav-strip-height: 56px;
        --account-nav-content-gap: 8px;
      }

      .account-page-wrapper,
      .profile-page-wrapper,
      .subscription-page-wrapper,
      .shipping-page-wrapper,
      .security-page-wrapper,
      .notifications-page-wrapper,
      .balance-page-wrapper,
      .integration-page-wrapper,
      .cart-page-wrapper,
      .favorites-page-wrapper,
      .orders-page-wrapper {
        padding-top: 0 !important;
        padding-bottom: 32px !important;
      }

      .account-container-wrapper,
      .profile-container-wrapper,
      .subscription-container-wrapper,
      .shipping-container-wrapper,
      .security-container-wrapper,
      .notifications-container-wrapper,
      .balance-container-wrapper,
      .integration-container-wrapper,
      .cart-container-wrapper,
      .favorites-container-wrapper,
      .orders-container-wrapper {
        /* Yatay: #mainContent (account_pages) — çift 12px olmasın */
        padding-left: env(safe-area-inset-left, 0px) !important;
        padding-right: env(safe-area-inset-right, 0px) !important;
        /* Üst boşluk account_pages_base_compatible (.account-layout-with-rail) — çift padding kalktı */
        padding-top: 0 !important;
        padding-bottom: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
      }

      .account-nav-container {
        width: 100% !important;
        max-width: 100% !important;
      }
    }

    /* Hesap şablonları: main’deki p-6 ve genel padding’i kaldır (çift boşluk önlenir) */
    #mainContent.main-content:has(.account-page-wrapper),
    #mainContent.main-content:has(.profile-page-wrapper),
    #mainContent.main-content:has(.subscription-page-wrapper),
    #mainContent.main-content:has(.shipping-page-wrapper),
    #mainContent.main-content:has(.security-page-wrapper),
    #mainContent.main-content:has(.notifications-page-wrapper),
    #mainContent.main-content:has(.balance-page-wrapper),
    #mainContent.main-content:has(.integration-page-wrapper),
    #mainContent.main-content:has(.cart-page-wrapper),
    #mainContent.main-content:has(.favorites-page-wrapper),
    #mainContent.main-content:has(.orders-page-wrapper) {
      padding: 0 !important;
    }

    @media (max-width: 768px) {
      #mainContent.main-content:has(.account-page-wrapper),
      #mainContent.main-content:has(.profile-page-wrapper),
      #mainContent.main-content:has(.subscription-page-wrapper),
      #mainContent.main-content:has(.shipping-page-wrapper),
      #mainContent.main-content:has(.security-page-wrapper),
      #mainContent.main-content:has(.notifications-page-wrapper),
      #mainContent.main-content:has(.balance-page-wrapper),
      #mainContent.main-content:has(.integration-page-wrapper),
      #mainContent.main-content:has(.cart-page-wrapper),
      #mainContent.main-content:has(.favorites-page-wrapper),
      #mainContent.main-content:has(.orders-page-wrapper) {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }

    body {
      overflow-x: hidden;
      background: var(--tm-app-bg, #f0f2f8) !important;
      background-color: var(--tm-app-bg, #f0f2f8) !important;
      /* PR-A 2026-06-11 (perf): 'Rubik' stack'ten çıkarıldı — font hiçbir
         yerde yüklenmiyordu (ölü ilk tercih, her metin node'unda boşa font
         matching). Görsel birebir: fiilen kullanılan font zaten fallback'ti. */
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }

    /* Baklava Typography */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: 600;
      color: #212529;
    }

    /* Baklava Button Styles - Override Bootstrap */
    .btn-primary,
    button.btn-primary,
    a.btn-primary,
    input[type="submit"].btn-primary {
      background: linear-gradient(135deg, var(--bl-color-primary) 0%, var(--bl-color-primary-hover) 100%) !important;
      border: none !important;
      border-radius: var(--bl-border-radius-sm) !important;
      color: white !important;
      font-weight: 600 !important;
      transition: all 0.3s ease !important;
      box-shadow: var(--bl-shadow-sm) !important;
    }

    .btn-primary:hover,
    button.btn-primary:hover,
    a.btn-primary:hover,
    input[type="submit"].btn-primary:hover {
      transform: translateY(-2px) !important;
      box-shadow: var(--bl-shadow-md) !important;
      background: linear-gradient(135deg, var(--bl-color-primary-hover) 0%, var(--bl-color-primary) 100%) !important;
      color: white !important;
    }

    .btn-success {
      background: linear-gradient(135deg, var(--bl-color-success) 0%, #04b88a 100%) !important;
      border: none !important;
      border-radius: var(--bl-border-radius-sm) !important;
      color: white !important;
      font-weight: 600 !important;
    }

    .btn-danger {
      background: linear-gradient(135deg, var(--bl-color-danger) 0%, #d90429 100%) !important;
      border: none !important;
      border-radius: var(--bl-border-radius-sm) !important;
      color: white !important;
      font-weight: 600 !important;
    }

    /* Baklava Card Styles - Override Bootstrap */
    .card,
    div.card,
    .modern-card {
      border-radius: var(--bl-border-radius) !important;
      box-shadow: var(--bl-shadow-sm) !important;
      border: 1px solid #e9ecef !important;
      transition: all 0.3s ease !important;
    }

    .card:hover:not(.tmv2-kpi):not(.tmv2-panel),
    div.card:hover:not(.tmv2-kpi):not(.tmv2-panel),
    .modern-card:hover {
      box-shadow: var(--bl-shadow-md) !important;
      transform: translateY(-2px) !important;
    }

    /* Baklava Input Styles - Override Bootstrap */
    .form-control,
    .form-select,
    input.form-control,
    select.form-select,
    textarea.form-control {
      border-radius: var(--bl-border-radius-sm) !important;
      border: 2px solid #e9ecef !important;
      transition: all 0.3s ease !important;
    }

    .form-control:focus,
    .form-select:focus,
    input.form-control:focus,
    select.form-select:focus,
    textarea.form-control:focus {
      border-color: var(--bl-color-primary) !important;
      box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.15) !important;
      outline: none !important;
    }

    /* Baklava Header/Sidebar — yalnız tmv2 sol aside yokken (#tmv2SidebarRoot); panelde tm-header-v2 + reference-chrome */
    body:not(:has(#tmv2SidebarRoot)) .header-wrapper,
    body:not(:has(#tmv2SidebarRoot)) .header-bar {
      border-radius: var(--bl-border-radius-lg);
    }

    body:not(:has(#tmv2SidebarRoot)) .header-bar .header-logo-icon,
    body:not(:has(#tmv2SidebarRoot)) .header-wrapper .header-logo-icon {
      box-shadow: none !important;
      filter: none !important;
      background: transparent !important;
    }

    body:not(:has(#tmv2SidebarRoot)) .header-bar .header-logo-icon img,
    body:not(:has(#tmv2SidebarRoot)) .header-wrapper .header-logo-icon img {
      box-shadow: none !important;
      filter: none !important;
    }

    body:not(:has(#tmv2SidebarRoot)) #sidebar,
    body:not(:has(#tmv2SidebarRoot)) .sidebar {
      border-radius: var(--bl-border-radius-lg);
      box-shadow: var(--bl-shadow-lg);
    }

    /* Baklava Badge Styles */
    .badge {
      border-radius: var(--bl-border-radius-sm);
      font-weight: 600;
      padding: 0.35em 0.65em;
    }

    .badge-primary {
      background-color: var(--bl-color-primary);
      color: white;
    }

    .badge-success {
      background-color: var(--bl-color-success);
      color: white;
    }

    .badge-danger {
      background-color: var(--bl-color-danger);
      color: white;
    }

    .badge-warning {
      background-color: var(--bl-color-warning);
      color: #000;
    }

    /* Baklava Alert Styles */
    .alert {
      border-radius: var(--bl-border-radius);
      border: none;
      box-shadow: var(--bl-shadow-sm);
    }

    .alert-primary {
      background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.1) 0%, rgba(var(--color-primary-rgb), 0.05) 100%);
      color: var(--bl-color-primary);
      border-left: 4px solid var(--bl-color-primary);
    }

    .alert-success {
      background: linear-gradient(135deg, rgba(6, 214, 160, 0.1) 0%, rgba(6, 214, 160, 0.05) 100%);
      color: var(--bl-color-success);
      border-left: 4px solid var(--bl-color-success);
    }

    .alert-danger {
      background: linear-gradient(135deg, rgba(239, 35, 60, 0.1) 0%, rgba(239, 35, 60, 0.05) 100%);
      color: var(--bl-color-danger);
      border-left: 4px solid var(--bl-color-danger);
    }

    /* Baklava Table Styles */
    .table {
      border-radius: var(--bl-border-radius);
      overflow: hidden;
    }

    .table thead {
      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    }

    .table tbody tr {
      transition: background-color 0.2s ease;
    }

    .table tbody tr:hover {
      background-color: #f8f9fa;
    }

    /* Baklava Modal Styles */
    .modal-content {
      border-radius: var(--bl-border-radius-lg);
      border: none;
      box-shadow: var(--bl-shadow-lg);
    }

    .modal-header {
      border-bottom: 2px solid #e9ecef;
      border-radius: var(--bl-border-radius-lg) var(--bl-border-radius-lg) 0 0;
    }

    .modal-footer {
      border-top: 2px solid #e9ecef;
      border-radius: 0 0 var(--bl-border-radius-lg) var(--bl-border-radius-lg);
    }

    /* Baklava Nav/Tab Styles - Override Bootstrap */
    .nav-tabs .nav-link,
    .nav-tabs .nav-item .nav-link,
    ul.nav-tabs .nav-link {
      border-radius: var(--bl-border-radius-sm) var(--bl-border-radius-sm) 0 0 !important;
      transition: all 0.3s ease !important;
      color: #6c757d !important;
      border-color: transparent !important;
    }

    .nav-tabs .nav-link:hover,
    .nav-tabs .nav-item .nav-link:hover,
    ul.nav-tabs .nav-link:hover {
      color: var(--bl-color-primary) !important;
      background: rgba(var(--color-primary-rgb), 0.05) !important;
      /* Baklava Primary Light */
      border-color: transparent !important;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item .nav-link.active,
    ul.nav-tabs .nav-link.active,
    .nav-tabs .nav-link.active:hover,
    .nav-tabs .nav-item .nav-link.active:hover {
      color: var(--bl-color-primary) !important;
      border-bottom-color: var(--bl-color-primary) !important;
      border-bottom-width: 3px !important;
      font-weight: 600 !important;
      background: rgba(var(--color-primary-rgb), 0.05) !important;
      /* Baklava Primary Light */
    }

    /*
     * Baklava: eski layout’ta mavi hover’ı kırmak için inherit kullanılmıştı.
     * #tmv2App içinde bu kural outline/secondary/empty-state butonlarında
     * background:inherit → beyaz metin + açık zemin / görünmez buton hatasına yol açıyordu.
     * v2 shell (#tmv2App) bu kuralın dışında — Bootstrap + tm-buttons-v2.css geçerli.
     */
    body:not(:has(#tmv2App)) .btn:hover:not(.tmv2-icon-btn):not(.tmv2-btn):not(.tmv2-btn-primary),
    body:not(:has(#tmv2App)) button:hover:not(.tmv2-icon-btn):not(.tmv2-btn):not(.tmv2-btn-primary),
    body:not(:has(#tmv2App)) a.btn:hover:not(.tmv2-icon-btn):not(.tmv2-btn):not(.tmv2-btn-primary),
    body:not(:has(#tmv2App)) input[type="submit"]:hover,
    body:not(:has(#tmv2App)) input[type="button"]:hover {
      background-color: inherit !important;
    }

    .btn-primary:hover,
    button.btn-primary:hover,
    a.btn-primary:hover {
      background: linear-gradient(135deg, var(--bl-color-primary-hover) 0%, var(--bl-color-primary) 100%) !important;
      color: white !important;
    }

    .btn-outline-primary:hover,
    button.btn-outline-primary:hover,
    a.btn-outline-primary:hover {
      background-color: var(--bl-color-primary) !important;
      border-color: var(--bl-color-primary) !important;
      color: white !important;
    }

    .btn-outline-primary {
      border-color: var(--bl-color-primary) !important;
      color: var(--bl-color-primary) !important;
    }

    .btn-outline-primary:hover {
      background-color: var(--bl-color-primary) !important;
      border-color: var(--bl-color-primary) !important;
      color: white !important;
    }

    /* Remove Bootstrap Blue Colors - Override All Blue States */
    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show>.btn-primary.dropdown-toggle {
      background: linear-gradient(135deg, var(--bl-color-primary) 0%, var(--bl-color-primary-hover) 100%) !important;
      border-color: var(--bl-color-primary) !important;
      color: white !important;
    }

    .btn-primary:focus,
    .btn-primary.focus {
      box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25) !important;
      /* Baklava Primary Focus */
    }

    .btn-outline-primary:focus,
    .btn-outline-primary.focus {
      box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25) !important;
      /* Baklava Primary Focus */
    }

    /* Override Bootstrap Link Colors */
    a:not(.btn):hover {
      color: var(--bl-color-primary) !important;
    }

    /* Override Bootstrap Badge Primary */
    .badge-primary,
    .badge.bg-primary {
      background-color: var(--bl-color-primary) !important;
    }

    /* Override Bootstrap Alert Primary */
    .alert-primary {
      background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.1) 0%, rgba(var(--color-primary-rgb), 0.05) 100%) !important;
      color: var(--bl-color-primary) !important;
      border-left: 4px solid var(--bl-color-primary) !important;
    }

    /* Override Bootstrap Dropdown */
    .dropdown-item.active,
    .dropdown-item:active {
      background-color: var(--bl-color-primary) !important;
      color: white !important;
    }

    .dropdown-item:hover {
      background-color: rgba(var(--color-primary-rgb), 0.1) !important;
      /* Baklava Primary Light */
      color: var(--bl-color-primary) !important;
    }

    /* Override Bootstrap Pagination */
    .page-link {
      color: var(--bl-color-primary) !important;
    }

    .page-link:hover {
      background-color: rgba(var(--color-primary-rgb), 0.1) !important;
      /* Baklava Primary Light */
      border-color: var(--bl-color-primary) !important;
      color: var(--bl-color-primary) !important;
    }

    .page-item.active .page-link {
      background-color: var(--bl-color-primary) !important;
      border-color: var(--bl-color-primary) !important;
      color: white !important;
    }

    /* Baklava Spacing Utilities */
    .bl-spacing-xs {
      margin: var(--bl-spacing-xs);
      padding: var(--bl-spacing-xs);
    }

    .bl-spacing-sm {
      margin: var(--bl-spacing-sm);
      padding: var(--bl-spacing-sm);
    }

    .bl-spacing-md {
      margin: var(--bl-spacing-md);
      padding: var(--bl-spacing-md);
    }

    .bl-spacing-lg {
      margin: var(--bl-spacing-lg);
      padding: var(--bl-spacing-lg);
    }

    .bl-spacing-xl {
      margin: var(--bl-spacing-xl);
      padding: var(--bl-spacing-xl);
    }

    /* Layout: .sidebar / .main-content / main#mainContent — base-legacy-layout.css (yalnız body:not(:has(#tmv2SidebarRoot))); v2: tm-shell + tm-v2-overrides */