:root{--ink:#171d2e;--muted:#6b7590;--line:#e7eaf3;--paper:#fff;--rail:#14161f;--accent:#4f46e5;--accent-soft:#eef0fe;--prova:#b45309;--prova-soft:#fdf4e6;--alert:#b3261e;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}@media (width>=1800px){html{font-size:17px}}@media (width>=2400px){html{font-size:18px}}body{color:var(--ink);background:radial-gradient(1100px 700px at 12% -10%,#efe6ff 0%,#0000 60%),radial-gradient(900px 600px at 95% 5%,#ffe9f3 0%,#0000 55%),radial-gradient(900px 700px at 60% 110%,#e6f0ff 0%,#0000 60%),#f4f2fb;min-height:100vh;font-family:-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}button,input{font-family:inherit;font-size:1rem}.app{grid-template-columns:5rem 17rem 26rem 1fr;gap:1.1rem;height:100vh;padding:1.1rem;display:grid}@media (width<=1500px){.app{grid-template-columns:5rem 15rem 23rem 1fr}}@media (width<=1150px){.app{grid-template-columns:4.5rem 1fr 1.4fr}.folders{display:none}}.muted{color:var(--muted)}.grow{flex:1}.pad{padding:1.4rem}.error{color:var(--alert);overflow-wrap:anywhere;background:#fdecec;border:1px solid #f4c9c9;border-radius:12px;margin:.8rem;padding:.7rem 1rem;font-weight:600}.rail{background:var(--rail);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.7rem;padding:1.1rem 0;display:flex}.rail .brand{color:#fff;letter-spacing:.06em;margin-bottom:.8rem;font-size:1.05rem;font-weight:800}.rail-btn{color:#c7cde0;cursor:pointer;letter-spacing:.02em;background:#1e2231;border:1px solid #2b3040;border-radius:14px;width:2.9rem;height:2.9rem;font-weight:700;transition:background .15s,color .15s,transform .15s}.rail-btn:hover{color:#fff;background:#2a3044}.rail-btn.on{color:#14161f;background:#fff;border-color:#fff}.folders{background:var(--paper);border-radius:var(--radius);border:1px solid #ffffffb3;padding:1.4rem 1rem;overflow-y:auto;box-shadow:0 10px 30px #3c28780f}.folders h1{letter-spacing:-.02em;padding:0 .4rem;font-size:1.6rem}.mailbox-name{overflow-wrap:anywhere;margin-bottom:1.2rem;padding:0 .4rem}.section{color:var(--muted);letter-spacing:.02em;padding:1.2rem .5rem .4rem;font-weight:700}.folder{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.7rem;margin-bottom:.15rem;padding:.6rem .85rem;display:flex}.folder:hover{background:#f4f5fb}.folder.on{background:var(--accent-soft);color:var(--accent);font-weight:700}.folder .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder .ct{color:var(--muted);font-variant-numeric:tabular-nums}.folder.on .ct{color:var(--accent)}.folder.sub{padding-top:.4rem;padding-bottom:.4rem}.list{background:var(--paper);border-radius:var(--radius);border:1px solid #ffffffb3;flex-direction:column;min-height:0;display:flex;box-shadow:0 10px 30px #3c28780f}.list-head{border-bottom:1px solid var(--line);padding:1.3rem 1.2rem .9rem}.list-head h2{letter-spacing:-.02em;margin-bottom:.9rem;font-size:1.6rem}.search{border:1px solid var(--line);color:var(--muted);background:#f5f6fb;border-radius:99px;align-items:center;gap:.6rem;padding:.55rem 1rem;display:flex}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1}.pills{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.pills.people{margin-top:.45rem}.pill{border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;border-radius:99px;padding:.35rem .9rem}.pill:hover{color:var(--ink);border-color:#cfd4e6}.pill.on{background:var(--rail);border-color:var(--rail);color:#fff;font-weight:600}.pill.prova{color:var(--prova);background:var(--prova-soft);border-color:#ecd7ac;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.pill.prova:hover{color:#8a4308;border-color:#d9b978}.pill.prova.on{background:var(--prova);border-color:var(--prova);color:#fff}.count{margin-top:.8rem}.rows{flex:1;padding:.5rem;overflow-y:auto}.row{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:14px;gap:.75rem;padding:.75rem .8rem;display:flex}.row:hover{background:#f6f7fc}.row.on{background:var(--accent-soft)}.row-body{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.row-top{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.row-top .from{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-top .when{white-space:nowrap}.row-sub{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;font-weight:600;display:flex;overflow:hidden}.row-prev{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-prova{background:var(--prova-soft);color:var(--prova);border-radius:6px;flex:none;padding:.05rem .4rem;font-weight:700}.row-sub .nro{flex:none;margin-left:auto;font-weight:400}.numero{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:7px;padding:.2rem .5rem}.numero:hover{border-color:var(--accent);color:var(--accent)}.more{cursor:pointer;width:100%;color:var(--accent);background:#f4f5fb;border:none;border-radius:12px;margin-top:.4rem;padding:.9rem;font-weight:700;display:block}.reader{background:var(--paper);border-radius:var(--radius);border:1px solid #ffffffb3;flex-direction:column;min-height:0;display:flex;box-shadow:0 10px 30px #3c28780f}.reader-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.9rem 1.4rem;display:flex}.act{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:99px;align-items:center;gap:.45rem;padding:.45rem 1rem;text-decoration:none;display:inline-flex}.act:hover{background:#fafbff;border-color:#cfd4e6}.act.on{background:var(--prova-soft);color:var(--prova);border-color:#f0d8ac;font-weight:700}.reader-scroll{padding:1.6rem 2rem 3rem;overflow-y:auto}.subject{letter-spacing:-.02em;margin-bottom:1.1rem;font-size:1.6rem}.head{align-items:center;gap:.9rem;margin-bottom:1rem;display:flex}.head-txt .who{overflow-wrap:anywhere}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.fields{border:1px solid var(--line);background:#fafbff;border-radius:14px;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin-bottom:1.2rem;padding:.9rem 1.1rem;display:grid}.fields dt{color:var(--muted);font-weight:600}.fields dd{overflow-wrap:anywhere}.attachments{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.attachments a{border:1px solid var(--line);background:var(--paper);color:var(--accent);border-radius:12px;align-items:center;gap:.5rem;max-width:26rem;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.attachments a:hover{border-color:var(--accent);background:#fafbff}.attachments .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.small-note{margin-bottom:.8rem}.body{white-space:pre-wrap;overflow-wrap:anywhere}.body-txt{white-space:pre-wrap}.body-img{border:1px solid var(--line);border-radius:10px;max-width:min(100%,42rem);height:auto;margin:.6rem 0;display:block}.quote-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#f5f6fb;border-radius:99px;margin-top:1.4rem;padding:.4rem 1rem}.quote-toggle:hover{color:var(--ink)}.quoted{border-left:3px solid var(--line);color:#4d566e;margin-top:.9rem;padding-left:1rem}.empty-state{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.8rem;display:flex}.link{color:var(--accent);overflow-wrap:anywhere;text-decoration:underline}.mail{cursor:pointer;color:var(--accent);font:inherit;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.img-externa{vertical-align:middle;border:1px dashed var(--line);cursor:pointer;color:var(--ink);background:#fafbff;border-radius:12px;align-items:center;gap:.5rem;max-width:100%;margin:.2rem 0;padding:.4rem .85rem;display:inline-flex}.img-externa:hover{border-color:var(--accent)}.img-externa .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.body-img.externa{outline:1px dashed #d9c9a6}.img-falha{color:var(--muted);font-style:italic}.act.on-neutro{background:var(--accent-soft);color:var(--accent);border-color:#cdd2fb;font-weight:700}.thread{border:1px solid var(--line);background:#fbfaff;border-radius:14px;margin-bottom:1.2rem;padding:.9rem 1.1rem}.thread h3{color:var(--muted);margin-bottom:.5rem;font-size:1rem}.thread ol{flex-direction:column;gap:.15rem;list-style:none;display:flex}.thread-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.35rem .5rem;display:flex}.thread-item:hover{background:#f1f0fb}.thread-item.on{background:var(--accent-soft);font-weight:700}.thread-item .quando{white-space:nowrap;font-variant-numeric:tabular-nums}.thread-item .quem{white-space:nowrap;text-overflow:ellipsis;max-width:11rem;overflow:hidden}.thread-item .assunto{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.thread-item .onde{white-space:nowrap}.grupo{background:#eeeff9;border:1px solid #d7d9ee;border-left:4px solid #b9bce4;border-radius:14px;margin-bottom:.5rem;overflow:hidden}.grupo .row:hover{background:#e3e5f6}.grupo .row.on{background:#dcdefa}.grupo .row.filha{background:#ffffff80}.grupo .row.filha:hover{background:#ffffffd9}.grupo .row.filha.on{background:#dcdefa}.row-wrap{align-items:flex-start;display:flex;position:relative}.row-wrap .row{flex:1}.grupo-tag{background:var(--paper);color:#4a4f78;cursor:pointer;white-space:nowrap;border:1px solid #c4c7e6;border-radius:99px;padding:.1rem .6rem;font-weight:600;position:absolute;bottom:.55rem;right:.7rem}.grupo-tag:hover{border-color:var(--accent);color:var(--accent)}.row.filha{border-top:1px solid #dfe1f2;border-radius:0;padding:.45rem .8rem .5rem 2.4rem}.row.filha .row-prev{align-items:center;gap:.35rem;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.9rem;width:min(24rem,100%);padding:2.4rem 2.6rem;display:flex;box-shadow:0 20px 60px #171d2e1a}.login-brand{background:var(--accent-soft);width:3.2rem;height:3.2rem;color:var(--accent);border-radius:14px;place-items:center;display:grid}.login-card h1{letter-spacing:-.02em;font-size:1.5rem}.login-card input{border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;font-size:1rem}.login-card input:focus{outline:2px solid var(--accent);border-color:#0000}.login-card button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.8rem 1rem;font-size:1rem;font-weight:700}.login-card button:disabled{opacity:.55;cursor:default}