/*
 * Soverse SaaS ERP - Custom Style Overrides
 * This file is automatically loaded by the Perfex CRM core in assets_helper.php, template_helper.php and themes_helper.php
 */

/* ==========================================================================
   1. DataTables - Centering and Styling "No Data" Row (Minimal Design)
   ========================================================================== */
table.dataTable tbody tr td.dataTables_empty {
    text-align: center !important;
    background: none !important; /* Hide the ugly PNG illustration with cloud and lines */
    height: auto !important; /* Remove the huge 228px height */
    padding: 50px 20px !important; /* Clean, modern padding */
    color: #64748b !important; /* Slate gray text color */
    font-size: 14px !important;
    font-weight: 500 !important;
    border-bottom: 0 !important;
}

/* Minimal FontAwesome Folder Open Icon */
table.dataTable tbody tr td.dataTables_empty::before {
    content: "\f07c" !important; /* FontAwesome folder-open icon */
    font-family: "FontAwesome", "Font Awesome 5 Free" !important;
    font-weight: 400 !important;
    display: block !important;
    font-size: 28px !important; /* Minimal small icon size */
    color: #cbd5e1 !important; /* Soft gray icon */
    margin: 0 auto 10px auto !important;
    opacity: 0.8 !important;
}

/* ==========================================================================
   2. PolyUtilities Column Display Filters (Styled as a compact, premium inline toolbar)
   ========================================================================== */
.poly-utilities-filter {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: 0 !important; /* Merge with the table header border */
    padding: 6px 12px !important; /* Tight, compact spacing */
    margin-bottom: 0 !important; /* No extra height gap */
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    box-shadow: none !important;
}

/* Add a minimal colon label prefix */
.poly-utilities-filter::before {
    content: "Sütunlar:" !important;
    font-weight: 600 !important;
    color: #64748b !important;
    font-size: 11.5px !important;
    margin-right: 2px !important;
}

/* Style each checkbox item container */
.poly-item-filter {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 0 !important;
    background: transparent !important; /* Make background clean and transparent */
    border: 0 !important; /* Remove borders for individual items */
    padding: 2px 4px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
}

.poly-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
    font-size: 12px !important; /* Compact text size */
    color: #475569 !important; /* Darker slate gray text */
    font-weight: 500 !important;
}

/* Modern Styled Checkbox */
.poly-label input[type="checkbox"].poly-checkbox {
    margin: 0 !important;
    accent-color: #6366f1 !important; /* Indigo primary checkmark */
    width: 13px !important; /* Compact checkbox size */
    height: 13px !important;
    cursor: pointer !important;
}

.poly-label span {
    margin-left: 0 !important;
    top: 0 !important;
}

/* Reorder reset button styling */
.poly_utilities_reset_order_columns {
    color: #64748b !important;
    font-size: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    transition: all 0.2s !important;
    margin-left: 5px !important;
}

.poly_utilities_reset_order_columns:hover {
    color: #6366f1 !important;
    border-color: #6366f1 !important;
    background: #f5f3ff !important;
}

/* ==========================================================================
   3. SweetAlert Column Selector Modal Styling
   ========================================================================== */
.poly-utilities-filter-modal {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    padding: 15px !important;
    background: #f8fafc !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
}

/* Style each checkbox item container inside the modal */
.poly-utilities-filter-modal .poly-item-filter {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 0 !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

.poly-utilities-filter-modal .poly-item-filter:hover {
    border-color: #6366f1 !important;
    background: #f5f3ff !important;
}

.poly-utilities-filter-modal .poly-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
    font-size: 13px !important;
    color: #334155 !important;
    font-weight: 500 !important;
}

/* Modern Styled Checkbox inside modal */
.poly-utilities-filter-modal .poly-label input[type="checkbox"].poly-checkbox {
    margin: 0 !important;
    accent-color: #6366f1 !important;
    width: 15px !important;
    height: 15px !important;
    cursor: pointer !important;
}

/* Fix for anchor inside custom table tools button */
.poly-button-tools a {
    color: inherit !important;
    text-decoration: none !important;
    display: inline-block !important;
}