/* =====================================================================
   KimiaPrint — style commun des pages secondaires (03/10/2026)
   suivi.php, merci-devis.php, bat.php, confirm-order.php, payer.html
   Chargé APRÈS le <style> de chaque page : même police, cartes, boutons et
   champs que la page d'accueil (assets/site.css).
   ===================================================================== */
:root{--kp-red:#E30613;--kp-red-dark:#b80510;--kp-ink:#0a0a0a;--kp-line:#ececec;--kp-muted:#6b7280}
html{-webkit-text-size-adjust:100%}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  background:#f6f6f7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}

/* En-têtes (suivi : .topbar, devis : .header, BAT / payer : header) */
.topbar,body > header{background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:none}

/* Cartes */
.card{border-radius:18px;border:1px solid var(--kp-line);
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -20px rgba(0,0,0,.22)}
h1,h2{letter-spacing:-.02em}

/* Boutons */
.btn,.lookup-form button,.proof-btn,.btn-pdf,.btn-wa{border-radius:12px;font-weight:800;letter-spacing:.01em;
  transition:transform .1s,box-shadow .15s,background .15s}
.btn:active,.lookup-form button:active,.proof-btn:active{transform:scale(.98)}

/* Champs */
input[type="text"],input[type="tel"],input[type="number"],input[type="email"],textarea,select{border-radius:12px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--kp-ink) !important;box-shadow:0 0 0 4px rgba(17,17,17,.06) !important}
button:focus-visible,a:focus-visible{outline:2px solid var(--kp-red);outline-offset:2px}

/* Pastilles de statut */
.badge,.pill,.status-badge{border-radius:999px}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}}

/* Suivi : le logo dit déjà KimiaPrint, pas besoin du texte à côté */
.topbar .brand{display:none}

/* Devis : .sheet n'est qu'un conteneur (la carte est dedans) ; bouton PDF aux couleurs de la marque */
.sheet{background:transparent !important;border:0 !important;box-shadow:none !important}
.btn-pdf{background:var(--kp-ink) !important;color:#fff !important}
.btn-pdf:hover{background:#262626 !important}