/* [proprio] 12/09/2026 — complementos do painel (styles.css é o mesmo da Central de Bugs). */
.hero-slim{min-height:190px;padding:22px 48px 56px;gap:10px}
.hero-slim .logo{width:220px}
.stack{display:flex;flex-direction:column;gap:14px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px}
.blocks{gap:14px;margin:0}
.blocks>.panel{margin:0;min-width:0}

.server-pick{display:flex;align-items:center;gap:8px;margin-left:auto}
.server-pick+.account-top{margin-left:0}
.server-pick select{color:#e5bf7c;background:#13211c;border:1px solid #33473b;padding:8px 10px;border-radius:4px;font-size:11px;letter-spacing:.5px;max-width:230px}
.srv-dot{width:8px;height:8px;border-radius:50%;background:#5b6b63;flex:0 0 8px;transition:background .3s}
.srv-dot.ok{background:#7de196;box-shadow:0 0 8px #7de19688}
.srv-dot.bad{background:#e2735a;box-shadow:0 0 8px #e2735a88}
/* [proprio] 13/09/2026 — modo cluster: bolinha amarela = parte das ilhas fora do ar; contador N/M ao lado */
.srv-dot.warn{background:#e6c181;box-shadow:0 0 8px #e6c18188}
.srv-count{font-size:10px;color:#8ca79c;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.tbl tr.click{cursor:pointer}
.tbl tr.click:hover td{background:#e6c18110}
.tbl tr.off td{opacity:.55}
.tbl tr.off td .isle-chip{opacity:.7}
.isle-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;color:var(--c,#e6c181);border:1px solid color-mix(in srgb,var(--c,#e6c181) 45%,transparent);background:color-mix(in srgb,var(--c,#e6c181) 10%,transparent);white-space:nowrap}
.st{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8ca79c}
.st.ok{color:#7de196}
.st.off{color:#f0a48b}
.tag.warn{color:#e6c181;border-color:#e6c18166}
.muted.warn{color:#f0a48b}
.console .isl{opacity:.85}
.filters select.mini{min-width:0;color:#e5bf7c;background:#13211c;border-color:#33473b}
.tbl .num.warn{color:#e6c181}
.tbl .num.bad{color:#f0a48b}
.ed-isle-bar{margin:0}
.ed-isle-bar .hint{margin-top:6px}
#s-mode b{color:#efeee4;font-weight:400}
#s-mode .text-link{font-size:inherit}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.tile{background:linear-gradient(125deg,#24332eea,#101b1ef5);border:1px solid #9aaf8544;border-radius:8px;padding:14px 16px;min-width:0}
.tile small{display:block;font-size:9px;letter-spacing:2px;color:#cdb883;margin-bottom:8px;text-transform:uppercase}
.tile b{display:block;font-size:22px;font-weight:400;color:#efeee4;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile span{display:block;font-size:10px;color:#8ca79c;margin-top:6px}
.tile.warn b{color:#e6c181}
.tile.bad b{color:#f0a48b}

.tablewrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:12px}
.tbl th{text-align:left;font-size:9px;letter-spacing:1.5px;color:#cdb883;font-weight:500;padding:6px 8px;border-bottom:1px solid #ffffff14;white-space:nowrap}
.tbl td{padding:8px;border-bottom:1px solid #ffffff0a;vertical-align:middle;white-space:nowrap}
.tbl tr:hover td{background:#ffffff05}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl .mono{font-family:Consolas,'Cascadia Mono',monospace;font-size:11px;color:#9cc3a1}
.tbl .actions{display:flex;gap:10px;justify-content:flex-end}
.tbl .cur td{background:#e6c1810c}
.mini{background:#0c1916;border:1px solid #42584a;padding:7px 10px;color:#edf0e5;border-radius:4px;font-size:12px;min-width:220px}

.console{margin:0;background:#070f0f;border:1px solid #ffffff12;border-radius:6px;padding:12px 14px;height:62vh;min-height:320px;overflow:auto;font:11.5px/1.5 Consolas,'Cascadia Mono',monospace;color:#c9d6c9;white-space:pre-wrap;overflow-wrap:anywhere}
.console .l-admin{color:#e6c181}
.console .l-err{color:#f0a48b}
.console .l-web{color:#6f857b}

.history{display:flex;flex-direction:column;gap:10px}
.history svg{width:100%;height:64px;display:block}
.history .lbl{font-size:9px;letter-spacing:1.5px;color:#cdb883;display:flex;justify-content:space-between}
.history .lbl b{color:#efeee4;font-weight:400;letter-spacing:0}

.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;font-size:12px}
.kv dt{color:#cdb883;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;align-self:center}
.kv dd{margin:0;overflow-wrap:anywhere}
code{font-family:Consolas,'Cascadia Mono',monospace;font-size:.95em;color:#9cc3a1}
#m-feedback{font-size:12px;color:#e6c181;min-height:18px;margin:12px 0 0}
#m-feedback.bad{color:#f0a48b}
.hint{font-size:11px;color:#8ca79c;margin:10px 0 0}

/* aba DADOS — editor dinâmico */
.editor{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.ed-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.ed-side .panel,.ed-main{margin:0}
.ed-file{width:100%;color:#e5bf7c;background:#13211c;border:1px solid #33473b;padding:8px 10px;border-radius:4px;font-size:12px}
.ed-search{width:100%;min-width:0;margin:0 0 8px;box-sizing:border-box}
.ed-list{list-style:none;margin:0;padding:0;max-height:56vh;overflow:auto;border:1px solid #ffffff10;border-radius:6px}
.ed-list li{padding:6px 10px;border-bottom:1px solid #ffffff08;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:12px;min-width:0}
.ed-list li .ed-li-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ed-list li b{font-weight:400;color:#efeee4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-list li .mono{font-family:Consolas,'Cascadia Mono',monospace;font-size:10.5px;color:#8ca79c}
.ed-list li:hover{background:#ffffff06}
.ed-list li.cur{background:#e6c18114;border-left:2px solid #e6c181}
.ed-list li.empty{color:#8ca79c;cursor:default}
.hint.warn{color:#e6c181}
.ed-form{display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow:auto;padding-right:6px}
.ed-row{display:grid;grid-template-columns:minmax(160px,40%) minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:7px 8px;border-bottom:1px solid #ffffff08;font-size:12px}
.ed-row:hover{background:#ffffff04}
.ed-row.ed-wide{grid-template-columns:1fr}
.ed-k{color:#e5dfc9;overflow-wrap:anywhere}
.ed-k em{font-style:normal;font-family:Consolas,'Cascadia Mono',monospace;font-size:10px;color:#6f857b;margin-left:6px}
.ed-row input[type=text],.ed-row input[type=number],.ed-row textarea,.ed-maprow input{background:#0c1916;border:1px solid #42584a;padding:6px 9px;color:#edf0e5;border-radius:4px;font-size:12px;min-width:0;width:100%;box-sizing:border-box}
.ed-row input:focus,.ed-row textarea:focus,.ed-maprow input:focus{outline:none;border-color:#e6c181}
.ed-row input.bad{border-color:#e2735a}
.ed-row .mono,.ed-maprow .mono{font-family:Consolas,'Cascadia Mono',monospace;font-size:11.5px}
.ed-ro{color:#c9d6c9;overflow-wrap:anywhere}
.ed-ro b{color:#efeee4;font-weight:400}
.ed-help{grid-column:1/-1;font-size:10.5px;color:#8ca79c;display:block}
.ed-ref{font-size:11px;color:#9cc3a1;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.ed-switch{position:relative;display:inline-block;width:34px;height:18px;justify-self:start}
.ed-switch input{opacity:0;width:0;height:0;position:absolute}
.ed-switch i{position:absolute;inset:0;background:#33473b;border-radius:18px;transition:background .2s}
.ed-switch i::before{content:'';position:absolute;width:14px;height:14px;left:2px;top:2px;background:#c9d6c9;border-radius:50%;transition:transform .2s}
.ed-switch input:checked+i{background:#7de196}
.ed-switch input:checked+i::before{transform:translateX(16px);background:#0c1916}
.ed-group{border:1px solid #ffffff10;border-radius:6px;margin:6px 0;padding:0 8px 8px}
.ed-group>summary{cursor:pointer;padding:8px 0;display:flex;gap:12px;align-items:center;font-size:12px;list-style:none}
.ed-group>summary::before{content:'▸';color:#cdb883;font-size:10px}
.ed-group[open]>summary::before{content:'▾'}
.ed-group .ed-group{margin-left:8px}
.ed-item{border-left:2px solid #33473b;margin:6px 0 6px 4px;padding-left:8px}
.ed-item-head{display:flex;gap:12px;align-items:center;font-size:11px;padding:4px 0}
.ed-item-head b{color:#e6c181;font-weight:400}
.ed-maprow{display:grid;grid-template-columns:minmax(120px,35%) auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 8px;font-size:12px}
.ed-rawtext{width:100%;min-height:60vh;background:#070f0f;border:1px solid #ffffff12;border-radius:6px;padding:12px;color:#c9d6c9;font-size:11.5px;line-height:1.5;box-sizing:border-box;white-space:pre}
.ed-actions{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.ed-actions .play{padding:10px 22px;font-size:12px}
#ed-feedback{font-size:12px;color:#e6c181;overflow-wrap:anywhere}
#ed-feedback.bad{color:#f0a48b}
.text-link.danger{color:#f0a48b}
/* fase 3 — arte do jogo nos cartões (site/assets/, gerado por tools/extrair-assets-painel.py) */
.ed-thumb{width:40px;height:40px;flex:0 0 40px;display:inline-grid;place-items:center;background:#0b1513;border:1px solid #ffffff10;border-radius:6px;overflow:hidden;vertical-align:middle}
.ed-thumb img,.ed-thumb canvas{max-width:36px;max-height:36px;width:auto;height:auto;image-rendering:auto;display:block}
.ed-thumb.big{width:72px;height:72px;flex-basis:72px;margin-right:12px;background:radial-gradient(circle at 50% 40%,#1c2b25,#0b1513)}
.ed-thumb.big img,.ed-thumb.big canvas{max-width:66px;max-height:66px}
.ed-thumb.xs{width:26px;height:26px;flex-basis:26px;border-radius:4px;margin-right:6px}
.ed-thumb.xs img,.ed-thumb.xs canvas{max-width:24px;max-height:24px}
.ed-thumb.none{opacity:.35}
.ed-ref{display:inline-flex;align-items:center}
.ed-main .panel-heading{align-items:center}
#ed-title{flex:1;min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){.nav{gap:12px}.nav a{font-size:10px}#top-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:950px){.editor{grid-template-columns:1fr}.ed-list{max-height:30vh}.grid-3{grid-template-columns:1fr}.nav{gap:10px}.nav a{font-size:9.5px}}
@media(max-width:650px){.server-pick select{max-width:130px}.hero-slim{min-height:0;padding:18px 20px 44px}.hero-slim .logo{width:170px}}

/* ───── aba NOTÍCIAS (19/09/2026) ─────
   As cores de categoria são as mesmas seis da capa do launcher; o quadradinho da lista usa
   a cor da tag porque a arte de verdade mora no pacote de interface, não aqui. */
.marca-cat{display:inline-block;font-size:8px;letter-spacing:1.3px;padding:4px 7px;text-transform:uppercase;font-weight:600;border-radius:2px}
.m-patch{background:#1d3327;color:#a8d8b4}
.m-correcoes{background:#1f2e35;color:#a9c8d8}
.m-conteudo{background:#2f2334;color:#d5b6dd}
.m-eventos{background:#392b19;color:#e6c188}
.m-manutencao{background:#332b15;color:#dcc57e}
.m-aviso{background:#381d1a;color:#e7a79a}

.nw-filters{display:flex;gap:6px;margin:8px 0}
.nw-filters select{flex:1;min-width:0}
.nw-list{max-height:62vh}
.nw-list li{padding:0}
.nw-item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;padding:8px 10px;color:inherit}
.nw-item:hover{background:#ffffff06}
.nw-item.on{background:#e6c18114;box-shadow:inset 2px 0 0 #e6c181}
.nw-thumb{width:34px;height:26px;border-radius:3px;flex:none;opacity:.85}
.nw-item-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.nw-item-top{display:flex;gap:6px;align-items:center}
.nw-item-txt strong{font-weight:400;font-size:12px;color:#efeee4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nw-item-txt small{font-size:9.5px;color:#8ca79c;letter-spacing:.6px}
.nw-est{font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:2px 5px;border-radius:2px;border:1px solid #ffffff22;color:#9fb0ac}
.nw-publicada{border-color:#6f9c78;color:#9cd6a8}
.nw-agendada{border-color:#9c8d5a;color:#e2c98b}
.nw-rascunho{border-color:#4d5a55;color:#93a29c}

.nw-cats{display:flex;flex-wrap:wrap;gap:6px}
.nw-cat{background:#0c1916;border:1px solid #33473b;color:#a9b8ad;border-radius:4px;padding:7px 11px;font-size:11px}
.nw-cat.on{border-color:#dcb16d;background:#2a2317;color:#efce92}
.nw-count{font-size:9.5px;color:#8ca79c;letter-spacing:1px}
.nw-count.bad{color:#f0a48b}
.nw-toggles{display:flex;flex-direction:column;gap:9px;justify-content:center}
.nw-form textarea.mono{font-family:Consolas,'Cascadia Mono',monospace;font-size:12px;line-height:1.55}
.play.danger{background:#3a1f1c;border-color:#8c5750;color:#f0c4bb;box-shadow:none}
.play.danger:hover{filter:brightness(1.15)}

.nw-preview-dialog{width:min(560px,calc(100% - 32px))}
.nw-preview-card{display:flex;gap:0;background:#1b2726;border:1px solid #ffffff16;border-radius:6px;overflow:hidden;margin:14px 0 10px}
.nw-preview-art{width:58%;flex:none;aspect-ratio:3/1;opacity:.9}
.nw-preview-copy{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}
.nw-preview-top{display:flex;gap:9px;align-items:center}
.nw-preview-when{font-size:9px;letter-spacing:1px;color:#8ca79c}
.nw-preview-copy h3{margin:0;font-size:15px;font-weight:500;line-height:1.3;align-self:stretch}
.nw-preview-copy p{margin:0;font-size:11px;line-height:1.55;color:#9caeaa;align-self:stretch}
.nw-preview-link{color:#c1a375!important;font-size:10px!important}
.nw-bottom{display:grid;grid-template-columns:260px 1fr;gap:14px 22px;align-items:start}
.nw-bottom .nw-link-field{grid-column:1 / -1;max-width:520px}
@media(max-width:1100px){.nw-bottom{grid-template-columns:1fr}}
/* `.field input{width:100%}` também pegava a caixinha do check e empurrava o texto para longe */
.nw-toggles input[type=checkbox]{width:auto;flex:none;margin:0}
.nw-toggles .check{gap:8px}