/* MoPro Codex Mail — extra branding on top of codex-theme.css (recoloured Elastic) */
:root{--cx-gold:#F5B800;--cx-gold-2:#FFD84D;--cx-gold-3:#C98F00;--cx-black:#0b0b0b;--cx-ink:#ECE6D6}
html.dark-mode #logo{opacity:1}
html.dark-mode .btn-primary,html.dark-mode .btn-primary:hover,html.dark-mode button.btn-primary,
html.dark-mode .formbuttons .btn-primary,html.dark-mode .ui-dialog-buttonpane .btn-primary{color:#0b0b0b!important}
.btn-primary:not(.btn-danger){background-image:linear-gradient(135deg,var(--cx-gold-2),var(--cx-gold) 55%,var(--cx-gold-3));border-color:var(--cx-gold)!important;font-weight:600}
.btn-primary:not(.btn-danger):hover:not(:disabled){filter:brightness(1.06)}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(245,184,0,.35)!important}
/* Task menu: black with gold active state */
#layout-menu{background:#0b0b0b}
#taskmenu a.selected,#taskmenu a.selected:before{color:var(--cx-gold)!important}
#taskmenu a.compose{color:var(--cx-gold)!important}
#layout-menu #logo{max-width:64px;max-height:64px}
/* ---- Login page ---- */
html.dark-mode body.task-login,body.task-login{background:radial-gradient(1200px 600px at 50% -10%,#2a2210 0%,#0f0e0b 45%,#0b0b0b 100%) fixed;color:var(--cx-ink)}
body.task-login #layout-content{background:transparent!important}
body.task-login #logo{top:10vh!important;max-height:none!important;width:min(360px,82vw);height:auto;opacity:1}
body.task-login #login-form{top:12vh!important;background:rgba(20,18,15,.82);border:1px solid #2e2a20;border-radius:18px;padding:28px 26px 22px;box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 1px rgba(245,184,0,.05) inset;max-width:400px;margin:0 auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.task-login #login-form table{margin:0 auto}
body.task-login #login-form .form-control{background:#0f0e0c!important;color:#fff8e6!important;border:1px solid #4a4436!important;border-radius:12px!important;height:48px;font-size:16px}
body.task-login #login-form .form-control:focus{border-color:var(--cx-gold)!important;box-shadow:0 0 0 3px rgba(245,184,0,.22)!important}
body.task-login #login-form .input-group-text,body.task-login #login-form .input-group-prepend .input-group-text{background:#1c1a15!important;border-color:#4a4436!important;color:var(--cx-gold)!important;border-radius:12px 0 0 12px!important}
body.task-login #login-form .input-group .form-control{border-radius:0 12px 12px 0!important}
body.task-login #login-form .formbuttons .btn-primary,body.task-login #rcmloginsubmit{height:50px;border-radius:12px;font-size:17px;letter-spacing:.3px;color:#0b0b0b!important;width:100%}
body.task-login #login-footer{color:#8c8576!important;margin-top:14px}
body.task-login #login-footer a{color:var(--cx-gold)}
.codex-login-extra{margin-top:16px;text-align:center}
.codex-hint{font-size:13px;color:#b9b19f;margin:0 0 14px}
.codex-hint strong{color:#fff3cc}
.codex-install-link{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(245,184,0,.45);border-radius:999px;color:var(--cx-gold)!important;font-weight:600;font-size:14px;text-decoration:none!important;background:rgba(245,184,0,.06)}
.codex-install-link:hover{background:rgba(245,184,0,.14)}
.codex-install-link img{border-radius:6px}
.codex-brand{font-size:11.5px;color:#6f695c;margin:16px 0 0;letter-spacing:.2px}
html.codex-standalone .codex-install-link{display:none}
@media (max-width:480px){
 body.task-login #logo{top:6vh!important;width:78vw}
 body.task-login #login-form{top:8vh!important;margin:0 14px;padding:22px 16px 18px}
}
/* iOS standalone: keep content clear of the notch with black-translucent status bar */
html.codex-standalone body{padding-top:env(safe-area-inset-top)}
html.codex-standalone body.task-login{padding-top:0}
html.codex-standalone #layout{height:calc(100% - env(safe-area-inset-top))}
/* Unread / badges */
.unreadcount,.listing li .unreadcount{color:#0b0b0b!important}
/* Selection colour */
::selection{background:rgba(245,184,0,.35)}