/**
 * Vlastní styly pro CRM systém
 * Firemní barevné schéma
 */
* {
    font-family: Arial, Helvetica, sans-serif !important;
}
:root {
    /* Firemní barvy */
    --primary-color: #318CDD;
    --primary-light: #DDEFFF;
    --success-color: #08D029;
    --warning-color: #E6B42B;
    --dark-color: #1E486C;
    
    /* Bootstrap 5 CSS proměnné - primární barva */
    --bs-primary: #318CDD;
    --bs-primary-rgb: 49, 140, 221;
    --bs-primary-bg-subtle: #DDEFFF;
    --bs-primary-border-subtle: #318CDD;
    --bs-primary-text: #318CDD;
    
    /* Bootstrap 5 CSS proměnné - úspěch (zelená) */
    --bs-success: #08D029;
    --bs-success-rgb: 8, 208, 41;
    --bs-success-bg-subtle: #d4f4dd;
    --bs-success-border-subtle: #08D029;
    --bs-success-text: #08D029;
    
    /* Bootstrap 5 CSS proměnné - varování (žlutá) */
    --bs-warning: #E6B42B;
    --bs-warning-rgb: 230, 180, 43;
    --bs-warning-bg-subtle: #fef5e0;
    --bs-warning-border-subtle: #E6B42B;
    --bs-warning-text: #E6B42B;
    
    /* Bootstrap 5 CSS proměnné - info (světle modrá) */
    --bs-info: #DDEFFF;
    --bs-info-rgb: 221, 239, 255;
    --bs-info-bg-subtle: #DDEFFF;
    --bs-info-border-subtle: #318CDD;
    --bs-info-text: #1E486C;
    
    /* Bootstrap 5 CSS proměnné - tmavá */
    --bs-dark: #1E486C;
    --bs-dark-rgb: 30, 72, 108;
    --bs-dark-bg-subtle: #2d5f8f;
    --bs-dark-border-subtle: #1E486C;
    --bs-dark-text: #1E486C;
    
    /* Bootstrap 5 CSS proměnné - tlačítka primární */
    --bs-btn-bg: #318CDD;
    --bs-btn-border-color: #318CDD;
    --bs-btn-hover-bg: #2678c4;
    --bs-btn-hover-border-color: #2678c4;
    --bs-btn-active-bg: #1E5A9E;
    --bs-btn-active-border-color: #1E5A9E;
    --bs-btn-disabled-bg: #318CDD;
    --bs-btn-disabled-border-color: #318CDD;
    
    /* Bootstrap 5 CSS proměnné - odkazy */
    --bs-link-color: #318CDD;
    --bs-link-hover-color: #2678c4;
    --bs-link-color-rgb: 49, 140, 221;
    
    /* Bootstrap 5 CSS proměnné - border */
    --bs-border-color: #e9ecef;
    --bs-border-color-translucent: rgba(49, 140, 221, 0.175);
    
    /* Bootstrap 5 CSS proměnné - focus */
    --bs-focus-ring-color: rgba(49, 140, 221, 0.25);
    
    /* Bootstrap 5 CSS proměnné - body */
    --bs-body-color: #1E486C;
    --bs-body-bg: #ffffff;
    
    /* Bootstrap 5 CSS proměnné - heading */
    --bs-heading-color: #1E486C;
    
    /* Bootstrap 5 CSS proměnné - emphasis colors */
    --bs-emphasis-color: #1E486C;
    --bs-emphasis-color-rgb: 30, 72, 108;
    
    /* Bootstrap 5 CSS proměnné - form */
    --bs-form-valid-color: #08D029;
    --bs-form-valid-border-color: #08D029;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

/* Tlačítka - primární */
.btn-primary {
    --bs-btn-bg: #318CDD;
    --bs-btn-border-color: #318CDD;
    --bs-btn-hover-bg: #2678c4;
    --bs-btn-hover-border-color: #2678c4;
    --bs-btn-active-bg: #1E5A9E;
    --bs-btn-active-border-color: #1E5A9E;
    --bs-btn-disabled-bg: #318CDD;
    --bs-btn-disabled-border-color: #318CDD;
}

/* Tlačítka - úspěch */
.btn-success {
    --bs-btn-bg: #08D029;
    --bs-btn-border-color: #08D029;
    --bs-btn-hover-bg: #07b024;
    --bs-btn-hover-border-color: #07b024;
    --bs-btn-active-bg: #069920;
    --bs-btn-active-border-color: #069920;
    --bs-btn-disabled-bg: #08D029;
    --bs-btn-disabled-border-color: #08D029;
}

/* Tlačítka - varování */
.btn-warning {
    --bs-btn-bg: #E6B42B;
    --bs-btn-border-color: #E6B42B;
    --bs-btn-hover-bg: #d4a024;
    --bs-btn-hover-border-color: #d4a024;
    --bs-btn-active-bg: #c28f1f;
    --bs-btn-active-border-color: #c28f1f;
    --bs-btn-disabled-bg: #E6B42B;
    --bs-btn-disabled-border-color: #E6B42B;
    --bs-btn-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-active-color: #000;
}

/* Tlačítka - info */
.btn-info {
    --bs-btn-bg: #DDEFFF;
    --bs-btn-border-color: #318CDD;
    --bs-btn-hover-bg: #c5e3ff;
    --bs-btn-hover-border-color: #2678c4;
    --bs-btn-active-bg: #b0d9ff;
    --bs-btn-active-border-color: #1E5A9E;
    --bs-btn-color: #1E486C;
    --bs-btn-hover-color: #1E486C;
    --bs-btn-active-color: #1E486C;
}

/* Badge */
.badge.bg-primary {
    --bs-badge-bg: #318CDD;
}

.badge.bg-success {
    --bs-badge-bg: #08D029;
}

.badge.bg-warning {
    --bs-badge-bg: #E6B42B;
    --bs-badge-color: #000;
}

.badge.bg-info {
    --bs-badge-bg: #DDEFFF;
    --bs-badge-color: #1E486C;
}

/* Alert */
.alert-primary {
    --bs-alert-bg: #DDEFFF;
    --bs-alert-border-color: #318CDD;
    --bs-alert-color: #1E486C;
}

.alert-success {
    --bs-alert-bg: #d4f4dd;
    --bs-alert-border-color: #08D029;
    --bs-alert-color: #055d16;
}

.alert-warning {
    --bs-alert-bg: #fef5e0;
    --bs-alert-border-color: #E6B42B;
    --bs-alert-color: #8a6a1a;
}

/* Card */
.card {
    --bs-card-border-color: #e9ecef;
    --bs-card-cap-bg: #ffffff;
    background: white;
    box-shadow: 0 1px 3px rgba(30, 72, 108, 0.08);
}

.card-header {
    background-color: #ffffff;
    border-bottom: 2px solid #318CDD;
    color: #1E486C;
    font-weight: 600;
}

/* Table */
.table {
    --bs-table-hover-bg: rgba(49, 140, 221, 0.05);
    --bs-table-hover-color: #1E486C;
}

.table thead th {
    background-color: #ffffff;
    color: #1E486C;
    border-bottom: 2px solid #318CDD;
    font-weight: 600;
}

/* Form controls */
.form-control:focus,
.form-select:focus {
    border-color: #318CDD;
    box-shadow: 0 0 0 0.25rem rgba(49, 140, 221, 0.25);
}

.form-check-input:checked {
    background-color: #318CDD;
    border-color: #318CDD;
}

/* Pagination */
.pagination {
    --bs-pagination-color: #318CDD;
    --bs-pagination-hover-color: #2678c4;
    --bs-pagination-hover-bg: rgba(49, 140, 221, 0.08);
    --bs-pagination-focus-color: #2678c4;
    --bs-pagination-focus-bg: rgba(49, 140, 221, 0.08);
    --bs-pagination-active-bg: #318CDD;
    --bs-pagination-active-border-color: #318CDD;
}

/* Progress */
.progress-bar {
    --bs-progress-bar-bg: #318CDD;
}

.progress-bar.bg-success {
    --bs-progress-bar-bg: #08D029;
}

.progress-bar.bg-warning {
    --bs-progress-bar-bg: #E6B42B;
}

/* List group */
.list-group-item-action:hover {
    background-color: rgba(49, 140, 221, 0.05);
}

.list-group-item.active {
    background-color: #318CDD;
    border-color: #318CDD;
}

/* Dropdown */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(49, 140, 221, 0.08);
    color: #1E486C;
}

