/* ACE GABON · Personnalisation page connexion Roundcube Larry 1.0.0
   Modifier les 2 fichiers suivants pour personnaliser le visuel :
   images/ace-background.png (arrière-plan)
   images/ace-logo.png (logo)
   Couleurs et opacité : modifier les variables ci-dessous. */
body.ace-login-page {
 --ace-primary: #08608d;
 --ace-deep: #063652;
 --ace-accent: #50c8e9;
 --ace-card: #ffffff;
 --ace-overlay: rgba(3,25,43,.78);
 background: #072a43 url('images/ace-background.png') center center / cover no-repeat fixed !important;
 color: #162f43; min-height:100vh; margin:0; font-family: Arial, Helvetica, sans-serif;
}
.ace-login-page .ace-background-overlay {position:fixed;inset:0; background:linear-gradient(100deg,var(--ace-overlay) 0%,rgba(4,34,55,.60) 48%,rgba(6,40,61,.42) 100%);z-index:0;pointer-events:none}
.ace-login-page .ace-login-layout {position:relative;z-index:1;min-height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:5vw;width: min(1200px, 92%);margin:0 auto;padding:50px 0}
.ace-login-page .ace-identity {flex:1;min-width:0;color:white;max-width:590px;text-shadow:0 2px 12px rgba(0,0,0,.18)}
.ace-login-page .ace-identity-badge {font-size:12px;letter-spacing:2px;font-weight:bold;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);padding:13px 16px;border-radius:30px}
.ace-login-page .ace-signal {height:9px;width:9px;background:#51d8cc;border-radius:50%;box-shadow:0 0 0 4px rgba(81,216,204,.14)}
.ace-login-page .ace-identity h2 {font-size:clamp(32px,4vw,58px);line-height:1.15;font-weight:800;letter-spacing:-1px;margin:32px 0 22px;color:#fff}
.ace-login-page .ace-identity h2 em {font-style:normal;color:#84ddf5}
.ace-login-page .ace-identity p {font-size:17px;line-height:1.75;max-width:480px;color:rgba(255,255,255,.9)}
.ace-login-page .ace-identity-bottom {margin-top:58px;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#dbeef5}
.ace-login-page .ace-line {display:inline-block;width:33px;height:2px;background:var(--ace-accent);vertical-align:middle;margin-right:8px}
.ace-login-page #login-form {box-sizing:border-box;width: min(460px,100%);max-width:460px;flex:0 0 460px;margin:0;filter:drop-shadow(0 22px 46px rgba(0,14,31,.24));background:var(--ace-card);border-radius:22px;padding:32px 35px 24px}
.ace-login-page #login-form .ace-form-eyebrow {text-align:center;letter-spacing:2px;font-weight:bold;font-size:10px;color:var(--ace-primary);margin-bottom:10px}
.ace-login-page #login-form .box-inner {box-sizing:border-box;background:transparent;width:100%;padding:0;margin:0;border-radius:0}
.ace-login-page #login-form #logo {display:block;max-width:200px;max-height:165px;width:auto;height:auto;margin:0 auto 10px;border:0;object-fit:contain}
.ace-login-page #login-form .ace-welcome {color:#163448;text-align:center;margin:5px 0 8px;font-size:23px;font-weight:750;line-height:1.25}
.ace-login-page #login-form .ace-welcome-desc {color:#6f8290;font-size:13px;text-align:center;margin:0 auto 26px;line-height:1.6}
.ace-login-page #login-form form table {width:100%;border-collapse:collapse;table-layout:auto}
.ace-login-page #login-form form table tr {display:block;margin:0 0 14px}
.ace-login-page #login-form form table td {display:block;box-sizing:border-box;width:100%;padding:0}
.ace-login-page #login-form td.title {text-align:left;white-space:normal;font-size:12px;font-weight:bold;color:#385268;margin:0 0 7px;padding:0}
.ace-login-page #login-form td.input {width:100%;padding:0}
.ace-login-page #login-form input[type=text], .ace-login-page #login-form input[type=email], .ace-login-page #login-form input[type=password] {box-sizing:border-box;width:100%;height:46px;border:1px solid #dae3eb!important;border-radius:9px!important;background:#f8fafc!important;color:#1c3548!important;box-shadow:none!important;padding:10px 12px!important;outline:none}
.ace-login-page #login-form input:focus {border-color:var(--ace-primary)!important;box-shadow:0 0 0 3px rgba(8,96,141,.12)!important}
.ace-login-page #login-form p.formbuttons {margin:24px 0 10px;text-align:center}
.ace-login-page #login-form .button, .ace-login-page #login-form input.button {background:linear-gradient(120deg,var(--ace-primary),var(--ace-deep))!important;color:white!important;border:0!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(8,96,141,.2)!important;font-size:14px!important;font-weight:bold!important;min-height:45px;cursor:pointer;padding:10px 26px}
.ace-login-page #login-form p.formbuttons .button {width:100%;box-sizing:border-box}
.ace-login-page #login-form .box-bottom {margin:0;padding:0}
.ace-login-page #login-form #message {min-height:0;padding:6px 0;text-align:center}
.ace-login-page #bottomline {font-size:11px;color:#82909b;margin:12px auto 0;line-height:1.7;text-align:center}
.ace-login-page .ace-bottom-caption {color:#506878;font-weight:bold}
.ace-login-page #bottomline a {color:var(--ace-primary)}
.ace-login-page .voice {position:absolute!important;left:-9999px!important}
@media (max-width:900px) {.ace-login-page .ace-login-layout {flex-direction:column;justify-content:center;gap:25px;padding:40px 0}.ace-login-page .ace-identity {text-align:center;max-width:560px}.ace-login-page .ace-identity h2 {font-size:32px;margin:20px 0 10px}.ace-login-page .ace-identity p {font-size:14px;margin:0 auto}.ace-login-page .ace-identity-bottom {display:none}.ace-login-page #login-form {flex:0 1 auto;width:min(460px,100%)}}
@media (max-width:480px) {.ace-login-page .ace-login-layout {width:92%;padding:22px 0}.ace-login-page .ace-identity-badge {font-size:9px;letter-spacing:1px}.ace-login-page .ace-identity h2 {font-size:25px}.ace-login-page .ace-identity p {font-size:12px}.ace-login-page #login-form {padding:22px 20px;border-radius:16px}.ace-login-page #login-form #logo {max-height:120px;max-width:175px}.ace-login-page #login-form .ace-welcome {font-size:20px}}
@media (prefers-reduced-motion:reduce) {.ace-login-page * {animation:none!important;transition:none!important}}

/* ACE GABON V1.0.3 : centrage du bouton Afficher uniquement. */
.ace-login-page #login-form form button:not([type="submit"]),
.ace-login-page #login-form form input[type="button"],
.ace-login-page #login-form form .show-password,
.ace-login-page #login-form form .toggle-password,
.ace-login-page #login-form form .password-toggle,
.ace-login-page #login-form form .showpassword {
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
}