@font-face{font-family:B1tMon;src:url('assets/noto-sans-mono-bold.ttf') format('truetype');font-weight:700;font-display:swap}
body{--b1-green:#36752d;--b1-dark:#0b120c;--b1-light:#eff5eb}
body.task-login{background:radial-gradient(ellipse at 15% 10%,#203d24 0,transparent 52%),#0b120c;color:#18271b;min-height:100vh;overflow:auto}
body.task-login #layout{display:block;min-height:100vh;height:auto;padding:40px 18px;box-sizing:border-box;background:transparent}
body.task-login #layout-content{box-sizing:border-box;position:relative;display:block;flex:none;width:100%;max-width:470px;height:auto;min-height:0;overflow:visible;margin:0 auto;padding:30px 38px 24px;border:1px solid #dce5d6;border-top:4px solid #6aab3d;border-radius:18px;background:#fff;box-shadow:0 20px 70px #0004;color:#18271b;text-align:center}
body.task-login #layout-content #logo{position:static;top:auto;width:132px;height:132px;max-height:none;object-fit:contain;border-radius:50%;background:#080d09;margin:0 auto 18px;border:1px solid #284328}
body.task-login .b1tmon-intro{margin-bottom:22px}
body.task-login .b1tmon-kicker{margin:0 0 9px;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#36752d}
body.task-login .b1tmon-wordmark{font-family:B1tMon,monospace;font-variant-numeric:slashed-zero;font-feature-settings:'zero' 1;font-size:30px;font-weight:700;line-height:1.2;color:#122417;margin:0 0 10px}
body.task-login .b1tmon-caption{font-size:18px;font-weight:600;color:#233b28;margin:0 0 7px}
body.task-login .b1tmon-help{font-size:13px;line-height:1.6;color:#64735f;max-width:290px;margin:0 auto}
body.task-login #login-form{position:static;top:auto;width:100%;max-width:none;margin:0 auto}
body.task-login #login-form .input-group{margin-bottom:14px}
body.task-login #login-form .form-control{height:46px;border-color:#cbd8c5;background:#fff;color:#18271b;border-radius:7px}
body.task-login #login-form .input-group-text{border-color:#cbd8c5;background:#eff5eb;color:#36752d}
body.task-login #login-form .form-control:focus{border-color:#36752d;box-shadow:0 0 0 3px #36752d22}
body.task-login #rcmloginsubmit{min-height:46px;border-radius:7px;font-weight:600;width:100%;background:#36752d;border-color:#36752d;color:#fff}
body.task-login #rcmloginsubmit:hover{background:#285c21;border-color:#285c21}
body.task-login #login-footer{font-size:11px;line-height:1.8;color:#677460;margin-top:22px;border-top:1px solid #e3eadd;padding-top:16px}
body.task-login #login-footer a{color:#36752d;font-weight:600}
body.task-login #login-footer>div{background:#eff5eb;color:#233b28}
body:not(.task-login) #layout-menu{background:#0b120c;border-right:1px solid #29422a}
body:not(.task-login) #layout-menu .popover-header{background:#0b120c;border-bottom-color:#29422a}
body:not(.task-login) #layout-menu .popover-header img{width:52px;height:52px;max-height:52px;object-fit:contain}
body:not(.task-login) #taskmenu a{color:#dce9d5}
body:not(.task-login) #taskmenu a.selected{background:#284a23;color:#c9efa7;border-left-color:#6aab3d}
body:not(.task-login) #taskmenu a:hover{background:#213d20;color:#fff}
body:not(.task-login) #taskmenu .action-buttons a.compose{background:#36752d;color:#fff}
body:not(.task-login) #layout .btn-primary,body:not(.task-login) #layout .btn-success{background:#36752d;border-color:#36752d;color:#fff}
body:not(.task-login) #layout .btn-primary:hover,body:not(.task-login) #layout .btn-success:hover{background:#285c21;border-color:#285c21}
body:not(.task-login) #mailboxlist li.selected>a{background:#e5efdf;color:#245520}
body:not(.task-login) #messagelist tr.selected td{background:#e5efdf;color:#17341b}
body:not(.task-login) #layout-sidebar>.header,body:not(.task-login) #layout-list>.header{border-top:3px solid #6aab3d}
body:not(.task-login) #layout :focus-visible{outline-color:#6aab3d}
html.dark-mode body:not(.task-login) #mailboxlist li.selected>a,html.dark-mode body:not(.task-login) #messagelist tr.selected td{background:#284a23;color:#dce9d5}
@media(max-width:480px){body.task-login #layout{padding:20px 12px}body.task-login #layout-content{padding:24px 20px;border-radius:14px}body.task-login #layout-content #logo{width:110px;height:110px}body.task-login .b1tmon-wordmark{font-size:27px}body.task-login .b1tmon-caption{font-size:17px}}
@media print{body.task-login{background:#fff}body.task-login #layout-content{box-shadow:none}}
/* O tema escuro usa color !important no foco; o formulário de login permanece claro. */
html body #login-form input.form-control,
html.dark-mode body #login-form input.form-control,
html.dark-mode body #login-form input.form-control:focus:not(.is-invalid){color:#18271b!important;-webkit-text-fill-color:#18271b!important;caret-color:#18271b;background-color:#fff!important;color-scheme:light}
html body #login-form input.form-control::placeholder{color:#64735f!important;-webkit-text-fill-color:#64735f!important;opacity:1}
html body #login-form input.form-control:-webkit-autofill,
html body #login-form input.form-control:-webkit-autofill:hover,
html body #login-form input.form-control:-webkit-autofill:focus{-webkit-text-fill-color:#18271b!important;caret-color:#18271b;-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important}
/* Preferir controles nativos claros; as cores internas do tema permanecem independentes. */
html,html.dark-mode{color-scheme:light;color-scheme:only light;background-color:#f2f5ef}
@supports(padding-bottom:env(safe-area-inset-bottom)){
 html:not(.iframe) body{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}
}
@media print{html:not(.iframe) body{padding:0}}

/* Atalho do menu para o site institucional, sem encerrar a sessão de e-mail. */
#layout-menu .b1tmon-menu-brand{display:inline-flex;align-items:center;gap:12px;max-width:calc(100% - 42px)}
#layout-menu .b1tmon-site-home{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;min-height:40px;padding:0 8px;border:1px solid #658d50;border-radius:7px;color:#e8f3e1!important;background:#20351c;text-decoration:none;font-size:14px;line-height:1.2}
#layout-menu .b1tmon-site-home:hover{background:#36752d}
#layout-menu .b1tmon-site-home:focus-visible{outline:2px solid #a4d47c;outline-offset:2px}
#layout-menu .b1tmon-site-home>span:first-child{font-size:24px}
@media(min-width:769px){#layout-menu .b1tmon-menu-brand{flex-direction:column;gap:6px;max-width:100%}#layout-menu .b1tmon-home-label{display:none}}