/* 1.66.0 (onda G): a MANUTENÇÃO REMOTA dentro do Hub (#view-man, montada por web/manutencao-remota.js). O desenho é o da
   página solta da 1.63.0, agora com os tokens do Hub (claro e escuro pelo body.dark), no fluxo das outras telas: o topo de
   vidro e o menu de sempre por cima, conteúdo que rola por baixo deles. Computador: controles de 36 px com hover; toque:
   44 px. Tudo escopado em #view-man, porque .pill, .card e .status já existem com outro sentido no Hub. */
#view-man .man-tela{box-sizing:border-box;max-width:1080px;margin:0 auto;padding:6px 20px 32px;color:var(--label,#3A2A1E)}
#view-man .man-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 2px 14px}
/* 1.70.0 (auditoria): no celular o botão Atualizar era espremido pelo título e o texto passava da borda (61 px de texto em 56 px) */
#view-man .man-topo>button{flex:none;white-space:nowrap}
#view-man .man-titulos{min-width:0}
#view-man h2{margin:0;font-size:calc(22px * var(--dt,1));font-weight:700;letter-spacing:-.01em;line-height:1.2;outline:none}
#view-man h3{margin:0 0 10px;font-size:var(--f-headline,17px);font-weight:700}
#view-man .sub{color:var(--label2,#6B5A4C);margin:4px 0 0;font-size:var(--f-footnote,13px);line-height:1.4}
#view-man .card{background:var(--surface,#fff);border:0;border-radius:var(--r-card,16px);box-shadow:inset 0 0 0 .5px var(--sep,rgba(58,42,30,.14)),0 1px 2px rgba(40,25,12,.05);padding:16px 20px;margin:0 0 14px}
#view-man .linha{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#view-man .entre{justify-content:space-between}
#view-man button,#view-man select,#view-man input,#view-man textarea{font:inherit;color:inherit}
#view-man button,#view-man .man-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap-desk,44px);min-width:44px;padding:0 16px;border-radius:999px;border:0;
  background:var(--label,#3A2A1E);color:var(--page,#fff);font-weight:600;font-size:var(--f-subhead,15px);cursor:pointer;text-decoration:none;box-sizing:border-box;
  transition:transform var(--dur-rapida,.12s),filter var(--dur-rapida,.12s),opacity var(--dur-rapida,.12s)}
#view-man button.sec{background:var(--fill,rgba(90,65,45,.08));color:var(--label,#3A2A1E)}
html.hub-clique #view-man button:not([aria-busy=true]):hover,html.hub-clique #view-man .man-link:hover{filter:brightness(1.12)}
html.hub-clique #view-man button.sec:not([aria-busy=true]):hover{filter:none;background:var(--fill2,rgba(58,42,30,.14))}
#view-man button:active,#view-man button.apertado{transform:scale(.96)}
#view-man button:focus-visible,#view-man a:focus-visible,#view-man select:focus-visible,#view-man input:focus-visible,#view-man summary:focus-visible{outline:3px solid var(--foco-cor,#1861A0);outline-offset:2px}
#view-man button[aria-busy=true]{opacity:.75;cursor:progress}
#view-man button[data-estado=ok]{background:var(--on-green,#1E8E3E);color:#fff}
#view-man button[data-estado=erro]{background:var(--ink-red,#B42318);color:#fff}
#view-man select,#view-man input,#view-man textarea{min-height:var(--tap-desk,44px);padding:6px 12px;border-radius:12px;border:0;background:var(--page,#fff);box-shadow:inset 0 0 0 .5px var(--sep,rgba(58,42,30,.2));box-sizing:border-box}
#view-man textarea{width:100%;min-height:88px}
#view-man .pill{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:999px;font-size:var(--f-caption1,12px);font-weight:600;background:var(--fill,rgba(90,65,45,.08));border:0;box-shadow:none;margin:6px 0}
#view-man .pill.ok{background:color-mix(in srgb,var(--sys-green,#34C759) 18%,transparent);color:var(--ink-green,#1E7B34)}
#view-man .pill.aviso{background:color-mix(in srgb,var(--sys-orange,#FF8D28) 18%,transparent);color:var(--ink-orange,#A84300)}
#view-man .pill.erro{background:color-mix(in srgb,var(--sys-red,#FF383C) 14%,transparent);color:var(--ink-red,#B42318)}
#view-man .ponto{width:10px;height:10px;border-radius:50%;background:var(--label3,#8A7666);display:inline-block}
#view-man .ponto.on{background:var(--sys-green,#34C759)}
#view-man .status{min-height:22px;margin:8px 0 0;font-size:var(--f-subhead,15px)}
#view-man .status[data-tipo=ok]{color:var(--ink-green,#1E7B34)} #view-man .status[data-tipo=erro]{color:var(--ink-red,#B42318)} #view-man .status[data-tipo=aviso]{color:var(--ink-orange,#A84300)}
#view-man .spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:man-gira .8s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes man-gira{to{transform:rotate(360deg)}}
#view-man .pedido{border-top:.5px solid var(--sep,rgba(58,42,30,.14));padding:12px 0}
#view-man .pedido:first-child{border-top:0}
#view-man pre{white-space:pre-wrap;word-break:break-word;background:var(--fill,rgba(90,65,45,.06));border-radius:10px;padding:10px;max-height:320px;overflow:auto;font-size:var(--f-caption1,12px)}
#view-man .muted{color:var(--label2,#6B5A4C);font-size:var(--f-footnote,13px)}
#view-man details summary{min-height:var(--tap-desk,44px);display:flex;align-items:center;cursor:pointer;font-weight:600;border-radius:10px}
#view-man .token{font:600 15px ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
html.hub-toque #view-man :is(button,.man-link,select,input,details summary){min-height:44px}
@media (max-width:640px){#view-man .man-tela{padding:4px 12px 24px}}
@media (prefers-reduced-motion:reduce){#view-man *{animation:none!important;transition:none!important}}