:root{--encre:#1b2a4a;--encre-soft:#33415e;--rouge:#b3202e;--cuir:#a9733f;--cuir-dark:#8a5c30;--parchemin:#f4efe4;--craie:#fcfaf6;--trait:#e6ddcd;--trait-fort:#d8ccb6;--plume:#6f6656;--plume-clair:#938974;--ambre:#b47611;--ambre-bg:#f6e9cf;--bleu:#2f4a7a;--bleu-bg:#dde4f0;--vert:#3b7a57;--vert-bg:#dde9df;--vert-fort:#2c5f43;--rouge-bg:#f3dcdc;--r:4px;--shadow:0 1px 0 rgba(27,42,74,.04),0 6px 22px -14px rgba(27,42,74,.28);--font-d:"Fraunces",Georgia,serif;--font-b:"Hanken Grotesk",-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--parchemin);background-image:radial-gradient(circle at 1px 1px,rgba(27,42,74,.025) 1px,transparent 0);background-size:22px 22px;color:var(--encre);font-family:var(--font-b);-webkit-font-smoothing:antialiased;line-height:1.5}.wrap{margin:0 auto;max-width:720px;padding:0 20px 64px}.topbar{align-items:baseline;border-bottom:1px solid var(--trait);display:flex;gap:12px;margin-bottom:22px;padding:26px 0 18px}.brand{color:var(--encre);font-family:var(--font-d);font-size:19px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.brand em{color:var(--rouge);font-style:normal}.brand-sub{color:var(--plume);font-size:13px;letter-spacing:.02em}.brand-sub:before{color:var(--cuir);content:"·";margin-right:10px}.stitch{background-image:repeating-linear-gradient(74deg,var(--cuir) 0 2px,transparent 2px 8px);height:9px;margin:4px 0 22px;opacity:.55}.stitch.short{width:120px}h1{font-size:30px;letter-spacing:-.01em;line-height:1.1}h1,h2{font-family:var(--font-d);font-weight:600}h2{font-size:19px;margin-bottom:12px}.lead{font-size:15px;margin-top:6px}.lead,.muted{color:var(--plume)}.muted{font-size:13.5px}.card{margin:14px 0;padding:20px}.card,.slip{background:var(--craie);border:1px solid var(--trait);border-radius:var(--r);box-shadow:var(--shadow)}.slip{align-items:center;border-left:none;color:inherit;display:flex;gap:14px;margin:12px 0;padding:16px 18px 16px 20px;position:relative;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.slip:before{background:var(--trait-fort);border-radius:var(--r) 0 0 var(--r);bottom:-1px;content:"";left:0;position:absolute;top:-1px;width:5px}a.slip:hover{box-shadow:0 2px #1b2a4a0a,0 14px 30px -16px #1b2a4a66;transform:translateY(-2px)}.slip.s-nouveau:before{background:var(--ambre)}.slip.s-confirme:before{background:var(--cuir)}.slip.s-expedie:before,.slip.s-paye:before{background:var(--vert)}.slip.s-annule:before{background:var(--trait-fort)}.slip-main{flex:1;min-width:0}.slip-num{font-family:var(--font-d);font-size:17px;font-weight:600}.slip-meta{color:var(--plume);font-size:13.5px;margin-top:2px}.grow{flex:1}.row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chip{background:#eee;border-radius:20px;color:var(--encre);font-size:12px;font-weight:600;letter-spacing:.01em;padding:5px 11px;white-space:nowrap}.chip.s-nouveau{background:var(--ambre-bg);color:#85560a}.chip.s-confirme{background:#efe3d2;color:var(--cuir-dark)}.chip.s-expedie,.chip.s-paye{background:var(--vert-bg);color:var(--vert-fort)}.chip.s-paye{box-shadow:inset 0 0 0 1px var(--vert)}.chip.s-annule{background:var(--rouge-bg);color:#8f2029}.chip.late{background:var(--rouge);color:#fff}.btn,button{background:var(--encre);border:1px solid var(--encre);border-radius:var(--r);color:#fff;cursor:pointer;display:inline-block;font-family:var(--font-b);font-size:14.5px;font-weight:600;padding:11px 18px;text-decoration:none;transition:background .15s ease,transform .05s ease}.btn:hover,button:hover{background:var(--encre-soft)}.btn:active,button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.4}.btn.secondary,button.secondary{background:transparent;border-color:var(--trait-fort);color:var(--encre)}button.secondary:hover{background:#efe8db}button.cuir{background:var(--cuir);border-color:var(--cuir)}button.cuir:hover{background:var(--cuir-dark)}label{color:var(--encre-soft);display:block;font-size:13.5px;font-weight:500;margin:14px 0 5px}input,select,textarea{background:#fff;border:1px solid var(--trait-fort);border-radius:var(--r);color:var(--encre);font-family:var(--font-b);font-size:15px;padding:12px 13px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--cuir);box-shadow:0 0 0 3px #a9733f2e;outline:none}input::-moz-placeholder{color:var(--plume-clair)}input::placeholder{color:var(--plume-clair)}.ok{color:var(--vert-fort)}.error,.ok{font-size:14px}.error{color:var(--rouge);margin-top:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}th{border-bottom:1px solid var(--trait-fort);color:var(--plume);font-size:12px;font-weight:600;letter-spacing:.04em;padding:8px 12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid var(--trait);padding:11px 12px;vertical-align:top}.backlink{color:var(--plume);font-size:13.5px;text-decoration:none}.backlink:hover{color:var(--cuir)}.thumb{border:1px solid var(--trait);border-radius:var(--r);height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.props{margin-top:4px}.props div{border-left:2px solid var(--trait);color:var(--plume);font-size:13px;padding-left:12px}@media(max-width:560px){h1{font-size:25px}.wrap{padding-bottom:40px}.slip{flex-wrap:wrap}}.fade-up{animation:fadeUp .4s ease both}.fade-up:nth-child(2){animation-delay:.04s}.fade-up:nth-child(3){animation-delay:.08s}.fade-up:nth-child(4){animation-delay:.12s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,.fade-up{animation:none!important;transition:none!important}}