@import "../../node_modules/admin-lte/plugins/fontawesome-free/css/all.css";
@import "../../node_modules/admin-lte/dist/css/adminlte.css";


@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --polysco-900: #1c3b7b;
    --polysco-700: #2c53a2;
    --polysco-500: #4271d1;
    --polysco-300: rgba(66, 113, 209, 0.14);
    --polysco-text: #ffffff;
    --polysco-muted: #dbe6ff;
    --polysco-border: rgba(66, 113, 209, 0.16);
}

body {
    color: #1f2937;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.modal.fade {
    background: rgba(0, 0, 0, 0.7);
}

.modal-backdrop.fade {
    opacity: 0;
}

a.btn.btn-db,
.btn.btn-primary {
    background-color: var(--polysco-500) !important;
    border-color: var(--polysco-700) !important;
    color: #fff !important;
}

a.btn.btn-db:hover,
.btn.btn-primary:hover {
    background-color: var(--polysco-700) !important;
    border-color: var(--polysco-900) !important;
}

.main-header.navbar {
    background: linear-gradient(135deg, var(--polysco-900), var(--polysco-500));
    box-shadow: 0 6px 24px rgba(28, 59, 123, 0.18);
}

.main-header.navbar .nav-link,
.main-header.navbar .navbar-brand,
.main-header.navbar .navbar-text {
    color: #fff !important;
}

.main-sidebar.sidebar-dark-primary,
.main-sidebar.sidebar-dark-primary .brand-link {
    background: var(--polysco-900);
}

.main-sidebar.sidebar-dark-primary .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.main-sidebar.sidebar-dark-primary .nav-link.active,
.main-sidebar.sidebar-dark-primary .nav-link:hover {
    background: var(--polysco-700);
    color: #fff;
}

.main-sidebar.sidebar-light .brand-link,
.main-sidebar.sidebar-light .nav-link {
    color: var(--polysco-900);
}

.main-sidebar.sidebar-light .nav-link.active,
.main-sidebar.sidebar-light .nav-link:hover {
    background: var(--polysco-300);
    color: var(--polysco-900);
}

.brand-link {
    color: #fff;
}

.bg-polysco-light {
    background-color: rgba(66, 113, 209, 0.08) !important;
}

.border-polysco {
    border-color: var(--polysco-border) !important;
}

/* Override legacy green/olive styles to Polysco blue */
.bg-olive,
.bg-gradient-olive,
.sidebar-light-olive {
    background-color: var(--polysco-500) !important;
    color: #fff !important;
    border-color: var(--polysco-700) !important;
}

.bg-gradient-olive {
    background-image: linear-gradient(135deg, var(--polysco-900), var(--polysco-500)) !important;
}

.bg-gradient-success {
    background-image: linear-gradient(135deg, var(--polysco-900), var(--polysco-500)) !important;
    color: #fff !important;
}

.alert-success {
    background-color: rgba(66, 113, 209, 0.12) !important;
    border-color: rgba(66, 113, 209, 0.24) !important;
    color: var(--polysco-900) !important;
}

.btn-success {
    background-color: var(--polysco-500) !important;
    border-color: var(--polysco-700) !important;
    color: #fff !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: var(--polysco-700) !important;
    border-color: var(--polysco-900) !important;
}

.badge-success,
.badge-actif {
    background-color: rgba(66, 113, 209, 0.12) !important;
    color: var(--polysco-900) !important;
}

.text-green-600,
.text-success {
    color: var(--polysco-900) !important;
}

.ic-green,
.dx-icbox.ic-green,
.ic.ic-green {
    background: var(--polysco-500) !important;
    color: #fff !important;
}

.bg-polysco-light {
    background-color: rgba(66, 113, 209, 0.08) !important;
}

.swal-modal-large {
    width: 700px; /* Largeur de la fenêtre */
    height: 500px; /* Hauteur de la fenêtre */
}


@media (max-width: 767px) {
    /* Colle la navbar en haut au scroll, que layout-fixed soit actif ou non */
    .main-header.navbar {
        position: sticky !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 1030 !important;
    }

    /* Pas de padding-top compensatoire nécessaire : contrairement à
       `fixed`, `sticky` réserve déjà sa place dans le flux normal */
    body.layout-fixed .wrapper {
        padding-top: 0 !important;
    }

    body.layout-fixed .content-wrapper {
        padding-top: 0 !important;
    }
}