/* Painel · página /email — tokens do tema CLARO do Obelisco (o cliente é um clone do e-mail do Obelisco) + casca da página. */
:root {
  --white:#fff; --n-75:#f5f7fa; --n-100:#eef1f6; --n-150:#e3e7ee; --n-200:#d6dbe4; --n-400:#8891a6; --n-500:#6b7388; --n-600:#525a70; --n-900:#161d2b;
  --bg:var(--n-75); --bg-elev:var(--white); --bg-sunken:var(--n-100); --border:var(--n-150); --border-strong:var(--n-200);
  --fg:var(--n-900); --fg-muted:var(--n-600); --fg-soft:var(--n-500); --fg-whisper:var(--n-400);
  --pr-50:#f2f7fc; --pr-100:#e4eef8; --pr-400:#3d86c9; --pr-500:#1266b0; --pr-600:#0a4f8f;
  --gold-500:#c59a2a; --gold-600:#a07a16; --ok-500:#16a15a; --err-500:#c93441;
  --shadow-md:0 4px 14px rgba(15,25,40,.06),0 1px 2px rgba(15,25,40,.04); --shadow-lg:0 18px 40px rgba(15,25,40,.12),0 4px 10px rgba(15,25,40,.06);
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
*,*::before,*::after { box-sizing:border-box; }
html,body { margin:0; height:100%; background:var(--bg); color:var(--fg); font-family:var(--font-ui); font-size:13px; }
button,input,select,textarea { font-family:inherit; }
.pe-top { height:48px; display:flex; align-items:center; gap:12px; padding:0 16px; background:var(--bg-elev); border-bottom:1px solid var(--border); }
.pe-back { color:var(--pr-500); text-decoration:none; font-weight:600; padding:5px 9px; border-radius:6px; }
.pe-back:hover { background:var(--pr-50); }
.pe-titulo { font-size:15px; }
.pe-sub { color:var(--fg-soft); font-size:12px; }
#pe-main { height:calc(100dvh - 48px); }
/* o Painel não tem módulo de Tarefas nem mini-chat: some o que não se aplica (as Configurações FICAM, sem a aba Contas) */
.mailv-totask, .ctrl-team-foot { display:none !important; }
/* avisos e confirmação (substituem Obelisco.ui.*) */
#pe-toasts { position:fixed; right:16px; bottom:16px; z-index:9000; display:flex; flex-direction:column; gap:8px; pointer-events:none; }
.pe-toast { pointer-events:auto; background:var(--fg); color:#fff; padding:10px 14px; border-radius:9px; font-size:13px; box-shadow:var(--shadow-lg); transition:opacity .3s; max-width:360px; }
.pe-toast.ok { background:#14633a; } .pe-toast.err { background:#a71d28; } .pe-toast.warn { background:#8a5a05; }
.pe-ov { position:fixed; inset:0; background:rgba(11,18,32,.5); z-index:9500; display:flex; align-items:center; justify-content:center; padding:20px; }
.pe-modal { width:420px; max-width:100%; background:var(--bg-elev); border-radius:14px; box-shadow:var(--shadow-lg); padding:20px; }
.pe-modal h3 { margin:0 0 8px; font-size:16px; } .pe-modal p { margin:0 0 12px; color:var(--fg-muted); line-height:1.5; }
.pe-acts { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
.pe-btn { border:1px solid var(--border-strong); background:var(--bg-elev); color:var(--fg); padding:8px 14px; border-radius:8px; cursor:pointer; font-weight:600; }
.pe-btn:hover { background:var(--bg-sunken); }
.pe-primary { background:var(--pr-500); border-color:var(--pr-500); color:#fff; } .pe-primary:hover { background:var(--pr-600); }
.pe-danger { background:var(--err-500); border-color:var(--err-500); color:#fff; } .pe-danger:hover { background:#a71d28; }
.pe-sessao { position:fixed; left:0; right:0; top:48px; z-index:9400; background:#fff4e0; border-bottom:1px solid #ecd39b; color:#6b4200; padding:10px 16px; text-align:center; }
.pe-sessao a { color:var(--pr-500); font-weight:700; }