/* Tutorial do professor na Bancada de Diagramas: cores do painel, destaque do alvo e o botão Professor no topo */
#tutor,#tutorGuia{--ac:#FFCB05;--papel:#1D1226;--borda:rgba(255,255,255,.12);--tx:#F2EFEC;--tx2:#D8D2D3;--tx3:#A99D9F}
.tourAlvo{outline:2px solid #FFCB05!important;outline-offset:3px;box-shadow:0 0 0 6px rgba(255,203,5,.25)!important}
.topo #btTutor{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid var(--ln2);background:#ffffff08;font:700 13px var(--sans);color:var(--tx2);white-space:nowrap;cursor:pointer;flex:none;margin-left:auto}
.topo #btTutor:hover{background:#ffffff12;color:var(--tx)}
.topo #btTutor svg{width:16px;height:16px;flex:none}
.topo #btTutor.on{color:var(--am);border-color:var(--am)}
.topo #btTutor+.dir{margin-left:0}
#tutDeBib{margin-top:12px}
@media (max-width:1560px){.topo #btTutor .tx{display:none}.topo #btTutor{padding:8px 9px}}
/* celular: o botão fica na linha do logo, à direita; o lado direito do topo (seletor, Testar) desce ou divide a linha sem sair da tela */
@media (max-width:980px){.topo #btTutor{order:1}.topo #btTutor+.dir{margin-left:0;max-width:100%}}
/* a Bancada não tem a classe .ib dos outros simuladores: botões do painel e do guia */
#tutor .ib,#tutorGuia .ib{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:9px;border:1px solid var(--borda);background:rgba(255,255,255,.04);color:var(--tx);font:600 12.5px var(--sans);white-space:nowrap;cursor:pointer}
#tutor .ib:hover,#tutorGuia .ib:hover{background:rgba(255,255,255,.09)}
#tutor .ib.pri,#tutorGuia .ib.pri{background:var(--ac);color:#1A0830;border-color:transparent}
#tutor .ib.pri:hover,#tutorGuia .ib.pri:hover{filter:brightness(1.07)}