/* Pakzio — page de suivi (design accueillant). --accent injecté par la page (couleur du tenant). */
:root{--accent:#4f6ef7;--ink:#1d2433;--muted:#6b7488;--line:#eceef3;--bg:#f5f7fb;--card:#fff;--radius:18px;--shadow:0 10px 30px rgba(31,46,84,.08)}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}
a{color:var(--accent);text-decoration:none}
.pk-wrap{max-width:680px;margin:0 auto;padding:0 18px}

/* header logo */
.pk-top{display:flex;align-items:center;justify-content:center;padding:16px;background:#fff;border-bottom:1px solid var(--line);min-height:60px}
.pk-top img{max-height:40px;display:block}
.pk-top .pk-wordmark{font-weight:800;font-size:20px}
body[data-mode=neutral] #pk-logo-link{pointer-events:none;cursor:default}

/* hero */
.pk-hero{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#7c4ff7));color:#fff;text-align:center;padding:50px 18px 92px}
.pk-hero .e{font-size:44px}.pk-hero h1{font-size:28px;margin:8px 0 6px;letter-spacing:-.02em}.pk-hero p{margin:0;opacity:.92;font-size:15px}

/* formulaire */
#kidolo-tracking-app{margin-top:-60px}
.kidolo-verify-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;max-width:none}
.kidolo-verify-icon{font-size:40px;text-align:center}
.kidolo-verify-title{text-align:center;font-size:20px;margin:8px 0 4px}
.kidolo-verify-subtitle{text-align:center;color:var(--muted);font-size:14px;margin:0 0 18px}
.kidolo-field{margin-bottom:14px}
.kidolo-field label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:6px 0}
.kidolo-input{width:100%;height:48px;padding:0 14px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff;border:1px solid #d8dde6;border-radius:12px;transition:.15s}
.kidolo-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.kidolo-input::placeholder{color:#aab1bd}
.kidolo-phone-row{display:flex;gap:8px;align-items:stretch}.kidolo-phone-row .kidolo-input{flex:1}
.kidolo-field-hint{font-size:12px;color:#9aa1ad;margin:6px 0 0}
.kidolo-submit-btn{width:100%;height:50px;margin-top:8px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 32%,transparent)}
.kidolo-submit-btn:hover{filter:brightness(1.06)}
.kidolo-error{margin-top:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;padding:10px 12px;font-size:13.5px}
.kidolo-error-full{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:12px;padding:16px;font-size:14px;text-align:center}

/* spinner */
.kidolo-status{text-align:center;padding:40px 16px}
.kidolo-spinner{width:34px;height:34px;border:3px solid #e9edf4;border-top-color:var(--accent);border-radius:50%;margin:0 auto 14px;animation:pkspin 1s linear infinite}
@keyframes pkspin{to{transform:rotate(360deg)}}
.kidolo-status-text{font-weight:600;margin:0}.kidolo-status-hint{color:var(--muted);font-size:13px;margin:4px 0 0}

/* cartes résultat */
#kidolo-content>.kidolo-card,#kidolo-content .kidolo-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:16px}
.kidolo-card-title{font-size:15px;font-weight:700;margin-bottom:14px}
.kidolo-order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.kidolo-ref-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.kidolo-ref-value{font-size:22px;font-weight:800}
.kidolo-order-date{font-size:13px;color:var(--muted)}
.kidolo-source-badge{display:inline-block;margin-top:8px;background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.kidolo-tracking-btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;margin-top:6px}
.kidolo-copy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.kidolo-tracking-nr{font-size:13px;color:var(--muted)}.kidolo-tracking-nr code{background:#f3f5f9;border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--ink)}
.kidolo-copy-btn{border:1px solid var(--line);background:#f8fafc;border-radius:7px;padding:5px 10px;font-size:12px;cursor:pointer}
.kidolo-preparing-label{font-size:13px;color:#92400e;background:#fef3c7;border-radius:8px;padding:6px 10px;font-weight:600}

/* barre de progression */
.kidolo-progress-bar{display:flex;justify-content:space-between;position:relative;margin:6px 4px 0}
.kidolo-progress-bar::before{content:"";position:absolute;top:11px;left:6%;right:6%;height:3px;background:#e9edf4;border-radius:3px}
.kidolo-progress-bar::after{content:"";position:absolute;top:11px;left:6%;width:var(--progress-width,0%);max-width:88%;height:3px;background:var(--accent);border-radius:3px;transition:width .4s}
.kidolo-prog-step{position:relative;z-index:1;text-align:center;flex:1;font-size:11.5px;color:var(--muted)}
.kidolo-prog-dot{width:24px;height:24px;border-radius:50%;background:#e9edf4;margin:0 auto 7px}
.kidolo-prog-dot.done,.kidolo-prog-dot.active{background:var(--accent)}
.kidolo-prog-dot.active{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 20%,transparent)}
.kidolo-prog-label.active{color:var(--ink);font-weight:600}

/* suivi temps réel */
.kidolo-status-badge{display:inline-block;background:color-mix(in srgb,var(--accent) 14%,#fff);color:var(--accent);font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px}
.kidolo-status-badge.delivered{background:#dcfce7;color:#15803d}.kidolo-status-badge.exception,.kidolo-status-badge.failed_attempt{background:#fef2f2;color:#dc2626}
.kidolo-tracking-method{font-size:13.5px;color:var(--ink);margin-top:10px}
.kidolo-delivery-date{margin-top:12px;background:color-mix(in srgb,var(--accent) 8%,#fff);border:1px solid color-mix(in srgb,var(--accent) 22%,#fff);border-radius:12px;padding:12px 14px;font-size:14px}
.kidolo-tracking-updated{font-size:12px;color:#9aa1ad;margin-top:8px}
.kidolo-timeline{list-style:none;margin:14px 0 0;padding:0}
.kidolo-tl-item{position:relative;padding:0 0 18px 22px;border-left:2px solid #e9edf4}.kidolo-timeline .kidolo-tl-item:last-child{padding-bottom:0}
.kidolo-tl-dot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:#cbd5e1}
.kidolo-tl-dot.first{background:var(--accent)}.kidolo-tl-dot.exception{background:#dc2626}
.kidolo-tl-date{font-size:12px;color:var(--muted)}.kidolo-tl-desc{font-size:14px}.kidolo-tl-phase{font-size:11px;color:#9aa1ad}
.kidolo-preparing-box{text-align:center;padding:10px 0}
.kidolo-preparing-icon{font-size:34px}.kidolo-preparing-title{font-weight:700;margin:6px 0}.kidolo-preparing-text{color:var(--muted);font-size:13.5px}

/* point relais */
.kidolo-pickup-box{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:14px;margin-top:14px}
.kidolo-pickup-name{display:block;margin-bottom:4px}.kidolo-pickup-addr{color:var(--muted);font-size:13.5px}
.kidolo-pickup-phone{color:var(--muted);font-size:13px;margin-top:4px}
.kidolo-open-badge{background:#dcfce7;color:#15803d;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-left:6px}
.kidolo-pickup-hours{margin-top:8px;font-size:12.5px;color:var(--muted)}.kidolo-day-row{display:flex;justify-content:space-between}
.kidolo-map{width:100%;height:200px;border:0;border-radius:12px;margin-top:12px;display:block}

/* grilles infos / facturation */
.kidolo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kidolo-info-item .kidolo-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px}
.kidolo-info-item .kidolo-value{font-size:14px}
.kidolo-divider{border:0;border-top:1px solid var(--line);margin:16px 0}
.kidolo-payment-badge{display:inline-block;background:#dcfce7;color:#15803d;font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px}
.kidolo-total-amount{font-size:18px;font-weight:800}

/* logos transporteurs (pastilles couleur marque) */
.kidolo-carrier-badge{display:inline-block;background:#fff;border:1px solid #e7e9f1;border-radius:8px;padding:4px 10px;font-weight:800;font-size:13px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#334155}
.cb-gls{color:#061ab1}.cb-mondial_relay{color:#e2001a}.cb-colissimo{color:#1d1d4e}.cb-chronopost{color:#0a8a3f}.cb-dpd{color:#dc0032}.cb-ups{color:#5a3b1e}.cb-postnl{color:#ee7203}.cb-dhl{color:#d40511}.cb-bpost{color:#bb0000}

/* produits */
.kidolo-products-table{width:100%;border-collapse:collapse}
.kidolo-products-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 0 8px;border-bottom:1px solid var(--line)}
.kidolo-products-table td{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}
.kidolo-product-cell{display:flex;align-items:center;gap:12px}
.kidolo-product-img{width:46px;height:46px;object-fit:cover;border-radius:10px;background:#f1f3f5}
.kidolo-product-placeholder{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#eef1f7,#e3e8f2);display:flex;align-items:center;justify-content:center;font-size:20px}
.kidolo-product-name{font-weight:600}.kidolo-product-sku{font-size:11px;color:#9aa1ad}
.kidolo-product-qty{text-align:center;color:var(--muted)}.kidolo-product-price{text-align:right;font-weight:600}
.kidolo-total-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0}
.kidolo-total-row .kidolo-total-label{color:var(--muted)}

/* extras : FAQ + bloc marque + retour */
#pk-extras{display:none}
.pk-faq details{border-bottom:1px solid var(--line);padding:13px 0}.pk-faq details:last-child{border-bottom:0}
.pk-faq summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none}.pk-faq summary::-webkit-details-marker{display:none}
.pk-faq summary::before{content:"＋  ";color:var(--accent);font-weight:800}
.pk-faq p{margin:8px 0 0;color:var(--muted);font-size:13.5px}
.pk-brandblock{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 6%,#fff));border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center}
.pk-brandblock .soc{font-size:22px;margin:10px 0}
.pk-help{text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;font-size:14px;color:var(--muted);margin-bottom:16px}
.pk-ret-btn{display:block;text-align:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;font-size:14px;color:var(--muted);cursor:pointer;margin-bottom:16px}
.pk-brandonly{display:none}body[data-mode=branded] .pk-brandonly{display:block}
.pk-help-neutral{}body[data-mode=branded] .pk-help-neutral{display:none}
.pk-help-branded{display:none}body[data-mode=branded] .pk-help-branded{display:block}

.pk-foot{text-align:center;color:#9aa1ad;font-size:13px;padding:28px 0 44px}.pk-foot b{color:var(--muted)}
.pk-newsearch{text-align:center;margin:4px 0 8px}.pk-newsearch a{font-size:14px}

/* ── Layout 2 colonnes (desktop) + panneau latéral droit permanent ── */
.pk-side{display:none}
@media(min-width:900px){
  .pk-wrap{max-width:1040px}
  .kidolo-verify-box,.kidolo-status{max-width:560px;margin-left:auto;margin-right:auto}
  #pk-extras{max-width:680px;margin-left:auto;margin-right:auto}
  .pk-cols{display:flex;gap:22px;align-items:flex-start}
  .pk-main{flex:1;min-width:0}
  .pk-side{display:block;width:290px;flex-shrink:0;position:sticky;top:20px}
}
.pk-side-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.pk-side-ttl{font-size:13px;font-weight:800;margin-bottom:10px}
.pk-side .pk-krow{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--line)}
.pk-side .pk-krow:last-of-type{border-bottom:0}
.pk-side .pk-krow .k{color:var(--muted)}.pk-side .pk-krow .v{font-weight:600;text-align:right}
.pk-side-track{display:block;text-align:center;margin-top:14px;background:var(--accent);color:#fff;font-weight:700;padding:11px;border-radius:12px;font-size:14px}
.pk-side-ret{display:block;width:100%;text-align:center;margin-top:10px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.pk-side-ret:hover{border-color:var(--accent);color:var(--accent)}
.pk-side-deadline{text-align:center;font-size:12px;color:var(--muted);margin-top:8px}

/* prochaine étape, note relais, frais de retour */
.kidolo-nextstep{margin-top:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:11px 14px;font-size:13.5px;color:#166534}
.kidolo-pickup-id{margin-top:8px;font-size:12.5px;color:var(--muted)}
.kidolo-pickup-id code{background:#f3f5f9;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--ink)}
.kidolo-return-policy{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:11px 13px;font-size:12.5px;margin-bottom:14px;line-height:1.5}