/* ClairFacture v10 — landing et identification. Le back-office reste inchangé. */
#auth.auth-page{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(405px,.88fr);min-height:100dvh;background:#f8f9fc;font-family:Manrope,'DM Sans',system-ui,sans-serif}
#auth .auth-left{min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:34px clamp(32px,4.7vw,86px) 24px;background:radial-gradient(circle at 97% 7%,rgba(54,116,158,.19),transparent 43%),radial-gradient(circle at 0% 94%,rgba(38,174,153,.09),transparent 45%),linear-gradient(147deg,#0a1930 0%,#112d4a 62%,#102c42 100%);position:relative;overflow:hidden;color:#fff}
#auth .auth-left:after{content:'';position:absolute;right:-175px;top:18%;width:430px;height:430px;border:1px solid rgba(175,199,221,.09);border-radius:50%;pointer-events:none;opacity:1}
#auth .auth-left:before{content:'';position:absolute;right:-91px;top:24%;width:280px;height:280px;border:1px solid rgba(175,199,221,.06);border-radius:50%;pointer-events:none}
#auth .auth-header,#auth .auth-hero-content,#auth .auth-foot{position:relative;z-index:1}
#auth .auth-header{display:flex;align-items:center;gap:16px;justify-content:space-between}
#auth .brand--big{gap:12px;color:#fff;font-size:23px;letter-spacing:-.95px;font-weight:800}
#auth .auth-header .v4-brand-logo{width:43px;height:43px;border-radius:13px;box-shadow:none}
#auth .auth-header-tag{font-family:'DM Sans',sans-serif;color:#cbd5e4;font-size:10px;letter-spacing:1.15px;font-weight:800;border:1px solid rgba(194,215,238,.17);padding:10px 12px;border-radius:30px;white-space:nowrap;display:flex;align-items:center;gap:8px}
#auth .auth-status-dot{width:7px;height:7px;background:#7ed5bb;border-radius:50%;box-shadow:0 0 0 3px rgba(126,213,187,.15)}
#auth .auth-hero-content{margin:auto 0;max-width:720px}
#auth .auth-story{max-width:680px}
#auth .auth-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;font-weight:800;color:#c1d4e6}
#auth .auth-kicker span{color:#e2bd86;font-size:18px}
#auth .auth-story h1{margin:18px 0 20px;font-size:clamp(36px,3.15vw,60px);line-height:1.14;letter-spacing:-2.5px;color:#fff;font-weight:800;max-width:680px}
#auth .auth-story h1 em{display:inline;color:#e7c48f;font-style:normal}
#auth .auth-story>p{font-family:'DM Sans',sans-serif;color:#c4d4e1;font-size:15px;font-weight:400;line-height:1.8;max-width:510px}
#auth .auth-cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:28px 0 32px}
#auth .landing-button{appearance:none;border:1px solid transparent;display:inline-flex;gap:22px;justify-content:space-between;align-items:center;border-radius:11px;min-height:50px;padding:13px 19px;font-size:12px;font-weight:850;font-family:Manrope,sans-serif;transition:background .16s,transform .16s,border .16s}
#auth .landing-button:hover{transform:translateY(-2px)}
#auth .landing-button span{font-size:19px;line-height:1}
#auth .landing-primary{background:#e6c390;color:#17263a;box-shadow:0 9px 27px rgba(3,14,30,.23)}
#auth .landing-primary:hover{background:#f4d8a9}
#auth .landing-outline{background:rgba(255,255,255,.045);border-color:rgba(216,230,245,.22);color:#f4f7fb}
#auth .landing-outline:hover{background:rgba(255,255,255,.12)}
#auth .auth-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:7px}
#auth .auth-benefits>div{display:flex;align-items:flex-start;gap:9px;padding:12px 0;border-top:1px solid rgba(218,231,242,.17);min-width:0}
#auth .auth-benefit-icon{font-size:19px;color:#e7c48f;line-height:1.2;flex-shrink:0;width:24px}
#auth .auth-benefits strong{display:block;font-size:10px;font-weight:800;color:#f1f7fc;line-height:1.45}
#auth .auth-benefits small{display:block;font:400 10px/1.5 'DM Sans',sans-serif;color:#aec2d3;margin-top:3px}
#auth .auth-preview{position:relative;margin:34px 0 0;max-width:575px}
#auth .auth-preview-top{height:35px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;font-weight:800;color:#8ca6bb;padding:0 20px;background:#f1f5f9;border:1px solid #d9e2ed;border-bottom:0;border-radius:13px 13px 0 0}
#auth .auth-preview-logo{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#173b59;color:#fff;letter-spacing:-1px;font-size:10px}
#auth .auth-preview-logo span{color:#e7c48f}
#auth .auth-preview-dots{margin-left:auto;color:#b3c2d0;letter-spacing:2px}
#auth .auth-preview-body{background:#fff;border:1px solid #dfe7f0;border-radius:0 0 13px 13px;box-shadow:0 18px 46px rgba(0,9,22,.25);padding:17px 20px 14px}
#auth .auth-preview-title{display:flex;justify-content:space-between;align-items:center;color:#203b59;font-size:14px;font-weight:900}
#auth .auth-preview-beta{font-size:8px;font-weight:900;letter-spacing:.8px;background:#fff4de;color:#9b7637;padding:6px 9px;border-radius:30px}
#auth .auth-preview-document{display:flex;justify-content:space-between;gap:12px;margin:12px 0 15px;padding:12px 15px;border:1px solid #e5eaf1;border-radius:9px;align-items:center}
#auth .auth-preview-document>div{display:flex;flex-direction:column;gap:5px;min-width:0}
#auth .auth-preview-mini-tag{font-size:8px;font-weight:900;color:#ae8247;letter-spacing:1px}
#auth .auth-preview-document strong{font-size:11px;font-weight:850;color:#213953}
#auth .auth-preview-document small{font:400 10px 'DM Sans',sans-serif;color:#8191a4}
#auth .auth-preview-amount{font-size:14px;font-weight:900;color:#213953;white-space:nowrap}
#auth .auth-preview-steps{display:flex;justify-content:space-between;gap:8px}
#auth .auth-preview-steps span{font-size:9px;font-weight:750;color:#42637a;display:flex;align-items:center;gap:5px}
#auth .auth-preview-steps i{font-size:9px;font-style:normal;display:grid;place-items:center;border-radius:50%;width:16px;height:16px;color:#188668;background:#e8f7f0}
#auth .auth-preview-bottom{display:flex;justify-content:space-between;color:#6b7e93;font-size:9px;margin-top:15px;border-top:1px solid #edf0f4;padding-top:12px}
#auth .auth-preview-float{position:absolute;right:-28px;top:-10px;display:flex;gap:9px;align-items:center;background:#f6fbf9;border:1px solid #dceee5;box-shadow:0 10px 28px rgba(0,12,30,.16);padding:11px 14px;border-radius:12px;transform:rotate(2deg)}
#auth .auth-preview-float>span{background:#d6f3e7;color:#238562;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}
#auth .auth-preview-float strong{display:block;font-size:10px;color:#204a43}
#auth .auth-preview-float small{display:block;font:400 9px 'DM Sans',sans-serif;color:#6e8a7d;margin-top:3px}
#auth .auth-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid rgba(194,215,231,.14);padding-top:16px;font:400 10px/1.5 'DM Sans',sans-serif;color:#96afc3}
#auth .auth-foot a{color:#e7d0ab;text-decoration:none}
#auth .auth-right{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:42px clamp(24px,5vw,75px) 18px;background:#fbfcfe}
#auth .login-box{max-width:455px;width:100%;margin:auto 0 0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
#auth .auth-panel-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#af844c;display:block;margin-bottom:15px}
#auth .login-box h2,#auth .v4-signup h2{font-size:clamp(26px,2.4vw,37px);font-weight:900;color:#152c48;line-height:1.25;letter-spacing:-1.4px;margin:0 0 12px}
#auth .login-box>p,#auth .v4-signup>p{font:400 13px/1.7 'DM Sans',sans-serif;color:#71839a;margin:0 0 26px;max-width:400px}
#auth .login-box label,#auth .v4-signup form>label{font:750 12px/1.45 'DM Sans',sans-serif;color:#3c506b;margin:0 0 16px}
#auth .login-box input:not([type=checkbox]),#auth .v4-signup input:not([type=checkbox]),#auth .v4-signup select,#auth #v9-password-box input{width:100%;min-height:50px;padding:12px 15px;border:1px solid #dce4ec;background:#fff;border-radius:10px;color:#243c5a;font-size:15px;box-shadow:0 1px 2px rgba(4,29,54,.018);outline:none}
#auth .login-box input:not([type=checkbox])::placeholder,#auth .v4-signup input::placeholder{color:#a6b2c1}
#auth .login-box input:focus,#auth .v4-signup input:focus,#auth .v4-signup select:focus{border-color:#557f9f;box-shadow:0 0 0 4px rgba(55,114,160,.11)}
#auth .auth-password-wrap{position:relative;display:block;margin-top:9px}
#auth .auth-password-wrap input{padding-right:88px!important}
#auth .auth-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:36px;padding:0 10px;border:0;background:transparent;color:#5d7690;font-size:11px;font-weight:850;border-radius:7px}
#auth .auth-password-toggle:hover{background:#edf3f8}
#auth .auth-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 19px}
#auth .login-box label.v9-remember{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:#5d6f84;font-weight:600;white-space:nowrap;cursor:pointer}
#auth .v9-remember input[type=checkbox]{width:17px;height:17px;accent-color:#1b5977;margin:0}
#auth #v9-forgot-password{padding:6px 0;font-size:11px;color:#32688e;font-weight:850;white-space:nowrap;text-decoration:none}
#auth .auth-submit{height:53px!important;min-height:53px!important;border-radius:10px!important;background:#163b59!important;box-shadow:0 8px 22px rgba(18,54,87,.15)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;margin:0!important;justify-content:space-between!important;padding:13px 19px!important}
#auth .auth-submit:hover{background:#265579!important}
#auth .auth-submit span{font-size:20px}
#auth .auth-signup-cta{margin:25px 0 0;padding-top:25px;border-top:1px solid #e5eaf0;display:flex;flex-direction:column;gap:13px}
#auth .auth-signup-cta>span{font:400 12px 'DM Sans',sans-serif;color:#6a7c90}
#auth .auth-signup-button{border:1px solid #c9d7e4;background:#fff;color:#1d4767;border-radius:10px;min-height:46px;padding:12px 15px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:850;width:100%}
#auth .auth-signup-button:hover{background:#f2f6fa;border-color:#8da9c3}
#auth .auth-notice{display:flex;align-items:flex-start;gap:10px;margin-top:21px;padding:12px 14px;border:1px solid #e9edf2;background:#f5f7fb;border-radius:10px;color:#687b90}
#auth .auth-notice>span{color:#8f9db0;font-size:16px;line-height:1}
#auth .auth-notice p{font:400 10.5px/1.65 'DM Sans',sans-serif;color:#687b90}
#auth .auth-notice strong{font-weight:800;color:#455f78}
#auth .auth-notice a{color:#275d7e;text-decoration:underline}
#auth #v9-password-box{margin-top:14px}
#auth .v4-signup{max-width:455px;width:100%;margin:auto 0 0;max-height:none;overflow:visible}
#auth .v4-signup form{gap:3px}
#auth .v4-signup label.v4-check{display:flex;flex-direction:row;align-items:flex-start;gap:9px;line-height:1.5;font-size:11px;font-weight:550;margin:5px 0 13px}
#auth .v4-signup .v4-check input[type=checkbox]{min-height:0;width:17px;height:17px;flex:0 0 17px;accent-color:#1b5977}
#auth .auth-back-link{border:0;background:none;color:#2f6088;font-size:12px;font-weight:800;padding:8px 0;display:flex;gap:8px;align-items:center;margin:0 0 23px}
#auth .auth-back-link:hover{text-decoration:underline}
#auth .auth-right-foot{width:100%;max-width:455px;margin:auto 0 0;padding:18px 0 4px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;color:#8c9bad;font:500 10px 'DM Sans',sans-serif}
#auth .auth-right-foot a{color:#526983;text-decoration:none}
#auth .auth-right-foot a:hover{text-decoration:underline}
#auth .auth-right-foot small{flex-basis:100%;text-align:center;font-size:10px;color:#a6b2bf}
#auth .auth-mobile-brand{display:none}
#auth button:focus-visible,#auth a:focus-visible{outline:3px solid #d2a766;outline-offset:3px}
@media(min-width:1600px){#auth .auth-left{padding-left:clamp(72px,6vw,135px)}#auth .auth-preview{max-width:610px}}
@media(max-width:1220px){#auth.auth-page{grid-template-columns:minmax(0,1fr) minmax(400px,.88fr)}#auth .auth-left{padding:36px}#auth .auth-story h1{font-size:clamp(34px,3vw,46px)}#auth .auth-benefits{grid-template-columns:1fr 1fr 1fr}#auth .auth-preview-float{right:5px}}
@media(max-width:980px){#auth.auth-page{grid-template-columns:1fr}#auth .auth-left{min-height:auto;padding:30px 36px 28px;gap:12px}#auth .auth-hero-content{margin:34px 0 0}#auth .auth-preview{display:none}#auth .auth-benefits{margin:22px 0 0}#auth .auth-story h1{font-size:clamp(35px,5.3vw,52px)}#auth .auth-right{min-height:0;display:flex;padding:42px 28px 22px}#auth .login-box{margin:0}#auth .v4-signup{margin:0}#auth .auth-right-foot{margin:25px 0 0}#auth .auth-foot{margin-top:19px}}
@media(max-width:620px){#auth .auth-left{padding:20px 21px 24px}#auth .auth-header .v4-brand-logo{width:34px;height:34px}#auth .brand--big{font-size:19px}#auth .auth-header-tag{font-size:8px;padding:8px 10px;letter-spacing:.35px}#auth .auth-hero-content{margin:26px 0 0}#auth .auth-kicker{font-size:9px;letter-spacing:1.3px}#auth .auth-story h1{font-size:clamp(31px,8vw,43px);line-height:1.18;letter-spacing:-1.3px;margin:14px 0}#auth .auth-story>p{font-size:13px;line-height:1.7}#auth .auth-cta-row{margin:23px 0 20px;flex-wrap:nowrap}#auth .landing-button{font-size:11px;min-height:45px;padding:9px 12px;gap:8px}#auth .landing-button span{font-size:16px}#auth .auth-benefits{display:none}#auth .auth-foot{padding-top:13px;font-size:9px;gap:7px}#auth .auth-right{padding:29px 23px 20px}#auth .login-box h2,#auth .v4-signup h2{font-size:28px}#auth .login-box>p,#auth .v4-signup>p{font-size:12px;margin-bottom:23px}#auth .auth-panel-eyebrow{margin-bottom:10px}#auth .auth-submit{height:50px!important;min-height:50px!important}#auth .auth-signup-cta{margin-top:21px;padding-top:19px}}
@media(max-width:360px){#auth .auth-header-tag{display:none}#auth .auth-cta-row{flex-direction:column;align-items:stretch}#auth .landing-button{justify-content:center}#auth .auth-login-options{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#auth .landing-button{transition:none}#auth .landing-button:hover{transform:none}}

/* Icônes vectorielles CSS : pas de glyphes inconnus dans les polices mobiles. */
#auth .auth-kicker-mark{display:inline-block;flex:0 0 15px;width:15px;height:15px;background:#e2bd86;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}
#auth .auth-benefit-icon{width:23px;font-size:12px;font-weight:900;letter-spacing:.3px;color:#e7c48f}
#auth .auth-preview-steps i:after,#auth .auth-preview-float>span:after{content:'';width:4px;height:7px;border-right:2px solid #238562;border-bottom:2px solid #238562;transform:rotate(45deg) translateY(-1px)}
#auth .auth-preview-float>span:after{width:6px;height:10px}
#auth .auth-info-icon{flex:0 0 17px;width:17px;height:17px;border-radius:50%;border:1px solid #829bb3;display:grid;place-items:center;color:#627b95;font:800 11px 'DM Sans',sans-serif}