.colis-express *{box-sizing:border-box;margin:0}.colis-express .ce-stage{background:var(--ce-paint-11);color:var(--texte);justify-content:center;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;display:flex}.colis-express .ce-app{background:var(--fond);width:100%;max-width:430px;min-height:100vh;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}.colis-express header{background:var(--violet);color:var(--ce-paint-12);border-radius:0 0 24px 24px;padding:22px 20px 18px}.colis-express .top{align-items:center;gap:10px;display:flex}.colis-express .back{background:var(--ce-paint-13);width:34px;height:34px;color:var(--ce-paint-12);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:none}.colis-express .back.show{display:grid}.colis-express header h1{font-size:24px;font-weight:700}.colis-express header p{opacity:.9;margin-top:2px;font-size:13px}.colis-express .progress{align-items:center;gap:6px;margin-top:12px;display:flex}.colis-express .progress span{background:var(--ce-paint-14);border-radius:4px;flex:1;height:4px;transition:background .25s}.colis-express .progress span.on{background:var(--ce-paint-12)}.colis-express .progress em{white-space:nowrap;margin-left:6px;font-size:12px;font-style:normal;font-weight:500}.colis-express main{flex-direction:column;gap:12px;padding:14px 14px 0;display:flex}.colis-express .step{flex-direction:column;gap:12px;display:none}.colis-express .step.show{display:flex}.colis-express .card{background:var(--ce-paint-12);border:1px solid var(--bord);border-left:5px solid var(--c,var(--violet));border-radius:20px;padding:14px}.colis-express .card h2{align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.colis-express .card h2 svg{flex:none}.colis-express .card h2.split{justify-content:space-between}.colis-express .card h2.split .l{align-items:center;gap:8px;display:flex}.colis-express .card h2 .zone{color:var(--gris);text-align:right;font-size:12px;font-weight:500}.colis-express .route{padding-left:26px;position:relative}.colis-express .route:before{content:"";border-left:2px dotted var(--ce-paint-15);position:absolute;top:14px;bottom:14px;left:5px}.colis-express .stop{margin-bottom:10px;position:relative}.colis-express .stop:last-child{margin-bottom:0}.colis-express .stop .pin{border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-26px}.colis-express .stop label{color:var(--gris);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.colis-express .row{gap:8px;display:flex}.colis-express select,.colis-express input[type=text],.colis-express input[type=tel],.colis-express input[type=date],.colis-express input[type=time]{width:100%;font:inherit;color:var(--texte);background:var(--fond);border:1.5px solid var(--bord);appearance:none;border-radius:14px;outline:none;min-width:0;padding:12px 14px;font-size:15px}.colis-express select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236b6a7c' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.colis-express select:focus,.colis-express input:focus{border-color:var(--violet);background-color:var(--ce-paint-12)}.colis-express .row .ville{flex:0 0 42%}.colis-express .dd{position:relative}.colis-express .dd-btn{text-align:left;width:100%;font:inherit;background:var(--violet-clair);border:1.5px solid var(--violet);cursor:pointer;color:var(--texte);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.colis-express .dd-btn .cur{align-items:center;gap:12px;min-width:0;display:flex}.colis-express .dd-btn b{font-size:15px;display:block}.colis-express .dd-btn small{color:var(--gris);font-size:12px}.colis-express .dd-btn .chev{flex:none;transition:transform .2s}.colis-express .dd.open .dd-btn .chev{transform:rotate(180deg)}.colis-express .dd-list{background:var(--ce-paint-12);border:1px solid var(--bord);box-shadow:0 10px 30px var(--ce-paint-16);z-index:5;border-radius:14px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.colis-express .dd.open .dd-list{display:block}.colis-express .dd-list button{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--texte);background:0 0;border:0;align-items:center;gap:12px;padding:11px 14px;display:flex}.colis-express .dd-list button+button{border-top:1px solid var(--bord)}.colis-express .dd-list button:hover,.colis-express .dd-list button[aria-selected=true]{background:var(--violet-clair)}.colis-express .dd-list b{font-size:15px;display:block}.colis-express .dd-list small{color:var(--gris);font-size:12px}.colis-express .logo{background:var(--ce-paint-12);border:1px solid var(--bord);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.colis-express .logo svg{display:block}.colis-express .placeholder{color:var(--gris);font-weight:500}.colis-express .photo{border:1.5px dashed var(--violet);background:var(--ce-paint-12);color:var(--violet);font:inherit;cursor:pointer;text-align:left;border-radius:14px;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.colis-express .photo small{color:var(--ce-paint-17);font-size:12px;font-weight:500;display:block}.colis-express .photo.ok{background:var(--ce-paint-18);color:var(--ce-paint-19);border-style:solid}.colis-express .photo.ok small{color:var(--ce-paint-19)}.colis-express .toggle{background:var(--ce-paint-12);border:1px solid var(--bord);border-radius:999px;padding:4px;display:flex}.colis-express .toggle button{font:inherit;color:var(--gris);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:10px;font-size:14px;font-weight:700}.colis-express .toggle button.on{background:var(--violet);color:var(--ce-paint-12)}.colis-express .when{gap:8px;display:flex}.colis-express .when button{font:inherit;border:1.5px solid var(--bord);background:var(--ce-paint-12);color:var(--texte);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 8px;font-size:14px;font-weight:700;display:flex}.colis-express .when button.on{background:var(--violet-clair);border-color:var(--indigo);color:var(--indigo)}.colis-express .sched{gap:8px;margin-top:10px;display:none}.colis-express .sched.show{display:flex}.colis-express .carriers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.colis-express .carrier{text-align:left;width:100%;font:inherit;background:var(--ce-paint-12);border:1.5px solid var(--bord);cursor:pointer;color:var(--texte);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.colis-express .carrier.on{border-color:var(--bleu);background:var(--ce-paint-20)}.colis-express .carrier svg{flex:none}.colis-express .carrier b{font-size:14px;line-height:1.2;display:block}.colis-express .carrier small{color:var(--gris);font-size:12px;line-height:1.3;display:block}.colis-express .tel-wrap{flex:150px;min-width:140px;position:relative}.colis-express .nom-wrap{flex:1.3 150px;min-width:0}.colis-express .recap{background:var(--ce-paint-12);border:1px solid var(--bord);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.colis-express .recap b{font-size:15px;display:block}.colis-express .recap small{color:var(--gris);font-size:12px}.colis-express .recap button{font:inherit;color:var(--violet);cursor:pointer;background:0 0;border:0;flex:none;padding:6px;font-size:13px;font-weight:700}.colis-express .pay-detail{margin-top:12px;display:none}.colis-express .pay-detail.show{display:block}.colis-express .pay-detail label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.colis-express .pay-detail .note{color:var(--gris);margin-top:8px;font-size:13px;line-height:1.4}.colis-express .pay-detail .okmsg{color:var(--ce-paint-19);margin-top:6px;font-size:12px;font-weight:700}.colis-express .total{background:var(--ce-paint-12);border:1px solid var(--bord);border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;display:flex}.colis-express .total b{font-size:18px}.colis-express .legal{color:var(--gris);justify-content:space-between;gap:12px;padding:0 4px;font-size:12px;line-height:1.4;display:flex}.colis-express .cta{width:100%;font:inherit;color:var(--ce-paint-12);background:var(--ce-cta-fill);cursor:pointer;box-shadow:0 8px 20px var(--ce-paint-23);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:700;display:flex}.colis-express .cta:disabled{background:var(--ce-paint-24);box-shadow:none;cursor:not-allowed}.colis-express .cta.ghost{background:var(--ce-paint-12);color:var(--violet);box-shadow:none;border:1.5px solid var(--violet)}.colis-express .cta.wa{background:var(--ce-paint-25);box-shadow:0 8px 20px var(--ce-paint-26)}.colis-express .hint{text-align:center;color:var(--gris);min-height:16px;margin-top:-4px;font-size:12px}.colis-express .btn-sm{font:inherit;color:var(--ce-paint-12);background:var(--violet);cursor:pointer;border:0;border-radius:999px;flex:none;padding:0 22px;font-size:14px;font-weight:700}.colis-express .track{background:var(--ce-paint-12);border:1px solid var(--bord);border-radius:999px;align-items:center;gap:8px;padding:5px 5px 5px 14px;display:flex}.colis-express .track svg{flex:none}.colis-express .track input{background:0 0;border:0;border-radius:0;padding:8px 0;font-size:14px}.colis-express .track input:focus{background:0 0}.colis-express .track .btn-sm{padding:9px 16px;font-size:13px}.colis-express .track-msg{color:var(--gris);min-height:0;margin:-6px 0 0 14px;font-size:12px}.colis-express .cp{background:var(--ce-paint-12);border:1px solid var(--bord);text-align:center;border-radius:20px;padding:28px 18px}.colis-express .cp .brand{color:var(--ce-paint-27);letter-spacing:0;font-size:22px;font-weight:700}.colis-express .cp .brand i{color:var(--ce-paint-28);font-style:normal}.colis-express .cp .amt{margin:14px 0 4px;font-size:28px;font-weight:700}.colis-express .cp p{color:var(--gris);font-size:14px}.colis-express .cp .spin{border:4px solid var(--violet-clair);border-top-color:var(--violet);border-radius:50%;width:34px;height:34px;margin:18px auto;animation:1s linear infinite ce-rot}@keyframes ce-rot{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.colis-express .cp .spin{animation:none}}.colis-express .cp .sim{flex-direction:column;gap:10px;margin-top:16px;display:none}.colis-express .cp .sim.show{display:flex}.colis-express .cp .tag{color:var(--gris);background:var(--fond);border-radius:999px;margin-top:14px;padding:4px 10px;font-size:11px;display:inline-block}.colis-express .ticket{background:var(--ce-paint-12);border:1px solid var(--bord);border-radius:22px;overflow:hidden}.colis-express .t-head{background:var(--violet);color:var(--ce-paint-12);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.colis-express .t-head b{font-size:17px;display:block}.colis-express .t-head small{opacity:.9;font-size:12px}.colis-express .badge{background:var(--ce-paint-18);color:var(--ce-paint-19);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.colis-express .badge.wait{background:var(--ce-paint-29);color:var(--ce-paint-30)}.colis-express .t-qr{flex-direction:column;align-items:center;padding:18px 0 10px;display:flex}.colis-express .t-qr canvas{width:180px;height:180px;image-rendering:pixelated}.colis-express .t-qr .code{letter-spacing:0;margin-top:8px;font-size:16px;font-weight:700}.colis-express .t-qr small{color:var(--gris);font-size:12px}.colis-express .t-sep{border-top:2px dashed var(--bord);margin:6px 14px 4px}.colis-express .t-rows{padding:8px 18px 16px}.colis-express .t-rows div{justify-content:space-between;gap:14px;padding:7px 0;font-size:14px;display:flex}.colis-express .t-rows span{color:var(--gris);flex:none}.colis-express .t-rows b{text-align:right;overflow-wrap:anywhere;min-width:0}.colis-express .t-qr .remise{color:var(--gris);margin-top:6px;font-size:13px}.colis-express .t-qr .remise b{color:var(--texte);letter-spacing:0;font-size:15px}.colis-express .t-how{background:var(--violet-clair);border-radius:14px;margin:0 14px 14px;padding:12px 14px;font-size:13px;line-height:1.5}.colis-express .t-how b{margin-bottom:4px;font-size:14px;display:block}.colis-express .t-how ol{padding-left:18px}.colis-express .mine h3{justify-content:space-between;margin:0 4px 8px;font-size:14px;font-weight:700;display:flex}.colis-express .mine h3 span{color:var(--gris);font-weight:500}.colis-express .parcel{text-align:left;width:100%;font:inherit;background:var(--ce-paint-12);border:1px solid var(--bord);cursor:pointer;color:var(--texte);border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.colis-express .parcel .info{flex:1;min-width:0}.colis-express .parcel b{font-size:14px;display:block}.colis-express .parcel small{color:var(--gris);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.colis-express .st{background:var(--violet-clair);color:var(--ce-paint-31);border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:700}.colis-express .st.done{background:var(--ce-paint-18);color:var(--ce-paint-19)}.colis-express .tl{margin:4px 0 0;padding:0;list-style:none}.colis-express .tl li{min-height:40px;padding:0 0 18px 34px;position:relative}.colis-express .tl li:last-child{padding-bottom:0}.colis-express .tl li:before{content:"";border-left:2px solid var(--bord);position:absolute;top:22px;bottom:-2px;left:10px}.colis-express .tl li:last-child:before{display:none}.colis-express .tl li.done:before{border-color:var(--vert)}.colis-express .tl .dot{background:var(--ce-paint-12);border:2px solid var(--bord);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:0;left:0}.colis-express .tl li.done .dot{background:var(--vert);border-color:var(--vert)}.colis-express .tl li.cur .dot{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-clair)}.colis-express .tl li.cur .dot:after{content:"";background:var(--violet);border-radius:50%;width:8px;height:8px}.colis-express .tl b{color:var(--gris);font-size:14px;display:block}.colis-express .tl li.done b,.colis-express .tl li.cur b{color:var(--texte)}.colis-express .tl small{color:var(--gris);margin-top:1px;font-size:12px;display:block}.colis-express .tl .time{color:var(--violet);font-weight:500}.colis-express .delivered{background:var(--ce-paint-18);color:var(--ce-paint-19);border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700;display:none}.colis-express :focus-visible{outline:3px solid var(--ce-paint-31);outline-offset:2px}.colis-express{letter-spacing:0;color:var(--texte);font-family:DM Sans,system-ui,sans-serif}.colis-express h1,.colis-express h2,.colis-express h3{font-family:inherit;line-height:normal}.colis-express button{white-space:normal;height:auto;box-shadow:none}.colis-express input,.colis-express select{height:auto;line-height:normal;font-size:15px!important}.colis-express .card.ce-green{--c:var(--vert)}.colis-express .card.ce-indigo{--c:var(--indigo)}.colis-express .card.ce-blue{--c:var(--bleu)}.colis-express .card.ce-rose{--c:var(--ce-rose)}.colis-express .pin.start{background:var(--vert)}.colis-express .pin.end{background:var(--orange)}.colis-express .dd-btn{line-height:normal}.colis-express .cta{box-shadow:var(--ce-cta-shadow)}.colis-express .ce-photo{flex:none;width:106px}.colis-express .ce-photo button{border:1.5px dashed var(--violet);background:var(--ce-surface);min-height:44px;color:var(--violet);border-radius:14px;gap:8px;padding:8px 12px}.colis-express .ce-photo button span{font-size:13px;font-weight:700;line-height:1.2}.colis-express .ce-photo button span span:last-child{font-size:12px;font-weight:500}.colis-express .ce-photo:has(img) button{background:var(--ce-success-soft);color:var(--ce-success-ink);border-style:solid}.colis-express .route .stop:focus-within{z-index:40}.colis-express .address-hits{z-index:50;background:var(--ce-surface);border:1px solid var(--bord);max-height:240px;box-shadow:var(--ce-menu-shadow);inset-inline:0;border-radius:14px;position:absolute;top:calc(100% + 4px);overflow-y:auto}.colis-express .address-hits button{text-align:left;border-radius:0;justify-content:flex-start;width:100%;padding:11px 14px;font-size:13px}.colis-express .sched.show{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.colis-express .schedule-field{position:relative}.colis-express .schedule-field svg{pointer-events:none;width:16px;height:16px;color:var(--gris);position:absolute;top:14px;right:12px}.colis-express .schedule-field input{padding-right:34px}.colis-express .tel-prefix{color:var(--gris);font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.colis-express .tel-wrap input{padding-left:52px}.colis-express .dial{border:1.5px solid var(--bord);background:var(--fond);border-radius:14px;flex:none;place-items:center;width:76px;font-size:15px;font-weight:700;display:grid}.colis-express .error{color:var(--ce-error);font-size:13px}.colis-express .mine{display:block}.colis-express .t-qr img{width:180px;height:180px}.colis-express .ce-stage{background:var(--ce-stage-fill);justify-content:center;min-height:100vh;display:flex}.colis-express .legal a{font-weight:700}.colis-express .logo img{object-fit:contain;width:34px;height:34px}.colis-express .dd-list button:disabled{opacity:.55;cursor:not-allowed}.colis-express .ticket-brand{padding:12px 18px}.colis-express .ticket-brand img{width:64px;height:64px}.colis-express .when button{min-width:0}.colis-express .receipt{background:var(--ce-surface);border:1px solid var(--bord);border-radius:16px;padding:14px;font-size:14px}.colis-express .receipt .receipt-row{justify-content:space-between;gap:14px;padding:7px 0;display:flex}.colis-express .cta:disabled{opacity:1;box-shadow:none}.colis-express header p{line-height:normal}.colis-express .back{padding:0;min-height:34px!important}.colis-express{line-height:normal}.colis-express .card.ce-green>select{margin-bottom:8px;font-weight:700}.colis-express .carrier small{white-space:normal}.colis-express .carrier span{min-width:0}.colis-express .recap button,.colis-express .track .btn-sm{min-height:0!important}.colis-express .cta.wa{box-shadow:0 8px 20px var(--ce-paint-26)}
