/* AZALYS - Page d'accès marocaine premium - override final */
body:has(#auth-screen:not(.hidden)){
  margin:0 !important;
  overflow:hidden !important;
  background:#061a35 !important;
}
#auth-screen.azalys-auth-maroc{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  background:
    radial-gradient(circle at 8% 85%, rgba(20, 174, 178, .18), transparent 34%),
    radial-gradient(circle at 95% 15%, rgba(214, 166, 82, .12), transparent 30%),
    linear-gradient(135deg, #061d3b 0%, #0a3565 48%, #0b6b71 100%) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
#auth-screen.azalys-auth-maroc.hidden{display:none !important;}
#auth-screen.azalys-auth-maroc:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;
  background-image:
    linear-gradient(30deg, rgba(255,255,255,.40) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.40) 87.5%, rgba(255,255,255,.40)),
    linear-gradient(150deg, rgba(255,255,255,.40) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.40) 87.5%, rgba(255,255,255,.40));
  background-size:86px 150px;
}
#auth-screen.azalys-auth-maroc:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(215,169,87,.16);border-radius:50%;left:-120px;bottom:-140px;pointer-events:none;}

.az-login-shell{
  width:calc(100vw - 36px) !important;
  height:calc(100vh - 36px) !important;
  max-width:1920px !important;
  max-height:1080px !important;
  display:grid !important;
  grid-template-columns:1.12fr .88fr !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 30px 90px rgba(0,0,0,.38) !important;
}
.az-login-visual{
  position:relative !important;
  min-height:100% !important;
  background-image:url('../auth-maroc-premium-v5.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:saturate(1.1) contrast(1.03) brightness(1.08) !important;
  color:#fff !important;
}
.az-login-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(1,29,39,.86) 0%, rgba(3,70,72,.64) 38%, rgba(4,80,78,.16) 72%, rgba(4,80,78,.03) 100%) !important;}
.az-login-visual:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 12% 18%, rgba(216,173,91,.10), transparent 24%), linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.18));}
.az-login-visual-content{position:absolute;left:clamp(54px,5.2vw,96px);bottom:clamp(76px,10vh,140px);max-width:620px;z-index:2 !important;}
.az-ornament{width:54px;height:54px;border:1px solid rgba(217,172,90,.8);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#d8ad5b;font-size:28px;margin-bottom:28px;}
.az-login-visual h2{font-size:clamp(36px,3.1vw,56px);line-height:1.20;margin:0 0 24px;font-weight:900;letter-spacing:-.045em;color:#fff !important;text-wrap:balance;text-shadow:0 14px 34px rgba(0,0,0,.28);}
.az-gold-line{display:block;width:86px;height:3px;background:#d7a957;border-radius:999px;margin:0 0 28px;}
.az-login-visual p{font-size:clamp(17px,1.15vw,21px);line-height:1.76;color:rgba(255,255,255,.95);margin:0;max-width:500px;text-shadow:0 10px 28px rgba(0,0,0,.22);}
.az-login-badges{display:none !important;}
.az-city-line{position:absolute;left:70px;bottom:58px;z-index:2;display:flex;gap:18px;align-items:flex-end;opacity:.9;}
.az-city-line span{display:block;width:32px;height:9px;border:2px solid rgba(215,169,87,.86);border-left-width:3px;transform:skewX(-16deg);background:rgba(215,169,87,.18);box-shadow:0 0 18px rgba(215,169,87,.10);}
.az-city-line span:nth-child(2n){height:14px;background:rgba(215,169,87,.55);}
.az-city-line:before{content:"";position:absolute;left:0;right:0;bottom:-16px;height:1px;background:linear-gradient(90deg, rgba(215,169,87,.85), rgba(215,169,87,.12));}

.az-login-panel{position:relative;background:radial-gradient(circle at 88% 18%, rgba(8,126,138,.055), transparent 28%), linear-gradient(180deg,#fff 0%,#fbfaf7 100%) !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:clamp(36px,4vw,72px) !important;overflow:hidden !important;}
.az-login-panel:before,.az-login-panel:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(6,83,104,.08);border-radius:50%;pointer-events:none;}
.az-login-panel:before{right:-90px;top:-90px}.az-login-panel:after{left:-170px;bottom:-170px}
.az-login-panel-inner{position:relative;z-index:1;width:min(560px,100%) !important;margin:auto !important;}
.az-brand-logo{text-align:center;margin-bottom:34px !important;}
.az-zellige-mark{width:96px;height:96px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;position:relative;border:4px solid #075c70;border-radius:32px;transform:rotate(45deg);box-shadow:0 18px 40px rgba(5,76,89,.10), inset 0 0 0 10px rgba(8,132,134,.07);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,246,239,.94));}
.az-zellige-mark:before,.az-zellige-mark:after{content:"";position:absolute;inset:10px;border:3px solid #0b777b;border-radius:26px;opacity:.95;}
.az-zellige-mark:before{transform:rotate(45deg);}
.az-zellige-mark:after{transform:rotate(90deg);border-color:#d6a652;inset:26px;border-width:2px;opacity:.9;}
.az-zellige-mark span{transform:rotate(-45deg);color:#d6a652;font-size:29px;position:relative;z-index:2;text-shadow:0 4px 14px rgba(214,166,82,.25);}
.az-brand-logo h1{font-size:54px;line-height:1;margin:0;color:#082746 !important;letter-spacing:.20em;font-weight:700;text-shadow:0 10px 28px rgba(8,39,70,.06);}
.az-brand-logo p{text-transform:uppercase;letter-spacing:.18em;color:#08747c;font-size:13px;font-weight:700;margin:14px 0 0 !important;}
.az-welcome{text-align:center;margin-bottom:28px !important;}.az-welcome h2{font-size:26px;margin:0 0 8px;color:#0b2746 !important;font-weight:800}.az-welcome p{margin:0;color:#69758a;font-size:15px;}
.az-auth-form{display:block !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.az-auth-form.hidden{display:none !important;}
.az-auth-form label{display:block !important;margin:16px 0 8px;color:#27364b !important;font-size:13px;font-weight:800;}
.az-input-wrap{height:64px !important;border:1px solid #d7e0ea !important;border-radius:14px !important;background:#fff !important;display:flex !important;align-items:center !important;padding:0 16px !important;box-shadow:0 8px 22px rgba(12,38,66,.04) !important;transition:.2s ease !important;}
.az-input-wrap:focus-within{border-color:#087e8a !important;box-shadow:0 0 0 4px rgba(8,126,138,.12),0 12px 26px rgba(12,38,66,.08) !important;}
.az-input-wrap .input-icon{font-size:18px;width:30px;display:inline-flex;align-items:center;justify-content:center;opacity:.72;}
.az-input-wrap .control{border:0 !important;background:transparent !important;box-shadow:none !important;outline:none !important;height:100% !important;width:100% !important;font-size:16px !important;color:#0f243d !important;padding:0 8px !important;}
.az-input-wrap .control::placeholder{color:#9aa7b8 !important;}
.az-input-wrap .password-toggle{position:static !important;width:44px !important;height:44px !important;border:1px solid #e0e7ef !important;border-radius:12px !important;background:#fff !important;color:#53647b !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;}
.az-options-row{display:flex !important;align-items:center !important;justify-content:space-between !important;margin:18px 0 28px !important;gap:16px !important;}
.az-options-row .remember-check{display:flex !important;align-items:center !important;gap:9px !important;margin:0 !important;color:#58687d !important;font-size:13px !important;font-weight:700 !important;}
.az-options-row input[type="checkbox"]{width:20px;height:20px;accent-color:#087e8a;}
.az-options-row .forgot-link{border:0 !important;background:transparent !important;color:#056b84 !important;font-weight:800 !important;cursor:pointer !important;font-size:13px !important;}
.az-submit{height:64px !important;border:0 !important;border-radius:14px !important;background:linear-gradient(135deg,#07546a 0%,#087e82 54%,#063f68 100%) !important;color:#fff !important;font-size:16px !important;font-weight:900 !important;box-shadow:0 18px 36px rgba(5,83,116,.28), inset 0 1px 0 rgba(255,255,255,.22) !important;position:relative !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:18px !important;cursor:pointer !important;}
.az-submit:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,228,172,.75),transparent);}
.az-submit:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 24px 46px rgba(5,83,116,.36), inset 0 1px 0 rgba(255,255,255,.25) !important;}
.az-submit:after{content:"";position:absolute;top:-40%;bottom:-40%;width:80px;left:-120px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(18deg);transition:left .55s ease;}
.az-submit:hover:after{left:110%;}
.az-submit .submit-arrow{position:absolute;right:26px;font-size:24px;color:#d7a957;}
.az-separator{display:flex;align-items:center;gap:18px;margin:24px 0 22px;color:#d6a652;font-weight:800;font-size:13px;}.az-separator:before,.az-separator:after{content:"";height:1px;background:#ead7b5;flex:1;}.az-client-entry{width:100%;height:58px;border:1px solid #cbd9e7;border-radius:14px;background:#fff;color:#0b2746;font-weight:900;font-size:15px;cursor:pointer;}.az-client-entry:hover{border-color:#087e8a;box-shadow:0 10px 25px rgba(9,48,77,.08)}
.az-made{text-align:center;margin-top:34px;color:#6f5a2d;font-weight:700;font-size:13px;}.auth-message{margin-top:16px !important;text-align:center !important;color:#c84646 !important;font-weight:700 !important;}
@media(max-width:980px){#auth-screen.azalys-auth-maroc{padding:0 !important;overflow:auto !important;align-items:stretch !important}.az-login-shell{width:100% !important;min-height:100vh !important;height:auto !important;border-radius:0 !important;grid-template-columns:1fr !important}.az-login-visual{min-height:280px !important}.az-login-visual-content{left:28px;right:28px;bottom:44px;max-width:none}.az-login-visual h2{font-size:30px}.az-login-visual p{font-size:15px;margin-bottom:20px}.az-login-badges,.az-city-line{display:none}.az-login-panel{padding:34px 22px 44px !important}.az-brand-logo h1{font-size:42px}.az-zellige-mark{width:70px;height:70px}}
@media(max-width:520px){.az-login-visual{min-height:220px !important}.az-login-visual-content{bottom:28px}.az-login-visual h2{font-size:25px}.az-login-visual p{display:none}.az-login-panel{padding:28px 18px 36px !important}.az-brand-logo{margin-bottom:22px !important}.az-brand-logo h1{font-size:36px;letter-spacing:.14em}.az-options-row{align-items:flex-start !important;flex-direction:column !important}.az-input-wrap,.az-submit{height:56px !important}.az-separator,.az-client-entry,.az-made{display:none}}

/* V7 - correction placement bouton afficher mot de passe */
.az-input-wrap.password-wrap{
  position:relative !important;
  padding-right:62px !important;
}
.az-input-wrap.password-wrap .control{
  padding-right:12px !important;
}
.az-input-wrap.password-wrap .password-toggle{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#53647b !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
  line-height:1 !important;
  cursor:pointer !important;
  z-index:3 !important;
}
.az-input-wrap.password-wrap .password-toggle:hover{
  background:rgba(8,126,138,.08) !important;
  color:#075c70 !important;
}