/* Painel do Dev — Echosis. Preto, branco e vermelho; visual sóbrio no padrão de painéis como GitHub Primer e Tabler:
   bordas finas, cantos pouco arredondados, status com ponto e vermelho só onde há alerta ou ação principal. */
:root{--bg:#f6f7f8;--card:#fff;--ink:#0f1114;--ink2:#2b2f36;--mute:#646a73;--faint:#8b9099;--line:#e3e5e8;--line2:#eef0f2;--black:#0c0d10;--black2:#191b20;
--red:#d9131c;--red-dark:#b30e16;--red-soft:#fdecec;--ok:#1a7f37;--warn:#9a6700;--bad:#cf222e;--r:8px;--r2:6px;
--mono:ui-monospace,"SFMono-Regular","Cascadia Mono",Consolas,monospace}
*{box-sizing:border-box}
html,body{margin:0}
/* min-height (e não height): com altura fixa a lateral "fugia" ao rolar páginas longas */
body{font:14px/1.5 "Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);display:flex;min-height:100vh;align-items:flex-start;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--red-dark)}
h1{font-size:20px;font-weight:600;margin:0 0 2px;letter-spacing:-.01em}h2{font-size:14px;font-weight:600;margin:0 0 12px}
.mute{color:var(--mute)}.strong{font-weight:600;color:var(--ink)}.nowrap{white-space:nowrap}.block{display:block}.small{font-size:12.5px}
.hidden{position:absolute;left:-9999px;height:0;opacity:0}.txt-bad{color:var(--bad);font-weight:600}
small{font-size:12px}.code{font:600 13px var(--mono);background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px 6px}

/* lateral */
.side{flex:0 0 232px;background:var(--black);color:#b9bdc6;display:flex;flex-direction:column;padding:14px 10px;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--r);padding:8px;margin:0 4px 14px}
.brand img{display:block;max-width:100%;height:auto}
.side nav{display:flex;flex-direction:column;gap:1px}
.nav__group{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6f747e;margin:16px 10px 6px}
.side nav a{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:var(--r2);color:#c5c8cf;font-weight:500;position:relative}
.side nav a span:first-of-type{flex:1}
.side nav a:hover{background:var(--black2);color:#fff}
.side nav a.on{background:var(--black2);color:#fff}
.side nav a.on::before{content:"";position:absolute;left:-10px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--red)}
.ico{width:16px;height:16px;flex:0 0 16px;opacity:.85}
.side__foot{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:10px;font-size:12.5px}
.live{display:flex;align-items:center;gap:8px;padding:0 10px;color:#8b9099}
.live__dot{width:7px;height:7px;border-radius:50%;background:#3fb950}.live__dot.off{background:#d29922}
.who{display:flex;align-items:center;gap:10px;border-top:1px solid #23262c;padding:12px 10px 2px}
.avatar{width:28px;height:28px;border-radius:50%;background:#2a2d34;color:#fff;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center;flex:0 0 28px}
.who__txt{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}.who__txt b{color:#f0f1f3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who__txt small{color:#8b9099}
.who__out{color:#8b9099;display:flex}.who__out:hover{color:#fff}

main{flex:1;min-width:0;padding:26px 32px 56px;max-width:1480px}
.head{margin-bottom:20px}.head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.head p{margin:0;font-size:13.5px}.back{font-size:12.5px;color:var(--mute);display:inline-block;margin-bottom:6px}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.card--flush{padding:0;overflow:hidden}
.card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card__head h2{margin:0}.card__head a{font-size:12.5px;color:var(--mute)}.card__head a:hover{color:var(--red-dark)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2--users{grid-template-columns:1fr 360px;align-items:start}
.section-title{font-size:14px;font-weight:600;margin:28px 0 10px}.section-title small{font-weight:400;font-size:12.5px}

/* indicadores */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.kpis--3{grid-template-columns:repeat(3,1fr)}
.kpi{padding:16px 18px;display:flex;flex-direction:column;gap:6px;color:inherit;border-right:1px solid var(--line);min-width:0}
.kpi:last-child{border-right:0}a.kpi:hover{background:#fafbfb;color:inherit}
.kpi__label{font-size:12.5px;color:var(--mute);display:flex;align-items:center;gap:7px}
.kpi--bad .kpi__label::before,.kpi--warn .kpi__label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bad)}.kpi--warn .kpi__label::before{background:#d29922}
.kpi__value{font-size:26px;font-weight:600;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi--bad .kpi__value{color:var(--bad)}
.kpi__sub{font-size:12.5px;color:var(--mute)}.kpi__list{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}.kpi__list b{font-weight:600;font-variant-numeric:tabular-nums}

.bar{height:6px;border-radius:3px;background:#eaecef;overflow:hidden;min-width:60px}.bar span{display:block;height:100%;border-radius:3px;background:var(--ok)}
.bar--warn span{background:#d29922}.bar--bad span{background:var(--bad)}.bar--ink span{background:var(--ink2)}.bar--none span{width:0}
.bar+small{display:block;margin-top:4px}

/* status: ponto + texto, em vez de pílula colorida */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;white-space:nowrap;color:var(--ink2)}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--faint);flex:0 0 7px}
.badge--ok::before{background:#2da44e}.badge--warn::before{background:#d29922}.badge--bad::before{background:var(--bad)}.badge--bad{color:var(--bad);font-weight:600}
.badge--brand{border:1px solid var(--line);border-radius:4px;padding:1px 7px}.badge--brand::before{background:var(--red)}
.pill{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;font-size:11.5px;font-weight:600;text-align:center;line-height:18px}.pill--bad{background:var(--red);color:#fff}

/* tabelas */
.tablewrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{font-size:12px;font-weight:500;color:var(--mute);text-align:left;padding:9px 16px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfb}
.tbl td{padding:9px 16px;border-bottom:1px solid var(--line2);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:#fafbfb}
.tbl .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tbl--plain td{padding:8px 2px}.tbl--plain tbody tr:hover{background:none}
.tbl--tight td{padding:5px 2px;font-size:12.5px}
.tbl--boxes td{padding-top:11px;padding-bottom:11px}.tbl .big{font-size:14px;font-weight:600;color:var(--ink)}
.row--bad .big{color:var(--bad)}.row--bad td:first-child{box-shadow:inset 2px 0 0 var(--bad)}
.tbl--boxes small.block{margin-top:2px;line-height:1.35}
.path{max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:12px}
.empty{text-align:center;color:var(--mute);padding:28px!important}

.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.inline{display:inline}
.search,select,input,textarea{font:inherit;height:34px;padding:0 11px;border:1px solid #d0d4d9;border-radius:var(--r2);background:#fff;color:var(--ink)}
textarea{height:auto;padding:8px 11px;resize:vertical}input[type=file]{height:auto;padding:6px}input[type=checkbox]{height:auto}
.search{min-width:260px}
input:focus,select:focus,textarea:focus,.rte:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(15,17,20,.08)}
.tabs{display:flex;gap:2px;border:1px solid var(--line);background:#fff;padding:2px;border-radius:var(--r2);flex-wrap:wrap}
.tabs a{padding:4px 11px;border-radius:4px;font-size:13px;color:var(--mute);font-weight:500;line-height:22px}.tabs a.on{background:var(--ink);color:#fff}.tabs a:hover:not(.on){color:var(--ink);background:#f3f4f6}
.count{margin:0 0 8px;font-size:12.5px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--r2);border:1px solid #d0d4d9;background:#fff;color:var(--ink);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}
.btn:hover{background:#f3f4f6;color:var(--ink)}
.btn--primary{background:var(--red);border-color:var(--red);color:#fff}.btn--primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
.btn--danger{color:var(--bad)}.btn--danger:hover{background:var(--red-soft);border-color:#f1c0c3;color:var(--bad)}
.btn--sm{height:28px;padding:0 9px;font-size:12.5px}.btn--block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}

.flash{padding:9px 13px;border-radius:var(--r2);margin-bottom:14px;font-size:13.5px;background:#eefaf1;color:#116329;border:1px solid #c9ecd3}
.flash--bad{background:var(--red-soft);color:#a40e26;border-color:#f6c9cc}.flash--warn{background:#fff8e1;color:#7d4e00;border-color:#f0dca6}

label,.label{display:flex;flex-direction:column;gap:5px;font-weight:500;font-size:13px;margin-bottom:13px}
.label{margin-bottom:8px}.check{flex-direction:row;align-items:center;gap:8px;font-weight:400;margin-bottom:8px}.check input{width:15px;height:15px;accent-color:var(--ink)}
.form{max-width:420px}.form--wide{max-width:none}

/* resumo, rosca e listas de tamanho */
.diag{margin-bottom:16px}
.diag__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;font-size:14px;line-height:1.5}
.diag__list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line2)}.diag__list li:first-child{border-top:0;padding-top:0}
.diag__dot{flex:0 0 7px;height:7px;border-radius:50%;margin-top:7px;background:var(--faint)}
.diag--bad .diag__dot{background:var(--bad)}.diag--warn .diag__dot{background:#d29922}.diag--ok .diag__dot{background:#2da44e}.diag--ink .diag__dot{background:var(--ink)}
.diag--bad b{color:var(--bad)}.diag a{text-decoration:underline;text-underline-offset:2px}
.diag__todo{margin-top:12px;background:#fafbfb;border:1px solid var(--line);border-radius:var(--r2);padding:12px 14px;font-size:13.5px}
.diag__todo ol{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px;color:var(--ink2)}
.diag .donut{margin-top:16px;padding-top:16px;border-top:1px solid var(--line2)}
.weight{margin-bottom:8px}
.donut{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.donut__ring{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 150px}
.donut__hole{width:104px;height:104px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25}
.donut__hole b{font-size:17px;font-weight:600;letter-spacing:-.01em}.donut__hole small{color:var(--mute)}
.donut__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;min-width:300px;flex:1}
.donut__legend li{display:grid;grid-template-columns:10px 1fr auto 40px;gap:10px;align-items:center;font-size:13.5px;padding:6px 0;border-top:1px solid var(--line2)}.donut__legend li:first-child{border-top:0}
.donut__legend i{width:10px;height:10px;border-radius:2px}.donut__legend b{font-weight:600;font-variant-numeric:tabular-nums}.donut__legend small{text-align:right}
.weight__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line2)}
.weight__grid h3{font-size:12.5px;font-weight:600;color:var(--ink);margin:0 0 4px}

/* limite da caixa */
.limit{display:grid;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:center;margin-bottom:16px}
.limit h2{margin:0 0 4px}.limit p{margin:0;font-size:13px}.limit label{margin-bottom:8px}.limit__actions{display:flex;flex-direction:column;gap:8px}

/* blogs: favoritos */
.favs{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px;margin-bottom:4px}
.fav{display:flex;flex-direction:column;padding:0}
.fav__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px 12px}
.fav__head h2{margin:0;font-size:15px}.fav__head .small{font-family:var(--mono);font-size:11.5px}
.fav__nums{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfb;font-size:12.5px;color:var(--mute)}
.fav__nums span{flex:1;padding:8px 18px;border-right:1px solid var(--line)}.fav__nums span:last-child{border-right:0}
.fav__nums b{color:var(--ink);font-size:14px;font-weight:600;margin-right:5px;font-variant-numeric:tabular-nums}
.fav h3{font-size:12px;font-weight:600;color:var(--mute);margin:14px 18px 2px}
.postlist{list-style:none;margin:0;padding:0 18px}
.postlist li{display:grid;grid-template-columns:86px 78px 1fr;gap:10px;align-items:center;font-size:13px;padding:6px 0;border-top:1px solid var(--line2)}.postlist li:first-child{border-top:0}
.postlist li.mute{display:block}.postlist .mute.nowrap{font-family:var(--mono);font-size:11.5px}
.postlist a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fav__actions{display:flex;gap:8px;margin-top:auto;padding:14px 18px;border-top:1px solid var(--line);justify-content:flex-end}
.star{background:none;border:0;padding:3px;cursor:pointer;line-height:0;border-radius:4px}.star:hover{background:#f0f1f3}
.star svg{width:17px;height:17px;fill:none;stroke:#a6abb3;stroke-width:1.6;stroke-linejoin:round}.star--on svg{fill:#e3b341;stroke:#bf8700}

/* blogs: lista com imagem, visualização do post e galeria */
.tbl--posts td{padding-top:10px;padding-bottom:10px}
.thumb{display:block;width:76px;height:48px;border-radius:4px;overflow:hidden;background:#eef0f2;border:1px solid var(--line)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb span{display:flex;height:100%;align-items:center;justify-content:center;font-size:10px;color:var(--faint);text-align:center;line-height:1.1}
.clamp{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:720px}
.postview{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.postview__body{padding:0;overflow:hidden}.postview__img{display:block;width:100%;max-height:420px;object-fit:cover;border-bottom:1px solid var(--line)}
.prose{padding:22px 28px 26px;font-size:15.5px;line-height:1.7;max-width:820px;color:var(--ink2)}
.prose h2,.prose h3,.prose h4{color:var(--ink);line-height:1.3;margin:1.5em 0 .5em}.prose h2{font-size:20px}.prose h3{font-size:18px}.prose h4{font-size:16px}
.prose a{text-decoration:underline;text-underline-offset:2px}.prose img{max-width:100%;height:auto;border-radius:4px}.prose hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}
.postview__body>p{padding:0 28px}
.dl{margin:0;display:grid;grid-template-columns:1fr;gap:2px}.dl dt{font-size:12px;color:var(--mute);margin-top:10px}.dl dt:first-child{margin-top:0}.dl dd{margin:0;font-size:13.5px}
.editor__main{display:flex;flex-direction:column;gap:16px;min-width:0}.editor__main h2 small{font-weight:400}
.editor__main select{width:100%}
.imgpick{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.imgpick__upload{margin:0;flex:1;min-width:240px}
.imgpick__sel{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r2);padding:6px 8px;font-size:12.5px;max-width:420px}
.imgpick__sel[hidden]{display:none}
.imgpick__sel img{width:76px;height:48px;object-fit:cover;border-radius:4px}.imgpick__sel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
.gallery{margin-top:14px;border-top:1px solid var(--line2);padding-top:12px}.gallery summary{cursor:pointer;font-weight:500;font-size:13px}
.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-top:12px;max-height:380px;overflow-y:auto;padding:2px}
.gallery__item{position:relative;padding:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#eef0f2;cursor:pointer;aspect-ratio:16/10}
.gallery__item img{width:100%;height:100%;object-fit:cover;display:block}
.gallery__item span{position:absolute;left:0;right:0;bottom:0;background:rgba(12,13,16,.72);color:#fff;font:11px var(--mono);padding:2px 5px;text-align:left}
.gallery__item:hover{border-color:var(--ink)}.gallery__item.on{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}

/* clientes, ssl, configurações, calendário */
.kpi__value--sm{font-size:19px;letter-spacing:-.01em}
.steps{margin:0 0 14px;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2px 18px;margin-bottom:14px}.checks .check{margin:0;padding:4px 0}
.cal__head{display:grid;grid-template-columns:repeat(7,1fr);background:#fafbfb;border-bottom:1px solid var(--line);font-size:12px;font-weight:500;color:var(--mute)}
.cal__head span{padding:8px 10px}
.cal__grid{display:grid;grid-template-columns:repeat(7,1fr)}
.cal__day{min-height:104px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0}
.cal__day:nth-child(7n){border-right:0}.cal__day--off{background:#fafbfb}
.cal__num{font:500 12px var(--mono);color:var(--mute)}.cal__day--today .cal__num{background:var(--ink);color:#fff;border-radius:3px;padding:0 5px;align-self:flex-start}
.cal__item{display:block;font-size:11.5px;line-height:1.3;padding:3px 5px;border-radius:3px;background:#eef0f2;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal__item b{font-family:var(--mono);font-weight:500}
.cal__item--future{background:#fff4d6;color:#6b4500}.cal__item--miss{background:var(--red-soft);color:var(--bad);border:1px dashed #f1b3b8}
.cal__item:hover{filter:brightness(.96);color:inherit}

/* editor de post */
.editor{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.editor__side{display:flex;flex-direction:column;gap:16px}
.rte__bar{display:flex;gap:4px;flex-wrap:wrap;margin:-4px 0 8px}.rte__bar button{height:28px;padding:0 9px;border:1px solid #d0d4d9;border-radius:4px;background:#fff;font:inherit;font-size:12.5px;cursor:pointer}.rte__bar button:hover{background:#f3f4f6}
.rte{min-height:400px;border:1px solid #d0d4d9;border-radius:var(--r2);padding:14px 16px;background:#fff;font-size:15px;line-height:1.65}
.rte h2{font-size:21px}.rte h3{font-size:17px}

/* login */
body.login{align-items:center;justify-content:center;min-height:100vh;background:var(--black)}
.login__card{background:#fff;border-radius:var(--r);padding:26px 26px 22px;width:min(370px,92vw);border:1px solid #2a2d34}
.login__logo{display:block;margin:0 auto 4px;max-width:100%;height:auto}
.login__card p{margin:0 0 18px;text-align:center;font-size:13px}.login__card .btn{width:100%;margin-top:2px;height:38px}

/* ajustes de densidade: cartões mais enxutos */
.card{padding:14px 16px}.card--flush{padding:0}
.kpi{padding:12px 16px;gap:4px}.kpi__value{font-size:23px}
.favs{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}
.fav__head{padding:11px 16px 9px}.fav__head h2{font-size:14px}.fav__nums span{padding:6px 16px}.fav__nums b{font-size:13.5px}
.fav h3{margin:10px 16px 0}.postlist{padding:0 16px}.postlist li{padding:4px 0;font-size:12.5px}.fav__actions{padding:10px 16px}.fav__actions .btn{height:30px;font-size:13px}
/* tabela de caixas: linhas baixas; nenhuma coluna pode ser espremida a ponto de quebrar palavra por palavra */
.tbl--boxes{min-width:0}.tbl--boxes td{padding:7px 10px}.tbl--boxes th{padding-left:10px;padding-right:10px}
.tbl--boxes td:nth-last-child(2),.tbl--boxes td:last-child{white-space:nowrap}.tbl--boxes td:last-child{cursor:help}
.tbl--boxes td a.strong{overflow-wrap:anywhere}.tbl--boxes .bar{min-width:90px}
.pick{width:34px;padding-right:0!important;text-align:center}.pick input{width:16px;height:16px;accent-color:var(--red);cursor:pointer;vertical-align:middle}
.row--pick,.tbl tbody tr.row--pick:hover{background:var(--red-soft)}
.bulk{position:fixed;left:232px;right:0;bottom:0;z-index:30;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:12px 16px;background:#fff;border-top:2px solid var(--bad);box-shadow:0 -6px 16px rgba(15,17,20,.08)}
.bulk{padding-left:32px;padding-right:32px}.bulk[hidden]{display:none}
/* com a barra aberta, sobra espaço no fim da página para a última linha não ficar escondida atrás dela */
main:has(.bulk:not([hidden])){padding-bottom:150px}.bulk__txt{flex:1;min-width:220px}.bulk label{margin:0;width:230px}
/* recebidos × enviados */
.split{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#eaecef;margin:4px 0 10px}.split span{display:block;height:100%}
.split--recv{background:var(--ink2)}.split--sent{background:var(--red)}.split--other{background:#b9bdc6}
.split__dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px;vertical-align:baseline}.split__dot+.strong+small{margin-left:18px}
/* temas */
.themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,420px));gap:16px}
.theme{display:flex;flex-direction:column;gap:8px}.theme h2{margin:6px 0 0;display:flex;align-items:center;gap:10px}.theme p{margin:0 0 6px;font-size:13px}.theme--on{border-color:var(--ink)}
.theme__demo{display:flex;height:150px;border:1px solid var(--line);overflow:hidden;border-radius:6px;background:#f6f7f8}
.theme__side{flex:0 0 26%;background:#0c0d10;padding:14px 8px;display:flex;flex-direction:column;gap:7px}
.theme__side i{height:9px;border-radius:3px;background:#2b2e35}.theme__side i.on{background:#191b20;box-shadow:inset 3px 0 0 #d9131c}
.theme__main{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:9px;min-width:0}.theme__main b{font-size:13px}
.theme__kpis{display:flex;background:#fff;border:1px solid #e3e5e8;border-radius:6px}.theme__kpis span{flex:1;padding:7px 9px;border-right:1px solid #e3e5e8}.theme__kpis span:last-child{border:0}
.theme__kpis em{font-style:normal;font-weight:600;font-size:15px;color:#cf222e}
.theme__rows{background:#fff;border:1px solid #e3e5e8;border-radius:6px;padding:8px 9px;display:flex;flex-direction:column;gap:6px;flex:1}.theme__rows i{height:6px;border-radius:3px;background:#eaecef}.theme__rows i:first-child{background:#cf222e;width:80%}.theme__rows i:nth-child(2){width:55%}
.theme__demo--ficha,.theme__demo--ficha *{border-radius:0!important}.theme__demo--ficha{background:#f1f0ec}
.theme__demo--ficha .theme__main b{font-family:"Bahnschrift","DIN Alternate","Roboto Condensed",sans-serif-condensed,sans-serif;text-transform:uppercase;font-size:15px;border-bottom:2px solid #0f1114;padding-bottom:4px}
.theme__demo--ficha .theme__kpis,.theme__demo--ficha .theme__rows{border-top:2px solid #0f1114}.theme__demo--ficha .theme__kpis em{font-family:"Bahnschrift","DIN Alternate",sans-serif-condensed,sans-serif;font-size:20px;font-weight:700}
.theme__demo--ficha .theme__side i.on{background:#fff;box-shadow:inset 4px 0 0 #d9131c}.theme__demo--ficha .theme__rows i{height:8px}
.tbl th.num{font-size:12px}.side{scrollbar-width:thin;scrollbar-color:#3a3d44 var(--black)}
@media (max-width:1150px){.weight__grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.kpi:nth-child(2n){border-right:0}.kpi:nth-child(n+3){border-top:1px solid var(--line)}
.kpis--3{grid-template-columns:1fr 1fr 1fr}.kpis--3 .kpi:nth-child(2n){border-right:1px solid var(--line)}.kpis--3 .kpi:nth-child(n+3){border-top:0}
.grid2,.grid2--users,.editor,.limit{grid-template-columns:1fr}}
/* ações que apagam dados */
.danger{border-color:#f1c0c3;margin-top:16px}.danger h2{color:var(--bad)}.danger p{margin:0 0 12px;font-size:13.5px}
.danger__form{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.danger__form label{margin:0;min-width:240px;flex:1}
.newbox{margin-bottom:8px}.newbox summary{cursor:pointer;font-weight:600}.newbox__form{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}
.newbox__form label{margin:0;flex:1;min-width:220px}.newbox__form p{flex-basis:100%;margin:0}
.addr{display:flex;align-items:center;gap:6px}.addr input{flex:1;min-width:90px}.addr select{flex:1.4;min-width:0}
#conteudo>*+.card,#conteudo>*+details{margin-top:16px}
.side__top{display:block}.menu-btn{display:none}
small.bad{color:var(--bad);font-weight:600}

/* celular: barra no topo com o menu recolhido, tudo em uma coluna e áreas de toque maiores */
@media (max-width:780px){
body{flex-direction:column;align-items:stretch}
.side{position:sticky;top:0;z-index:20;height:auto;flex:none;padding:8px 12px;overflow:visible}
.side__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{margin:0;padding:4px 8px;max-width:118px}
.menu-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #2f333a;border-radius:var(--r2);background:transparent;color:#fff;font:inherit;font-weight:500;cursor:pointer}
.menu-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.side nav,.side__foot{display:none}
.side.open nav{display:flex;padding-top:8px;max-height:70vh;overflow-y:auto}.side.open .side__foot{display:flex}
.side nav a{height:44px;font-size:15px}.side nav a.on::before{left:-12px}
main{padding:18px 14px 46px}
h1{font-size:19px;overflow-wrap:anywhere}
.head--row{flex-direction:column;align-items:stretch}.actions{width:100%}.actions .btn,.actions form,.actions form .btn{flex:1}
.kpis,.kpis--3{grid-template-columns:1fr 1fr}.kpi{border-top:1px solid var(--line);padding:12px 14px}.kpi:nth-child(-n+2){border-top:0}.kpi:nth-child(2n){border-right:0}
.kpis--3 .kpi:nth-child(3){grid-column:1/-1;border-right:0}.kpi__value{font-size:22px}
.toolbar{align-items:stretch}.search{min-width:0;width:100%}.tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.tabs a{white-space:nowrap}
.btn{height:40px}.btn--sm{height:34px}
.search,select,input{height:40px;font-size:16px}textarea{font-size:16px}
.tbl th,.tbl td{padding-left:12px;padding-right:12px}.tbl--boxes{min-width:860px}
.favs{grid-template-columns:1fr}.postlist li{grid-template-columns:80px 1fr}.postlist li .mute.nowrap{display:none}
.donut{gap:16px}.donut__ring{margin:0 auto}.donut__legend{min-width:0;width:100%}
.prose{padding:16px}.postview{grid-template-columns:1fr}
.cal{overflow-x:auto}.cal__head,.cal__grid{min-width:700px}
.danger__form label,.newbox__form label{min-width:100%}
.checks{grid-template-columns:1fr}
.gallery__grid{grid-template-columns:repeat(3,1fr)}
.login__card{padding:22px 18px}
.bulk{left:0;gap:10px;padding:10px 14px}.bulk label{width:100%}.bulk .btn{width:100%}
/* nada pode ser mais largo que a tela: o que não couber rola dentro do próprio cartão */
main,.grid2>*,.weight__grid>*,.card{min-width:0;max-width:100%}
.card{padding:14px;overflow-x:auto}.card--flush{padding:0}
.tbl--plain td:first-child,.tbl--plain th:first-child{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.tbl--plain td{padding:8px 4px}.tbl--plain .bar{min-width:48px}
}
@media (max-width:420px){.kpis,.kpis--3{grid-template-columns:1fr}.kpi{border-right:0!important;border-top:1px solid var(--line)!important}.kpi:first-child{border-top:0!important}}