/* ============================================================
   THEMES-PC.CSS — VERSION PRO (≥ 1024px)
   ============================================================ */


/* ============================================================
   PARTIE 1 — FILTRES / GRILLES / INPUTS
   ============================================================ */

/* 1. FILTRES — PC */
@media (min-width: 1024px) {

    .filters-row {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        column-gap: var(--space-sm);
        align-items: end;
    }

    .filters-row > div,
    .filters-row select {
        width: 100%;
    }

    .btn-container-mobile {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
}


/* 2. RÉCAP — PC */
@media (min-width: 1024px) {

    .recap-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: var(--space-sm);
        align-items: stretch;
    }

    .recap-card {
        padding: 6px 10px !important;
        border-radius: var(--radius-sm) !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        white-space: nowrap !important;
        min-height: 40px !important;
        line-height: 1 !important;
    }

    .recap-card p {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        font-size: 0.85rem !important;
    }

    .recap-card .dashboard-value {
        font-weight: 600 !important;
        font-size: 0.9rem !important;
        margin-left: 4px !important;
    }
}


/* 3. CARTES DES JOURS — GRILLE PC */
@media (min-width: 1024px) {

    .dashboard-card .mb-4 {
        margin-bottom: var(--space-sm);
    }

    .dashboard-card .text-sm.text-gray-500 {
        margin-bottom: var(--space-md);
    }

    .day-entry-grid.pc {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        column-gap: var(--space-sm);
        row-gap: var(--space-xs);
        width: 100%;
        box-sizing: border-box;
    }

    .day-entry-grid > div {
        margin-bottom: var(--space-sm);
    }

    .day-entry-grid textarea {
        margin-top: var(--space-xs);
    }
}


/* 4. INPUTS — PC */
@media (min-width: 1024px) {

    .dashboard-input {
        height: 34px;
        padding: 2px 6px;
        font-size: 0.9rem;
        border-radius: var(--radius-sm);
        box-shadow: none !important;
    }
}

/* Flèche SELECT — PC */
@media (min-width: 1024px) {

    select.dashboard-input {
        background-color: #ffffff !important;
        background-image: none !important;
        appearance: none !important;
    }

    select.dashboard-input.select-arrow {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 10px center !important;
        background-size: 25px !important;
        padding-right: 32px !important;
    }
}


/* ============================================================
   PARTIE 2 — COMMENTAIRES / LIGNE FINALE
   ============================================================ */

/* 5. LIGNE FINALE — COMMENTAIRE + BOUTON */
@media (min-width: 1024px) {

    .comment-col.pc {
        grid-column: 1 / span 3;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .comment-btn-col.pc {
        grid-column: 4;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .comment-textarea.pc {
        width: auto;
        max-width: 100%;
        border: 1px solid #d1d5db;
        border-radius: var(--radius-sm);
        padding: 2px 6px;
        resize: both;
        min-height: 34px;
        height: auto;
        overflow: auto;
    }

    .comment-btn-col.pc .btn-enregistrer {
        height: 34px;
        padding: 0 14px;
        margin: 0;
        width: auto;
    }

    .comment-mobile-controls {
        display: none !important;
    }
}


/* ============================================================
   PARTIE 3 — BOUTONS / ACTIONS
   ============================================================ */

/* 6. BOUTON REMONTER — PC */
@media (min-width: 1024px) {

    .btn-scroll-top {
        bottom: var(--space-xl);
        right: var(--space-xl);
        padding: var(--space-sm) var(--space-md);
        font-size: var(--font-md);
    }
}

/* 7. BOUTON AFFICHER — PC */
@media (min-width: 1024px) {

    .btn-afficher {
        height: 34px !important;
        padding: 0 14px !important;
        font-size: 0.9rem !important;
        border-radius: var(--radius-sm) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
}


/* ============================================================
   PARTIE 4 — COMPATIBILITÉ / NEUTRALISATION
   ============================================================ */

/* 8. NEUTRALISATION TAILWIND — PC */
@media (min-width: 1024px) {

    .dashboard-input,
    .comment-textarea {
        box-shadow: none !important;
        outline: none !important;
        min-height: unset !important;
    }

    .btn-enregistrer,
    .btn-afficher,
    .btn-export-pdf {
        border: none !important;
        box-shadow: none !important;
    }
}


/* 9. COMPATIBILITÉ GLOBALE — PC */
@media (min-width: 1024px) {

    .day-entry-grid,
    .recap-row,
    .filters-row {
        width: 100%;
        box-sizing: border-box;
    }
}


/* 10. COMPATIBILITÉ DES CARTES — PC */
@media (min-width: 1024px) {

    .dashboard-card {
        padding: var(--space-lg);
        border-radius: var(--radius-md);
        background: #ffffff;
    }

    .dashboard-card .day-user {
        font-size: var(--font-md);
        margin-bottom: var(--space-xs);
    }
}


/* 11. COMPATIBILITÉ DES BOUTONS — PC */
@media (min-width: 1024px) {

    .btn-plus,
    .btn-minus {
        width: 32px;
        height: 32px;
        font-size: var(--font-md);
        border-radius: var(--radius-sm);
    }
}


/* 12. COMPATIBILITÉ DES GRILLES — PC */
@media (min-width: 1024px) {

    .day-entry-grid,
    .recap-row,
    .filters-row {
        width: 100%;
        box-sizing: border-box;
    }
}


/* ============================================================
   PARTIE 5 — FIN DU FICHIER
   ============================================================ */

/* 13. FIN DU FICHIER PC */