html{background:#f7f9f8;min-width:320px;min-height:100%}body{background:#f7f9f8;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font-family:inherit}*{box-sizing:border-box}:root{color:#142019;font-synthesis:none;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f4f7f5;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,p{margin-top:0}.logo-planifio{object-fit:contain;border-radius:14px;width:56px;height:56px}.auth-fond,.page-centree{background:linear-gradient(145deg,#f40000 0 43%,#0000 43.1%),linear-gradient(325deg,#fff 0 48%,#d90000 48.1%);place-items:center;min-height:100vh;padding:28px 18px;display:grid}.accueil-auth,.carte-auth{background:#fffffff7;border-radius:24px;width:min(100%,760px);padding:34px;box-shadow:0 24px 70px #111e1738}.carte-auth{width:min(100%,430px)}.carte-auth .logo-planifio{margin:6px auto 18px;display:block}.carte-auth h1,.carte-auth .sous-titre{text-align:center}.sous-titre{color:#637168}.marque-auth{align-items:center;gap:18px;margin-bottom:30px;display:flex}.marque-auth h1{margin-bottom:4px;font-size:34px}.marque-auth p{color:#647168;margin:0}.choix-comptes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.choix-comptes button{color:#142019;text-align:left;background:#fff;border:1px solid #dbe3de;border-radius:18px;justify-items:start;gap:10px;min-height:180px;padding:24px;display:grid}.choix-comptes button:hover{border-color:#f11;box-shadow:0 12px 30px #ff00001f}.icone-choix{color:#f00000;font-size:34px}.choix-comptes strong{font-size:22px}.choix-comptes small{color:#637168;line-height:1.45}.retour,.lien-action{color:#d90000;background:0 0;border:0;font-weight:700}.retour{margin-bottom:8px;padding:0}.lien-action{width:100%;margin-top:14px;display:block}form{gap:15px;display:grid}label{gap:7px;font-size:14px;font-weight:700;display:grid}input,select,textarea{color:#142019;background:#fff;border:1px solid #ccd7d0;border-radius:10px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#ef0000;outline:3px solid #ff00001f}.champ-mot-de-passe{display:block;position:relative}.champ-mot-de-passe input{padding-right:76px}.champ-mot-de-passe button{color:#5e6d64;background:0 0;border:0;min-height:34px;font-size:13px;font-weight:700;position:absolute;top:5px;right:5px}.message{color:#b60000;overflow-wrap:anywhere;background:#fff0f0;border:1px solid #ffc3c3;border-radius:10px;padding:11px 13px}.message.succes{color:#176c3d;background:#eaf8ef;border-color:#b9e5c9}.bouton-principal,.bouton-secondaire,.bouton-danger,.actions-entete button,.actions-ligne button,.ligne-carte>button,.carte-pointeuse>button{color:#18231d;background:#fff;border:1px solid #d2dcd6;border-radius:10px;min-height:42px;padding:10px 16px;font-weight:750}.bouton-principal{color:#fff;background:#f11;border-color:#ef0000}.bouton-principal.grand{min-height:58px;font-size:18px}.bouton-secondaire{background:#f4f7f5}.bouton-danger{color:#fff;background:#c90000;border-color:#c90000}.application{background:#f4f7f5;grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.navigation{color:#142019;z-index:10;background:#fff;border-right:1px solid #e2e8e4;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;box-shadow:4px 0 18px #18231d08}.navigation-marque{align-items:center;gap:12px;padding:4px 10px 22px;display:flex}.navigation-marque .logo-planifio{border-radius:12px;width:46px;height:46px}.navigation-marque div{min-width:0;display:grid}.navigation-marque strong{color:#142019;font-size:16px}.navigation-marque small{color:#758178;margin-top:2px;font-size:12px}.navigation nav{gap:6px;display:grid}.navigation nav button{color:#27332d;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:44px;padding:11px 13px;font-weight:700;transition:background .15s,color .15s,transform .15s;display:flex}.navigation nav button:hover{color:#d80000;background:#fff1f1}.navigation nav button.actif{color:#fff;background:#f11;box-shadow:0 8px 18px #ff11112e}.navigation nav button:active{transform:translateY(1px)}.navigation-icone{flex:0 0 20px;justify-content:center;align-items:center;width:20px;font-size:15px;display:inline-flex}.navigation-utilisateur{background:#fff;border:1px solid #e0e7e3;border-radius:12px;gap:5px;margin-top:auto;padding:12px;display:grid}.navigation-utilisateur small{color:#5f6d65;overflow-wrap:anywhere}.navigation-utilisateur strong{color:#142019;font-size:14px}.deconnexion{color:#142019;text-align:center;background:#fff;border:1px solid #ccd7d0;border-radius:9px;width:100%;min-height:42px;margin-top:5px;padding:10px 14px;font-weight:750}.deconnexion:hover{color:#d80000;background:#fff8f8;border-color:#f11}.contenu-principal{background:#f4f7f5;min-width:0;padding:34px}.entete-page{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.entete-page h1{margin-bottom:5px;font-size:clamp(27px,4vw,38px)}.entete-page p{color:#627068;margin:0}.actions-entete{gap:10px;display:flex}.grille-kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.carte-kpi,.carte-section,.carte-pointeuse{background:#fff;border:1px solid #dfe6e2;border-radius:16px;box-shadow:0 8px 26px #1d33270f}.carte-kpi{gap:7px;padding:20px;display:grid}.carte-kpi span,.carte-kpi small{color:#65736b}.carte-kpi strong{overflow-wrap:anywhere;font-size:27px}.carte-section{padding:22px}.carte-section h2{margin-bottom:18px}.deux-colonnes{grid-template-columns:minmax(280px,390px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.formulaire{gap:15px;display:grid}.liste-cartes{gap:10px;display:grid}.ligne-carte{border:1px solid #e0e7e3;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.ligne-carte div:first-child{gap:3px;display:grid}.ligne-carte small{color:#65736b}.actions-ligne{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tableau-defilant{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e1e7e3;padding:12px}th{color:#5b6961;font-size:13px}.carte-pointeuse{gap:16px;width:min(100%,620px);padding:26px;display:grid}.carte-pointeuse h2{margin-bottom:0;font-size:30px}.carte-pointeuse p{color:#627068}.pastille-active{color:#12703b;background:#e7f7ed;border-radius:999px;width:fit-content;padding:7px 11px;font-size:13px;font-weight:800}.chargement{text-align:center}@media (width<=1050px){.grille-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.deux-colonnes{grid-template-columns:1fr}}@media (width<=760px){.application{display:block}.navigation{border-bottom:1px solid #e2e8e4;border-right:0;width:100%;height:auto;padding:10px 12px;position:static;box-shadow:0 4px 16px #18231d0a}.navigation-marque{padding:2px 4px 10px}.navigation nav{padding-bottom:4px;display:flex;overflow-x:auto}.navigation nav button{flex:none;width:auto}.navigation-utilisateur{align-items:center;gap:8px;margin-top:8px;display:flex}.navigation-utilisateur small,.navigation-utilisateur strong{display:none}.deconnexion{margin-top:0}.contenu-principal{padding:22px 14px 40px}.entete-page{display:grid}.grille-kpi,.choix-comptes{grid-template-columns:1fr}.accueil-auth,.carte-auth{padding:24px 18px}.ligne-carte{flex-direction:column;align-items:flex-start}.actions-ligne{justify-content:stretch;width:100%}.actions-ligne button{flex:1}}.champ-couleur{border:0;min-width:0;margin:0;padding:0}.champ-couleur legend{margin-bottom:9px;padding:0;font-size:14px;font-weight:700}.palette-couleurs{grid-template-columns:repeat(6,42px);align-items:center;gap:10px;display:grid}.choix-couleur{border:2px solid #0000;border-radius:12px;width:42px;height:42px;min-height:42px;padding:0;transition:transform .12s,box-shadow .12s,border-color .12s;position:relative;box-shadow:inset 0 0 0 1px #1420191f}.choix-couleur:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #1420191f,0 6px 14px #14201929}.choix-couleur:focus-visible{outline-offset:2px;outline:3px solid #ff11112e}.choix-couleur.selectionne{border-color:#111827;box-shadow:0 0 0 3px #fff,0 0 0 5px #111827}.choix-couleur-aucune{color:#111827;background:linear-gradient(135deg,#fff 0 46%,#ef4444 47% 53%,#fff 54% 100%);place-items:center;font-size:21px;font-weight:800;display:grid}.coche-couleur{color:#111827;background:#fffffff0;border-radius:999px;place-items:center;width:23px;height:23px;font-size:15px;font-weight:900;display:grid;box-shadow:0 2px 7px #00000038}.couleur-selectionnee{color:#65736b;margin-top:12px;font-weight:600;display:block}@media (width<=420px){.palette-couleurs{grid-template-columns:repeat(5,42px)}}.case-cocher{color:#142019;cursor:pointer;background:#f8faf9;border:1px solid #dfe6e2;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:13px 14px;font-size:14px;font-weight:750;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.case-cocher:hover{background:#fff;border-color:#c7d1cb}.case-cocher:focus-within{border-color:#f11;box-shadow:0 0 0 3px #ff11111a}.case-cocher input[type=checkbox]{appearance:none;cursor:pointer;background:#cbd5cf;border:0;border-radius:999px;outline:none;flex:none;width:46px;height:26px;min-height:0;margin:0;padding:0;transition:background-color .18s,box-shadow .18s;position:relative;box-shadow:inset 0 0 0 1px #14201914}.case-cocher input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #14201940}.case-cocher input[type=checkbox]:checked{background:#f11;box-shadow:inset 0 0 0 1px #a000001f,0 0 0 3px #ff111114}.case-cocher input[type=checkbox]:checked:after{transform:translate(20px)}.case-cocher input[type=checkbox]:focus-visible{outline-offset:3px;outline:3px solid #ff11112e}.audit-filtres-simples{margin-bottom:18px}.audit-filtres-ligne{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;align-items:end;gap:12px;display:grid}.audit-reinitialiser{min-height:44px}.audit-liste{gap:10px}.audit-item-principal{gap:5px;min-width:0;display:grid}.audit-vide{color:#65736b;text-align:center}.audit-vide p{margin:0}@media (width<=900px){.audit-filtres-ligne{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-reinitialiser{width:100%}}@media (width<=600px){.audit-filtres-ligne{grid-template-columns:1fr}}.audit-item{padding:17px 19px}.audit-item-principal{gap:5px;display:grid}.audit-item-principal strong{font-size:15px}.audit-item-principal small{color:#65736b}.entete-liste-employes{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.entete-liste-employes h2{margin-bottom:4px}.entete-liste-employes small{color:#65736b;font-weight:500}.compteur-employes{color:#4e5d54;background:#f7f9f8;border:1px solid #dfe6e2;border-radius:999px;flex:none;padding:7px 11px;font-size:13px;font-weight:750}.recherche-employe{margin-bottom:16px}.champ-recherche-employe{display:block;position:relative}.champ-recherche-employe input{padding-left:42px;padding-right:42px}.icone-recherche-employe{z-index:1;color:#66736b;pointer-events:none;font-size:19px;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.champ-recherche-employe button{color:#647168;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;min-height:32px;padding:0;font-size:22px;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.champ-recherche-employe button:hover{color:#d80000;background:#f1f4f2}.aucun-resultat-employe{color:#536159;text-align:center;border:1px dashed #d6dfda;border-radius:12px;gap:5px;padding:28px 18px;display:grid}.aucun-resultat-employe small{color:#758178}@media (width<=600px){.entete-liste-employes{flex-direction:column}}.bloc-import-excel{justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px;display:flex}.bloc-import-excel-texte{min-width:0}.bloc-import-excel-texte h2{margin-bottom:5px}.bloc-import-excel-texte p{color:#65736b;margin:0}.actions-import-excel{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.bouton-import-excel{color:#fff;cursor:pointer;background:#f11;border:1px solid #ef0000;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;font-size:14px;font-weight:750;display:inline-flex}.bouton-import-excel:hover{background:#e90000}.bouton-import-excel input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.bouton-import-excel:has(input:disabled){cursor:not-allowed;opacity:.6}.progression-import-excel{color:#536159;width:100%;font-weight:700}.rapport-import-excel{color:#8e2424;background:#fff7f7;border:1px solid #f0c9c9;border-radius:11px;width:100%;padding:13px 15px}.rapport-import-excel ul{max-height:190px;margin:9px 0 0;padding-left:20px;overflow-y:auto}.rapport-import-excel li+li{margin-top:5px}@media (width<=850px){.bloc-import-excel{flex-direction:column;align-items:stretch}.actions-import-excel{justify-content:stretch}.actions-import-excel>*{flex:1}}@media (width<=540px){.actions-import-excel{flex-direction:column}}.grille-graphiques-tableau-bord{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.graphique-tableau-bord{min-width:0}.graphique-large{grid-column:1/-1}.entete-graphique{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.entete-graphique h2{margin-bottom:5px;font-size:20px}.entete-graphique p{color:#65736b;margin:0}.zone-graphique{width:100%;height:310px}.graphique-vide{color:#738078;text-align:center;background:#fafcfb;border:1px dashed #d7dfda;border-radius:12px;place-items:center;min-height:260px;display:grid}.recharts-default-tooltip{border:1px solid #dfe6e2!important;border-radius:10px!important;box-shadow:0 10px 28px #1420191f!important}@media (width<=1050px){.grille-graphiques-tableau-bord{grid-template-columns:1fr}.graphique-large{grid-column:auto}}@media (width<=600px){.zone-graphique{height:270px}.entete-graphique h2{font-size:18px}}.barre-periode-graphiques{background:#fff;border:1px solid #dfe6e2;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:2px 0 16px;padding:12px 14px;display:flex;box-shadow:0 6px 20px #1d33270a}.barre-periode-graphiques>span{color:#536159;font-size:14px;font-weight:750}.choix-periode-graphiques{flex-wrap:wrap;gap:6px;display:flex}.choix-periode-graphiques button{color:#4d5a52;background:#f2f5f3;border:1px solid #0000;border-radius:9px;min-height:36px;padding:7px 13px;font-size:13px;font-weight:750;transition:background-color .14s,border-color .14s,color .14s}.choix-periode-graphiques button:hover{color:#ca0000;background:#fff4f4;border-color:#f3aaaa}.choix-periode-graphiques button.actif{color:#fff;background:#f11;border-color:#f11}@media (width<=650px){.barre-periode-graphiques{flex-direction:column;align-items:flex-start}.choix-periode-graphiques{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.choix-periode-graphiques button{width:100%}}.actions-entete-heures{align-items:center;gap:10px;display:flex}.conteneur-filtre-compact{position:relative}.bouton-filtre-compact{color:#18231d;background:#fff;border:1px solid #d2dcd6;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-weight:750;display:inline-flex}.bouton-filtre-compact:hover,.bouton-filtre-compact.ouvert{color:#d90000;background:#fff5f5;border-color:#f11}.bouton-filtre-compact>span{color:#fff;background:#f11;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:12px;display:grid}.panneau-filtres-compact{z-index:40;background:#fff;border:1px solid #dfe6e2;border-radius:14px;gap:13px;width:min(360px,100vw - 34px);padding:17px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 48px #1420192e}.entete-panneau-filtres{justify-content:space-between;align-items:center;gap:12px;display:flex}.entete-panneau-filtres>button{color:#536159;background:#f2f5f3;border:0;border-radius:8px;place-items:center;width:32px;min-height:32px;padding:0;font-size:21px;display:grid}.dates-filtres-compacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bouton-reinitialiser-compact{color:#3d4a42;background:#f4f7f5;border:1px solid #d2dcd6;border-radius:9px;min-height:40px;padding:9px 13px;font-weight:750}@media (width<=600px){.actions-entete-heures{justify-content:flex-end;width:100%}.panneau-filtres-compact{width:auto;position:fixed;top:84px;left:14px;right:14px}.dates-filtres-compacts{grid-template-columns:1fr}}.actions-rapport{flex-wrap:wrap;justify-content:flex-end}.controle-rapport{justify-content:flex-end;margin-bottom:18px;display:flex}.controle-rapport label{width:min(100%,260px)}.rapport-page{background:#fff;border:1px solid #dfe6e2;border-radius:18px;padding:30px;box-shadow:0 8px 26px #1d33270f}.rapport-entete-imprimable{border-bottom:3px solid #1f2937;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:18px;display:flex}.rapport-entete-imprimable h2{margin-bottom:3px;font-size:30px}.rapport-entete-imprimable strong{font-size:18px;font-weight:500}.rapport-meta{color:#4b5563;text-align:right;gap:5px;font-size:13px;display:grid}.rapport-note{color:#244a8f;background:#f8fbff;border:1px solid #5b8def;border-radius:12px;margin:20px 0;padding:14px 16px}.rapport-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.rapport-kpis .carte-kpi{box-shadow:none}.rapport-section{margin-top:28px}.rapport-section>h2{color:#6b7280;margin:0 0 14px;font-size:24px}.tableau-rapport{border:1px solid #d1d5db;min-width:850px}.tableau-rapport th,.tableau-rapport td{white-space:normal;border:1px solid #d1d5db;padding:10px}.tableau-rapport th{color:#1f2937;vertical-align:middle;background:#fafafa;font-size:12px}.tableau-rapport td{font-size:13px}.ligne-total td{background:#fafafa;font-weight:800}.valeur-maximum{color:#15803d;font-weight:850}.valeur-minimum{color:#b91c1c;font-weight:850}.rapport-details-employes{break-before:page}.rapport-bloc-employe{break-inside:avoid;margin-top:26px}.rapport-bloc-employe h3{margin-bottom:6px;font-size:20px}.rapport-bloc-employe p{color:#536159;margin-bottom:12px}.rapport-vide{color:#65736b;text-align:center;border:1px dashed #cfd8d2;border-radius:12px;margin-top:20px;padding:24px}.rapport-pied{color:#65736b;border-top:1px solid #dfe6e2;margin-top:28px;padding-top:14px;font-size:12px}@media (width<=850px){.rapport-page{padding:20px 14px}.rapport-entete-imprimable{flex-direction:column}.rapport-meta{text-align:left}.rapport-kpis{grid-template-columns:1fr}}@media print{@page{size:A4 portrait;margin:12mm}body{background:#fff!important}.navigation,.entete-page,.controle-rapport,.message{display:none!important}.application{display:block!important}.contenu-principal{padding:0!important}.rapport-page{box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}.rapport-entete-imprimable h2{font-size:24px}.rapport-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.rapport-section{break-inside:auto}.rapport-bloc-employe,.tableau-rapport tr{break-inside:avoid}.tableau-defilant{overflow:visible!important}.tableau-rapport{width:100%;min-width:0}.tableau-rapport th,.tableau-rapport td{padding:6px;font-size:9px}}.configuration-productivite{background:#f8faf9;border:1px solid #dfe6e2;border-radius:13px;margin:0;padding:16px}.configuration-productivite legend{padding:0 7px;font-size:15px;font-weight:800}.configuration-productivite>p{color:#65736b;margin-bottom:14px;font-size:13px;line-height:1.45}.grille-productivite-job{grid-template-columns:minmax(0,1fr) minmax(130px,.75fr);gap:12px;display:grid}.grille-productivite-job label:last-child{grid-column:1/-1}.resume-productivite-job{color:#176c3d;margin-top:12px;font-weight:750;display:block}.detail-productivite-job{font-weight:700;color:#176c3d!important}.saisie-production-pointeuse{background:#f1fbf5;border:1px solid #b9e5c9;border-radius:12px;gap:12px;padding:15px;display:grid}.saisie-production-pointeuse>div{gap:4px;display:grid}.saisie-production-pointeuse small{color:#176c3d}.note-productivite{color:#65736b;margin:10px 0 0;font-size:12px}@media (width<=520px){.grille-productivite-job{grid-template-columns:1fr}.grille-productivite-job label:last-child{grid-column:auto}}.calendrier-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.calendrier-conteneur{padding:0;overflow:hidden}.calendrier-barre{border-bottom:1px solid #e1e7e3;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:17px 20px;display:grid}.calendrier-barre h2{text-align:center;text-transform:capitalize;margin:0;font-size:21px}.calendrier-navigation,.calendrier-vues{gap:7px;display:flex}.calendrier-navigation button,.calendrier-vues button{color:#344139;background:#fff;border:1px solid #d5ded8;border-radius:9px;min-height:38px;padding:8px 12px;font-weight:750}.calendrier-navigation button:first-child,.calendrier-navigation button:last-child{width:38px;padding:0;font-size:25px}.calendrier-vues{justify-content:flex-end}.calendrier-vues button.actif{color:#fff;background:#f11;border-color:#f11}.calendrier-mois{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendrier-nom-jour{color:#65736b;text-align:center;background:#f8faf9;border-bottom:1px solid #e1e7e3;padding:11px;font-size:12px;font-weight:800}.calendrier-case{color:#142019;text-align:left;background:#fff;border:1px solid #e4e9e6;border-top:0;border-left:0;border-radius:0;min-width:0;min-height:128px;padding:9px;display:block}.calendrier-case:hover{background:snow}.calendrier-case.hors-mois{color:#9aa49e;background:#fafbfa}.calendrier-case.aujourdhui{box-shadow:inset 0 0 0 2px #f11}.calendrier-numero-jour{border-radius:999px;place-items:center;width:27px;height:27px;margin-bottom:7px;font-size:13px;font-weight:800;display:grid}.calendrier-case.aujourdhui .calendrier-numero-jour{color:#fff;background:#f11}.calendrier-evenements{gap:4px;display:grid}.calendrier-evenement{color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;min-width:0;padding:4px 6px;font-size:11px;font-weight:750;overflow:hidden}.calendrier-plus{color:#66736b;padding:2px 4px;font-size:11px;font-weight:700}.calendrier-semaine{grid-template-columns:repeat(7,minmax(150px,1fr));display:grid;overflow-x:auto}.calendrier-jour-semaine{border-right:1px solid #e2e8e4;min-height:480px}.calendrier-jour-semaine-entete{color:#142019;text-align:center;text-transform:capitalize;background:#f8faf9;border:0;border-bottom:1px solid #e2e8e4;border-radius:0;gap:3px;width:100%;min-height:70px;padding:12px;display:grid}.calendrier-jour-semaine-entete span{color:#65736b;font-size:12px}.calendrier-liste-semaine{gap:8px;padding:10px;display:grid}.horaire-semaine{color:#142019;text-align:left;background:#fff;border:1px solid #e0e7e3;border-radius:10px;align-items:stretch;gap:9px;width:100%;padding:9px;display:flex}.horaire-semaine:hover{border-color:#c9d4cd;box-shadow:0 5px 14px #1d332714}.horaire-semaine-couleur{border-radius:999px;flex:0 0 5px;width:5px}.horaire-semaine>span:last-child{gap:3px;min-width:0;display:grid}.horaire-semaine small{color:#65736b;line-height:1.35}.horaire-vide{color:#65736b;background:#fbfcfb;border:1px dashed #cfd9d3;border-radius:10px;min-height:70px;font-weight:750}.calendrier-fond-panneau{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182752;justify-content:flex-end;display:flex;position:fixed;inset:0}.calendrier-panneau{background:#fff;width:min(100%,440px);height:100%;padding:22px;overflow-y:auto;box-shadow:-18px 0 45px #1118272e}.calendrier-panneau-entete{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.calendrier-panneau-entete small{color:#65736b;text-transform:capitalize}.calendrier-panneau-entete h2{margin:4px 0 0}.fermer-panneau{color:#4d5b53;background:#fff;border:1px solid #dbe3de;border-radius:10px;width:38px;min-height:38px;padding:0;font-size:25px}.panneau-horaires-jour{border-bottom:1px solid #e1e7e3;gap:8px;margin-bottom:18px;padding-bottom:18px;display:grid}.panneau-horaires-jour button{color:#142019;text-align:left;background:#fff;border:1px solid #e1e7e3;border-radius:10px;align-items:stretch;gap:10px;padding:10px;display:flex}.panneau-horaire-couleur{border-radius:999px;flex:0 0 6px;width:6px}.panneau-horaires-jour button>span:last-child{gap:3px;display:grid}.panneau-horaires-jour small{color:#65736b}.calendrier-heures-formulaire{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.calendrier-formulaire textarea{resize:vertical;width:100%;min-height:86px;font:inherit;border:1px solid #ccd7d0;border-radius:10px;padding:10px 12px}.calendrier-formulaire textarea:focus{border-color:#ef0000;outline:3px solid #ff00001f}.calendrier-couleurs{border:0;margin:0;padding:0}.calendrier-couleurs legend{margin-bottom:9px;padding:0;font-size:14px;font-weight:700}.calendrier-couleurs>div{flex-wrap:wrap;gap:9px;display:flex}.calendrier-couleurs button{border:2px solid #0000;border-radius:10px;width:34px;height:34px;min-height:34px;padding:0;box-shadow:inset 0 0 0 1px #1118271f}.calendrier-couleurs button.selectionne{border-color:#111827;box-shadow:0 0 0 2px #fff,0 0 0 4px #111827}.calendrier-actions-formulaire{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.calendrier-actions-formulaire .bouton-principal{flex:1}@media (width<=1100px){.calendrier-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.calendrier-case{min-height:112px}}@media (width<=760px){.calendrier-kpis,.calendrier-barre{grid-template-columns:1fr}.calendrier-barre h2{order:-1}.calendrier-navigation,.calendrier-vues{justify-content:center}.calendrier-mois{min-width:780px}.calendrier-conteneur{overflow-x:auto}.calendrier-panneau{width:100%}}@media (width<=460px){.calendrier-heures-formulaire{grid-template-columns:1fr}.calendrier-actions-formulaire{flex-direction:column-reverse}}.demandes-conge-employeur{margin-bottom:18px}.entete-demandes-conge{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.entete-demandes-conge h2{margin-bottom:4px}.entete-demandes-conge p{color:#65736b;margin:0}.entete-demandes-conge>span{color:#fff;background:#f59e0b;border-radius:999px;place-items:center;min-width:34px;height:34px;font-weight:850;display:grid}.liste-demandes-conge{gap:12px;display:grid}.demande-conge-carte{border:1px solid #e0e7e3;border-radius:12px;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr) auto;align-items:end;gap:14px;padding:14px;display:grid}.demande-conge-resume{align-items:flex-start;gap:10px;display:flex}.pastille-conge{border-radius:999px;flex:0 0 10px;width:10px;height:10px;margin-top:5px}.demande-conge-resume>div{gap:4px;display:grid}.demande-conge-resume small,.demande-conge-resume p{color:#65736b;margin:0}.actions-demande-conge{gap:8px;display:flex}.calendrier-conge{font-style:italic}.conge-semaine{background:#fffdf7;border:1px solid #e1e7e3;border-left:5px solid;border-radius:9px;gap:3px;padding:9px 10px;display:grid}.conge-semaine small{color:#65736b}.formulaire-conge-employe{max-width:680px;margin-bottom:18px}.formulaire-conge-employe textarea{resize:vertical;width:100%;min-height:86px;font:inherit;border:1px solid #ccd7d0;border-radius:10px;padding:10px 12px}.grille-dates-conge{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mon-horaire-semaine{margin-bottom:18px}.mon-horaire-navigation{grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;margin-bottom:16px;display:grid}.mon-horaire-navigation h2{text-align:center;margin:0;font-size:20px}.mon-horaire-navigation button{background:#fff;border:1px solid #d5ded8;border-radius:9px;min-height:40px;font-size:24px}.mon-horaire-grille{grid-template-columns:repeat(7,minmax(145px,1fr));gap:8px;display:grid;overflow-x:auto}.mon-horaire-jour{background:#fafbfa;border:1px solid #e1e7e3;border-radius:11px;min-height:180px;padding:10px}.mon-horaire-jour>header{text-align:center;text-transform:capitalize;gap:2px;margin-bottom:10px;display:grid}.mon-horaire-jour>header span{color:#65736b;font-size:12px}.mon-horaire-jour>small{color:#9aa49e;text-align:center;padding-top:15px;display:block}.mon-quart{background:#fff;border:1px solid #dfe6e2;border-radius:9px;gap:8px;padding:9px;display:flex}.mon-quart+.mon-quart{margin-top:7px}.mon-quart>span{border-radius:999px;flex:0 0 5px;width:5px}.mon-quart>div{gap:3px;min-width:0;display:grid}.mon-quart small,.mon-quart p{color:#65736b;margin:0;font-size:12px}.liste-demandes-employe{gap:10px;display:grid}.demande-employe{border:1px solid #e1e7e3;border-left:5px solid #f59e0b;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.demande-employe.statut-approuve{border-left-color:#16a34a}.demande-employe.statut-refuse{border-left-color:#dc2626}.demande-employe.statut-annule{opacity:.7;border-left-color:#64748b}.demande-employe>div:first-child{gap:4px;display:grid}.demande-employe small,.demande-employe p{color:#65736b;margin:0}.demande-employe-statut{justify-items:end;gap:8px;display:grid}.demande-employe-statut>span{color:#966500;background:#f7f3e8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.statut-approuve .demande-employe-statut>span{color:#176c3d;background:#e9f8ee}.statut-refuse .demande-employe-statut>span{color:#b60000;background:#fff0f0}@media (width<=980px){.demande-conge-carte{grid-template-columns:1fr;align-items:stretch}.actions-demande-conge{justify-content:flex-end}}@media (width<=650px){.grille-dates-conge{grid-template-columns:1fr}.demande-employe{flex-direction:column;align-items:flex-start}.demande-employe-statut{justify-items:stretch;width:100%}.demande-employe-statut>span{text-align:center}}.avertissements-disponibilite{color:#7a5200;background:#fffaf0;border:1px solid #f3c767;border-radius:11px;gap:6px;padding:13px 14px;display:grid}.avertissements-disponibilite p,.avertissements-disponibilite small{margin:0}.avertissements-disponibilite p{font-size:13px}.avertissements-disponibilite small{color:#8b6a28}.disponibilites-secondaires{margin-bottom:18px;padding:0;overflow:hidden}.entete-disponibilites-secondaires{color:#142019;text-align:left;background:#fff;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:17px 18px;display:flex}.entete-disponibilites-secondaires>span:first-child{gap:4px;display:grid}.entete-disponibilites-secondaires small{color:#65736b;font-weight:500}.entete-disponibilites-secondaires>span:last-child{color:#65736b;font-size:24px}.formulaire-disponibilites{border-top:1px solid #e1e7e3;gap:18px;padding:0 18px 18px;display:grid}.liste-disponibilites{display:grid}.ligne-disponibilite{border-bottom:1px solid #edf1ee;grid-template-columns:minmax(150px,1fr) minmax(240px,1fr);align-items:center;gap:18px;padding:12px 0;display:grid}.jour-disponibilite{flex-direction:row;align-items:center;gap:10px;display:flex}.jour-disponibilite input{width:18px;height:18px}.heures-disponibilite{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;display:grid}.indisponible-texte{color:#9a4d4d;font-size:13px;font-weight:700}.maximum-heures-disponibilite{max-width:320px}.maximum-heures-disponibilite small{color:#65736b;font-weight:500}.formulaire-disponibilites>.bouton-principal{justify-self:start}@media (width<=650px){.ligne-disponibilite{grid-template-columns:1fr;gap:9px}.heures-disponibilite{grid-template-columns:1fr auto 1fr}.formulaire-disponibilites>.bouton-principal{width:100%}}.carte-employe-cliquable{cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .14s}.carte-employe-cliquable:hover{border-color:#bccbc2;transform:translateY(-1px);box-shadow:0 8px 22px #1d332714}.carte-employe-cliquable:focus-visible{outline-offset:2px;outline:3px solid #ff11112e}.fiche-employe-fond{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182752;justify-content:flex-end;display:flex;position:fixed;inset:0}.fiche-employe-panneau{background:#fff;width:min(100%,500px);height:100%;padding:24px;overflow-y:auto;box-shadow:-18px 0 45px #1118272e}.fiche-employe-entete{border-bottom:1px solid #e1e7e3;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.fiche-employe-entete small{color:#65736b}.fiche-employe-entete h2{margin:4px 0 0;font-size:27px}.fiche-employe-section{border-bottom:1px solid #e1e7e3;padding:22px 0}.fiche-employe-section h3{margin:0 0 14px;font-size:18px}.fiche-employe-section-entete{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.fiche-employe-section-entete h3{margin:0}.fiche-employe-section-entete small{color:#65736b}.fiche-employe-informations{gap:0;margin:0;display:grid}.fiche-employe-informations>div{border-bottom:1px solid #edf1ee;grid-template-columns:minmax(145px,.9fr) minmax(0,1.1fr);gap:14px;padding:11px 0;display:grid}.fiche-employe-informations>div:last-child{border-bottom:0}.fiche-employe-informations dt{color:#65736b;font-size:13px;font-weight:700}.fiche-employe-informations dd{color:#142019;overflow-wrap:anywhere;margin:0;font-weight:700}.fiche-disponibilites{gap:8px;display:grid}.fiche-disponibilite{background:#f8fcf9;border:1px solid #dce6df;border-left:5px solid #22c55e;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.fiche-disponibilite span{color:#176c3d;font-weight:700}.fiche-disponibilite.indisponible{background:#fff8f8;border-left-color:#dc2626}.fiche-disponibilite.indisponible span{color:#b91c1c}.fiche-employe-vide{color:#65736b;text-align:center;background:#fafbfa;border:1px dashed #cfd9d3;border-radius:11px;padding:18px}.fiche-employe-actions{justify-content:flex-end;padding-top:22px;display:flex}@media (width<=560px){.fiche-employe-panneau{width:100%;padding:19px 15px}.fiche-employe-informations>div{grid-template-columns:1fr;gap:4px}.fiche-employe-section-entete{flex-direction:column;align-items:flex-start}}.formulaire-employe-cible{scroll-margin-top:24px}.detail-client-job{font-weight:750;color:#334155!important}.rapport-client-job{color:#65736b;margin-top:3px;font-size:11px;font-weight:600;display:block}.clients-mise-en-page{align-items:start}.clients-liste-entete{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.clients-liste-entete h2{margin-bottom:3px}.clients-liste-entete small{color:#65736b}.clients-liste-entete input{width:min(100%,240px)}.client-carte-cliquable{cursor:pointer}.client-carte-cliquable:hover{border-color:#bccbc2;box-shadow:0 7px 18px #1d332712}.client-note{background:#f8faf9;border:1px solid #dfe6e2;border-radius:10px;margin-top:16px;padding:13px}.client-note p{color:#536159;white-space:pre-wrap;margin:6px 0 0}.client-jobs-associes{gap:8px;display:grid}.client-jobs-associes>div:not(.fiche-employe-vide){background:#fafbfa;border:1px solid #dfe6e2;border-radius:10px;gap:3px;padding:11px 12px;display:grid}.client-jobs-associes small{color:#65736b}@media (width<=760px){.clients-liste-entete{flex-direction:column}.clients-liste-entete input{width:100%}}.champ-couleur-client{margin-top:2px}.client-carte-cliquable{border-left-style:solid;border-left-width:6px}.client-carte-contenu{align-items:flex-start;gap:11px;min-width:0;display:flex}.client-carte-contenu>div{gap:3px;min-width:0;display:grid}.client-couleur-indicateur{border-radius:999px;flex:0 0 12px;width:12px;height:12px;margin-top:4px;box-shadow:0 0 0 3px #1118270f}.fiche-client-titre{align-items:center;gap:12px;display:flex}.fiche-client-couleur{border-radius:999px;flex:0 0 18px;width:18px;height:44px}.client-couleur-libelle{align-items:center;gap:8px;display:flex}.client-couleur-libelle>span{border-radius:999px;flex:0 0 13px;width:13px;height:13px}.detail-client-job{align-items:center;gap:7px;display:flex!important}.detail-client-job-couleur{border-radius:999px;flex:0 0 10px;width:10px;height:10px}.selection-multi-employes{background:#f8faf9;border:1px solid #dfe6e2;border-radius:12px;margin:0;padding:14px}.selection-multi-employes legend{padding:0 6px;font-weight:800}.selection-multi-employes>small{color:#65736b;margin-bottom:10px;display:block}.selection-multi-employes>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:220px;display:grid;overflow-y:auto}.selection-multi-employes label{cursor:pointer;background:#fff;border:1px solid #dde5e0;border-radius:9px;flex-direction:row;align-items:center;gap:9px;padding:9px 10px;display:flex}.selection-multi-employes label.selectionne{background:#fff5f5;border-color:#f11}.selection-multi-employes input{width:17px;height:17px}.configuration-recurrence-horaire{background:#fff;border:1px solid #dfe6e2;border-radius:12px;margin:0;padding:14px}.configuration-recurrence-horaire>.case-cocher{margin:0}.recurrence-horaire-details{border-top:1px solid #e5ebe7;gap:15px;margin-top:15px;padding-top:15px;display:grid}.recurrence-horaire-details>div{gap:9px;display:grid}.jours-recurrence-horaire{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.jours-recurrence-horaire button{color:#4f5e55;background:#f5f7f6;border:1px solid #d7e0da;border-radius:8px;min-height:38px;padding:6px 4px;font-size:12px;font-weight:800}.jours-recurrence-horaire button.selectionne{color:#fff;background:#f11;border-color:#f11}@media (width<=480px){.selection-multi-employes>div{grid-template-columns:1fr}.jours-recurrence-horaire{grid-template-columns:repeat(4,minmax(0,1fr))}}.recurrence-sans-fin{background:#f8faf9;border:1px solid #dfe6e2;border-radius:10px;gap:4px;padding:12px;display:grid}.recurrence-sans-fin small{color:#65736b;line-height:1.4}.gestion-equipe-recurrence{background:#f8faf9;border:1px solid #cfdad3;border-radius:12px;margin:0;padding:14px}.gestion-equipe-recurrence legend{padding:0 6px;font-weight:800}.gestion-equipe-recurrence>p{color:#65736b;margin:0 0 12px;font-size:13px;line-height:1.45}.liste-equipe-recurrence{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px;display:grid}.liste-equipe-recurrence label{cursor:pointer;background:#fff;border:1px solid #dde5e0;border-radius:9px;flex-direction:row;align-items:center;gap:9px;padding:9px 10px;display:flex}.liste-equipe-recurrence label.selectionne{background:#fff5f5;border-color:#f11}.liste-equipe-recurrence input{width:17px;height:17px}.gestion-equipe-recurrence>button{width:100%}@media (width<=480px){.liste-equipe-recurrence{grid-template-columns:1fr}}.bouton-annuler-calendrier{color:#805500;background:#fffaf0;border-color:#f0c36a}.bouton-annuler-calendrier:hover{color:#684500;background:#fff4d9;border-color:#dda72f}@media (width<=850px){.bouton-annuler-calendrier{width:100%}}.panneau-gestion-series{width:min(100%,540px)}.liste-series-horaires{gap:10px;display:grid}.carte-serie-horaire{color:#142019;text-align:left;background:#fff;border:1px solid #dfe6e2;border-radius:12px;grid-template-columns:7px minmax(0,1fr) auto;align-items:stretch;gap:12px;width:100%;padding:13px;display:grid}.carte-serie-horaire:hover{border-color:#bdcbc2;box-shadow:0 7px 18px #1d332714}.serie-couleur{border-radius:999px;width:7px}.serie-contenu{gap:5px;min-width:0;display:grid}.serie-contenu small{color:#65736b;line-height:1.4}.serie-chevron{color:#7b887f;align-self:center;font-size:25px}.formulaire-serie{gap:16px}.retour-series{color:#536159;background:0 0;border:0;justify-self:start;padding:7px 0}.serie-edition-entete h3{margin:0 0 5px}.serie-edition-entete p{color:#65736b;margin:0;font-size:13px;line-height:1.45}.suppression-serie{border-top:1px solid #e1e7e3;gap:9px;margin-top:8px;padding-top:17px;display:grid}.suppression-serie h4{color:#8b1d1d;margin:0 0 2px}.bouton-danger-secondaire{color:#b91c1c;background:#fff7f7;border:1px solid #efb0b0}.bouton-danger-secondaire:hover{background:#fff0f0;border-color:#dc2626}@media (width<=560px){.panneau-gestion-series{width:100%}}.page-paie{min-width:0}.paie-grille-principale{grid-template-columns:minmax(285px,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.paie-colonne-periodes{position:sticky;top:24px}.paie-formulaire-periode{border-bottom:1px solid #e4e9e6;padding-bottom:20px}.paie-liste-periodes{gap:9px;margin-top:20px;display:grid}.paie-liste-entete,.paie-section-entete,.paie-entete-periode{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.paie-liste-entete span{color:#59675f;text-align:center;background:#f1f4f2;border-radius:999px;min-width:30px;padding:5px 9px;font-size:12px;font-weight:800}.paie-periode-bouton{color:#17231c;text-align:left;background:#fff;border:1px solid #dfe6e2;border-radius:13px;gap:8px;width:100%;padding:13px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.paie-periode-bouton:hover{border-color:#ff8a8a;transform:translateY(-1px);box-shadow:0 8px 20px #ff111114}.paie-periode-bouton.active{background:#fff7f7;border-color:#f11;box-shadow:0 0 0 3px #ff111114}.paie-periode-bouton>span{font-size:13px;font-weight:800}.paie-periode-bouton small{color:#68756d;justify-content:space-between;align-items:center;gap:8px;display:flex}.statut-paie{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 9px;font-size:11px;font-style:normal;font-weight:850;display:inline-flex}.statut-brouillon{color:#8a5900;background:#fff4d6}.statut-validee{color:#16743e;background:#e5f7eb}.statut-exportee{color:#315fbd;background:#e8efff}.statut-rouverte{color:#7a3db4;background:#f4e9ff}.paie-zone-detail{gap:18px;min-width:0;display:grid}.paie-entete-periode{align-items:center}.paie-entete-periode h2{margin:9px 0 5px}.paie-entete-periode p,.paie-section-entete p,.paie-reouverture p,.paie-etat-vide p{color:#69766e;margin:0}.paie-actions-periode{flex:none}.paie-reouverture{background:snow;border-color:#f2c4c4}.paie-kpi{margin-bottom:0}.paie-tableau-employes table{min-width:980px}.paie-tableau-employes td{vertical-align:top}.paie-numero-employe{color:#7a867e;margin-top:4px;display:block}.paie-anomalies{gap:5px;max-width:260px;display:grid}.paie-anomalie{text-overflow:ellipsis;border-radius:7px;padding:5px 7px;font-size:11px;line-height:1.3;display:block;overflow:hidden}.paie-anomalie-bloquante{color:#ad1414;background:#fff0f0}.paie-anomalie-avertissement{color:#8c5b00;background:#fff7df}.paie-anomalie-information{color:#355f9f;background:#edf3ff}.paie-anomalie-ok{color:#168145;font-size:12px;font-weight:800}.paie-validation{color:#805500;background:#fff8e7;border:1px solid #e0b55d;border-radius:9px;min-width:92px;min-height:36px;padding:7px 10px;font-weight:800}.paie-validation.validee{color:#176c3d;background:#eaf8ef;border-color:#9fd2b1}.paie-exports{gap:18px;display:grid}.paie-historique-exports{gap:8px;display:grid}.paie-historique-exports>div{background:#fafcfb;border:1px solid #e1e7e3;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;display:flex}.paie-historique-exports span{overflow-wrap:anywhere;gap:10px;min-width:0;display:flex}.paie-historique-exports small,.paie-vide,.paie-vide-tableau{color:#718078}.paie-vide-tableau{text-align:center;padding:28px}.paie-etat-vide{text-align:center;place-content:center;min-height:220px;display:grid}@media (width<=1180px){.paie-grille-principale{grid-template-columns:1fr}.paie-colonne-periodes{position:static}.paie-liste-periodes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.paie-liste-periodes{grid-template-columns:1fr}.paie-entete-periode,.paie-section-entete{display:grid}.paie-actions-periode,.paie-actions-periode button{width:100%}.paie-historique-exports>div,.paie-historique-exports span{flex-direction:column;align-items:flex-start}}.paie-avertissement-version{color:#7b5200;background:#fff8e7;border:1px solid #f0c36b;border-radius:11px;gap:5px;padding:13px 15px;display:grid}.paie-avertissement-version strong{color:#6a4400}.paie-export-identite{overflow-wrap:anywhere;align-items:center;gap:9px;min-width:0;display:flex}.paie-export-identite em{color:#4556a8;background:#eef2ff;border-radius:999px;flex:none;padding:4px 7px;font-size:11px;font-style:normal;font-weight:800}.paie-export-meta{justify-items:end;gap:3px;display:grid}@media (width<=760px){.paie-export-identite{flex-direction:column;align-items:flex-start}.paie-export-meta{justify-items:start}}.paie-actions-periode{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.paie-modification-dates{background:#fbfcff;border-color:#cfd9ff;gap:18px;display:grid}.paie-modification-dates h2{margin-bottom:6px}.paie-modification-dates p{color:#69766e;margin:0}.paie-modification-dates-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=900px){.paie-modification-dates-grille{grid-template-columns:1fr}}@media (width<=760px){.paie-actions-periode{width:100%;display:grid}.paie-actions-periode button{width:100%}}.parametres-grille{grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr);align-items:start;gap:20px;display:grid}.parametres-paie{gap:18px;display:grid}.parametres-paie-entete{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.parametres-paie-entete h2{margin-bottom:5px}.parametres-paie-entete p{color:#65736b;margin:0}.parametres-paie-province{color:#176c3d;background:#e9f7ee;border-radius:999px;flex:none;padding:7px 11px;font-size:13px;font-weight:850}.parametres-paie-regle{color:#234d32;background:#f2fbf5;border:1px solid #cce3d4;border-radius:12px;gap:6px;padding:15px;display:grid}.parametres-paie-regle span{line-height:1.5}.parametres-paie-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.parametres-paie-notes{color:#65736b;gap:5px;line-height:1.45;display:grid}@media (width<=1050px){.parametres-grille,.parametres-paie-grille{grid-template-columns:1fr}}@media (width<=600px){.parametres-paie-entete{display:grid}}.parametres-types-pause{gap:18px;display:grid}.type-pause-formulaire{border-bottom:1px solid #e2e8e4;grid-template-columns:minmax(200px,1fr) minmax(220px,.8fr) auto;align-items:end;gap:14px;padding-bottom:18px;display:grid}.pointeuse-types-pause{background:#f8faf9;border:1px solid #dfe6e2;border-radius:12px;gap:10px;padding:14px;display:grid}.pointeuse-types-pause>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.pointeuse-statut-pause{background:#f6faf7;border:1px solid #d8e4dd;border-radius:11px;gap:4px;padding:13px 14px;display:grid}.pointeuse-statut-pause span{color:#65736b;font-size:13px;line-height:1.4}@media (width<=760px){.type-pause-formulaire,.pointeuse-types-pause>div{grid-template-columns:1fr}}.parametres-paie{min-width:0}.parametres-types-pause{gap:18px;width:100%;display:grid}.separateur-parametres-paie{background:#e2e8e4;height:1px;margin:4px 0 2px}.type-pause-formulaire{grid-template-columns:minmax(220px,1.15fr) minmax(230px,.85fr) auto;width:100%}.parametres-types-pause .ligne-carte{width:100%}@media (width<=1050px){.type-pause-formulaire{grid-template-columns:1fr}}.type-pause-formulaire{grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) minmax(210px,.8fr) auto}.type-pause-actions{align-items:end}.type-pause-duree{min-width:110px;font-size:12px}.type-pause-duree select{min-height:38px;padding:7px 10px}@media (width<=1180px){.type-pause-formulaire{grid-template-columns:repeat(2,minmax(0,1fr))}.type-pause-formulaire .bouton-principal{width:100%}}@media (width<=760px){.type-pause-formulaire{grid-template-columns:1fr}.type-pause-actions,.type-pause-duree{width:100%}}.parametres-paie-province,.parametres-paie-regle,.type-pause-formulaire{display:none!important}.arrets-travail-liste{gap:14px;display:grid}.arret-travail-carte{background:#fbfcfb;border:1px solid #dfe6e2;border-radius:14px;gap:16px;padding:18px;display:grid}.arret-travail-entete{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.arret-travail-entete h3{margin:0 0 5px;font-size:18px}.arret-travail-entete p{color:#65736b;margin:0;line-height:1.45}.statut-arret{border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:850}.statut-arret.paye{color:#176c3d;background:#e8f7ee}.statut-arret.non-paye{color:#a71919;background:#fff0f0}.arret-travail-champs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}@media (width<=760px){.arret-travail-entete{display:grid}.arret-travail-champs{grid-template-columns:1fr}}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}button,input,select,textarea{touch-action:manipulation}@media (width<=760px){:root{--mobile-gouttiere:12px;--mobile-rayon:13px;--mobile-nav-hauteur:72px}body{background:#f4f7f5}.application{min-height:100dvh;padding-bottom:calc(var(--mobile-nav-hauteur) + env(safe-area-inset-bottom));display:block}.navigation{z-index:1000;width:100%;height:calc(var(--mobile-nav-hauteur) + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:0;border-top:1px solid #dce5df;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #1118271c}.navigation-marque,.navigation-utilisateur{display:none}.navigation nav{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:5px;width:100%;padding:0;display:flex;overflow-x:auto}.navigation nav::-webkit-scrollbar{display:none}.navigation nav button{scroll-snap-align:center;text-align:center;white-space:normal;border-radius:11px;flex:0 0 73px;grid-template-rows:22px auto;place-items:center;gap:2px;min-width:73px;min-height:56px;padding:6px 5px;font-size:10px;line-height:1.05;display:grid}.navigation nav button.actif{box-shadow:none}.navigation-icone{flex:none;width:auto;font-size:18px}.contenu-principal{width:100%;min-width:0;padding:max(14px, env(safe-area-inset-top)) var(--mobile-gouttiere) 24px}.contenu-principal>section{min-width:0}.entete-page{gap:12px;margin-bottom:16px;display:grid}.entete-page h1{margin:0 0 3px;font-size:27px;line-height:1.08}.entete-page p{font-size:14px;line-height:1.42}.actions-entete{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;width:100%;display:grid}.actions-entete>*{width:100%}button,input,select,textarea{font-size:16px}button{min-height:44px}input,select,textarea{width:100%;min-width:0;min-height:46px}textarea{min-height:92px}label{min-width:0}.carte-section,.carte-kpi,.carte-pointeuse{border-radius:var(--mobile-rayon);box-shadow:0 4px 16px #1d33270e}.carte-section{padding:15px}.carte-section h2{margin-bottom:13px;font-size:20px}.grille-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.carte-kpi{min-width:0;padding:14px}.carte-kpi strong{font-size:clamp(20px,7vw,26px)}.carte-kpi span,.carte-kpi small{font-size:12px}.deux-colonnes,.trois-colonnes,.formulaire-grille,.filtres,.filtres-heures,.audit-filtres,.paie-modification-dates-grille,.arret-travail-champs{grid-template-columns:1fr!important}.ligne-carte{align-items:stretch;gap:11px;padding:13px;display:grid}.actions-ligne{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.actions-ligne>*{width:100%}.tableau-defilant{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;width:calc(100% + 30px);margin-inline:-15px;padding-inline:15px;overflow-x:auto}table{width:max-content;min-width:100%}th,td{padding:11px 10px;font-size:13px}th:first-child,td:first-child{z-index:2;background:#fff;position:sticky;left:0}th:first-child{z-index:3;background:#f8faf9}.carte-pointeuse{gap:13px;width:100%;padding:17px}.carte-pointeuse h2{font-size:24px}.carte-pointeuse .bouton-principal.grand,.carte-pointeuse .bouton-danger.grand{min-height:58px;font-size:17px}.paie-layout{gap:13px;grid-template-columns:1fr!important;display:grid!important}.paie-colonne-laterale{width:100%!important;position:static!important}.paie-liste-periodes{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.paie-liste-periodes::-webkit-scrollbar{display:none}.paie-periode-bouton{scroll-snap-align:start;flex:0 0 230px;min-width:230px}.paie-entete-periode,.paie-export-entete,.parametres-paie-entete,.arret-travail-entete{gap:12px;grid-template-columns:1fr!important;display:grid!important}.paie-actions-periode,.paie-actions-export,.paie-boutons-export{gap:8px;width:100%;grid-template-columns:1fr!important;display:grid!important}.paie-actions-periode>*,.paie-actions-export>*,.paie-boutons-export>*{width:100%}.paie-zone-detail{min-width:0}.paie-employes-tableau{-webkit-overflow-scrolling:touch;overflow-x:auto}.paie-employes-tableau table{min-width:840px}.paie-resume-kpis{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.audit-filtres{gap:10px}.audit-reinitialiser{width:100%}.audit-item{padding:14px}.audit-item-principal{min-width:0}.audit-item-principal strong{overflow-wrap:anywhere;line-height:1.35}.audit-item-principal small{margin-top:5px;line-height:1.35;display:block}.arret-travail-carte{padding:14px}.statut-arret{justify-self:start}.case-cocher{min-height:50px}.calendrier-conteneur{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.calendrier-barre{gap:10px;grid-template-columns:1fr!important}.calendrier-navigation,.calendrier-vues{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.calendrier-vues{grid-template-columns:repeat(2,minmax(0,1fr))}.calendrier-navigation button,.calendrier-vues button{width:100%}.calendrier-mois{min-width:720px}.mon-horaire-navigation{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:7px;display:grid}.mon-horaire-navigation h2{text-align:center;font-size:17px}.mon-horaire-grille{gap:9px;grid-template-columns:1fr!important}.mon-horaire-jour{min-height:0}.disponibilites-grille,.demande-employe,.demande-conge-carte{grid-template-columns:1fr!important}.actions-demande-conge{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.modal,.modal-contenu,.panneau-lateral,.calendrier-panneau,.panneau-gestion-series{max-width:100%!important}.modal{align-items:flex-end;padding:10px}.modal-contenu{border-radius:16px 16px 0 0;max-height:90dvh;overflow-y:auto}.grille-graphiques-tableau-bord{grid-template-columns:1fr!important}.zone-graphique{min-height:245px}.message{padding:12px;font-size:14px;line-height:1.4}}@media (width<=430px){.contenu-principal{padding-inline:9px}.grille-kpi,.paie-resume-kpis{grid-template-columns:1fr!important}.carte-section{padding:13px}.tableau-defilant{width:calc(100% + 26px);margin-inline:-13px;padding-inline:13px}.actions-ligne,.actions-demande-conge{grid-template-columns:1fr}.navigation nav button{flex-basis:68px;min-width:68px}.paie-periode-bouton{flex-basis:205px;min-width:205px}.auth-fond{padding:10px}.carte-auth,.accueil-auth{border-radius:15px;padding:19px 15px}}@media (display-mode:standalone) and (width<=760px){.contenu-principal{padding-top:max(16px, env(safe-area-inset-top))}}
