/*
 * Shared dashboard styles (WEB-149).
 * Rules that were previously copy-pasted as inline <style> blocks across
 * templates live here. Page-specific styles stay in each page's head block.
 */

/* Legacy SB-Admin-2 utility classes used across admin pages — the framework
   itself is not loaded (AdminLTE stack), so back the classes here once. */
.text-xs { font-size: 0.75rem; }
.text-gray-200 { color: #eaecf4 !important; }
.text-gray-300 { color: #dddfeb !important; }
.text-gray-500 { color: #b7b9cc !important; }
.text-gray-600 { color: #858796 !important; }
.text-gray-800 { color: #5a5c69 !important; }

/* Breadcrumb "Home" link — was duplicated in 13 templates */
.home-link-custom {
    color: black !important;
    text-decoration: none;
}
.home-link-custom:hover {
    color: #007bff !important;
}

/* DataTables shared layout fixes — was duplicated per table page */
.content-wrapper {
    min-width: 0;
}
.content-wrapper [class*="col-"] {
    min-width: 0;
}
.dataTables_wrapper thead th {
    white-space: nowrap;
    padding-right: 30px !important;
}
.dataTables_wrapper div.dt-buttons { text-align: left !important; }
.dataTables_wrapper .dataTables_filter { text-align: right !important; }
.dataTables_wrapper .dataTables_info { text-align: left !important; }
.dataTables_wrapper .dataTables_paginate { text-align: right !important; float: right !important; }

.dataTables_wrapper .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .table-responsive::-webkit-scrollbar { height: 8px; }
.dataTables_wrapper .table-responsive::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
.dataTables_wrapper .table-responsive::-webkit-scrollbar-thumb { background: #adb5bd; border-radius: 4px; }
.dataTables_wrapper .table-responsive::-webkit-scrollbar-thumb:hover { background: #6c757d; }

/* Shared organization form (components/org_form_fields.html):
   hide company-only fields without a flash when Individual is preselected */
.is-individual .toggle-field {
    display: none !important;
}
.is-individual #websiteContainer {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}