/* ===== Webmail Athera · estilo Mail do Mac com a marca ===== */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root{--a-verde:#1f3a2e;--a-verde2:#2f6b4e;--a-lima:#a3e635;--a-fundo:#f5f5f7;--a-lateral:rgba(236,238,233,.82);--a-borda:#e3e5df;--a-texto:#1d1d1f;--a-suave:#6e6e73;--a-sel:#e4efdc}
html,body,input,select,textarea,button,.btn{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
body{background:var(--a-fundo)!important;color:var(--a-texto)}
/* barra de ícones à esquerda (como a barra do Mac) */
#layout-menu{background:var(--a-verde)!important;border-right:0!important}
#layout-menu .popover-header,#layout-menu .header{background:transparent!important}
#layout-menu a,#layout-menu .menu a{color:rgba(255,255,255,.78)!important;border-radius:12px!important;margin:2px 8px!important}
#layout-menu a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
#layout-menu a.selected,#layout-menu .menu a.selected{background:var(--a-lima)!important;color:var(--a-verde)!important}
#layout-menu a.selected:before{color:var(--a-verde)!important}
#layout-menu #logo{filter:none;max-height:44px}
/* pastas: lateral translúcida */
#layout-sidebar{background:var(--a-lateral)!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:1px solid var(--a-borda)!important}
#layout-sidebar .header,#layout-list .header,#layout-content .header{background:transparent!important;border-bottom:1px solid var(--a-borda)!important}
#layout-sidebar .header .header-title,#layout-list .header .header-title{font-weight:700;letter-spacing:-.01em}
#folderlist-content ul li a,.listing li a,#mailboxlist li a{border-radius:9px!important;margin:1px 10px!important;padding-left:30px}
#mailboxlist li.selected>a,.listing li.selected>a,#folderlist-content li.selected>a{background:rgba(31,58,46,.12)!important;color:var(--a-verde)!important;font-weight:600}
#mailboxlist li .unreadcount{background:var(--a-verde)!important;color:#fff!important;border-radius:999px!important}
/* lista de mensagens */
#layout-list{background:#fff!important;border-right:1px solid var(--a-borda)!important}
table.messagelist tr td{border-bottom:1px solid #f0f0f2!important}
table.messagelist tr:hover td{background:#fafaf8!important}
table.messagelist tr.selected td,table.messagelist tr.focused.selected td{background:var(--a-sel)!important;color:var(--a-texto)!important}
table.messagelist tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--a-verde2)}
table.messagelist tr.unread .subject a{font-weight:700!important}
table.messagelist td.subject span.fromto{font-weight:600;color:var(--a-texto)!important}
table.messagelist td.subject span.date,table.messagelist .date{color:var(--a-suave)!important;font-size:.82rem}
table.messagelist tr.unread td.subject span.fromto:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--a-verde2);margin-right:6px;vertical-align:1px}
/* leitura */
#layout-content{background:#fff!important}
#messagecontframe,#layout-content .iframe-wrapper{background:#fff}
.message-partheaders,#message-header{background:#fafaf8!important;border-radius:14px}
/* botões e campos */
.btn-primary,.btn.btn-primary,button.mainaction,.formbuttons .btn-primary{background:var(--a-verde)!important;border-color:var(--a-verde)!important;color:#fff!important;border-radius:10px!important}
.btn-primary:hover{background:var(--a-verde2)!important}
.btn,.form-control,input.form-control,.custom-select{border-radius:10px!important}
.form-control:focus,input:focus{border-color:var(--a-verde2)!important;box-shadow:0 0 0 3px rgba(163,230,53,.25)!important}
a,.text-primary{color:var(--a-verde2)}
.toolbar a.button,.toolbar .button{border-radius:10px}
.toolbar a.button:hover{background:rgba(31,58,46,.07)!important}
.badge-primary{background:var(--a-verde2)!important}
/* tela de entrada */
body.task-login{background:radial-gradient(900px 500px at 70% 0%,#1d2e16,transparent 70%),#0a0e09!important}
body.task-login #layout-content{background:transparent!important}
body.task-login #login-form{background:#fff;border-radius:22px;padding:30px 28px;box-shadow:0 30px 70px rgba(0,0,0,.45);max-width:400px}
body.task-login #login-form .formcontent:before{content:"Webmail Athera";display:block;font-weight:800;font-size:1.35rem;margin-bottom:4px;color:var(--a-texto)}
body.task-login #login-form .formcontent:after{content:"Entre com o seu e-mail completo e a senha dele.";display:block;color:var(--a-suave);font-size:.85rem;margin-top:10px}
body.task-login #login-footer,body.task-login #login-footer a{color:rgba(255,255,255,.55)!important}
body.task-login #logo{max-height:64px}
@media (prefers-color-scheme:dark){html.dark-mode #layout-list,html.dark-mode #layout-content{background:#1c1c1e!important}}
/* corpo do e-mail em texto simples: fonte normal, não de máquina de escrever */
div.pre,.message-part div.pre{font-family:Inter,-apple-system,"Segoe UI",sans-serif!important;font-size:.95rem;line-height:1.6;white-space:pre-wrap}