@tailwind base;
@tailwind components;
@tailwind utilities;

.text-gray-200 {color:#7F8499 !important;}
.text-gray-800, .text-gray-700,  .text-gray-500,  .text-gray-400, .text-gray-300, .text-gray-200 {color:#596076 !important;}
.text-blue-100, .text-blue-200, .text-blue-300, .text-blue-400, .text-blue-500, .text-blue-600, .text-blue-700, .text-blue-800, .text-blue-900 {color:#5271FF !important;}
.bg-blue-500 {background-color: #5271FF;}


.head-font-color {color: #596076 !important;}

  /* Özel fontlar için ayarlar. Eğer istenmezse, Tailwind'in varsayılan Inter fontu kullanılacaktır. */
        body {
            font-family: 'Afacad', sans-serif; color:#596076 !important; /* Gövde için varsayılan font */
        }
        p{ color:#596076;}
        h1, h2, h3, h4, h5, h6, .font-baloo {
            font-family: 'Baloo 2', cursive; font-weight: 800 !important; color: #5271FF !important; /* Başlıklar ve belirli elemanlar için Baloo fontu */
        }

        ::-webkit-scrollbar {
            width: 8px !important;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1 !important;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb {
            background: #888 !important;
            border-radius: 10px !important;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #555 !important;
        }
           .modal-content-container {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }

        /* Kenar çubuğu animasyonları için geçiş sınıfları */
        .sidebar-transition {
            transition: width 0.3s ease-in-out, margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
        }
        .main-content-transition {
            transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
        }
        /* Mobil görünümde kenar çubuğu açıkken arka planı karartmak için overlay */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 40; 
            display: none; /* Varsayılan olarak gizli */
        }
        .overlay.active {
            display: block;
        }

      
        .sidebar-closed-mobile {
            overflow: hidden;
        }

    
        .card-header-style {
            background-color: #ffffff;
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
            padding: 1rem 1.5rem; /* py-4 px-6 */
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: -50px !important;
            margin-bottom: 20px !important;
        }
        .card-header-style h3 {
            font-weight: 600; /* font-semibold */
            font-size: 1.25rem; /* text-xl */
            color: #1f2937; /* text-gray-800 */
            font-family: 'Baloo 2', cursive; /* font-baloo */
        }
        .card-header-style .icon-button {
            color: #6b7280; /* text-gray-600 */
            transition: color 0.2s ease-in-out; /* transition duration-200 */
        }
        .card-header-style .icon-button:hover {
            color: #3b82f6; /* hover:text-blue-500 */
        }

        /* Tab navigasyon stilleri */
        .tab-nav-container {
            background-color: #e5e7eb; /* gray-100 */
            border-radius: 0.5rem; /* rounded-lg */
            padding: 0.25rem; /* p-1 */
            margin-bottom: 1rem; /* mb-4 */
        }

        .tab-button {
            flex: 1;


            padding-left: 1rem; /* px-4 */
            padding-right: 1rem; /* px-4 */
            border-radius: 0.375rem; /* rounded-md */
            color: #4b5563; /* gray-600 */
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s ease-in-out;
        }

        .tab-button:hover {
            background-color: #e5e7eb; 
        }

        .tab-button.active-tab-style {
            background-color: #fcd34d; 
            color: #1f2937; 
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); /* shadow-sm */
        }

        .card-p-1 { padding: 0 20px;}

                /* Bildirimler Kartı için yeni Tab navigasyon stilleri */
        .notifications-tab-nav-container {
            background-color: #e5e7eb; /* gray-100 */
            border-radius: 0.5rem; /* rounded-lg */
            padding: 0.25rem; /* p-1 */
            margin-bottom: 1rem; /* mb-4 */
            display: flex;
            justify-content: space-around;
            max-width: 250px;
            margin: 0 auto;
        }

        .notifications-tab-button {
            flex: 1;
            padding: 0.1rem 0.1rem;
            border-radius: 0.375rem; /* rounded-md */
            color: #4b5563; /* gray-600 */
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        }

        .notifications-tab-button:hover {
            background-color: #d1d5db; /* gray-300 */
        }

        .notifications-tab-button.active {
            background-color: #fcd34d; /* yellow-300 */
            color: #1f2937; /* gray-800 */
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); /* shadow-sm */
        }

        /* Global buton font boyutu: text-md (Tailwind: 1rem/1.5rem) */
        button,
        .btn {
            font-size: 1rem !important; /* text-md */
            line-height: 1.5rem !important; /* leading-6 */
        }

        /* text-md yardımcı sınıfını güçlendir (CDN ile çakışmaları önlemek için) */
        .text-md { font-size: 1rem !important; line-height: 1.5rem !important; }