/* DigiSocial: o painel usa o estilo do painel dos cartões (/_painel/estilo.css) com a cor laranja do DigiSocial. */
:root { --accent: #C2410C; --on-accent: #ffffff; --info: #C2410C; --info-bg: #FFF0E3; --bg: #FBF8F6; --line: #ECE2DA; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --accent: #FFA94D; --on-accent: #1B0F06; --info: #FFA94D; --info-bg: #3A2416; --bg: #16131A; --surface: #1F1A20; --line: #3A2F34; }
}
:root[data-theme="dark"] { --accent: #FFA94D; --on-accent: #1B0F06; --info: #FFA94D; --info-bg: #3A2416; --bg: #16131A; --surface: #1F1A20; --line: #3A2F34; }
.logo span { color: #E8590C; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .logo span { color: #FF8C42; } }
.btn.prim { background: #E8590C; border-color: #E8590C; color: #fff; }
.btn.prim:hover { background: #C2410C; border-color: #C2410C; }

/* Stories e Reels (vertical), vídeo, marca do cliente */
.post-imgs.vertical { aspect-ratio: 9 / 16; }
.post-imgs video { width: 100%; height: 100%; object-fit: contain; background: #000; display: block; }
.marca-ver { display: grid; gap: 10px; }
.marca-ver p { margin: 0; }
.marca-fotos { display: flex; flex-wrap: wrap; gap: 8px; }
.marca-mini { position: relative; width: 84px; height: 84px; border-radius: 10px; overflow: hidden; border: 1px solid var(--line); background: repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 16px 16px; }
.marca-mini img { width: 100%; height: 100%; object-fit: contain; display: block; }
.marca-mini form { position: absolute; top: 3px; right: 3px; margin: 0; }
.marca-mini .btn { min-height: 24px; width: 24px; padding: 0; border-radius: 50%; background: rgba(0,0,0,.65); color: #fff; border: 0; font-size: 15px; }
.cor-bola { display: inline-block; width: 14px; height: 14px; border-radius: 50%; vertical-align: -2px; border: 1px solid var(--line); }

[data-video-estado] { display: block; margin-top: 6px; }

/* Relatórios */
.rel-nums { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-bottom: 10px; }
.rel-num { background: var(--info-bg); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 2px; }
.rel-num b { font-size: 26px; line-height: 1.1; color: var(--accent); }
.rel-num span { font-size: 13px; }
.rel-num .sobe { color: #2F7D32; font-weight: 600; }
.rel-num .desce { color: #B3261E; font-weight: 600; }
.rel-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rel-post { display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: start; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.rel-post img, .rel-sem { width: 64px; height: 80px; object-fit: cover; border-radius: 8px; background: var(--line); display: block; }
.rel-post small { display: block; color: inherit; opacity: .8; margin-top: 2px; overflow-wrap: anywhere; }