:root{--aluminio: #e4e6e9;--aluminio-escuro: #c9ccd1;--tinta: #1b1d20;--tinta-suave: #5a5f66;--grafite: #1d1f22;--grafite-claro: #2c2f33;--led-ok: #3fae6a;--led-espera: #d39b2a;--led-falha: #cf4a42;--foco: #4c7dd9;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--aluminio: #1d1f22;--aluminio-escuro: #33363b;--tinta: #eceef1;--tinta-suave: #a2a7ae;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--aluminio);color:var(--tinta)}button,input{font:inherit}:focus-visible{outline:2px solid var(--foco);outline-offset:2px}.pagina{max-width:30rem;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 2.5rem) 1.25rem calc(env(safe-area-inset-bottom,0px) + 2rem)}h1{font-size:1.75rem;font-weight:650;letter-spacing:-.01em;margin:0 0 .75rem}.apoio{color:var(--tinta-suave);line-height:1.5;margin:0 0 1.75rem}.formulario{display:grid;gap:1.1rem}.formulario label{display:grid;gap:.4rem;font-size:.95rem;color:var(--tinta-suave)}.formulario input{font-size:1.15rem;padding:.85rem .9rem;border-radius:10px;border:1px solid var(--aluminio-escuro);background:color-mix(in srgb,var(--aluminio) 60%,white);color:var(--tinta)}.formulario input[placeholder=XXXX-XXXX]{letter-spacing:.18em;font-variant-numeric:tabular-nums}.erro{color:var(--led-falha);margin:0}.primario,.secundario{min-height:48px;border-radius:12px;padding:0 1.1rem;border:0;cursor:pointer}.primario{background:var(--tinta);color:var(--aluminio);font-weight:600}.primario:disabled{opacity:.5}.secundario{background:transparent;color:var(--tinta-suave)}.lista-macs{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.5rem}.lista-macs li{display:grid;gap:.25rem}.acoes-mac{display:flex;flex-wrap:wrap;gap:.25rem}.acoes-mac .secundario{min-height:40px;padding:0 .6rem}.selo{display:inline-block;margin-left:.5rem;padding:.05rem .4rem;border-radius:6px;font-size:.72rem;font-weight:600;vertical-align:middle;background:color-mix(in srgb,var(--led-ok) 22%,transparent);color:inherit}.voltar{padding:0;min-height:40px;margin-bottom:.5rem}.mac{flex:1;text-align:left;min-height:56px;padding:0 1rem;border-radius:12px;border:1px solid var(--aluminio-escuro);background:transparent;color:var(--tinta);font-size:1.05rem;cursor:pointer}.visualizador{position:relative;height:100%;display:flex;flex-direction:column;background:var(--grafite);color:#e6e8eb}.barra,.teclado{display:flex;align-items:center;gap:.4rem;padding:.4rem max(.5rem,env(safe-area-inset-right,0px)) .4rem max(.5rem,env(safe-area-inset-left,0px));overflow-x:auto;scrollbar-width:none}.barra{padding-top:calc(env(safe-area-inset-top,0px) + .4rem)}.teclado{padding-bottom:calc(env(safe-area-inset-bottom,0px) + .4rem)}.nome-mac{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tecla{flex:none;min-width:44px;min-height:40px;padding:0 .75rem;border-radius:9px;border:1px solid #3b3f45;background:var(--grafite-claro);color:inherit;cursor:pointer}.tecla.ligada{background:#e6e8eb;color:var(--grafite)}.tecla.perigo{border-color:color-mix(in srgb,var(--led-falha) 60%,#3b3f45)}.led{width:10px;height:10px;border-radius:50%;background:#6b7078;flex:none}.led-ativa{background:var(--led-ok)}.led-aguardando,.led-negociando,.led-conectando{background:var(--led-espera)}.led-erro,.led-recusada,.led-revogado{background:var(--led-falha)}.superficie{position:relative;flex:1;min-height:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tela{width:100%;height:100%;object-fit:contain;background:#000;display:block}.aviso{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:1rem;padding:2rem;text-align:center;background:var(--grafite)}.aviso p{margin:0;max-width:22rem;line-height:1.5;color:#c4c8ce}.aviso .primario{background:#e6e8eb;color:var(--grafite)}.tecla:disabled{opacity:.4}.tecla.destaque{border-color:var(--led-ok)}.teclado-area{display:grid}.fileira-fn{padding-bottom:.2rem!important}.vista-controle .tela{visibility:hidden}.pad{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;display:grid;place-content:end center;padding:1.25rem;border-radius:22px;border:1px solid #3b3f45;background:radial-gradient(circle at 50% 40%,#2c2f33,var(--grafite) 70%);pointer-events:none}.pad p{margin:0;color:#8d9299;font-size:.85rem;text-align:center;line-height:1.4}.controles{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;padding:.4rem max(.5rem,env(safe-area-inset-right,0px)) .2rem max(.5rem,env(safe-area-inset-left,0px))}.controles .tecla{padding:0 .3rem;font-size:.8rem}.controles .tecla:nth-child(n+7){grid-column:span 1}.tela{transform-origin:0 0;will-change:transform}.cursor-local{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000;pointer-events:none;opacity:.85}.chip{position:absolute;border:1px solid #3b3f45;border-radius:999px;background:color-mix(in srgb,var(--grafite) 85%,transparent);color:#e6e8eb;padding:.35rem .75rem;min-height:36px;font-size:.85rem;cursor:pointer}.chip.zoom{right:.6rem;bottom:.6rem}.chip.sair-cheia{right:max(.6rem,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + .6rem);opacity:.6}.cheia .superficie{height:100%}.stats{position:absolute;left:.5rem;top:.5rem;padding:.25rem .5rem;border-radius:6px;background:#0009;font:.72rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}.pin{display:grid;gap:.6rem;justify-items:center}.pin input[type=password]{width:12rem;text-align:center;font-size:1.3rem;letter-spacing:.3em;padding:.6rem;border-radius:10px;border:1px solid #3b3f45;background:var(--grafite-claro);color:#e6e8eb}.lembrar{display:flex;gap:.4rem;align-items:center;color:#a2a7ae;font-size:.9rem}.avisos{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 6.5rem);display:grid;justify-items:center;gap:.4rem;padding:0 .75rem;pointer-events:none;z-index:5}.toast{pointer-events:auto;display:flex;align-items:center;gap:.5rem;max-width:28rem;padding:.5rem .75rem;border-radius:12px;background:#e6e8eb;color:var(--grafite);font-size:.9rem;box-shadow:0 6px 24px #00000059}.toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast .tecla{background:var(--grafite);color:#e6e8eb;min-height:34px}.painel-fundo{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;z-index:10}.painel{width:100%;max-height:82%;overflow-y:auto;padding:.5rem max(1rem,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 1rem) max(1rem,env(safe-area-inset-left,0px));border-radius:18px 18px 0 0;background:#26292d;overscroll-behavior:contain}.painel-alca{width:40px;height:5px;border-radius:3px;background:#4a4e55;margin:.25rem auto .5rem}.painel h2{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8d9299;margin:1rem 0 .5rem}.segmentos{display:flex;gap:.35rem;flex-wrap:wrap}.segmentos button{flex:1 1 0;min-width:6rem;min-height:44px;display:grid;place-content:center;gap:.1rem;border-radius:10px;border:1px solid #3b3f45;background:var(--grafite-claro);color:inherit;cursor:pointer}.segmentos button small{font-size:.7rem;color:#8d9299}.segmentos button.ligada{background:#e6e8eb;color:var(--grafite)}.segmentos button.ligada small{color:#5a5f66}.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.35rem}.grade .tecla{font-size:.88rem;min-height:44px}.historico{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.historico li{padding:.75rem .9rem;border-radius:12px;border:1px solid var(--aluminio-escuro);display:grid;gap:.3rem}.linha{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}.apoio-pequeno{justify-content:flex-start;color:var(--tinta-suave);font-size:.85rem}.etiqueta{font-size:.78rem;padding:.1rem .45rem;border-radius:6px;border:1px solid var(--aluminio-escuro)}.etiqueta-ativa{border-color:var(--led-ok)}.etiqueta-recusada{border-color:var(--led-falha)}.ok{color:var(--led-ok)}.falha{color:var(--led-falha);font-weight:600}.campo-oculto{position:absolute;opacity:0;width:1px;height:1px;left:-100px;font-size:16px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hamburguer{font-size:1.25rem;min-width:44px;padding:0 .6rem}.menu-fundo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000080;animation:aparece .15s ease-out}.menu{position:absolute;top:0;bottom:0;left:0;width:min(88vw,22rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.3rem;padding:calc(env(safe-area-inset-top,0px) + .6rem) .9rem calc(env(safe-area-inset-bottom,0px) + 1.2rem) max(.9rem,env(safe-area-inset-left,0px));background:#26292d;color:#e6e8eb;box-shadow:8px 0 32px #0006;animation:desliza .18s ease-out}.menu-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.menu-topo strong{font-size:1.1rem}.menu h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8d9299;margin:.9rem 0 .2rem}.menu .item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:48px;padding:0 .85rem;border-radius:10px;border:1px solid #3b3f45;background:var(--grafite-claro);color:inherit;text-align:left;font-size:1rem;cursor:pointer}.menu .item small{color:#8d9299;font-size:.78rem}.menu .item:disabled{opacity:.45}.menu .item.ligada{border-color:var(--led-ok)}.menu .item.perigo{border-color:color-mix(in srgb,var(--led-falha) 70%,#3b3f45);color:#f0b4ae;margin-top:.6rem}.menu .item.secao{margin-top:.6rem}.menu .segmentos button{min-width:0}.menu .grade{grid-template-columns:repeat(2,1fr)}.campo-arquivo{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.aviso{touch-action:auto}@keyframes desliza{0%{transform:translate(-100%)}to{transform:none}}@keyframes aparece{0%{opacity:0}to{opacity:1}}