/* gestion-pointage.css - Styles spécifiques à la page Logiciel de gestion de pointage */

.pointage-hero {
    background: linear-gradient(120deg, #e0e7ff 0%, #f0f4ff 100%);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: 0 4px 24px rgba(0,0,0,0.07);
}
.pointage-hero h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2b3a67;
}
.pointage-hero .lead {
    color: #3b3b3b;
    font-size: 1.25rem;
}
.pointage-hero img {
    border-radius: 1.5rem;
    box-shadow: 0 4px 24px rgba(43,58,103,0.12);
}

.besoin-solution-avantage .card {
    border: none;
    border-radius: 1.5rem;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
}
.besoin-solution-avantage .card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 8px 32px rgba(43,58,103,0.13);
}
.besoin-card {
    border-top: 4px solid #2b3a67;
}
.solution-card {
    border-top: 4px solid #1abc9c;
}
.avantage-card {
    border-top: 4px solid #3498db;
}
.besoin-solution-avantage h4 {
    font-weight: 600;
}
.besoin-solution-avantage ul {
    padding-left: 1.2rem;
    margin-bottom: 0;
}
.besoin-solution-avantage li {
    margin-bottom: 0.5rem;
    color: #2b3a67;
}

.resume-section {
    background: linear-gradient(90deg, #e0e7ff 0%, #f0f4ff 100%);
    border-radius: 2rem;
    box-shadow: 0 2px 16px rgba(43,58,103,0.07);
}
.resume-section h2 {
    color: #2b3a67;
    font-weight: 700;
}
.table {
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(43,58,103,0.06);
}
.table th {
    background: #2b3a67 !important;
    color: #fff;
    font-weight: 600;
}
.table td {
    color: #3b3b3b;
    font-size: 1.05rem;
}

/* Footer & Navigation tweaks for this page */
.footer {
    margin-top: 3rem;
}

@media (max-width: 991px) {
    .pointage-hero {
        border-radius: 0 0 1.5rem 1.5rem;
    }
    .resume-section {
        border-radius: 1.2rem;
    }
}