:root{--noir:#000;--encre:#171717;--page:#f1f1f1;--blanc:#fff;--champ:#f7f7f7;--rule:#d8d8d8;--rule-soft:#e8e8e8;--soft:#6e6e6e;--rouge:#e23c2a;--rouge-bg:#e23c2a17;--noir-bg:#0000000d;--ink:var(--encre);--ink-soft:var(--soft);--card:var(--blanc);--paper:var(--page);--field:var(--champ);--stamp:var(--rouge);--stamp-bg:var(--rouge-bg);--blue:var(--encre);--blue-bg:var(--noir-bg);--ok:var(--encre);--ok-bg:var(--noir-bg);--warn:var(--rouge);--warn-bg:var(--rouge-bg)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--encre);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:15px;line-height:1.5}.mono{font-variant-numeric:tabular-nums;letter-spacing:.045em}h1,h2,h3{margin:0;font-weight:700}h2,h3{text-transform:uppercase;letter-spacing:.085em}button{cursor:pointer;font-family:inherit;font-size:14px}input,select,textarea{color:var(--encre);font-family:inherit;font-size:14px}a{color:var(--encre)}.topbar{background:var(--noir);border-bottom:3px solid var(--rouge);flex-wrap:wrap;align-items:center;gap:20px;padding:14px 24px;display:flex}.brand{align-items:baseline;gap:14px;display:flex}.brand b{letter-spacing:.05em;color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:25px;font-style:italic;font-weight:900;line-height:1}.brand span{color:#a8a8a8;text-transform:uppercase;letter-spacing:.12em;font-size:12.5px}.roles{border:1px solid #4a4a4a;border-radius:9px;margin-left:auto;display:flex;overflow:hidden}.roles button{color:#d6d6d6;white-space:nowrap;letter-spacing:.02em;background:0 0;border:0;border-right:1px solid #4a4a4a;padding:8px 16px}.roles button:last-child{border-right:0}.roles button:hover{color:#fff}.roles button[aria-pressed=true]{color:var(--noir);background:#fff;font-weight:700}.roles button:focus-visible{outline:2px solid var(--rouge);outline-offset:-3px}.simnote{background:var(--encre);color:#9c9c9c;flex-wrap:wrap;align-items:center;gap:14px;padding:7px 24px;font-size:12.5px;display:flex}.simnote button{color:#d6d6d6;background:0 0;border:1px solid #4a4a4a;border-radius:99px;padding:2px 10px;font-size:12px}.simnote button:hover{color:#fff;border-color:#9c9c9c}.wrap{max-width:1220px;margin:0 auto;padding:24px}.subhead{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.subhead h2{font-size:18px}.subhead p{color:var(--soft);margin:0;font-size:13.5px}.tabs{border-bottom:1px solid var(--rule);gap:0;margin-bottom:20px;display:flex}.tabs button{color:var(--soft);letter-spacing:.03em;background:0 0;border:0;border-bottom:3px solid #0000;margin-right:28px;padding:9px 2px}.tabs button:hover{color:var(--encre)}.tabs button[aria-pressed=true]{color:var(--encre);border-bottom-color:var(--rouge);font-weight:700}.panel{background:var(--blanc);border:1px solid var(--rule);border-radius:12px;overflow:hidden}.panel-h{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:12px;padding:13px 18px;display:flex}.panel-h h3{font-size:13.5px}.panel-b{padding:18px}.muted{color:var(--soft)}.small{font-size:13px}.empty{text-align:center;color:var(--soft);padding:44px 22px}.empty b{color:var(--encre);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:13px;font-weight:700;display:block}.btn{background:var(--noir);color:#fff;border:1px solid var(--noir);text-transform:uppercase;letter-spacing:.07em;border-radius:8px;padding:9px 18px;font-size:12.5px;font-weight:700}.btn:hover{background:#2a2a2a}.btn.ghost{color:var(--encre);background:0 0}.btn.ghost:hover{background:var(--noir-bg)}.btn.danger{background:var(--rouge);border-color:var(--rouge);color:#fff}.btn.danger:hover{background:#c4301f}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}.btnrow{flex-wrap:wrap;gap:10px;display:flex}.chip{white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.c-neutral{color:var(--soft)}.c-blue{color:var(--encre)}.c-warn{color:var(--rouge);background:var(--rouge-bg)}.c-stamp{color:#fff;background:var(--rouge);border-color:var(--rouge)}.c-ok{color:#fff;background:var(--noir);border-color:var(--noir)}.docket{max-width:740px}.frow{border-bottom:1px solid var(--rule-soft);grid-template-columns:158px 1fr;display:grid}.frow:last-of-type{border-bottom:0}.frow>label,.frow>.flabel{color:var(--soft);border-right:1px solid var(--rule-soft);text-align:right;text-transform:uppercase;letter-spacing:.06em;padding:14px 16px 14px 0;font-size:12.5px}.fval{padding:11px 0 11px 18px}.fval input[type=text],.fval input[type=date],.fval input[type=number],.fval select,.fval textarea{background:var(--champ);border:1px solid var(--rule);border-radius:8px;width:100%;max-width:430px;padding:9px 11px}.fval textarea{resize:vertical;min-height:76px}.fval input:focus,.fval select:focus,.fval textarea:focus{outline:2px solid var(--rouge);outline-offset:1px}.hint{color:var(--soft);max-width:470px;margin-top:6px;font-size:12.5px}.verdict{border-radius:99px;margin-top:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.v-ok{color:#fff;background:var(--noir)}.v-ko{color:#fff;background:var(--rouge)}.photos{flex-wrap:wrap;align-items:flex-start;gap:9px;display:flex}.photo{border:1px solid var(--rule);background:var(--champ);border-radius:10px;width:94px;height:94px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo button{border:1px solid var(--rule);background:#fff;border-radius:99px;width:21px;height:21px;padding:0;font-size:13px;line-height:1;position:absolute;top:4px;right:4px}.addphoto{border:1px dashed var(--rule);width:94px;height:94px;color:var(--soft);background:0 0;border-radius:10px;padding:6px;font-size:12px}.addphoto:hover{border-color:var(--noir);color:var(--encre)}.split{grid-template-columns:326px 1fr;align-items:start;gap:20px;display:grid}.queue{border:1px solid var(--rule);background:var(--blanc);border-radius:12px;overflow:hidden}.qfilters{border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:6px;padding:11px 12px;display:flex}.qfilters button{border:1px solid var(--rule);color:var(--soft);text-transform:uppercase;letter-spacing:.06em;background:0 0;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.qfilters button[aria-pressed=true]{border-color:var(--noir);color:var(--noir);background:var(--noir-bg)}.qitem{text-align:left;border:0;border-bottom:1px solid var(--rule-soft);background:0 0;width:100%;padding:12px 14px;display:block}.qitem:hover{background:var(--noir-bg)}.qitem[aria-current=true]{background:var(--page);box-shadow:inset 4px 0 0 var(--rouge)}.qitem:first-of-type{border-top-left-radius:0}.qitem .l1{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.qitem .l1 .mono{font-weight:700}.qitem .l2{color:var(--soft);margin-top:2px;font-size:13px}.qitem .l3{margin-top:7px}.dossier{background:var(--blanc);border:1px solid var(--rule);border-radius:12px;position:relative;overflow:hidden}.dhead{border-bottom:2px solid var(--noir);flex-wrap:wrap;align-items:flex-start;gap:16px;padding:17px 20px;display:flex}.dhead h3{letter-spacing:.05em;font-size:17px}.dgrid{border-bottom:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;display:grid}.dcell{border-right:1px solid var(--rule-soft);padding:13px 20px}.dcell:last-child{border-right:0}.dcell .k{color:var(--soft);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.dcell .v{margin-top:3px}.dsec{border-bottom:1px solid var(--rule-soft);padding:17px 20px}.dsec h4{color:var(--soft);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;font-size:11.5px;font-weight:700}.stamp{letter-spacing:.1em;opacity:.9;pointer-events:none;border:3px solid;border-radius:6px;padding:6px 16px;font-family:Arial Black,Arial,sans-serif;font-size:17px;font-style:italic;font-weight:900;position:absolute;top:18px;right:20px;transform:rotate(-7deg)}.stamp.press{animation:.34s cubic-bezier(.2,.8,.3,1) press}@keyframes press{0%{opacity:0;transform:rotate(-7deg)scale(2.3)}60%{opacity:1}to{opacity:.9;transform:rotate(-7deg)scale(1)}}@media (prefers-reduced-motion:reduce){.stamp.press{animation:none}}.journal{margin:0;padding:0;list-style:none}.journal li{border-bottom:1px solid var(--rule-soft);grid-template-columns:126px 1fr;gap:12px;padding:6px 0;font-size:13.5px;display:grid}.journal li:last-child{border-bottom:0}.journal .ts{color:var(--soft)}.tag{border:1px solid var(--rule);color:var(--soft);text-transform:uppercase;letter-spacing:.07em;border-radius:99px;margin-right:8px;padding:1px 8px;font-size:10.5px;display:inline-block}.thread{flex-direction:column;gap:9px;margin-bottom:12px;display:flex}.msg{border:1px solid var(--rule);background:var(--champ);border-radius:14px 14px 14px 4px;max-width:76%;padding:11px 14px;font-size:13.5px}.msg.five{background:var(--noir);color:#fff;border-color:var(--noir);border-radius:14px 14px 4px;align-self:flex-end}.msg .who{color:var(--soft);margin-bottom:3px;font-size:11.5px}.msg.five .who{color:#a8a8a8}.composer{align-items:flex-start;gap:9px;display:flex}.composer textarea{background:var(--champ);border:1px solid var(--rule);border-radius:8px;flex:1;min-height:56px;padding:10px}.ctrlgrid{grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:13px;display:grid}.ctrlgrid label{color:var(--soft);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:11.5px;display:block}.ctrlgrid input,.ctrlgrid select{background:var(--champ);border:1px solid var(--rule);border-radius:8px;width:100%;padding:9px 11px}.sage{border:1px solid var(--noir);border-left:5px solid var(--rouge);background:var(--champ);border-radius:10px;padding:15px 17px}.sage table{border-collapse:collapse;width:100%;margin-top:9px;font-size:13px}.sage th,.sage td{text-align:left;border-bottom:1px solid var(--rule);padding:5px 8px}.sage th{color:var(--soft);text-transform:uppercase;letter-spacing:.06em;width:120px;font-size:11px;font-weight:700}.ov{z-index:40;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--blanc);border:1px solid var(--noir);border-radius:14px;width:100%;max-width:540px;max-height:88vh;overflow:auto;box-shadow:0 18px 48px #00000059}.modal .mh{background:var(--noir);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.modal .mh h3{letter-spacing:.09em;font-size:13px}.modal .mh .btn.ghost{color:#fff;border-color:#4a4a4a}.modal .mh .btn.ghost:hover{background:#2a2a2a}.modal .mb{padding:19px}.modal .mf{border-top:1px solid var(--rule);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.slip{border:2px solid var(--noir);background:#fff;border-radius:10px;padding:20px}.slip h4{text-transform:uppercase;letter-spacing:.09em;margin:0 0 3px;font-size:15px}.barcode{align-items:flex-end;gap:2px;height:56px;margin:15px 0 7px;display:flex}.barcode i{background:var(--noir);height:100%;display:block}.pjlist{margin:0;padding:0;list-style:none}.pjlist li{border:1px solid var(--rule);background:var(--champ);border-radius:8px;align-items:center;gap:9px;max-width:430px;margin-bottom:6px;padding:6px 10px;font-size:13px;display:flex}.pjlist li:last-child{margin-bottom:0}.pjdoc{background:var(--noir);color:#fff;letter-spacing:.09em;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.pjlist button{border:1px solid var(--rule);width:21px;height:21px;color:var(--soft);background:0 0;border-radius:99px;margin-left:auto;padding:0;font-size:13px;line-height:1}.pjlist button:hover{border-color:var(--rouge);color:var(--rouge)}.zoom img{border:1px solid var(--rule);border-radius:10px;width:100%;display:block}.rules{border:1px solid var(--rule);background:var(--blanc);border-radius:12px;margin-top:24px;overflow:hidden}.rules summary{cursor:pointer;text-transform:uppercase;letter-spacing:.09em;padding:13px 18px;font-size:12px;font-weight:700}.rules ol{color:var(--soft);margin:0;padding:0 22px 18px 40px;font-size:13.5px}.rules li{margin-bottom:8px}.rules b{color:var(--encre);font-weight:700}.toast{background:var(--noir);color:#fff;z-index:60;border-left:4px solid var(--rouge);border-radius:10px;padding:11px 20px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=900px){.split,.frow{grid-template-columns:1fr}.frow>label,.frow>.flabel{text-align:left;border-right:0;padding:12px 0 3px}.fval{padding:0 0 13px}.stamp{margin:12px 20px 0;display:inline-block;position:static}}.nav{border:1px solid #4a4a4a;border-radius:9px;margin-left:auto;display:flex;overflow:hidden}.nav a{color:#d6d6d6;white-space:nowrap;letter-spacing:.02em;border-right:1px solid #4a4a4a;padding:8px 16px;font-size:14px;text-decoration:none}.nav a:last-child{border-right:0}.nav a:hover{color:#fff}.nav a.active{color:var(--noir);background:#fff;font-weight:700}.nav a:focus-visible{outline:2px solid var(--rouge);outline-offset:-3px}.compte{color:#a8a8a8;align-items:center;gap:10px;font-size:12.5px;display:flex}.compte button{color:#d6d6d6;background:0 0;border:1px solid #4a4a4a;border-radius:99px;padding:3px 10px;font-size:12px}.compte button:hover{color:#fff;border-color:#9c9c9c}.nav+.compte{margin-left:0}.brand+.compte{margin-left:auto}.login{max-width:440px;margin:60px auto}.login input[type=email]{background:var(--champ);border:1px solid var(--rule);border-radius:8px;width:100%;padding:11px 12px;font-size:15px}.login input:focus{outline:2px solid var(--rouge);outline-offset:1px}.erreur{color:var(--rouge);margin:10px 0 0;font-size:13.5px}.chargement{text-align:center;color:var(--soft);padding:44px 22px}.photo a{width:100%;height:100%;display:block}.photo .pdf{height:100%;color:var(--soft);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.pjlist a{color:var(--encre)}.scan input{background:var(--champ);border:1px solid var(--rule);font-variant-numeric:tabular-nums;letter-spacing:.045em;border-radius:8px;width:100%;max-width:360px;padding:11px 12px;font-size:17px}.scan input:focus{outline:2px solid var(--rouge);outline-offset:1px}table.liste{border-collapse:collapse;width:100%;font-size:13.5px}table.liste th,table.liste td{text-align:left;border-bottom:1px solid var(--rule-soft);vertical-align:middle;padding:9px 10px}table.liste th{color:var(--soft);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}table.liste input,table.liste select{background:var(--champ);border:1px solid var(--rule);border-radius:8px;padding:6px 9px}.num{text-align:right;font-variant-numeric:tabular-nums}.barcode-svg{max-width:100%;height:auto;margin:12px 0 4px;display:block}@media print{.topbar,.no-print{display:none!important}body{background:#fff}.wrap{padding:0}.slip{border-width:2px;max-width:640px}}a.btn{text-decoration:none;display:inline-block}label.btn{cursor:pointer}.dhead .statut{margin-left:auto}.dhead .statut.sous-tampon{margin-right:150px}@media (width<=900px){.dhead .statut.sous-tampon{margin-right:0}}
