/* 2L Cards — tunnel de commande, historique et pages privées annexes */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
body.flow-page{font-family:'DM Sans',Arial,sans-serif;background:#1a1612;color:#f1e7d8;min-height:100vh;line-height:1.6}
body.flow-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
.flow-page h1,.flow-page h2,.flow-page h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.02;letter-spacing:-.005em}
.flow-page h1{font-size:clamp(46px,6vw,78px);line-height:.96;margin:12px 0 23px;text-transform:uppercase;color:#fff1df}
.flow-page h2{font-size:clamp(30px,3vw,43px);text-transform:uppercase}
.flow-page header{display:flex;align-items:center;gap:16px;justify-content:space-between;border-bottom:4px solid #ba452d;background:#15120e;padding:10px clamp(18px,5vw,65px);min-height:83px}
.flow-page .flow-logo{display:inline-flex;align-items:center;text-decoration:none;background:transparent;padding:0;border:0;transform:none;box-shadow:none}
.flow-page .flow-logo .flow-logo-mark{display:block;width:clamp(235px,25vw,330px);height:auto;max-height:83px;overflow:visible;filter:drop-shadow(0 1px 3px rgba(228,160,78,.24))}
.flow-page header a:not(.flow-logo){text-decoration:underline;text-underline-offset:5px;color:#e8c079;font:800 16px 'Barlow Condensed',sans-serif;letter-spacing:.06em}
.flow-page header a:not(.flow-logo):hover{color:#fff1da}
.flow-page main{margin-top:38px}
.flow-page .tag,.flow-page .eyebrow{color:#e7b45e;font:900 15px 'Barlow Condensed',sans-serif;letter-spacing:.13em;text-transform:uppercase}
.flow-page p{line-height:1.65}
.flow-page .notice{background:#352719;color:#f2d4a9;border-left:5px solid #b74a30;border-radius:2px;padding:20px 22px;font-size:15px}
.flow-page .panel,.flow-page .order{background:#241e17;border:1px solid #6f553b;border-radius:5px;box-shadow:5px 5px 0 #0a08062e;padding:clamp(22px,3vw,31px)}
.flow-page .order{border-left:5px solid #ac4a30;margin:18px 0}
.flow-page .order strong{overflow-wrap:anywhere;font-size:14px}
.flow-page .order .amount{font:900 31px 'Barlow Condensed',sans-serif;color:#e7b85d}
.flow-page .order .tag{display:inline-block;margin:13px 0;background:#3c2c1f;padding:7px 10px;border-left:3px solid #d2a14e;color:#f3ca79}
.flow-page button,.flow-page .button{font:900 20px 'Barlow Condensed',sans-serif;letter-spacing:.03em;background:#e4b24f;color:#201811;border:0;border-radius:3px;padding:13px 20px;min-height:47px;cursor:pointer;transition:transform .15s,background .15s}
.flow-page button:hover:not(:disabled),.flow-page .button:hover{background:#f3c66c;transform:translateY(-1px)}
.flow-page button:disabled{opacity:.5}
.flow-page button:focus-visible,.flow-page a:focus-visible,.flow-page input:focus-visible,.flow-page select:focus-visible,.flow-page textarea:focus-visible{outline:3px solid #e9bc6c;outline-offset:3px}
.flow-page input:not([type=checkbox]),.flow-page select,.flow-page textarea{border-radius:3px;background:#17130f;border:1px solid #7e6b53;color:#f7eede;padding:13px;min-height:48px;font-family:'DM Sans',Arial,sans-serif}
.flow-page input::placeholder,.flow-page textarea::placeholder{color:#a99b88}
.flow-page .card-row{border-radius:3px;background:#1b1712}
.flow-page .status,#status.status{border-radius:3px}
.flow-page .status.success{background:#1e3025;border-color:#79c997}
.flow-page #status{border-left:4px solid #dbac51;background:#382b1d;padding:16px;line-height:1.5}
.flow-page .contact{padding:22px 8px;border-bottom:1px solid #654b36}
.flow-page .contact h2{font-size:28px}
.flow-page .actions{gap:12px}
.flow-page .muted,.flow-page small{color:#beae95}
.flow-page a{color:#e8bc77}
.flow-page #details .detail{border-color:#69513c}
.flow-page #invoiceLink,.flow-page #finalizeCards{margin-right:7px}
@media(max-width:740px){
 .flow-page main{margin-top:22px;padding-left:16px;padding-right:16px}
 .flow-page header{padding:10px 18px;min-height:72px}
 .flow-page .flow-logo .flow-logo-mark{width:min(52vw,205px);height:auto}
 .flow-page h1{font-size:clamp(46px,11vw,68px)}
 .flow-page .panel,.flow-page .order{padding:20px}
 .flow-page .layout{grid-template-columns:1fr}
 .flow-page .grid{grid-template-columns:1fr}
 .flow-page .order .top{align-items:start}
 .flow-page button{min-height:50px}
}
@media(prefers-reduced-motion:reduce){.flow-page *{transition:none!important}}