/* Modal */
.modal-header {
    background-color: #ffffff;
    border-bottom: 2px solid #318CDD;
}

/* Sidebar specifické styly */
#sidebar .sidebar-wrapper {
    background-color: #fff;
    border-right: 1px solid #e9ecef;
}



#sidebar .sidebar-item.active .sidebar-link {
    background-color: #318CDD !important;
    color: #fff !important;
}

#sidebar .sidebar-item:not(.active) .sidebar-link:hover {
    background-color: #DDEFFF !important;
    color: #1E486C !important;
}

#sidebar .sidebar-link {
    color: #1E486C;
}

#sidebar .sidebar-title {
    color: #1E486C;
    font-weight: 600;
}

/* Statistiky na dashboardu */
.stats-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.stats-icon.purple {
    background-color: #318CDD;
    color: white;
}

.stats-icon.blue {
    background-color: #DDEFFF;
    color: #1E486C;
}

.stats-icon.green {
    background-color: #08D029;
    color: white;
}

.stats-icon.red {
    background-color: #E6B42B;
    color: #000;
}

/* Tmavý režim */
body.theme-dark {
    --bs-body-bg: #1a1a2e;
    --bs-body-color: #e9ecef;
    --bs-card-bg: #16213e;
    --bs-card-border-color: #1E486C;
}

