/* Unio Suite — header portatil (admin + webmail). Mesmo visual do header do Drive
   (barra branca 64px, logo contextual a esquerda, cluster IA/ajuda/config/apps +
   avatar a direita). Assets servidos same-origin em /unio/. */
@font-face{
  font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;
  src:url('/unio/sora-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;
}
#unio-bar{
  position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;
  justify-content:space-between;padding:0 24px;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);box-sizing:border-box;z-index:2147483600;
  font-family:'Sora','Public Sans',system-ui,-apple-system,sans-serif;
}
#unio-bar *{box-sizing:border-box;}
/* nunca sublinhar links do header/launcher (skin/SPA poe underline no a:hover) */
#unio-bar a,#unio-bar a:hover,#unio-bar a:focus,
#uh-launcher a,#uh-launcher a:hover,#uh-launcher a:focus{text-decoration:none!important;}
.uh-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex:0 0 auto;}
.uh-logo-ico{height:34px;width:34px;display:block;max-width:none;}
.uh-logo-word{font-size:18px;font-weight:400;color:#121212;letter-spacing:-.2px;line-height:34px;}
.uh-right{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.uh-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:20px;background:transparent;border:none;color:#444746;cursor:pointer;
  text-decoration:none;padding:0;transition:background-color .15s ease;}
.uh-btn:hover{background:#f0f0f0;}
.uh-btn:focus-visible{outline:2px solid #6100f9;outline-offset:1px;}
.uh-btn img{width:24px;height:24px;display:block;pointer-events:none;}
.uh-btn--ai img{width:20px;height:20px;}
.uh-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;padding:2px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;text-decoration:none;flex:0 0 auto;margin-left:4px;
  background:linear-gradient(90deg,#f0a12a 0%,#a44d9e 30%,#6100f9 63%,#17bebb 100%);}
/* dropdown do avatar (Sair + gestao) — webmail/Meet. Mesmo visual do launcher. */
#uh-usermenu{position:fixed;top:64px;right:16px;width:284px;max-width:calc(100vw - 24px);
  background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 12px 32px rgba(17,24,39,.16);
  padding:8px;z-index:2147483602;display:none;font-family:'Sora','Public Sans',sans-serif;}
#uh-usermenu.open{display:block;}
.uh-um-head{display:flex;align-items:center;gap:10px;padding:8px 10px 12px;margin-bottom:6px;border-bottom:1px solid #f0f0f0;}
.uh-um-av{width:40px;height:40px;min-width:40px;border-radius:50%;padding:2px;box-sizing:border-box;flex:0 0 auto;
  background:linear-gradient(90deg,#f0a12a 0%,#a44d9e 30%,#6100f9 63%,#17bebb 100%);}
.uh-um-av img{width:100%;height:100%;border:2px solid #fff;border-radius:50%;object-fit:cover;background:#fff;display:block;box-sizing:border-box;}
.uh-um-id{min-width:0;display:flex;flex-direction:column;}
.uh-um-name{font-size:14px;font-weight:600;color:#171725;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.uh-um-email{font-size:12px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.uh-um-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#1f1f1f!important;
  font-size:14px;text-decoration:none!important;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;
  font-family:'Sora','Public Sans',sans-serif;line-height:1.2;}
.uh-um-item:hover{background:#f4f1fb;}
.uh-um-item svg{color:#6c757d;flex:0 0 auto;}
.uh-um-sep{height:1px;background:#f0f0f0;margin:6px 4px;}
.uh-um-item--logout{color:#d92d20!important;}
.uh-um-item--logout svg{color:#d92d20;}
.uh-avatar img{width:100%;height:100%;border:2px solid #fff;border-radius:50%;object-fit:cover;display:block;background:#fff;}
/* admin (SPA): o botao de perfil adotado (.uh-prof) vira o MESMO avatar das outras
   ferramentas — circulo 40px com anel gradiente, sem nome nem seta (escondidos via JS). */
body.uh-spa #unio-bar .uh-prof{display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;
  width:auto!important;height:40px!important;min-width:0!important;margin-left:4px!important;cursor:pointer!important;border-radius:50%!important;}
body.uh-spa #unio-bar .uh-prof:hover,body.uh-spa #unio-bar .uh-prof:focus{background:transparent!important;}
body.uh-spa #unio-bar .uh-prof [data-slot="avatar"]{width:40px!important;height:40px!important;min-width:40px!important;
  border-radius:50%!important;padding:2px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;
  background:linear-gradient(90deg,#f0a12a 0%,#a44d9e 30%,#6100f9 63%,#17bebb 100%)!important;}
body.uh-spa #unio-bar .uh-prof [data-slot="avatar-image"]{width:100%!important;height:100%!important;border:2px solid #fff!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important;display:block!important;}
body.uh-spa #unio-bar .uh-prof [data-slot="avatar-fallback"]{width:100%!important;height:100%!important;border:2px solid #fff!important;border-radius:50%!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;background:#f1eafe!important;color:#6100f9!important;font-size:13px!important;font-family:'Sora','Public Sans',sans-serif!important;}
/* foto injetada (a SPA so mostra iniciais no header): preenche a area INTERNA do
   aro (NAO absolute/inset:0, que cobriria o padding-anel) -> mantem o anel gradiente
   + borda branca + foto, igual ao Meet. As iniciais sao escondidas no onload. */
body.uh-spa #unio-bar .uh-prof .uh-prof-photo{width:100%!important;height:100%!important;
  border:2px solid #fff!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important;display:block!important;box-sizing:border-box!important;}
/* launcher popover (mesmo da toolbar do Drive) */
#uh-launcher{position:fixed;top:64px;right:16px;width:328px;max-width:calc(100vw - 24px);
  background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 12px 32px rgba(17,24,39,.16);
  padding:14px;z-index:2147483601;display:none;font-family:'Sora','Public Sans',sans-serif;}
#uh-launcher.open{display:block;}
.uh-lc-head{font-size:12px;font-weight:600;color:#6c757d;letter-spacing:.02em;padding:2px 6px 12px;}
.uh-lc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.uh-lc-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px;
  border-radius:12px;text-decoration:none;color:#121212;transition:background .12s ease;}
.uh-lc-item:hover{background:#f4f1fb;}
.uh-lc-ico{width:42px;height:42px;display:flex;align-items:center;justify-content:center;}
.uh-lc-ico img{width:42px;height:42px;display:block;pointer-events:none;}
.uh-lc-lbl{font-size:12px;line-height:1.1;text-align:center;color:#121212;}
/* empurra o conteudo pra baixo da barra */
body.uh-has-bar{padding-top:64px!important;}
/* Roundcube elastic: layout ocupa a viewport inteira via top/bottom fixos */
body.uh-has-bar.uh-rc{padding-top:0!important;}
body.uh-has-bar.uh-rc #layout{top:64px!important;height:calc(100% - 64px)!important;}
body.uh-has-bar.uh-rc #topline{top:64px!important;}
/* Meet (Greenlight): usa o header portatil (padrao Drive) e ESCONDE o navbar nativo antigo */
body.uh-has-bar.uh-meet{padding-top:64px!important;}
body.uh-meet #navbar,body.uh-meet nav.navbar{display:none!important;}

/* === Sidebar do webmail (Roundcube) -> padrao Unio (Sidebar.svg) ===
   fundo #f8fafd, compose pill branco, pastas pill 48 (#f4f0ff ativo / #6100f9),
   icones #94a4b9->#6100f9, quota card borda + barra gradiente. Tudo escopado em .uh-rc */
body.uh-rc #layout-sidebar{background-color:#f8fafd!important;border:none!important;font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc #layout-sidebar .header{background:#f8fafd!important;border:none!important;box-shadow:none!important;}
body.uh-rc #layout-sidebar .back-logo .logo-anchor{display:none!important;} /* logo duplicado: a barra Unio ja tem a marca */
body.uh-rc #folderlist-content{background:#f8fafd!important;}
/* compose "Escrever": pill branco + sombra em camadas + icone/texto escuros */
body.uh-rc a.compose{background-color:#fff!important;color:#1f1f1f!important;border-radius:9999px!important;border:none!important;
  box-shadow:0 1px 1px rgba(128,128,128,.10),0 3px 1.5px rgba(128,128,128,.09),1px 7px 2px rgba(128,128,128,.05)!important;
  font-family:'Sora','Public Sans',sans-serif!important;font-weight:600!important;}
body.uh-rc a.compose:hover{background-color:#f0f0f0!important;}
/* icone do "Escrever" = simbolo + gradiente (escrever.svg); esconde o + branco nativo */
body.uh-rc a.compose svg{display:none!important;}
body.uh-rc a.compose::before{content:"";display:inline-block;width:16px;height:16px;flex:0 0 auto;
  background:url(/unio/escrever.svg) center/contain no-repeat;}
body.uh-rc a.compose .inner{color:#1f1f1f!important;}
/* itens de pasta: pill 48, hover #eef0f5, selecionado #f4f0ff + #6100f9 */
body.uh-rc #mailboxlist li.mailbox>a{border-radius:9999px!important;min-height:44px!important;display:flex!important;align-items:center!important;
  color:#1f1f1f!important;font-size:14px!important;font-family:'Sora','Public Sans',sans-serif!important;margin-bottom:2px!important;}
body.uh-rc #mailboxlist li.mailbox>a:hover{background-color:transparent!important;}
body.uh-rc #mailboxlist li.mailbox.selected>a,
body.uh-rc #mailboxlist li.mailbox[aria-selected="true"]>a{background-color:#f4f0ff!important;color:#6100f9!important;}
/* remove a barra/borda roxa a esquerda do item selecionado (box-shadow inset do elastic) */
body.uh-rc #mailboxlist li.mailbox.selected,
body.uh-rc #mailboxlist li.mailbox[aria-selected="true"],
body.uh-rc #mailboxlist li.mailbox.selected>a,
body.uh-rc #mailboxlist li.mailbox[aria-selected="true"]>a,
body.uh-rc .listing li.selected{border-left:0!important;box-shadow:none!important;}
body.uh-rc #mailboxlist li.mailbox>a::before{color:#94a4b9!important;}
body.uh-rc #mailboxlist li.mailbox.selected>a::before,
body.uh-rc #mailboxlist li.mailbox[aria-selected="true"]>a::before{color:#6100f9!important;}
/* badge de nao-lidas: pill roxo claro */
body.uh-rc #mailboxlist li.mailbox .unreadcount{background-color:#f4f0ff!important;color:#6100f9!important;border-radius:9999px!important;font-family:'Sora',sans-serif!important;}
/* quota footer: card borda + barra gradiente */
body.uh-rc #layout-sidebar .footer{background:#f8fafd!important;border-top:none!important;height:auto!important;max-height:none!important;overflow:visible!important;}
/* quota = card armazenamento.svg: borda #e5e5e5 rx10, label em cima, barra 4px
   (rx2) trilho #e1e3e1 + valor gradiente, % embaixo. Ordem via flex. */
body.uh-rc #quotadisplay.quota-widget{border:1px solid #e5e5e5!important;border-radius:10px!important;
  padding:14px 16px!important;background:transparent!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;gap:6px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;}
body.uh-rc #quotadisplay .quota-text{display:none!important;} /* esconde o label "Uso do espaço em disco" */
body.uh-rc #quotadisplay .bar{order:1;display:block!important;width:100%!important;height:4px!important;min-width:0!important;
  background-color:#e1e3e1!important;border-radius:2px!important;overflow:hidden!important;margin:0 0 10px 0!important;}
body.uh-rc #quotadisplay .bar .value{display:block!important;height:4px!important;border-radius:2px!important;
  background:linear-gradient(90deg,#f0a12a 0%,#a44d9e 30%,#6100f9 64%,#17bebb 100%)!important;}
/* esconde a linha do % (so usamos "usado de total usados") */
body.uh-rc #quotadisplay>div:not(.quota-text):not(.uh-quota-detail){display:none!important;}
/* ===================================================================
   Lista de mensagens (#layout-list) -> padrao Unio (layout-list.svg)
   chrome: header, toolbar, busca, cabecalho de colunas, rodapie, preview
   =================================================================== */
body.uh-rc #layout-list{background:#fff!important;}
/* sem email selecionado (iframe no watermark): preview oculto + lista full-width */
body.uh-rc.uh-no-preview #layout-list{width:100%!important;max-width:none!important;flex:1 1 auto!important;}
body.uh-rc #layout-list #messagelist-header.header{background:#fff!important;border:none!important;box-shadow:none!important;}
body.uh-rc #layout-list #messagelist-header .logo-anchor{display:none!important;} /* logo duplicado */
/* barra de busca: input branco, borda #d0d2d4, arredondado, placeholder #adafb3 */
body.uh-rc #layout-list .searchbar{background:#fff!important;}
body.uh-rc #layout-list .searchbar input.no-bs,
body.uh-rc #layout-list #mailsearchform{border:1px solid #d0d2d4!important;border-radius:8px!important;background:#fff!important;
  font-family:'Sora','Public Sans',sans-serif!important;color:#171725!important;}
body.uh-rc #layout-list .searchbar input::placeholder{color:#adafb3!important;}
/* toolbars (Pastas/Selecionar/Opcoes/Atualizar): fonte Sora, neutro, hover suave, raio */
body.uh-rc #layout-list .toolbar a.button,
body.uh-rc #layout-list .toolbar .button{color:#444746!important;font-family:'Sora','Public Sans',sans-serif!important;border-radius:8px!important;}
body.uh-rc #layout-list .toolbar a.button:hover{background-color:#f0f0f0!important;}
/* cabecalho de colunas (De/Data/Tamanho) */
body.uh-rc #messagelist thead th,
body.uh-rc #messagelist thead th a.sortcol,
body.uh-rc #messagelist-fixedcopy thead th,
body.uh-rc #messagelist-fixedcopy thead th a.sortcol{color:#171725!important;font-family:'Sora','Public Sans',sans-serif!important;font-size:14px!important;}
/* linhas de e-mail: fonte Sora + cores de texto (hover/selecao seguem transparente por pedido) */
body.uh-rc #messagelist tbody tr{font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc #messagelist tbody tr .subject,
body.uh-rc #messagelist tbody tr .fromto{color:#171725!important;}
body.uh-rc #messagelist tbody tr .date,
body.uh-rc #messagelist tbody tr .size{color:#656971!important;}
body.uh-rc #messagelist tbody tr.flagged .flag,
body.uh-rc #messagelist .flagged span.flagged{color:#ffb300!important;}
/* --- campos da linha (campos mensagem list.svg) com a estrutura real --- */
body.uh-rc #messagelist td.subject{font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc #messagelist td.subject .size{display:none!important;} /* tamanho nao aparece no design */
body.uh-rc #messagelist td.subject>.fromto{color:#171725!important;font-weight:600!important;} /* remetente */
body.uh-rc #messagelist td.subject>.date{color:#adafb3!important;font-weight:400!important;}  /* hora */
body.uh-rc #messagelist td.subject span.subject a,
body.uh-rc #messagelist td.subject span.subject a span{color:#656971!important;font-weight:400!important;} /* assunto/previa */
/* nao-lida: remetente e assunto mais fortes */
body.uh-rc #messagelist tr.unread td.subject>.fromto{color:#171725!important;font-weight:700!important;}
body.uh-rc #messagelist tr.unread td.subject span.subject a,
body.uh-rc #messagelist tr.unread td.subject span.subject a span{color:#171725!important;font-weight:600!important;}
/* ponto de status (msgicon): nao-lida roxo #6100f9, lida cinza #94a4b9 */
body.uh-rc #messagelist td.subject span.subject .msgicon.status{color:#94a4b9!important;}
body.uh-rc #messagelist tr.unread td.subject span.subject .msgicon.status{color:#6100f9!important;}
/* estrela: sinalizada dourada #ffb300, nao-sinalizada cinza claro */
body.uh-rc #messagelist td.flags .flag .flagged{color:#ffb300!important;}
body.uh-rc #messagelist td.flags .flag .unflagged{color:#d0d2d4!important;}
/* checkbox roxo quando marcado */
body.uh-rc #messagelist td.selection input:checked{accent-color:#6100f9!important;}
/* remove o menu de hover da linha (estrela + lixeira que surge ao passar o mouse) */
body.uh-rc .listing-hover-menu{display:none!important;}
/* mas a ESTRELA da coluna deve ficar SEMPRE visivel (nao so no hover) */
body.uh-rc #messagelist td.flags,
body.uh-rc #messagelist td.flags .flag,
body.uh-rc #messagelist td.flags .flag>span{opacity:1!important;visibility:visible!important;}
/* desenha a estrela via SVG (o icone de fonte do elastic so aparece no hover) */
body.uh-rc #messagelist td.flags .flag .unflagged,
body.uh-rc #messagelist td.flags .flag .flagged{
  display:inline-block!important;width:18px!important;height:18px!important;font-size:0!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:18px 18px!important;cursor:pointer;}
body.uh-rc #messagelist td.flags .flag .unflagged::before,
body.uh-rc #messagelist td.flags .flag .flagged::before{content:none!important;}
body.uh-rc #messagelist td.flags .flag .unflagged{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d0d2d4'><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>")!important;}
body.uh-rc #messagelist td.flags .flag .flagged{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffb300'><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>")!important;}
/* texto "A lista esta vazia" / contador da pagina */
body.uh-rc #layout-list .listing-info,
body.uh-rc #layout-list .pagenav-text{color:#656971!important;font-family:'Sora','Public Sans',sans-serif!important;}
/* rodapie de paginacao */
body.uh-rc #layout-list .pagenav.footer{background:#fff!important;border-top:1px solid #e5e5e5!important;}
/* toolbar do preview (responder/encaminhar/excluir...) */
body.uh-rc .iframe-wrapper #mailtoolbar a.button{color:#444746!important;font-family:'Sora','Public Sans',sans-serif!important;border-radius:8px!important;}
body.uh-rc .iframe-wrapper #mailtoolbar a.button:hover{background-color:#f0f0f0!important;}

/* ===================================================================
   Preferencias (?_task=settings) -> sections list estilo sidebar Unio
   (preferences.svg): pills 48 rx24, selecionado #f4f0ff/#6100f9
   =================================================================== */
body.uh-rc #layout-list[aria-labelledby="aria-label-prefsection"]{background:#f8fafd!important;border:none!important;}
body.uh-rc #layout-list[aria-labelledby="aria-label-prefsection"] .header{background:#f8fafd!important;border:none!important;box-shadow:none!important;}
body.uh-rc #layout-list[aria-labelledby="aria-label-prefsection"] .header .logo-anchor{display:none!important;} /* logo duplicado */
body.uh-rc #sections-table{background:transparent!important;font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc #sections-table tr{background:transparent!important;}
body.uh-rc #sections-table tr td.section{border:none!important;border-radius:9999px!important;min-height:48px!important;
  display:flex!important;align-items:center!important;padding:0 16px!important;margin:2px 6px!important;
  color:#1f1f1f!important;font-size:14px!important;font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc #sections-table tr.selected td.section,
body.uh-rc #sections-table tr.focused td.section,
body.uh-rc #sections-table tr[aria-selected="true"] td.section{background-color:#f4f0ff!important;color:#6100f9!important;}
/* sidebar de settings (#layout-sidebar.sidebar-left / #settings-menu) em pills Unio */
body.uh-rc #layout-sidebar.sidebar-left{background:#f8fafd!important;border:none!important;}
body.uh-rc #layout-sidebar.sidebar-left .header{background:#f8fafd!important;border:none!important;box-shadow:none!important;}
body.uh-rc #layout-sidebar.sidebar-left .header .logo-anchor{display:none!important;}
body.uh-rc #settings-menu{font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc #settings-menu li{border-radius:9999px!important;min-height:48px!important;display:flex!important;align-items:center!important;
  padding:0 16px!important;margin:2px 6px!important;color:#1f1f1f!important;font-size:14px!important;}
body.uh-rc #settings-menu li:hover{background-color:#eef0f5!important;}
body.uh-rc #settings-menu li.selected,
body.uh-rc #settings-menu li.focused,
body.uh-rc #settings-menu li[aria-selected="true"]{background-color:#f4f0ff!important;color:#6100f9!important;}
/* === Formularios de settings (dentro do iframe) padrao Unio === */
body.uh-rc .propform,body.uh-rc .formcontent,body.uh-rc fieldset{font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc fieldset legend,body.uh-rc .propform label,body.uh-rc .input-group-text{color:#444746!important;font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc .propform .form-control,body.uh-rc .propform .custom-select,body.uh-rc .propform select,
body.uh-rc .propform input[type=text],body.uh-rc .propform input[type=password],body.uh-rc .propform input[type=email],
body.uh-rc .formcontent .form-control,body.uh-rc .formcontent select,body.uh-rc .formcontent input[type=text]{
  border:1px solid #d0d2d4!important;border-radius:8px!important;color:#171725!important;font-family:'Sora','Public Sans',sans-serif!important;background:#fff!important;}
body.uh-rc .propform .form-control:focus,body.uh-rc .propform select:focus,body.uh-rc .formcontent .form-control:focus{
  border-color:#6100f9!important;box-shadow:0 0 0 3px rgba(97,0,249,.12)!important;outline:none!important;}
/* switch roxo */
body.uh-rc .custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:#6100f9!important;border-color:#6100f9!important;}
body.uh-rc .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 3px rgba(97,0,249,.15)!important;}
/* botao primario = pill roxo */
body.uh-rc .btn-primary,body.uh-rc button.btn-primary{background-color:#6100f9!important;border-color:#6100f9!important;border-radius:9999px!important;
  font-family:'Sora','Public Sans',sans-serif!important;font-weight:600!important;}
body.uh-rc .btn-primary:hover{background-color:#5200d6!important;border-color:#5200d6!important;}
/* === Rail do inbox injetado na pagina de Configuracoes (sidebar igual INBOX) === */
body.uh-rc #uh-mailrail{flex:0 0 261px!important;width:261px!important;background:#f8fafd!important;padding:14px 8px!important;
  display:flex!important;flex-direction:column!important;border:none!important;box-sizing:border-box!important;overflow-y:auto!important;
  font-family:'Sora','Public Sans',sans-serif!important;}
body.uh-rc #uh-mailrail .uh-rail-compose{display:inline-flex!important;align-items:center!important;gap:8px!important;align-self:flex-start!important;
  background:#fff!important;color:#1f1f1f!important;border-radius:9999px!important;padding:8px 18px!important;margin:4px 8px 14px!important;
  font-weight:600!important;font-size:14px!important;text-decoration:none!important;
  box-shadow:0 1px 1px rgba(128,128,128,.10),0 3px 1.5px rgba(128,128,128,.09),1px 7px 2px rgba(128,128,128,.05)!important;}
body.uh-rc #uh-mailrail .uh-rail-compose::before{content:""!important;width:16px;height:16px;flex:0 0 auto;background:url(/unio/escrever.svg) center/contain no-repeat;}
body.uh-rc #uh-mailrail .uh-rail-folders{list-style:none!important;margin:0!important;padding:0!important;}
/* grupo Pastas + Criar pasta */
body.uh-rc #uh-mailrail .uh-rail-pastas{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 16px 2px!important;}
body.uh-rc #uh-mailrail .uh-rail-pastas-h{color:#444746!important;font-size:13px!important;font-weight:600!important;}
body.uh-rc #uh-mailrail .uh-rail-novapasta{display:flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;
  padding:0 16px!important;color:#6100f9!important;font-size:14px!important;text-decoration:none!important;border-radius:9999px!important;}
body.uh-rc #uh-mailrail .uh-rail-novapasta::before{content:"+"!important;font-size:18px!important;line-height:1!important;color:#6100f9!important;}
body.uh-rc #uh-mailrail .uh-rail-novapasta:hover{background:#eef0f5!important;}
body.uh-rc #uh-mailrail .uh-rail-quota{margin-top:auto!important;}
/* icones do rail (linha, cinza #94a4b9) */
body.uh-rc #uh-mailrail .uh-ic{gap:12px!important;}
body.uh-rc #uh-mailrail .uh-ic::before{content:""!important;width:20px;height:20px;flex:0 0 auto;background-position:center;background-repeat:no-repeat;background-size:20px 20px;}
body.uh-rc #uh-mailrail .uh-ic-inbox::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a4b9'><path d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H5V5h14v10z'/></svg>");}
body.uh-rc #uh-mailrail .uh-ic-star::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a4b9'><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>");}
body.uh-rc #uh-mailrail .uh-ic-draft::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a4b9'><path d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z'/></svg>");}
body.uh-rc #uh-mailrail .uh-ic-sent::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a4b9'><path d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/></svg>");}
body.uh-rc #uh-mailrail .uh-ic-spam::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a4b9'><path d='M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z'/></svg>");}
body.uh-rc #uh-mailrail .uh-ic-calendar::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a4b9'><path d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM5 8V6h14v2H5z'/></svg>");}
body.uh-rc #uh-mailrail .uh-ic-trash::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a4b9'><path d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/></svg>");}

/* === Configuracoes: 3 colunas + secoes como ABAS HORIZONTAIS (referencia.png) === */
body.uh-settings #uh-settings-title{font-family:'Sora','Public Sans',sans-serif!important;font-size:22px!important;font-weight:600!important;color:#111928!important;padding:18px 24px 6px!important;}
body.uh-settings #layout-content > .header{display:none!important;} /* header nativo (back/logo) do content */
body.uh-rc #layout-content #layout-list[aria-labelledby="aria-label-prefsection"]{position:static!important;width:auto!important;max-width:none!important;height:auto!important;flex:0 0 auto!important;background:transparent!important;border:none!important;}
body.uh-rc #layout-content #layout-list .header{display:none!important;}
body.uh-rc #layout-content #layout-list .scroller{overflow:visible!important;height:auto!important;padding:0 16px!important;}
body.uh-rc #layout-content #sections-table,
body.uh-rc #layout-content #sections-table tbody{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;background:transparent!important;border-bottom:1px solid #e5e7eb!important;}
body.uh-rc #layout-content #sections-table tr{display:block!important;background:transparent!important;}
body.uh-rc #layout-content #sections-table tr td.section{display:block!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;
  color:#656971!important;padding:10px 14px!important;margin:0!important;min-height:0!important;font-size:14px!important;white-space:nowrap!important;}
body.uh-rc #layout-content #sections-table tr.selected td.section,
body.uh-rc #layout-content #sections-table tr.focused td.section{color:#6100f9!important;border-bottom:2px solid #6100f9!important;background:transparent!important;}
body.uh-rc #uh-mailrail .uh-rail-folders li{margin:0!important;}
body.uh-rc #uh-mailrail .uh-rail-folders a{display:flex!important;align-items:center!important;min-height:44px!important;border-radius:9999px!important;
  padding:0 16px!important;margin-bottom:2px!important;color:#1f1f1f!important;font-size:14px!important;text-decoration:none!important;}
body.uh-rc #uh-mailrail .uh-rail-folders a:hover{background:#eef0f5!important;}
body.uh-rc #uh-mailrail .uh-rail-quota{border:1px solid #e5e5e5!important;border-radius:10px!important;padding:14px 16px!important;margin:8px!important;
  display:flex!important;flex-direction:column!important;gap:8px!important;}
body.uh-rc #uh-mailrail .uh-rail-bar{height:4px!important;border-radius:2px!important;background:#e1e3e1!important;overflow:hidden!important;}
body.uh-rc #uh-mailrail .uh-rail-bar>span{display:block!important;height:4px!important;border-radius:2px!important;
  background:linear-gradient(90deg,#f0a12a 0%,#a44d9e 30%,#6100f9 64%,#17bebb 100%)!important;}
body.uh-rc #uh-mailrail .uh-rail-qtext{color:#6c757d!important;font-size:12px!important;text-align:center!important;white-space:nowrap!important;}

/* detalhe "usado / total" abaixo do % (injetado via JS) */
body.uh-rc #quotadisplay .uh-quota-detail{order:4;color:#6c757d!important;font-size:12px!important;
  font-family:'Sora','Public Sans',sans-serif!important;line-height:1.2!important;
  white-space:nowrap!important;width:100%!important;align-self:stretch!important;text-align:center!important;}
/* remove o fundo roxo #EAE1FF da selecao (.listing li.selected / tr.selected td):
   fundo transparente, mantendo a cor do texto. Especificidade (0,3,2) > skin (0,2,1) */
body.uh-rc .listing li.selected,
body.uh-rc .listing tr.selected td{background-color:transparent!important;}
/* EXCECAO: lista de mensagens -> seleção lilás #f4f0ff (layout-list.svg) */
body.uh-rc #messagelist tr.selected td,
body.uh-rc #messagelist tr[aria-selected="true"] td{background-color:#f4f0ff!important;}
/* remove tambem o fundo do HOVER (lista de mensagens + pastas) */
body.uh-rc .listing li:hover,
body.uh-rc .listing li:focus-within,
body.uh-rc .listing tr:hover td,
body.uh-rc .listing tbody tr:hover td{background-color:transparent!important;}