/* Realitatea webmail: isolated branding, no upstream skin edits. */
body.task-login { background: #f4f5f8; }
body.task-login #layout { background: transparent; }
body.task-login #layout-content { max-width: 420px; padding: 40px 32px; border-radius: 16px; background: #fff; box-shadow: 0 12px 48px #242e4412; border-top: 4px solid #f1d535; }
body.task-login #logo { width: 260px; max-width: 100%; height: auto; max-height: none; margin: 0 auto 36px; }
body.task-login .btn-primary { background-color: #f1d535; border-color: #f1d535; border-radius: 6px; }
body.task-login .btn-primary:hover { background-color: #ddc025; border-color: #ddc025; }
body.task-login .form-control:focus { border-color: #f1d535; box-shadow: 0 0 0 3px #f1d5351a; }
#taskmenu .special-buttons { padding-bottom: 28px; }
.realitatea-test-notice { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #fff4dc; color: #664300; border-top: 1px solid #ead5a6; text-align: center; font: 12px/20px system-ui,sans-serif; padding: 3px 10px; pointer-events: none; }
.dark-mode body.task-login { background: #181a20; }
.dark-mode body.task-login #layout-content { background: #272a33; }
.dark-mode body.task-login #logo { background: white; border-radius: 6px; padding: 10px; }
@media (max-width: 480px) { body.task-login #layout-content { max-width: 100%; width: 100%; padding: 32px 24px 60px; border-radius: 0; box-shadow: none; } body.task-login #logo { width: 240px; } .realitatea-test-notice { font-size: 11px; } }

body.task-login #layout { align-items: center; justify-content: center; padding: 28px 16px 50px; overflow: auto; }
body.task-login #layout-content { flex: none; width: 420px; height: auto; min-height: 0; text-align: center; overflow: visible; }
body.task-login #logo { display: block; top: auto; margin: 0 auto 32px; }
body.task-login #login-form { top: auto; width: 100%; margin: 0; }
body.task-login .btn-primary, body.task-login .btn-primary:hover { color: #151515; font-weight: 600; }
@media (max-width: 480px) { body.task-login #layout { padding: 20px 16px 56px; } body.task-login #layout-content { border-radius: 12px; padding: 32px 24px; } }

/* Keep the test notice clear of message actions and logo legible in dark mode. */
body:not(.task-login) #layout { height: calc(100% - 27px); }
#layout-menu #logo { background: #fff; border-radius: 4px; padding: 4px; box-sizing: border-box; }

body:not(.task-login) #layout { height: 100%; }