body.theme-dark .card {
    background-color: #16213e;
    border-color: #1E486C;
}

body.theme-dark .card-header {
    background-color: #1E486C;
    color: #DDEFFF;
}

body.theme-dark #sidebar .sidebar-wrapper {
    background-color: #16213e;
    border-right-color: #1E486C;
}

body.theme-dark .table {
    --bs-table-color: #e9ecef;
    --bs-table-bg: transparent;
}

body.theme-dark .table thead th {
    background-color: #1E486C;
    color: #DDEFFF;
}

body.theme-dark .table-hover tbody tr:hover {
    background-color: #1E486C;
}

/* Animace a přechody */
.btn {
    transition: all 0.3s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

.card {
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 4px 12px rgba(30, 72, 108, 0.15);
}

.sidebar-link {
    transition: all 0.2s ease;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #DDEFFF;
}

::-webkit-scrollbar-thumb {
    background: #318CDD;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #2678c4;
}
/* Responsivita */
@media (max-width: 768px) {
    #sidebar .sidebar-header {
        padding: 1rem;
    }
    
    .stats-icon {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.2rem;
    }
}
body {
    background-color: #f1f9ff;
}
.nav-nad-card {
    margin-bottom: 8px;
    margin-left: 8px;
    font-weight: 600;
}
.burger-btn  {
    margin-right: auto;
}

#modalDetailPoukazBody .card-header {
    border-radius: 8px;
    padding: 9px;
    margin-bottom: 14px;
}
#modalDetailPoukaz .modal-header{
    background-color: white !important;
}
#modalDetailPoukaz .modal-body{
    background-color: #ddefff !important;
}
table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {
    padding: 3px 4px !important;
    font-size: 15px !important;
}
.sidebar-wrapper {
    width: 260px;
}
@media screen and (min-width: 1200px) {
    #sidebar~#main {
        margin-left: 260px;
    }
}
#main {
    margin-left: 260px;
}
table.dataTable>thead>tr>th {
    padding: 3px 6px !important;
    font-size: 15px !important;
}
/* Tlačítko zpracováno - bez akce */
.btn-zpracovano {
    cursor: default;
}
.akce_parent {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}
.akce_parent > button {
    width: 34px !important;
}