*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{min-height:100dvh;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}:where(h1,h2,h3,h4){line-height:1.2;text-wrap:balance}p{text-wrap:pretty}:root{--h-accent:128;--c-accent:0.14;--h-neutre:250;--h-info:245;--h-succes:150;--h-alerte:75;--h-danger:25;--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,monospace;--t-xs:0.75rem;--t-sm:0.8125rem;--t-base:0.9375rem;--t-md:1rem;--t-lg:clamp(1.0625rem,0.98rem + 0.4vw,1.25rem);--t-xl:clamp(1.25rem,1.1rem + 0.75vw,1.625rem);--t-2xl:clamp(1.5rem,1.28rem + 1.1vw,2.125rem);--s-1:0.25rem;--s-2:0.5rem;--s-3:0.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--hauteur-entete:56px;--hauteur-navmobile:60px;--largeur-rail:248px;--transition:140ms cubic-bezier(0.4,0,0.2,1)}:root,:root[data-theme=clair]{color-scheme:light;--fond:oklch(97.5% 0.005 var(--h-neutre));--surface:oklch(100% 0 0);--surface-2:oklch(98% 0.004 var(--h-neutre));--surface-survol:oklch(96% 0.008 var(--h-neutre));--surface-active:oklch(93.5% 0.012 var(--h-neutre));--texte:oklch(24% 0.02 var(--h-neutre));--texte-doux:oklch(48% 0.018 var(--h-neutre));--texte-faible:oklch(62% 0.015 var(--h-neutre));--bordure:oklch(90% 0.008 var(--h-neutre));--bordure-forte:oklch(82% 0.012 var(--h-neutre));--accent:oklch(52% var(--c-accent) var(--h-accent));--accent-survol:oklch(46% var(--c-accent) var(--h-accent));--accent-doux:oklch(95% 0.04 var(--h-accent));--accent-texte:oklch(38% 0.11 var(--h-accent));--sur-accent:oklch(99% 0 0);--anneau:oklch(52% var(--c-accent) var(--h-accent)/0.45);--ombre-1:0 1px 2px oklch(24% 0.02 var(--h-neutre)/0.06);--ombre-2:0 1px 3px oklch(24% 0.02 var(--h-neutre)/0.08),0 8px 24px -8px oklch(24% 0.02 var(--h-neutre)/0.12);--etat-fond-l:95%;--etat-fond-c:0.045;--etat-texte-l:38%;--etat-texte-c:0.11}@media (prefers-color-scheme:dark){:root:not([data-theme=clair]){color-scheme:dark;--fond:oklch(17% 0.012 var(--h-neutre));--surface:oklch(21% 0.014 var(--h-neutre));--surface-2:oklch(24% 0.016 var(--h-neutre));--surface-survol:oklch(27% 0.018 var(--h-neutre));--surface-active:oklch(31% 0.02 var(--h-neutre));--texte:oklch(95% 0.006 var(--h-neutre));--texte-doux:oklch(75% 0.012 var(--h-neutre));--texte-faible:oklch(60% 0.014 var(--h-neutre));--bordure:oklch(30% 0.016 var(--h-neutre));--bordure-forte:oklch(40% 0.02 var(--h-neutre));--accent:oklch(74% 0.16 var(--h-accent));--accent-survol:oklch(80% 0.16 var(--h-accent));--accent-doux:oklch(30% 0.05 var(--h-accent));--accent-texte:oklch(82% 0.13 var(--h-accent));--sur-accent:oklch(18% 0.03 var(--h-accent));--anneau:oklch(74% 0.16 var(--h-accent)/0.5);--ombre-1:0 1px 2px oklch(0% 0 0/0.3);--ombre-2:0 1px 3px oklch(0% 0 0/0.4),0 8px 24px -8px oklch(0% 0 0/0.5);--etat-fond-l:28%;--etat-fond-c:0.05;--etat-texte-l:84%;--etat-texte-c:0.13}}:root[data-theme=sombre]{color-scheme:dark;--fond:oklch(17% 0.012 var(--h-neutre));--surface:oklch(21% 0.014 var(--h-neutre));--surface-2:oklch(24% 0.016 var(--h-neutre));--surface-survol:oklch(27% 0.018 var(--h-neutre));--surface-active:oklch(31% 0.02 var(--h-neutre));--texte:oklch(95% 0.006 var(--h-neutre));--texte-doux:oklch(75% 0.012 var(--h-neutre));--texte-faible:oklch(60% 0.014 var(--h-neutre));--bordure:oklch(30% 0.016 var(--h-neutre));--bordure-forte:oklch(40% 0.02 var(--h-neutre));--accent:oklch(74% 0.16 var(--h-accent));--accent-survol:oklch(80% 0.16 var(--h-accent));--accent-doux:oklch(30% 0.05 var(--h-accent));--accent-texte:oklch(82% 0.13 var(--h-accent));--sur-accent:oklch(18% 0.03 var(--h-accent));--anneau:oklch(74% 0.16 var(--h-accent)/0.5);--ombre-1:0 1px 2px oklch(0% 0 0/0.3);--ombre-2:0 1px 3px oklch(0% 0 0/0.4),0 8px 24px -8px oklch(0% 0 0/0.5);--etat-fond-l:28%;--etat-fond-c:0.05;--etat-texte-l:84%;--etat-texte-c:0.13}body{font-family:var(--font-ui);font-size:var(--t-base);background:var(--fond);color:var(--texte)}::selection{background:var(--accent-doux);color:var(--accent-texte)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visuellement-cache{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pile{display:flex;flex-direction:column;gap:var(--s-3)}.rangee{display:flex;align-items:center;gap:var(--s-2)}.pousse{margin-left:auto}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:-.01em}.muet{color:var(--texte-doux)}.tres-muet{color:var(--texte-faible)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);border-radius:var(--r-md);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);font-size:var(--t-base);font-weight:550;white-space:nowrap;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.btn:hover:not(:disabled){background:var(--surface-survol);border-color:var(--bordure-forte)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-principal{background:var(--accent);border-color:var(--accent);color:var(--sur-accent)}.btn-principal:hover:not(:disabled){background:var(--accent-survol);border-color:var(--accent-survol)}.btn-discret{background:transparent;border-color:transparent;color:var(--texte-doux)}.btn-discret:hover:not(:disabled){background:var(--surface-survol);color:var(--texte);border-color:transparent}.btn-danger{color:oklch(var(--etat-texte-l) var(--etat-texte-c) var(--h-danger));border-color:oklch(var(--etat-fond-l) var(--etat-fond-c) var(--h-danger));background:oklch(var(--etat-fond-l) var(--etat-fond-c) var(--h-danger))}.btn-icone{min-width:40px;padding:0}.btn-bloc{width:100%}.btn-sm{min-height:32px;padding:0 var(--s-3);font-size:var(--t-sm)}.champ{display:flex;flex-direction:column;gap:var(--s-2)}.champ>label,.etiquette{font-size:var(--t-sm);font-weight:600;color:var(--texte-doux)}.saisie,.selection,.zone{width:100%;min-height:42px;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);transition:border-color var(--transition),box-shadow var(--transition)}@media (max-width:640px){.saisie,.selection,.zone{font-size:16px}}.saisie:focus,.selection:focus,.zone:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--anneau)}.saisie::placeholder,.zone::placeholder{color:var(--texte-faible)}.zone{min-height:120px;resize:vertical;line-height:1.6}.selection{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--s-6);background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:right var(--s-4) center,right calc(var(--s-4) - 5px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.aide{font-size:var(--t-xs);color:var(--texte-faible)}.bascule{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);cursor:pointer;transition:background var(--transition)}.bascule:hover{background:var(--surface-survol)}.bascule input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--accent);cursor:pointer}.bascule-texte{display:flex;flex-direction:column;gap:2px}.bascule-titre{font-weight:550}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-lg);box-shadow:var(--ombre-1)}.carte-corps,.carte-entete{padding:var(--s-4)}.carte-entete{display:flex;align-items:center;gap:var(--s-3);border-bottom:1px solid var(--bordure)}.carte-titre{font-size:var(--t-md);font-weight:650}.pastille{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px var(--s-2);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:650;line-height:1.5;white-space:nowrap;background:oklch(var(--etat-fond-l) var(--etat-fond-c) var(--h,var(--h-neutre)));color:oklch(var(--etat-texte-l) var(--etat-texte-c) var(--h,var(--h-neutre)))}.pastille:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pastille-nue:before{display:none}.st-nouveau{--h:var(--h-info)}.st-en_cours{--h:var(--h-accent)}.st-en_attente{--h:var(--h-alerte)}.st-resolu{--h:var(--h-succes)}.pr-basse,.st-annule,.st-clos{--h:var(--h-neutre)}.pr-normale{--h:var(--h-info)}.pr-haute{--h:var(--h-alerte)}.pr-critique{--h:var(--h-danger)}.coque{display:grid;min-height:100dvh;grid-template-columns:1fr}.rail{display:none}.principal{min-width:0;padding-bottom:calc(var(--hauteur-navmobile) + var(--safe-bottom))}.contenu{width:100%;max-width:1120px;margin:0 auto;padding:var(--s-4)}@media (min-width:900px){.coque{grid-template-columns:var(--largeur-rail) 1fr}.rail{display:flex;flex-direction:column;gap:var(--s-2);position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding:var(--s-4) var(--s-3);background:var(--surface);border-right:1px solid var(--bordure)}.principal{padding-bottom:0}.contenu{padding:var(--s-5) var(--s-6)}.navmobile{display:none}}.entete{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-3);height:calc(var(--hauteur-entete) + var(--safe-top));padding:var(--safe-top) var(--s-4) 0;background:color-mix(in oklch,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bordure)}.entete-titre{font-size:var(--t-md);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navmobile{position:fixed;inset:auto 0 0 0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);height:calc(var(--hauteur-navmobile) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in oklch,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--bordure)}.navmobile-lien{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--t-xs);font-weight:550;color:var(--texte-faible);transition:color var(--transition)}.navmobile-lien[aria-current=page]{color:var(--accent-texte)}.rail-lien{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);font-weight:550;color:var(--texte-doux);transition:background var(--transition),color var(--transition)}.rail-lien:hover{background:var(--surface-survol);color:var(--texte)}.rail-lien[aria-current=page]{background:var(--accent-doux);color:var(--accent-texte)}.rail-marque{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-4)}.rail-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-md);background:var(--accent);color:var(--sur-accent);font-weight:800;font-size:var(--t-sm);letter-spacing:-.03em}.rail-nom{font-weight:700;letter-spacing:-.02em}.rail-sous{font-size:var(--t-xs);color:var(--texte-faible)}.liste{display:flex;flex-direction:column;gap:var(--s-2)}.ticket-ligne{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--s-2) var(--s-3);gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-lg);transition:border-color var(--transition),background var(--transition)}.ticket-ligne:hover{background:var(--surface-survol);border-color:var(--bordure-forte)}.ticket-liseré{grid-row:1/-1;width:3px;border-radius:var(--r-full);background:oklch(65% .14 var(--h,var(--h-neutre)))}.ticket-haut{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-2)}.ticket-titre{font-weight:600;font-size:var(--t-md);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ticket-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-3);font-size:var(--t-sm)}.ticket-meta,.ticket-ref{color:var(--texte-faible)}.ticket-ref{font-family:var(--font-mono);font-size:var(--t-xs)}.puce-nonlu{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.filtres{display:flex;gap:var(--s-2);overflow-x:auto;padding-bottom:var(--s-2);scrollbar-width:none;-webkit-overflow-scrolling:touch}.filtres::-webkit-scrollbar{display:none}.puce-filtre{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);min-height:34px;border-radius:var(--r-full);border:1px solid var(--bordure);background:var(--surface);color:var(--texte-doux);font-size:var(--t-sm);font-weight:550;white-space:nowrap;transition:all var(--transition)}.puce-filtre:hover{border-color:var(--bordure-forte);color:var(--texte)}.puce-filtre[aria-pressed=true],.puce-filtre[data-actif=true]{background:var(--accent-doux);border-color:transparent;color:var(--accent-texte)}.puce-compteur{font-size:var(--t-xs);opacity:.75}.fil{display:flex;flex-direction:column;gap:var(--s-4)}.bulle{display:grid;grid-template-columns:34px 1fr;grid-gap:var(--s-3);gap:var(--s-3)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-active);color:var(--texte-doux);font-size:var(--t-xs);font-weight:700;overflow:hidden}.bulle-corps{min-width:0;padding:var(--s-3) var(--s-4);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-lg);border-top-left-radius:var(--r-sm)}.bulle-interne .bulle-corps{background:oklch(var(--etat-fond-l) var(--etat-fond-c) var(--h-alerte));border-style:dashed;border-color:oklch(var(--etat-texte-l) .06 var(--h-alerte))}.bulle-entete{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-1)}.bulle-auteur{font-weight:650;font-size:var(--t-sm)}.bulle-date{font-size:var(--t-xs);color:var(--texte-faible)}.bulle-texte{white-space:pre-wrap;overflow-wrap:anywhere}.evenement{display:flex;align-items:center;gap:var(--s-2);padding-left:calc(34px + var(--s-3));font-size:var(--t-sm);color:var(--texte-faible)}.evenement:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--bordure-forte);flex:none}.vide{display:grid;place-items:center;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-7) var(--s-4);text-align:center;color:var(--texte-doux)}.vide-titre{font-size:var(--t-lg);font-weight:650;color:var(--texte)}.alerte{display:flex;align-items:flex-start;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--t-sm);background:oklch(var(--etat-fond-l) var(--etat-fond-c) var(--h,var(--h-info)));color:oklch(var(--etat-texte-l) var(--etat-texte-c) var(--h,var(--h-info)))}.alerte-erreur{--h:var(--h-danger)}.alerte-succes{--h:var(--h-succes)}.alerte-info{--h:var(--h-info)}.page-entete{display:flex;align-items:flex-start;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-4)}.page-titre{font-size:var(--t-2xl);font-weight:700;letter-spacing:-.025em}.page-sous{color:var(--texte-doux);font-size:var(--t-sm)}.connexion{display:grid;place-items:center;min-height:100dvh;padding:var(--s-4)}.connexion-carte{width:100%;max-width:380px}.connexion-marque{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);text-align:center}.connexion-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-lg);background:var(--accent);color:var(--sur-accent);font-weight:800;letter-spacing:-.04em}.apercu-photo{width:100%;max-height:320px;object-fit:contain;border-radius:var(--r-md);border:1px solid var(--bordure);background:var(--surface-2)}.galerie{margin-top:var(--s-3)}.galerie,.galerie-envoi{display:flex;flex-wrap:wrap;gap:var(--s-2)}.vignette{position:relative;width:84px;height:84px;flex:none;border-radius:var(--r-md);border:1px solid var(--bordure);background:var(--surface-2);overflow:hidden}.vignette img{width:100%;height:100%;object-fit:cover}a.vignette:hover{border-color:var(--accent)}.vignette-ajout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-style:dashed;color:var(--texte-doux);font-size:var(--t-xs);font-weight:550;transition:border-color var(--transition),color var(--transition)}.vignette-ajout:hover{border-color:var(--accent);color:var(--accent-texte)}.vignette-retirer{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:oklch(20% .02 var(--h-neutre)/.72);color:oklch(99% 0 0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vignette-retirer:hover{background:oklch(45% .18 var(--h-danger)/.9)}.lien-accent{color:var(--accent-texte);font-weight:550;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.lien-accent:hover{text-decoration-thickness:2px}.separateur{height:1px;background:var(--bordure);border:0;margin:var(--s-4) 0}.grille-2{display:grid;grid-gap:var(--s-3);gap:var(--s-3);grid-template-columns:1fr}@media (min-width:640px){.grille-2{grid-template-columns:1fr 1fr}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-5) 0}