/* app.blade.php'den taşındı — modal ve genel layout stilleri */
/* Modal - Bootstrap JS ile çalışması için minimal stiller */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1055;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            outline: 0;
            background-color: rgba(0, 0, 0, 0.5);
        }
        .modal.fade {
            opacity: 0;
            transition: opacity 0.15s linear;
        }
        .modal.fade.show {
            opacity: 1;
        }
        .modal.show {
            display: block;
        }
        .modal-dialog {
            position: relative;
            width: auto;
            margin: 1.75rem auto;
            max-width: 500px;
            pointer-events: none;
        }
        .modal-dialog-centered {
            display: flex;
            align-items: center;
            min-height: calc(100% - 3.5rem);
        }
        .modal-dialog-scrollable {
            height: calc(100% - 3.5rem);
        }
        .modal-dialog-scrollable .modal-content {
            max-height: 100%;
            overflow: hidden;
        }
        .modal-dialog-scrollable .modal-body {
            overflow-y: auto;
        }
        .modal-sm { max-width: 300px; }
        .modal-lg { max-width: 800px; }
        .modal-xl { max-width: 1140px; }
        .modal-content {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            pointer-events: auto;
            background-color: #fff;
            background-clip: padding-box;
            border-radius: 0.75rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            outline: 0;
        }
        .modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 1.5rem;
            border-bottom: 1px solid #e5e7eb;
            border-top-left-radius: 0.75rem;
            border-top-right-radius: 0.75rem;
        }
        .modal-title {
            margin: 0;
            line-height: 1.5;
            font-weight: 600;
        }
        .modal-body {
            position: relative;
            flex: 1 1 auto;
            padding: 1.5rem;
        }
        .modal-footer {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
            padding: 1rem 1.5rem;
            border-top: 1px solid #e5e7eb;
            border-bottom-left-radius: 0.75rem;
            border-bottom-right-radius: 0.75rem;
            gap: 0.5rem;
        }
        .modal-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1050;
            width: 100vw;
            height: 100vh;
            background-color: #000;
        }
        .modal-backdrop.fade { opacity: 0; }
        .modal-backdrop.show { opacity: 0.5; }

        /* Dark mode */
        .dark .modal-content {
            background-color: #1f2937;
            color: #f3f4f6;
        }
        .dark .modal-footer {
            border-top-color: #374151;
        }

        /* Form Control - Tailwind uyumlu */
        .form-control {
            display: block;
            width: 100%;
            padding: 0.5rem 0.75rem;
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 1.5;
            color: #1f2937;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #d1d5db;
            border-radius: 0.5rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }
        .form-control:focus {
            color: #1f2937;
            background-color: #fff;
            border-color: #7c3aed;
            outline: 0;
            box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
        }
        .dark .form-control {
            background-color: #374151;
            border-color: #4b5563;
            color: #f3f4f6;
        }
        .dark .form-control:focus {
            border-color: #7c3aed;
            background-color: #374151;
        }

        /* Select2 - Tailwind/Dark mode uyumlu */
        .select2-container--bootstrap4 .select2-selection--single {
            height: 38px !important;
            border-radius: 0.5rem !important;
            border: 1px solid #d1d5db !important;
        }
        .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
            line-height: 36px !important;
            padding-left: 0.75rem !important;
        }
        .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
            height: 36px !important;
        }
        .dark .select2-container--bootstrap4 .select2-selection--single {
            background-color: #374151 !important;
            border-color: #4b5563 !important;
            color: #f3f4f6 !important;
        }
        .dark .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
            color: #f3f4f6 !important;
        }
        .select2-container--bootstrap4 .select2-dropdown {
            border-radius: 0.5rem !important;
            border: 1px solid #d1d5db !important;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
        }
        .dark .select2-container--bootstrap4 .select2-dropdown {
            background-color: #1f2937 !important;
            border-color: #4b5563 !important;
        }
        .dark .select2-container--bootstrap4 .select2-results__option {
            color: #f3f4f6 !important;
        }
        .dark .select2-container--bootstrap4 .select2-results__option--highlighted {
            background-color: #4b5563 !important;
        }
        .dark .select2-container--bootstrap4 .select2-search__field {
            background-color: #374151 !important;
            border-color: #4b5563 !important;
            color: #f3f4f6 !important;
        }

        /* DataTables - Tailwind uyumlu */
        table.dataTable {
            border-collapse: collapse !important;
        }
        .dataTables_wrapper .dataTables_length select,
        .dataTables_wrapper .dataTables_filter input {
            border: 1px solid #d1d5db;
            border-radius: 0.5rem;
            padding: 0.375rem 0.75rem;
        }
        .dark .dataTables_wrapper .dataTables_length select,
        .dark .dataTables_wrapper .dataTables_filter input {
            background-color: #374151;
            border-color: #4b5563;
            color: #f3f4f6;
        }

        /* Summernote - Dark mode */
        .dark .note-editor.note-frame {
            border-color: #4b5563;
        }
        .dark .note-toolbar {
            background-color: #374151;
            border-color: #4b5563;
        }
        .dark .note-editing-area .note-editable {
            background-color: #1f2937;
            color: #f3f4f6;
        }

        /* Bootstrap btn overrides for consistency */
        .btn-close {
            filter: none;
            opacity: 1;
        }
        .btn-close-white {
            filter: invert(1) grayscale(100%) brightness(200%);
        }