/* =========================================================================
   MeAuren — componentes do redesign
   Gaveta "Mais" do celular, estados (vazio, carregando, erro), moderação da
   comunidade e ajustes finos que valem para o app inteiro.
   ========================================================================= */

/* ---------- gaveta "Mais" (celular) ---------- */
.sheet-fundo{position:fixed;inset:0;z-index:var(--z-sheet);background:rgba(6,7,9,.55);opacity:0;transition:opacity var(--dur-comp) var(--ease);}
.sheet-fundo.on{opacity:1;}
.sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-sheet) + 1);
  background:var(--surf-2);border-top:1px solid var(--line-2);border-radius:var(--r-xl) var(--r-xl) 0 0;
  padding:10px 12px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg);
  transform:translateY(100%);transition:transform var(--dur-comp) var(--ease-expo);
}
.sheet.on{transform:none;}
.sheet[hidden],.sheet-fundo[hidden]{display:none;}
.sheet-cab{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px;}
.sheet-cab h2{font-size:16px;font-weight:850;text-transform:uppercase;}
.sheet-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 10px;border-radius:var(--r-lg);text-align:left;color:var(--ink);transition:background-color var(--dur-micro);}
.sheet-item:hover,.sheet-item:focus-visible{background:var(--surf-3);}
.sheet-item .i{color:var(--ink-2);}
.sheet-item b{display:block;font-size:15px;font-weight:650;}
.sheet-item small{display:block;font-size:13px;color:var(--mut);margin-top:1px;}
@media(min-width:900px){.sheet,.sheet-fundo{display:none!important;}}

/* ---------- estados ---------- */
.estado{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:40px 20px;color:var(--mut);}
.estado .i{width:28px;height:28px;color:var(--mut-2);}
.estado b{font-size:15px;color:var(--ink);font-weight:650;}
.estado p{font-size:14px;max-width:44ch;line-height:1.55;}
.estado.erro .i{color:var(--bad);}
.carregando{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--mut);font-size:14px;}
.carregando::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--surf-3);border-top-color:var(--amber);animation:gira .8s linear infinite;}
@keyframes gira{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.carregando::before{animation:none;}}

/* ---------- comunidade: moderação ---------- */
.modbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.modbar .btn .i{width:15px;height:15px;}
.oculto-aviso{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--warn);background:var(--warn-bg);border-radius:var(--r);padding:8px 10px;margin-bottom:10px;}
.denuncias{display:flex;flex-direction:column;gap:10px;}
.denuncia{background:var(--surf-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;}
.denuncia .dh{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--mut);}
.denuncia p{font-size:14px;color:var(--ink-2);margin-top:6px;line-height:1.5;}