/**
 * Mini CRM – Ortak DataTable stilleri
 * Sayfada göster / Ara toolbar ve ecommerce tarzı tablo.
 * Kullanım: Tablo container'ına .minicrm-dt-container, toolbar'a .minicrm-dt-toolbar, tabloya .minicrm-dt-table ekleyin.
 */

/* Wrapper (DataTables'ın oluşturduğu sarmalayıcı) */
.minicrm-dt-container .dataTables_wrapper .dataTables_scroll { border: none; }
.minicrm-dt-container .dataTables_wrapper .dataTables_info,
.minicrm-dt-container .dataTables_wrapper .dataTables_paginate { margin-top: 0.75rem; color: #64748b; font-size: 0.875rem; }
.minicrm-dt-container .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0.25rem 0.5rem; margin: 0 1px; border-radius: 0.25rem; }
.minicrm-dt-container .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #3b82f6; color: #fff !important; border-color: #3b82f6; }

/* Toolbar (Sayfada göster + Ara) */
.minicrm-dt-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px dashed rgb(226 232 240); }
.dark .minicrm-dt-toolbar { border-bottom-color: rgb(71 85 105); }
.minicrm-dt-toolbar .toolbar-length { display: flex; align-items: center; gap: 0.5rem; min-height: 2.25rem; }
.minicrm-dt-toolbar .toolbar-length label,
.minicrm-dt-toolbar .toolbar-search label { font-size: 0.875rem; font-weight: 500; color: rgb(71 85 105); white-space: nowrap; margin: 0; line-height: 1.5; }
.dark .minicrm-dt-toolbar .toolbar-length label,
.dark .minicrm-dt-toolbar .toolbar-search label { color: rgb(148 163 184); }
.minicrm-dt-toolbar .toolbar-length select { height: 2.25rem; padding: 0.375rem 1.75rem 0.375rem 0.5rem; border: 1px solid rgb(226 232 240); border-radius: 0.375rem; font-size: 0.875rem; background: white; min-width: 4rem; line-height: 1.25; vertical-align: middle; }
.dark .minicrm-dt-toolbar .toolbar-length select { border-color: rgb(71 85 105); background: rgb(51 65 85); color: rgb(226 232 240); }
.minicrm-dt-toolbar .toolbar-length .toolbar-length-text { font-size: 0.875rem; color: rgb(100 116 139); line-height: 2.25rem; }
.dark .minicrm-dt-toolbar .toolbar-length .toolbar-length-text { color: rgb(148 163 184); }
.minicrm-dt-toolbar .toolbar-search { display: flex; align-items: center; gap: 0.5rem; margin-left: auto; min-height: 2.25rem; }
.minicrm-dt-toolbar .toolbar-search input { height: 2.25rem; padding: 0.375rem 0.75rem; border: 1px solid rgb(226 232 240); border-radius: 0.375rem; font-size: 0.875rem; width: 12rem; max-width: 100%; line-height: 1.25; }
.dark .minicrm-dt-toolbar .toolbar-search input { border-color: rgb(71 85 105); background: rgb(51 65 85); color: rgb(226 232 240); }
.minicrm-dt-toolbar .toolbar-search input::placeholder { color: rgb(148 163 184); }

/* Ecommerce tarzı tablo (.minicrm-dt-table) */
.minicrm-dt-container .minicrm-dt-table thead { background: rgb(249 250 251); }
.dark .minicrm-dt-container .minicrm-dt-table thead { background: rgb(55 65 81); }
.minicrm-dt-container .minicrm-dt-table thead th { padding: 0.75rem 1rem; font-size: 0.75rem; letter-spacing: 0.05em; text-transform: uppercase; position: relative; padding-right: 1.5rem; cursor: default; background-image: none !important; }
/* Sıralama ikonları: sıralanabilir / artan / azalan */
.minicrm-dt-container .minicrm-dt-table thead th.sorting::after,
.minicrm-dt-container .minicrm-dt-table thead th.sorting_asc::after,
.minicrm-dt-container .minicrm-dt-table thead th.sorting_desc::after { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); font-size: 0.7rem; opacity: 0.7; line-height: 1; }
.minicrm-dt-container .minicrm-dt-table thead th.sorting::after { content: "⇅"; color: rgb(148 163 184); }
.dark .minicrm-dt-container .minicrm-dt-table thead th.sorting::after { color: rgb(148 163 184); }
.minicrm-dt-container .minicrm-dt-table thead th.sorting_asc::after { content: "▲"; color: rgb(59 130 246); font-weight: bold; opacity: 1; }
.dark .minicrm-dt-container .minicrm-dt-table thead th.sorting_asc::after { color: rgb(96 165 250); }
.minicrm-dt-container .minicrm-dt-table thead th.sorting_desc::after { content: "▼"; color: rgb(59 130 246); font-weight: bold; opacity: 1; }
.dark .minicrm-dt-container .minicrm-dt-table thead th.sorting_desc::after { color: rgb(96 165 250); }
.minicrm-dt-container .minicrm-dt-table thead th.sorting { cursor: pointer; }
.minicrm-dt-container .minicrm-dt-table thead th.sorting:hover { color: rgb(59 130 246); }
.dark .minicrm-dt-container .minicrm-dt-table thead th.sorting:hover { color: rgb(96 165 250); }
.minicrm-dt-container .minicrm-dt-table tbody tr { background: white; border-bottom: 1px dashed rgb(226 232 240); }
.dark .minicrm-dt-container .minicrm-dt-table tbody tr { background: rgb(30 41 59); border-bottom-color: rgb(71 85 105); }
.minicrm-dt-container .minicrm-dt-table tbody tr:last-child { border-bottom: none; }
.minicrm-dt-container .minicrm-dt-table tbody td { padding: 0.75rem 1rem; font-size: 0.875rem; }
.minicrm-dt-container .minicrm-dt-table tbody tr:hover { background: rgb(248 250 252); }
.dark .minicrm-dt-container .minicrm-dt-table tbody tr:hover { background: rgb(51 65 85); }