.central-notificacoes-botao{position:relative;width:42px;height:42px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:inherit;flex:0 0 auto}.central-notificacoes-botao:hover{background:rgba(255,255,255,.12)}.central-notificacoes-botao svg{width:23px;height:23px;fill:currentColor}.central-notificacoes-contador{position:absolute;top:1px;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:20px;background:#e31b23;color:#fff;border:2px solid #111;font:800 10px/14px Arial;text-align:center}.central-notificacoes-painel{position:fixed;z-index:10050;top:0;right:0;width:min(420px,100vw);height:100dvh;background:#fff;color:#172033;box-shadow:-18px 0 45px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .24s ease;display:flex;flex-direction:column}.central-notificacoes-painel.aberta{transform:translateX(0)}.central-notificacoes-painel>header{padding:20px;border-bottom:1px solid #e8ebf0;display:flex;justify-content:space-between;align-items:center}.central-notificacoes-painel>header div{display:grid;gap:3px}.central-notificacoes-painel>header strong{font-size:1.15rem}.central-notificacoes-painel>header small{color:#697386}.central-notificacoes-painel>header button{border:0;background:#f0f2f5;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.central-notificacoes-acoes{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #eef0f3}.central-notificacoes-acoes button{border:0;background:#f1f4f8;color:#24324a;border-radius:9px;padding:9px 11px;font-weight:700;cursor:pointer}.central-notificacoes-acoes button:last-child{margin-left:auto;color:#a61b1b}.central-notificacoes-lista{overflow:auto;flex:1}.central-notificacao-item{position:relative;border-bottom:1px solid #edf0f4}.central-notificacao-item>a{display:flex;gap:12px;padding:16px 42px 16px 16px;text-decoration:none;color:inherit}.central-notificacao-item.nao-lida{background:#f3f8ff}.central-notificacao-marca{width:9px;height:9px;border-radius:50%;background:#1677ff;margin-top:7px;flex:none}.central-notificacao-item.lida .central-notificacao-marca{background:#c9d0da}.central-notificacao-item strong{display:block;line-height:1.28;margin-bottom:5px}.central-notificacao-item p{margin:0 0 7px;color:#566176;font-size:.9rem;line-height:1.35}.central-notificacao-item time{font-size:.77rem;color:#8791a2}.central-notificacao-item>button{position:absolute;right:10px;top:11px;border:0;background:transparent;color:#8892a2;font-size:20px;cursor:pointer}.central-notificacoes-vazio{padding:55px 24px;text-align:center;color:#778195}.central-notificacoes-vazio span{font-size:38px;display:block;margin-bottom:10px}.central-notificacoes-vazio strong{display:block;color:#303b4d;margin-bottom:4px}@media(max-width:620px){.central-notificacoes-botao{width:38px;height:38px}.central-notificacoes-painel{width:100vw}.central-notificacoes-acoes{padding:10px}.central-notificacoes-acoes button{font-size:.78rem}.central-notificacao-item>a{padding-left:13px}}.central-notificacao-icone{width:38px;height:38px;border-radius:12px;background:#eefbf2;display:grid;place-items:center;font-size:1.2rem;flex:0 0 38px}.central-notificacao-item.nao-lida .central-notificacao-icone{background:#dcfce7}.central-notificacao-item a{align-items:flex-start}
/* Correção dos botões de fechar/remover em telas touch */
.central-notificacoes-painel [data-fechar],
.central-notificacao-item [data-ocultar]{position:relative;z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}
.central-notificacoes-painel>header [data-fechar]{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;line-height:1}
.central-notificacao-item [data-ocultar]{position:absolute;right:8px;top:8px;width:40px;height:40px;display:grid;place-items:center;line-height:1}
.central-notificacao-item{transition:opacity .16s ease,max-height .18s ease}
