:root{--ground:#f2f3f5;--surface:#fff;--ink:#2a2f36;--muted:#5f6773;--faint:#9aa1ab;--line:#d9dde3;--slate:#64707d;--slate-dark:#4d5865;--ok:#3b6a51;--bad:#a33224;--bad-soft:#f6e5e2}*{box-sizing:border-box}body{background:var(--ground);min-height:100dvh;color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55}.screen{place-items:center;min-height:100dvh;padding:20px;display:grid}.quiet{color:var(--slate);letter-spacing:.08em}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:min(420px,100%);padding:28px 24px 24px}.panel h1{letter-spacing:-.01em;margin:0 0 6px;font-size:22px}.lead{color:var(--muted);margin:0 0 10px;font-size:15px}.field{margin:16px 0 0;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input{width:100%;font:inherit;color:inherit;background:var(--ground);border:1px solid var(--line);border-radius:8px;padding:12px}.field input:focus{border-color:var(--slate);outline:none}.field input[aria-invalid=true]{border-color:var(--bad)}.rules{color:var(--faint);margin:10px 0 0;padding:0;font-size:13.5px;list-style:none}.rules li{padding:2px 0}.rules .rule-ok{color:var(--ok)}.mismatch{color:var(--bad);margin:6px 0 0;font-size:13px}.alert{background:var(--bad-soft);border:1px solid var(--bad);border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:14px}.btn{width:100%;font:inherit;color:#fff;background:var(--slate);cursor:pointer;border:0;border-radius:8px;margin-top:20px;padding:13px;font-weight:600}.btn:hover:not(:disabled){background:var(--slate-dark)}.btn:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--slate);outline-offset:2px}.btn-secondary{background:var(--surface);color:var(--slate-dark);border:1px solid var(--line)}.btn-secondary:hover:not(:disabled){background:var(--ground)}.help{color:var(--faint);text-align:center;margin:14px 0 0;font-size:13px}.screen-top{place-items:start center;padding-top:28px}.home{width:min(460px,100%)}.home-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.home-head h1{margin:0;font-size:22px}.btn-link{color:var(--slate);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-size:13.5px;text-decoration:underline}.availability{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px 18px}.week-head h2{margin:0 0 4px;font-size:16.5px}.deadline{color:var(--muted);margin:0 0 14px;font-size:13.5px}.deadline.locked{color:var(--bad)}.grid{grid-template-columns:1fr 84px 84px;align-items:center;gap:6px;display:grid}.grid-row{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;display:grid}.grid-col{color:var(--faint);text-align:center;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.grid-day{color:var(--ink);text-transform:capitalize;font-size:14.5px}.cell{font:inherit;border:1px solid var(--line);background:var(--ground);color:var(--faint);cursor:pointer;border-radius:8px;padding:11px 0;font-size:13.5px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s}.cell:disabled{opacity:.55;cursor:default}.cell-on{background:var(--slate);border-color:var(--slate);color:#fff}.availability .field{margin-top:16px}.availability .btn{margin-top:14px}.sync{color:var(--muted);min-height:1.2em;margin:12px 0 0;font-size:13px}.sync-sent{color:var(--ok)}.sync-pending-send,.sync-error{color:var(--bad)}.absences{margin-top:16px}.section-head{justify-content:space-between;align-items:baseline;display:flex}.section-head h2{margin:0;font-size:16.5px}.btn-inline{width:auto;font:inherit;color:var(--slate);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;margin:0;padding:8px 13px;font-size:13.5px;font-weight:600}.btn-inline:hover:not(:disabled){background:var(--ground)}.btn-inline:disabled{opacity:.55;cursor:default}.fresh-at{margin:6px 0 0;font-size:12.5px}.date-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sorte{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 0;display:grid}.sorte-choix{min-height:46px;font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:10px 12px;font-size:14px}.sorte-choix.actif{color:var(--ink);border-color:var(--slate);background:#64707d1a;font-weight:600}.field-note{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.45;display:block}.absence-list{margin:12px 0 0;padding:0;list-style:none}.absence-list li{border-top:1px solid var(--line);flex-direction:column;gap:1px;padding:10px 0;font-size:14px;display:flex}.absence-list span{color:var(--muted);font-size:13px}.schedule-section{margin-bottom:16px}.offline-banner{color:#7a5518;background:#fdf3e0;border:1px solid #d8a867;border-radius:8px;margin:10px 0 0;padding:9px 12px;font-size:13px}.slot-list{margin:10px 0 0;padding:0;list-style:none}.slot-list li{border-top:1px solid var(--line);padding:10px 0;font-size:14.5px}.messages{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.messages h3{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:0 0 6px;font-size:12.5px}.messages p{color:var(--muted);margin:6px 0;font-size:13.5px}.msg-date{color:var(--faint);margin-right:8px;font-size:12px}.attach{color:var(--slate);cursor:pointer;margin-top:2px;font-size:13px;text-decoration:underline}.attach input{display:none}.attach-done{color:var(--ok);margin-top:2px;font-size:13px}.pwd-wrap{position:relative}.pwd-wrap input{padding-right:86px}input::-ms-reveal{display:none}input::-ms-clear{display:none}.pwd-toggle{font:inherit;color:var(--slate);cursor:pointer;background:0 0;border:0;padding:8px 6px;font-size:13.5px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.published-banner{border:1px solid var(--brass,#c9a227);border-left:4px solid var(--brass,#c9a227);background:#c9a22717;border-radius:8px;margin:0 0 14px;padding:12px 14px;font-size:14px;line-height:1.45}.absence-remove{font-size:12.5px}.absence-locked{color:var(--muted,#97a0ad);font-size:11.5px}.outage{z-index:60;background:var(--bad-soft);border-bottom:2px solid var(--bad);padding:12px 16px;position:sticky;top:0}.outage strong{color:var(--bad);font-size:15px;display:block}.outage p{color:var(--ink);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:14px}.outage-retry{width:100%;font:inherit;color:var(--bad);background:var(--surface);border:1px solid var(--bad);cursor:pointer;border-radius:10px;margin-top:10px;padding:10px 14px;font-weight:600}.outage-maintenance{background:#fdf3e0;border-bottom-color:#a06a1f}.outage-maintenance strong{color:#7d5417}.maintenance-notice{z-index:60;background:#fdf3e0;border-bottom:2px solid #a06a1f;padding:10px 16px;position:sticky;top:0}.maintenance-notice strong{color:#7d5417;font-size:14px;display:block}.maintenance-notice p{color:var(--ink);margin:3px 0 0;font-size:13.5px}.outage-back{z-index:60;border-bottom:2px solid var(--ok);background:#e4f0e9;padding:12px 16px;position:sticky;top:0}.outage-back strong{color:var(--ok);font-size:15px;display:block}.outage-back p{color:var(--ink);margin:4px 0 0;font-size:14px}.outage-overlay{inset:0;z-index:80;background:#14181e8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.outage-pop{background:var(--surface);border-top:5px solid var(--bad);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:22px 20px;box-shadow:0 18px 50px #00000059}.outage-pop-maintenance{border-top-color:#a06a1f}.outage-pop strong{color:var(--bad);font-size:18px;display:block}.outage-pop-maintenance strong{color:#7d5417}.outage-pop p{color:var(--ink);font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:15px}.outage-pop .outage-retry{margin-top:16px}.outage-continue{width:100%;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:9px 14px;font-size:14px;text-decoration:underline}.cell.cell-absent{border-color:var(--bad);color:var(--bad);background:var(--bad-soft);cursor:not-allowed;font-weight:600}.alert-lock p{margin:0}.alert-lock-title{font-weight:700;margin-bottom:4px!important}.alert-lock-timer{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.field-file input[type=file]{padding:10px 12px;font-size:14px}.field-file small{color:var(--muted);margin-top:6px;font-size:12.5px;display:block}.attach-done .attach{margin-left:6px}.sync-nudge{color:var(--bad);font-weight:600}.sante-etat{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.sante-etat strong{color:var(--ink)}.sante-etat span{color:var(--muted);font-size:13.5px}.sante-retirer{align-self:flex-start;margin-top:4px}.sante-form{flex-direction:column;gap:12px;margin-top:12px;display:flex}.sante-form input[type=file]{font:inherit;color:var(--muted);font-size:13.5px}.onglets{z-index:20;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.onglet{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-height:52px;padding:9px 4px 8px;font-size:11.5px;display:flex;position:relative}.onglet svg{width:22px;height:22px}.onglet.actif{color:var(--ink);font-weight:600}.onglet.actif:before{content:"";background:var(--slate-dark);border-radius:0 0 2px 2px;width:26px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.onglet:focus-visible{outline:2px solid var(--slate);outline-offset:-3px}.home{padding-bottom:84px}.onglet-panneau{flex-direction:column;gap:14px;display:flex}@media (prefers-reduced-motion:no-preference){.onglet-panneau>*{animation:.18s ease-out onglet-entre}}@keyframes onglet-entre{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.quart-prochain{background:var(--slate-dark);color:#fff;border-radius:12px;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;display:flex}.quart-medaille{background:#ffffff1f;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:inset 0 0 0 1px #ffffff38}.quart-medaille b{font-variant-numeric:tabular-nums;font-size:22px;line-height:1}.quart-medaille i{letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-top:2px;font-size:11px;font-style:normal}.quart-prochain-texte{flex-direction:column;gap:1px;min-width:0;display:flex}.quart-prochain-titre{letter-spacing:.06em;text-transform:uppercase;opacity:.72;font-size:11.5px}.quart-prochain strong{font-size:20px;line-height:1.2}.quart-prochain strong:first-letter{text-transform:uppercase}.quart-prochain-periode{opacity:.9;font-size:14px}.quart-aucun{border:1px dashed var(--line);color:var(--muted);border-radius:12px;margin-top:12px;padding:14px 16px;font-size:14.5px}.quart-semaine{margin-top:16px}.quart-semaine h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12.5px;font-weight:600}.quart-liste{margin:0;padding:0;list-style:none}.quart-liste li{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.quart-jour{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-size:19px;font-weight:600}.quart-nom{color:var(--muted);font-size:14.5px}.quart-nom:first-letter{text-transform:uppercase}.quart-pastille{white-space:nowrap;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12.5px}.quart-pastille.soir{background:var(--slate-dark);border-color:var(--slate-dark);color:#fff}.published-banner{margin-top:16px;font-size:13.5px}.deadline{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 0;display:flex}.deadline-reste{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12.5px}.deadline.urgent .deadline-reste{color:var(--bad);border-color:var(--bad);background:var(--bad-soft);font-weight:600}.dispo-compte{color:var(--muted);margin:12px 0 0;font-size:13.5px}.dispo-compte strong{color:var(--ink);font-size:15px}.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--ground);border:1px solid var(--line);resize:vertical;border-radius:10px;padding:10px 12px;font-size:16px}.absence-groupe{margin-top:16px}.absence-groupe h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12.5px;font-weight:600}.absence-list li{border-top:1px solid var(--line);border-left:3px solid var(--line);flex-direction:column;gap:4px;padding:10px 0 10px 12px;display:flex}.absence-list li.retard{border-left-color:var(--slate)}.absence-tete{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.absence-badge{letter-spacing:.02em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:600}.absence-badge.retard{color:#fff;background:var(--slate);border-color:var(--slate)}.absence-motif{color:var(--muted);font-size:14px}.absence-actions{flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:2px;font-size:13.5px;display:flex}.absence-remove{padding:0}.sante-etat{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:2px;padding:14px 16px;display:grid}.sante-verdict{letter-spacing:.04em;text-transform:uppercase;color:var(--ok);font-size:12.5px;font-weight:600}.sante-etat strong{font-size:18px}.sante-etat.bientot{border-color:var(--slate)}.sante-etat.bientot .sante-verdict{color:var(--slate-dark)}.sante-etat.expire{border-color:var(--bad);background:var(--bad-soft)}.sante-etat.expire .sante-verdict{color:var(--bad)}.sante-etat.absent{border-style:dashed}.sante-etat.absent .sante-verdict{color:var(--faint)}.sante-preleve{color:var(--muted);font-size:13.5px}.sante-explique{margin-top:12px}.sante-explique summary{cursor:pointer;color:var(--slate);font-size:13.5px;list-style-position:outside}.sante-explique p{color:var(--muted);margin:6px 0 0;font-size:13.5px}.sante-liste{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.sante-liste li{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px}.sante-liste li.courante{border-color:var(--slate)}.sante-ligne{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.sante-ligne strong{font-size:14.5px}.sante-feuilles{color:var(--muted);font-size:13px}.sante-gestes{flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:4px;font-size:13.5px;display:flex}.sante-ajouter{cursor:pointer}.sante-renomme{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;display:flex}.sante-renomme input{flex:100%;min-width:0}.hint{color:var(--muted);margin:6px 0 0;font-size:13.5px}@media (width>=720px){.home{width:min(620px,100%);padding-bottom:0}.onglets{border-top:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:repeat(4,auto);justify-content:start;gap:4px;width:auto;margin:0 0 16px;padding-bottom:0;position:static}.onglet{flex-direction:row;gap:8px;min-height:0;padding:10px 14px;font-size:14px}.onglet svg{width:18px;height:18px}.onglet.actif:before{border-radius:2px 2px 0 0;width:100%;top:auto;bottom:-1px}.screen-top{padding-top:22px}}:root{--brand:#2f6b4f;--brand-dark:#24543d;--brand-rgb:47 107 79;--sable:#e8e2d2}.entree{background:var(--surface);flex-direction:column;align-items:center;min-height:100dvh;padding:34px 20px 0;display:flex;position:relative;overflow:hidden}.entree-marque{flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;display:flex}.entree-marque svg{width:72px;height:72px;display:block}.entree-nom{letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin:0;font-size:15px;font-weight:700}.entree .panel{z-index:1;background:0 0;border:0;border-radius:0;width:min(380px,100%);padding:0;position:relative}.entree .panel h1{text-align:center;margin:0 0 4px;font-size:19px;font-weight:600}.entree .lead{text-align:center;margin:0 0 22px;font-size:14.5px}.entree .field{margin:0 0 18px}.entree .field span{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-bottom:2px;font-size:12px;font-weight:600}.entree .field input{border:0;border-bottom:1.5px solid var(--line);background:0 0;border-radius:0;padding:9px 0;font-size:16px;transition:border-color .15s}.entree .field input:focus{border-bottom-color:var(--brand)}.entree .field input[aria-invalid=true]{border-bottom-color:var(--bad)}.entree .pwd-wrap{position:relative}.entree .pwd-toggle{font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0 0 0 10px;font-size:13px;font-weight:600;position:absolute;bottom:10px;right:0}.entree .pwd-wrap input{padding-right:72px}.entree .btn{background:var(--brand);letter-spacing:.02em;box-shadow:0 6px 16px rgb(var(--brand-rgb) / .22);border-radius:999px;margin-top:26px;padding:15px;font-size:15px}.entree .btn:hover:not(:disabled){background:var(--brand-dark)}.entree .btn:disabled{box-shadow:none}.entree .btn-secondary{background:var(--surface);color:var(--brand-dark);border:1.5px solid var(--line);box-shadow:none}.entree .btn-link{color:var(--brand);font-weight:600}.entree .rules{font-size:13px}.entree-vague{z-index:0;pointer-events:none;width:100%;height:240px;position:absolute;bottom:0;left:0;right:0}.entree-vague svg{width:100%;height:100%;display:block}.entree-pied{z-index:1;text-align:center;color:#ffffffe6;width:min(380px,100%);margin-top:auto;padding:150px 4px 30px;font-size:12.5px;line-height:1.6;position:relative}.entree-pied .btn-link{color:#fff;text-underline-offset:3px;text-decoration:underline}@media (height<=560px){.entree-vague{display:none}.entree-pied{color:var(--faint);padding:28px 4px 24px}.entree-pied .btn-link{color:var(--brand)}.entree-marque svg{width:52px;height:52px}}.calc{color:#fff;padding:14px 14px calc(18px + env(safe-area-inset-bottom)) 14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-user-select:none;user-select:none;z-index:50;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.calc-top{justify-content:space-between;padding:6px 6px 0;display:flex}.calc-chip{opacity:.85;background:#1c1c1c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.calc-display{letter-spacing:-.02em;white-space:nowrap;flex:1;justify-content:flex-end;align-items:flex-end;padding:0 10px 12px;font-size:clamp(56px,20vw,88px);font-weight:300;line-height:1;display:flex;overflow:hidden}.calc-pad{grid-template-columns:repeat(4,1fr);gap:clamp(10px,3.2vw,16px);display:grid}.calc-key{aspect-ratio:1;color:#fff;font:inherit;cursor:pointer;touch-action:manipulation;background:#2e2e2e;border:0;border-radius:50%;place-items:center;font-size:clamp(24px,8vw,34px);font-weight:400;transition:filter 80ms;display:grid}.calc-key:active{filter:brightness(1.4)}.calc-fn{background:#6c6c6c}.calc-op{background:#f5903c;font-size:clamp(28px,9vw,40px)}.calc-op-on{color:#f5903c;background:#fff}.calc-key[aria-label="Changer le signe"],.calc-key[aria-label=Pourcentage],.calc-key[aria-label="Effacer le dernier chiffre"]{font-size:clamp(20px,6.5vw,28px)}@media (height<=520px){.calc-display{padding-bottom:6px;font-size:clamp(36px,12vh,56px)}.calc-pad{gap:8px}.calc-key{font-size:22px}}