:root {
        --color-standard: OKPASTEL;
        /* Temel pastel palet */
        --color-bg: #F9F7F3;
        --color-primary: #AEC6CF; /* Açık Mavi */
        --color-secondary: #B0C4DE; /* Çelik Mavisi */
        --color-accent: #778899; /* Açık Kurşun Gri */
        --color-text: #333333; /* Koyu Gri (Daha okunaklı) */
      
        /* Eski değişkenleri yeni paletle eşleştirelim veya uyarlayalım */
        --primary-color: var(--color-primary);
        --primary-dark: #9cb7bf; /* --color-primary'nin daha koyu bir tonu */
        --secondary-color: var(--color-secondary);
        --success-color: #b2dba1; /* Pastele uygun yeşil */
        --light-bg: var(--color-bg);
        --card-shadow: 0 2px 4px rgba(0,0,0,0.05);
        --light-nav: #ffffff;
        --text-primary: var(--color-text);
        --text-secondary: #555555; /* Orta Koyu Gri */
        --text-light: #777777; /* Orta Gri */
      }

      html, body {
        height: 100%;
      }

      body {
        font-family: 'Poppins', sans-serif;
        transition: all 0.3s ease;
        background-color: var(--light-bg);
        color: var(--text-primary);
        line-height: 1.6;
        display: flex;
        flex-direction: column;
      }

      /* Main content wrapper to push footer down */
      .content-wrapper {
        flex: 1 0 auto;
      }

      .navbar {
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        padding: 0.75rem 0;
        background-color: #ffffff !important;
        border-bottom: 1px solid #e0e0e0;
      }

      .navbar-brand {
        font-weight: 600;
        color: var(--primary-color);
        font-size: 1.5rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        transition: all 0.3s ease;
      }

      .navbar-brand:hover {
        color: var(--primary-dark);
      }

      .nav-link {
        font-weight: 500;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        transition: all 0.3s ease;
        color: var(--text-secondary);
        position: relative;
        margin: 0 0.25rem;
        display: flex;
        align-items: center;
      }

      .nav-link:hover {
        background-color: rgba(174, 198, 207, 0.2); /* --color-primary with alpha */
        color: var(--primary-dark);
      }

      .nav-link.active {
        color: var(--primary-dark) !important;
        font-weight: 600;
        background-color: transparent;
        border-bottom: 3px solid var(--color-accent);
        border-radius: 0; /* Alt çizginin tam oturması için */
      }

      .nav-link.active:hover {
        background-color: rgba(174, 198, 207, 0.3); /* --color-primary with alpha */
        color: var(--primary-dark) !important;
      }

      /* CTA Button Style for "İşletme Ekle" */
      .nav-cta {
        background: var(--color-accent);
        color: #ffffff !important; /* Koyu arka plan üzerinde beyaz metin */
        font-weight: 600;
        box-shadow: 0 4px 6px -1px rgba(119, 136, 153, 0.4);
      }

      .nav-cta:hover {
        background: #667788; /* Darker accent */
        box-shadow: 0 8px 15px -3px rgba(119, 136, 153, 0.5);
      }

      .nav-cta.active {
        background: #667788;
      }

      /* Dropdown Styles */
      .dropdown-menu {
        border: none;
        border-radius: 0.75rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
          0 4px 6px -4px rgba(0, 0, 0, 0.1);
        margin-top: 0.5rem;
        padding: 0.5rem;
      }

      .dropdown-item {
        border-radius: 0.5rem;
        padding: 0.75rem 1rem;
        font-weight: 500;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
      }

      .dropdown-item:hover {
        background-color: rgba(174, 198, 207, 0.2); /* --color-primary with alpha */
        color: var(--primary-dark);
      }

      .dropdown-header {
        font-weight: 600;
        color: var(--primary-color);
        font-size: 0.9rem;
        padding: 0.75rem 1rem 0.5rem;
      }

      /* User Dropdown Button */
      .user-dropdown {
        border-radius: 2rem;
        padding: 0.5rem 1rem;
        background: rgba(174, 198, 207, 0.2);
        border: 2px solid transparent;
      }

      .user-dropdown:hover {
        border-color: var(--primary-color);
        background: rgba(174, 198, 207, 0.3);
      }      
      
      /* Mobile Responsiveness */
      @media (max-width: 991.98px) {
        .navbar-nav {
          margin-top: 1rem;
          padding-top: 1rem;
          border-top: 1px solid rgba(0, 0, 0, 0.1);
        }

        .nav-link {
          margin: 0.25rem 0;
          padding: 1rem;
        }

        .nav-text {
          font-size: 1rem;
        }

        .user-dropdown {
          border-radius: 0.5rem;
          margin-top: 0.5rem;
        }
      }

      /* Icon Animations */
      .nav-link i {
        transition: all 0.3s ease;
      }

      .nav-link:hover i {
        /* transform: scale(1.1); */ /* Hover animasyonu kaldırıldı */
      }

      .dropdown-toggle::after {
        transition: transform 0.3s ease;
      }

      .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(180deg);
      }

      .card {
        border: 1px solid #e0e0e0;
        border-radius: 0.75rem;
        box-shadow: var(--card-shadow);
        transition: box-shadow 0.3s ease;
      }
      .card:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      }

      .navbar-brand {
        font-weight: 700;
        color: var(--primary-color);
        font-size: 1.25rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }

      .nav-link {
        font-weight: 500;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        transition: all 0.3s ease;
        color: var(--text-secondary);
      }

      .nav-link:hover {
        background: rgba(174, 198, 207, 0.2);
        color: var(--primary-dark);
      }

      .btn {
        border-radius: 0.5rem;
        padding: 0.6rem 1.2rem;
        font-weight: 500;
        transition: all 0.3s ease;
        border: none;
      }

      .btn-primary {
        background-color: var(--primary-color);
        color: var(--color-text);
      }

      .btn-primary:hover {
        background-color: var(--primary-dark);
        box-shadow: 0 2px 8px rgba(74, 144, 226, 0.4);
      }

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

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

      .btn-success {
        background-color: var(--success-color);
        color: var(--color-text);
      }

      .btn-success:hover {
        background-color: #a1c990; /* Darker success color */
      }

      .alert {
        border-radius: 0.5rem;
        border: none;
        box-shadow: var(--card-shadow);
      }      
      
      /* Form elements */
      .form-control {
        border-radius: 0.5rem;
        padding: 0.6rem 1rem;
        border: 1px solid #ced4da;
        transition: all 0.3s ease;
      }

      .form-control:focus {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
      }

      /* Loading states */
      .btn:disabled {
        cursor: not-allowed;
        opacity: 0.6;
      }

      .btn-loading {
        pointer-events: none;
      }

      .spinner-border-sm {
        width: 1rem;
        height: 1rem;
      }

      /* Icon squares for better visual hierarchy */
      .icon-square {
        width: 3rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      } 
      
      /* Enhanced Mobile Responsive Design */
      @media (max-width: 768px) {
        .navbar-brand span {
          display: none;
        }

        .container,
        .container-fluid {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }

        .card-body {
          padding: 1rem !important;
        }

        .btn-group {
          flex-direction: column;
          width: 100%;
        }

        .btn-group .btn {
          border-radius: 0.375rem !important;
          margin-bottom: 0.25rem;
          width: 100%;
        }

        /* Mobile-first navigation improvements */
        .navbar-nav {
          background: rgba(255, 255, 255, 0.95);
          border-radius: 0.5rem;
          padding: 0.5rem;
          margin-top: 0.5rem;
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .nav-link {
          padding: 0.75rem 1rem;
          margin: 0.125rem 0;
          border-radius: 0.375rem;
        }

        /* Mobile card improvements */
        .card {
          margin-bottom: 1rem;
          border-radius: 0.5rem;
        }

        /* Mobile button improvements */
        .btn {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .btn-sm {
          font-size: 0.8rem;
          padding: 0.375rem 0.75rem;
        }        
        
        /* Mobile table improvements */
        .table-responsive {
          border-radius: 0.5rem;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .table th,
        .table td {
          padding: 0.5rem 0.25rem;
          font-size: 0.85rem;
          word-break: break-word;
        }

        /* Hide less important columns on mobile */
        .d-mobile-none {
          display: none !important;
        }

        /* Mobile form improvements */
        .form-control,
        .form-select {
          font-size: 16px; /* Prevents zoom on iOS */
          padding: 0.75rem;
        }

        .input-group-lg .form-control {
          font-size: 16px;
          padding: 1rem;
        }

        /* Mobile modal improvements */
        .modal-dialog {
          margin: 0.5rem;
        }

        .modal-content {
          border-radius: 0.75rem;
        }
      }

      @media (max-width: 576px) {
        .navbar-brand {
          font-size: 0.9rem;
        }

        .h1,
        .h2,
        .h3 {
          font-size: 1.25rem;
        }

        .h4,
        .h5 {
          font-size: 1.1rem;
        }

        .display-4 {
          font-size: 1.75rem;
        }

        .card-body {
          padding: 0.75rem !important;
        }

        .container,
        .container-fluid {
          padding-left: 0.5rem;
          padding-right: 0.5rem;
        }

        /* Extra small screen optimizations */
        .btn {
          font-size: 0.85rem;
          padding: 0.5rem 0.75rem;
        }

        .btn-lg {
          font-size: 0.95rem;
          padding: 0.75rem 1rem;
        }

        .alert {
          padding: 0.75rem;
          font-size: 0.9rem;
        }

        .breadcrumb {
          font-size: 0.8rem;
          padding: 0.5rem;
        }

        /* Stack form elements vertically */
        .d-flex.flex-column.flex-sm-row {
          flex-direction: column !important;
        }

        .d-flex.flex-column.flex-sm-row > * {
          margin-bottom: 0.5rem;
        }

        .d-flex.flex-column.flex-sm-row > *:last-child {
          margin-bottom: 0;
        }
      }

      /* Touch-friendly improvements */
      @media (pointer: coarse) {
        .btn,
        .form-control,
        .form-select {
          min-height: 44px; /* Apple's recommended touch target size */
        }

        .nav-link {
          min-height: 44px;
          display: flex;
          align-items: center;
        }

        .dropdown-item {
          padding: 0.75rem 1rem;
        }
      }

      /* Landscape mobile optimizations */
      @media screen and (max-height: 500px) and (orientation: landscape) {
        .navbar {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
        }

        .container {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
        }

        .card-body {
          padding: 0.75rem !important;
        }
      } 
      
      /* High DPI displays */
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .icon-square {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }
      }

      /* Additional Mobile Enhancements */
      .min-width-0 {
        min-width: 0;
      }

      .flex-shrink-0 {
        flex-shrink: 0;
      }

      /* Improved pagination for mobile */
      @media (max-width: 576px) {
        .pagination {
          justify-content: center;
        }

        .pagination
          .page-item:not(.active):not(:first-child):not(:last-child):not(
            :nth-child(2)
          ):not(:nth-last-child(2)) {
          display: none;
        }
      }

      /* Mobile-friendly dropdowns */
      @media (max-width: 768px) {
        .dropdown-menu {
          border-radius: 0.75rem;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
          border: none;
          margin-top: 0.5rem !important;
        }

        .dropdown-item {
          padding: 0.75rem 1rem;
          font-size: 0.95rem;
        }
      }

      /* Improved focus states for accessibility */
      .form-control:focus,
      .form-select:focus,
      .btn:focus {
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
        border-color: var(--primary-color);
      }

      /* Loading states */
      .card-hover:hover {
        /* transition: transform 0.2s ease; */ /* Hover animasyonu kaldırıldı */
      }

      /* Better mobile typography */
      @media (max-width: 576px) {
        body {
          font-size: 0.9rem;
        }

        .small {
          font-size: 0.8rem;
        }

        .btn {
          font-size: 0.85rem;
        }
      }      
      
      /* Footer */
      footer {
        font-size: 0.875rem;
        color: var(--text-light);
        border-top: 1px solid #e0e0e0;
        padding: 1.5rem 0;
        background-color: #ffffff;
        width: 100%;
      }