/* ===== 6ª tela: NOX BOTS em pixel art (public/botsTela.js) ===== */
/* carrossel: entra depois do ecossistema */
.bots-page{position:absolute;inset:0;z-index:6;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .62s cubic-bezier(.22,.8,.22,1),opacity .38s ease;will-change:transform;
  background:radial-gradient(circle at 50% 6%,rgba(255,106,43,.10),transparent 32%),radial-gradient(circle at 12% 88%,rgba(32,220,255,.06),transparent 30%),#020711;
  --nb:#ff6a2b;--nb-fundo:#101117;--nb-linha:#262833;--nb-txt:#e9ecf2;--nb-sub:#8c93a3;--nb-on:#4dffb8;--nb-novo:#5fe0ff}
.assist.bots-open .orb-page{transform:translateX(-100%);opacity:.1}
.assist.bots-open .dash-page,.assist.bots-open .life-page,.assist.bots-open .planta-page,.assist.bots-open .rede-page{transform:translateX(-100%);opacity:.22}
.assist.bots-open .bots-page{transform:translateX(0)}
.bots-page .page-dots{position:sticky;z-index:4;bottom:10px;left:auto;transform:none;width:max-content;margin:-34px auto 10px;padding:6px 10px;background:rgba(2,7,17,.72)}
.bots-page>.dash-clock{position:sticky;z-index:5;bottom:14px;right:auto;margin:-54px 18px 10px auto;width:max-content}

/* o "deck": moldura laranja, como um aparelhinho */
.nb-deck{position:relative;z-index:2;max-width:880px;margin:96px auto 70px;padding:14px;border:4px solid var(--nb);border-radius:10px;background:#07080c;
  box-shadow:0 0 0 1px rgba(255,106,43,.25),0 18px 50px rgba(0,0,0,.55),inset 0 0 0 2px #000;font-family:Consolas,ui-monospace,monospace}
.nb-cab{display:flex;align-items:baseline;gap:10px;padding:2px 4px 12px;color:var(--nb-txt)}
.nb-cab span{font-size:18px;font-weight:700;letter-spacing:.02em}
.nb-cab small{color:var(--nb-sub);font-size:12px;flex:1}
.nb-atualizar{background:none;border:1px solid var(--nb-linha);color:var(--nb-sub);width:30px;height:30px;border-radius:6px;font-size:16px;cursor:pointer}
.nb-atualizar:hover{color:#fff;border-color:var(--nb)}

.nb-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.nb-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px;min-height:168px;border:1px solid var(--nb-linha);border-radius:4px;
  background:var(--nb-fundo);color:var(--nb-txt);font:inherit;cursor:pointer;text-align:center;transition:border-color .2s,transform .12s}
.nb-card:hover{border-color:#3a3d4a}.nb-card:active{transform:scale(.97)}
/* cantoneiras (canto de cima à direita e de baixo à esquerda), acesas quando ele está ocupado */
.nb-card:before,.nb-card:after{content:"";position:absolute;width:22px;height:22px;border:0 solid rgba(255,106,43,.28);pointer-events:none}
.nb-card:before{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}
.nb-card:after{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}
.nb-card.nb-ativo:before,.nb-card.nb-ativo:after{border-color:var(--nb);box-shadow:0 0 8px rgba(255,106,43,.35)}
/* fora do ar = listrado vermelho (o "hungry · feed me" da referência) */
.nb-card.nb-fome{border-color:#ff4433;background:repeating-linear-gradient(135deg,rgba(255,68,51,.16) 0 7px,transparent 7px 14px),#160c0c}
.nb-card.nb-fome:before,.nb-card.nb-fome:after{border-color:#ff4433}
.nb-card.nb-nunca{opacity:.55;border-style:dashed}
.assist .nb-sprite,.nb-sprite{position:static;inset:auto;contain:none;width:96px;height:96px;image-rendering:pixelated}
.nb-nome{font-size:14px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb-st{color:var(--nb-sub);font-size:11px;line-height:1.3}
.nb-st em{font-style:normal;color:#c5cad6}
.nb-ativo .nb-st em{color:#ffb08a}.nb-fome .nb-st,.nb-fome .nb-st em{color:#ff8a7a}
.nb-novo{position:absolute;top:7px;right:7px;width:7px;height:7px;background:var(--nb-novo);box-shadow:0 0 6px var(--nb-novo)}
.nb-barra{display:block;width:70%;height:3px;margin-top:4px;background:#24262f}.nb-barra u{display:block;height:100%;background:#cfd4dc}
.nb-vazio{color:var(--nb-sub);font-size:12px;padding:18px;text-align:center;grid-column:1/-1}
.nb-alerta{width:max-content;max-width:100%;margin:12px auto 0;padding:5px 14px;border-radius:4px;background:#e0342a;color:#fff;font-size:11px;letter-spacing:.06em;text-align:center}

/* ficha */
.nb-ficha{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,4,9,.72);backdrop-filter:blur(3px)}
.nb-ficha[hidden]{display:none}
.nb-painel{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px;border:4px solid var(--nb);border-radius:10px;background:#07080c;color:var(--nb-txt);font-family:Consolas,ui-monospace,monospace}
.nb-x{position:absolute;top:8px;right:10px;background:none;border:0;color:var(--nb-sub);font-size:26px;cursor:pointer}.nb-x:hover{color:#fff}
.nb-topo{display:flex;gap:16px;align-items:center}
.assist .nb-grande,.nb-grande{width:120px;height:120px;flex:0 0 auto;background:var(--nb-fundo);border:1px solid var(--nb-linha);border-radius:4px}
.nb-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.nb-info strong{font-size:20px}
.nb-estado{font-size:12px;color:#c5cad6}
.nb-e-falando,.nb-e-pensando,.nb-e-conversa,.nb-e-musica,.nb-e-estudo{color:#ffb08a}
.nb-e-standby,.nb-e-desligado{color:#ff8a7a}
.nb-info small{color:var(--nb-sub);font-size:11px;line-height:1.4}
.nb-acoes{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.nb-dica{color:#ff8a7a;font-size:12px}
.nb-btn{border:1px solid var(--nb-linha);background:#14151c;color:var(--nb-txt);border-radius:6px;padding:8px 14px;font:inherit;font-size:12px;cursor:pointer}
.nb-btn:hover:not(:disabled){border-color:#4a4e5c}.nb-btn:disabled{opacity:.4;cursor:default}
.nb-ok{background:#bfe9e3;color:#0b1414;border-color:transparent;font-weight:700}
.nb-sec{margin:18px 0 8px;font-size:15px;color:var(--nb-txt)}.nb-sec small{font-weight:400;color:var(--nb-sub);font-size:11px;margin-left:6px}
.nb-chapeus{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.nb-ch{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px;border:1px solid var(--nb-linha);border-radius:4px;background:var(--nb-fundo);color:var(--nb-sub);font:inherit;font-size:10px;cursor:pointer}
.assist .nb-ch .nb-sprite,.nb-ch .nb-sprite{width:44px;height:44px}
.nb-ch.on{border-color:#e9ecf2;color:#fff;box-shadow:0 0 0 1px #e9ecf2}
.nb-linha2{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:10px}
.nb-cores{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.nb-cores.off{opacity:.3;pointer-events:none}
.nb-cor{width:22px;height:22px;border:2px solid #333;border-radius:3px;padding:0;cursor:pointer}
.nb-cor.on{outline:2px solid #fff;outline-offset:1px}
.nb-cores input[type=color]{width:28px;height:24px;border:0;padding:0;background:none;cursor:pointer}
.nb-lados{display:flex;gap:4px}
.nb-lado{width:36px;height:30px;border:1px solid var(--nb-linha);border-radius:4px;background:var(--nb-fundo);color:var(--nb-txt);font-size:14px;cursor:pointer}
.nb-lado.on{border-color:#fff}.nb-lado:disabled{opacity:.3;cursor:default}
.nb-botoes{display:flex;gap:8px;margin-top:14px}.nb-botoes .nb-btn{flex:1;padding:10px}
.nb-diario{font-size:11px;color:var(--nb-sub);display:flex;flex-direction:column;gap:4px}
.nb-diario span{color:#6d7383}.nb-diario b{color:#c5cad6;font-weight:600}

@media (max-width:700px){
  .nb-deck{margin:86px 10px 70px;padding:10px;border-width:3px}
  .nb-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .nb-card{min-height:150px;padding:12px 6px 10px}
  .assist .nb-card .nb-sprite{width:72px;height:72px}
  .assist .nb-grande{width:96px;height:96px}
  .nb-painel{padding:14px}
}