.ecran-devenir-livreur{max-width:780px;padding-top:18px;padding-bottom:40px}.ecran-devenir-livreur .hero{background:linear-gradient(126deg, var(--ink), #211e1b);color:#fff;border-radius:24px;margin-bottom:16px;padding:34px 28px;position:relative;overflow:hidden}.ecran-devenir-livreur .hero:after{content:"";background:radial-gradient(circle,#ff720061,#0000 64%);border-radius:50%;width:420px;height:420px;position:absolute;top:-140px;right:-110px}.ecran-devenir-livreur .hero .in{z-index:2;position:relative}.ecran-devenir-livreur .hero .tag{color:#fff;background:#ffffff29;border-radius:8px;align-items:center;gap:5px;margin-bottom:14px;padding:5px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.ecran-devenir-livreur .hero h1{font-family:var(--font-display);letter-spacing:-1.4px;max-width:480px;margin-bottom:13px;font-size:32px;font-weight:700;line-height:1.1}.ecran-devenir-livreur .hero h1 em{color:var(--o300);font-style:normal}.ecran-devenir-livreur .hero p{color:#ffffffd1;max-width:470px;margin-bottom:22px;font-size:14.5px;line-height:1.7}.ecran-devenir-livreur .hero .tarifs{flex-wrap:wrap;gap:30px;margin-bottom:24px;display:flex}.ecran-devenir-livreur .hero .tarifs div span{font-family:var(--font-display);letter-spacing:-.9px;font-size:23px;font-weight:700;line-height:1;display:block}.ecran-devenir-livreur .hero .tarifs div small{color:#ffffff94;text-transform:uppercase;letter-spacing:.4px;margin-top:5px;font-size:10.5px;display:block}.ecran-devenir-livreur .prog{background:var(--surface);box-shadow:var(--sh1);border-radius:18px;align-items:center;gap:6px;margin-bottom:14px;padding:14px 18px;display:flex;overflow-x:auto}.ecran-devenir-livreur .prog .s{flex:none;align-items:center;gap:8px;display:flex}.ecran-devenir-livreur .prog .s .b{background:var(--cloud);width:26px;height:26px;color:var(--faint);font-family:var(--font-display);border-radius:9px;place-items:center;font-size:11px;font-weight:700;display:grid}.ecran-devenir-livreur .prog .s.done .b{background:var(--green);color:#fff}.ecran-devenir-livreur .prog .s.cur .b{background:var(--ink);color:#fff}.ecran-devenir-livreur .prog .s>span:last-child{color:var(--faint);white-space:nowrap;font-size:11.5px;font-weight:600}.ecran-devenir-livreur .prog .s.cur>span:last-child{color:var(--ink)}.ecran-devenir-livreur .prog .s.done>span:last-child{color:var(--slate)}.ecran-devenir-livreur .prog .ln{background:var(--line);flex:1;min-width:14px;height:2px}.ecran-devenir-livreur .prog .ln.done{background:var(--green)}.ecran-devenir-livreur .card{background:var(--surface);box-shadow:var(--sh1);border-radius:20px;margin-bottom:14px;overflow:hidden}.ecran-devenir-livreur .chd{border-bottom:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:11px;padding:15px 18px;display:flex}.ecran-devenir-livreur .chd h2{font-family:var(--font-display);letter-spacing:-.4px;font-size:15px;font-weight:700}.ecran-devenir-livreur .chd .sub{color:var(--muted);margin-left:auto;font-size:11.5px}.ecran-devenir-livreur .cbd{padding:18px}.ecran-devenir-livreur .req{border-bottom:1px solid var(--hair);align-items:flex-start;gap:13px;padding:13px 0;display:flex}.ecran-devenir-livreur .req:last-child{border-bottom:none}.ecran-devenir-livreur .req .i{border-radius:9px;flex:none;place-items:center;width:26px;height:26px;margin-top:1px;font-size:12px;font-weight:700;display:grid}.ecran-devenir-livreur .req .i.must{background:var(--red-lt);color:var(--red)}.ecran-devenir-livreur .req .i.plus{background:var(--green-lt);color:var(--green)}.ecran-devenir-livreur .req .tx b{font-size:13.5px;font-weight:600;display:block}.ecran-devenir-livreur .req .tx small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.6;display:block}.ecran-devenir-livreur .ligne{border-bottom:1px solid var(--hair);justify-content:space-between;gap:14px;padding:12px 0;font-size:13px;display:flex}.ecran-devenir-livreur .ligne:last-child{border-bottom:none}.ecran-devenir-livreur .ligne span{color:var(--slate)}.ecran-devenir-livreur .ligne b{font-family:var(--font-display);white-space:nowrap;font-weight:700}.ecran-devenir-livreur .fld{flex-direction:column;gap:6px;margin-bottom:15px;display:flex}.ecran-devenir-livreur .fld:last-child{margin-bottom:0}.ecran-devenir-livreur .fld label{letter-spacing:.5px;text-transform:uppercase;color:var(--faint);align-items:center;font-size:11.5px;font-weight:700;display:flex}.ecran-devenir-livreur .fld label .opt{text-transform:none;letter-spacing:0;color:var(--muted);margin-left:auto;font-size:11px;font-weight:500}.ecran-devenir-livreur .fld input,.ecran-devenir-livreur .fld select,.ecran-devenir-livreur .fld textarea{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;outline:none;width:100%;padding:13px 15px;font-size:16px}.ecran-devenir-livreur .fld input:focus,.ecran-devenir-livreur .fld select:focus,.ecran-devenir-livreur .fld textarea:focus{border-color:var(--o400);box-shadow:0 0 0 4px #ff72001a}.ecran-devenir-livreur .fld .help{color:var(--muted);font-size:11.5px;line-height:1.55}.ecran-devenir-livreur .grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ecran-devenir-livreur .pick{grid-template-columns:1fr 1fr;gap:11px;display:grid}.ecran-devenir-livreur .pk{border:1.5px solid var(--line);cursor:pointer;background:var(--surface);text-align:left;font:inherit;color:inherit;border-radius:15px;align-items:flex-start;gap:12px;width:100%;padding:15px;display:flex}.ecran-devenir-livreur .pk.on{border-color:var(--o500);background:var(--o50)}.ecran-devenir-livreur .pk .ic{flex:none;font-size:22px;line-height:1.2}.ecran-devenir-livreur .pk b{margin-bottom:3px;font-size:13.5px;font-weight:700;display:block}.ecran-devenir-livreur .pk small{color:var(--muted);font-size:11.5px;line-height:1.6;display:block}.ecran-devenir-livreur .chips{flex-wrap:wrap;gap:9px;display:flex}.ecran-devenir-livreur .chip{border:1.5px solid var(--line);background:var(--surface);color:var(--slate);cursor:pointer;border-radius:22px;padding:11px 17px;font-family:inherit;font-size:13px;font-weight:600}.ecran-devenir-livreur .chip.on{border-color:var(--ink);background:var(--ink);color:#fff}.ecran-devenir-livreur .chips.jours .chip{text-align:center;border-radius:12px;min-width:56px;padding:11px 15px}.ecran-devenir-livreur .chk{cursor:pointer;align-items:flex-start;gap:11px;padding:9px 0;font-size:13.5px;line-height:1.55;display:flex}.ecran-devenir-livreur .chk input{width:18px;height:18px;accent-color:var(--o600);flex:none;margin-top:2px}.ecran-devenir-livreur .chk small{color:var(--muted);margin-top:2px;font-size:11.5px;display:block}.ecran-devenir-livreur .alert{border-radius:15px;align-items:flex-start;gap:13px;margin-bottom:14px;padding:15px 17px;font-size:13px;line-height:1.65;display:flex}.ecran-devenir-livreur .alert:last-child{margin-bottom:0}.ecran-devenir-livreur .alert .i{flex:none;font-size:19px;line-height:1.2}.ecran-devenir-livreur .alert.a{background:var(--amber-lt);color:var(--amber)}.ecran-devenir-livreur .alert.r{background:var(--red-lt);color:var(--red)}.ecran-devenir-livreur .alert.g{background:var(--green-lt);color:var(--green)}.ecran-devenir-livreur .alert.o{background:var(--o50);border:1px solid var(--o100);color:var(--o800)}.ecran-devenir-livreur .alert b{font-weight:700}.ecran-devenir-livreur .absente{border:1.5px dashed var(--o300);background:var(--o50);color:var(--o800);border-radius:15px;margin-bottom:14px;padding:15px 17px;font-size:12.5px;line-height:1.7}.ecran-devenir-livreur .absente b{font-weight:700}.ecran-devenir-livreur .absente:last-child{margin-bottom:0}.ecran-devenir-livreur .regles{background:var(--cloud);color:var(--slate);border-radius:15px;padding:18px 20px;font-size:12.5px;line-height:1.85}.ecran-devenir-livreur .regles h4{font-family:var(--font-display);color:var(--ink);margin:14px 0 6px;font-size:13px;font-weight:700}.ecran-devenir-livreur .regles h4:first-child{margin-top:0}.ecran-devenir-livreur .regles b{color:var(--ink)}.ecran-devenir-livreur .foot{flex-wrap:wrap;align-items:center;gap:11px;margin-top:4px;display:flex}.ecran-devenir-livreur .foot .rg{gap:10px;margin-left:auto;display:flex}.ecran-devenir-livreur .act{background:var(--ink);color:#fff;text-align:center;border:1.5px solid var(--ink);cursor:pointer;border-radius:13px;padding:13px 20px;font-family:inherit;font-size:13px;font-weight:600;display:inline-block}.ecran-devenir-livreur .act:hover{background:var(--o600);border-color:var(--o600)}.ecran-devenir-livreur .act.g{background:var(--surface);border-color:var(--line);color:var(--slate)}.ecran-devenir-livreur .act.g:hover{border-color:var(--o500);color:var(--o700);background:var(--surface)}.ecran-devenir-livreur .act.o{background:linear-gradient(142deg, var(--o400), var(--o600));box-shadow:var(--sh-o);border-color:#0000}.ecran-devenir-livreur .act[disabled]{opacity:.45;cursor:not-allowed}.ecran-devenir-livreur .manque{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.ecran-devenir-livreur .echec{color:var(--red);background:var(--red-lt);border-radius:12px;margin-top:12px;padding:12px 15px;font-size:13px;line-height:1.6}.ecran-devenir-livreur .fini{background:var(--surface);box-shadow:var(--sh1);text-align:center;border-radius:22px;padding:34px 26px 26px}.ecran-devenir-livreur .fini .coche{background:var(--green-lt);width:78px;height:78px;color:var(--green);border-radius:26px;place-items:center;margin:0 auto 18px;font-size:34px;display:grid}.ecran-devenir-livreur .fini h1{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:9px;font-size:24px;font-weight:700}.ecran-devenir-livreur .fini .dossier{color:var(--slate);max-width:420px;margin:0 auto;font-size:13.5px;line-height:1.7}.ecran-devenir-livreur .fini .dossier b{font-family:var(--font-display)}.ecran-devenir-livreur .suite{text-align:left;gap:4px;max-width:460px;margin:24px auto 0;list-style:none;display:grid}.ecran-devenir-livreur .suite li{border-bottom:1px solid var(--hair);padding:12px 0 12px 30px;position:relative}.ecran-devenir-livreur .suite li:last-child{border-bottom:none}.ecran-devenir-livreur .suite li:before{content:"○";color:var(--faint);position:absolute;top:12px;left:4px}.ecran-devenir-livreur .suite li.faite:before{content:"✓";color:var(--green)}.ecran-devenir-livreur .suite li b{font-size:13.5px;font-weight:600;display:block}.ecran-devenir-livreur .suite li small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.6;display:block}@media (max-width:640px){.ecran-devenir-livreur .grid2,.ecran-devenir-livreur .pick{grid-template-columns:1fr}.ecran-devenir-livreur .hero{padding:24px 20px}.ecran-devenir-livreur .hero h1{letter-spacing:-1px;font-size:24px}.ecran-devenir-livreur .hero .tarifs{gap:20px}.ecran-devenir-livreur .foot .rg{width:100%;margin-left:0}.ecran-devenir-livreur .foot .rg .act{flex:1}}
