/* [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}

.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}

@media(max-width:950px){.grid-3{grid-template-columns:1fr}.nav{gap:12px}.nav a{font-size:10px}}
@media(max-width:650px){.server-pick select{max-width:130px}.hero-slim{min-height:0;padding:18px 20px 44px}.hero-slim .logo{width:170px}}
