/* Aba "Equipe" (12/10/2026): o mesmo visual da aba Push; cartões em grade, sem tabelas (sem rolagem lateral). */
/* B3: fora de main, na camada superior nativa do navegador. */
.team-meta-dialog { box-sizing:border-box; width:calc(100% - 24px); max-width:920px; max-height:calc(100dvh - 24px); overflow-y:auto; overflow-x:hidden; border:1px solid #ff5252; border-radius:14px; background:#140c0e; color:#f5eeee; padding:24px; overflow-wrap:anywhere; }
.team-meta-dialog::backdrop { background:rgb(0 0 0 / 75%); }
.team-meta-dialog h2 { margin-top:0; }
.team-meta-dialog p { line-height:1.5; }
.team-meta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.team-meta-item, .team-meta-summary { min-width:0; border:1px solid #673438; border-radius:10px; padding:14px; margin:10px 0; overflow-wrap:anywhere; }
.team-meta-dialog .team-meta-url { word-break:break-word; overflow-wrap:anywhere; }
.team-meta-state, .team-meta-total { font-weight:700; }
.team-meta-message { color:#ffd27f; min-height:1.5em; }
.team-meta-dialog label { display:block; margin:16px 0 8px; }
.team-meta-comment { box-sizing:border-box; display:block; width:100%; min-height:88px; resize:vertical; background:#08080a; color:#fff; border:1px solid #986269; border-radius:6px; padding:10px; font:inherit; }
.team-meta-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.team-meta-actions button, #team-page .team-meta-open { min-width:44px; min-height:44px; padding:10px 16px; border-radius:8px; border:1px solid #ff8a80; background:#501a20; color:#fff; font:inherit; cursor:pointer; }
.team-meta-actions button:disabled { opacity:.55; cursor:default; }
.team-meta-dialog :focus-visible, #team-page .team-meta-open:focus-visible, #team-page .to-rack:focus-visible { outline:3px solid #ffd27f; outline-offset:3px; }
#team-page .team-meta-list { margin-top:16px; min-width:0; }
#team-page .to-rack[role="button"] { cursor:pointer; }
@media (max-width:600px) {
  .team-meta-dialog { padding:16px; }
  .team-meta-grid { grid-template-columns:minmax(0,1fr); }
  .team-meta-actions { flex-direction:column; }
  .team-meta-actions button { width:100%; }
}
#team-page { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin:16px 0; min-width:0; }
#team-page > *, #team-page .panel { min-width:0; }
#team-page > div:empty { display:none; }
#team-page .team-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; min-width:0; }
#team-page .team-card { border:1px solid var(--line); background:var(--panel-soft); border-radius:10px; padding:13px 14px; min-width:0; overflow-wrap:anywhere; }
#team-page .team-card.team-failed { border-color:var(--red); }
#team-page .team-who { margin:0; font-weight:600; font-size:15px; }
#team-page .team-small { margin:4px 0 0; color:var(--muted); font-size:12px; }
#team-page .team-state { margin:8px 0 0; font-weight:600; font-size:14px; }
#team-page .team-note { color:var(--muted); font-size:13px; margin:8px 0; overflow-wrap:anywhere; }
#team-page .team-warn { color:var(--yellow); font-size:13px; margin:8px 0; overflow-wrap:anywhere; }
#team-page .team-watch { margin:0 0 12px; min-width:0; }
#team-page .team-problems, #team-page .team-sources { padding-left:18px; margin:6px 0 0; }
#team-page .team-problems li, #team-page .team-sources li { margin:6px 0; overflow-wrap:anywhere; }
#team-page .pos { color:var(--green); }
#team-page .neg { color:var(--red); }
#team-page .warn { color:var(--yellow); }
#team-page .muted { color:var(--muted); }

#team-page .team-q-backdrop { position:fixed; inset:0; z-index:60; display:grid; place-items:center; padding:16px; background:rgba(4,4,6,.74); }
#team-page .team-q { box-sizing:border-box; width:100%; max-width:440px; max-height:calc(100vh - 32px); overflow-y:auto; border:2px solid #ff5252; border-radius:14px; background:#16100f; padding:18px 18px 16px; box-shadow:0 14px 44px rgba(0,0,0,.6); overflow-wrap:anywhere; }
#team-page .team-q.team-old { border-color:var(--yellow); }
#team-page .team-q-text { margin:8px 0 12px; font-size:19px; line-height:1.35; outline:none; }
#team-page .team-q-rec { margin:0 0 10px; font-size:14px; }
#team-page .team-q-answer { margin:0 0 6px; font-size:14px; }
#team-page .team-q-answer strong, #team-page .team-q-rec strong { color:#ff8a80; }
#team-page .team-q-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:14px; }
#team-page .team-q-actions button { min-height:44px; border:1px solid var(--line); border-radius:8px; background:#24181a; color:var(--text); padding:8px 14px; font:inherit; cursor:pointer; }
#team-page .team-q-actions .team-q-close { border-color:#ff5252; background:#b71c1c; font-weight:700; }
#team-page .team-q-actions button:focus-visible { outline:3px solid var(--yellow); outline-offset:2px; }

/* B5: mural por time e uma sala aberta. Todo desenho é SVG original. */
#team-page .team-board, #team-page .team-waiting-band { box-sizing:border-box; max-width:100%; overflow-wrap:anywhere; }
/* Títulos claros mesmo sem o CSS global ou com h2 preto na página hospedeira. */
#team-page .team-board h2, #team-page .team-waiting-band h2 { color:#edf4f7; }
#team-page .team-toolbar, #team-page .team-waiting-items, #team-page .team-office-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
#team-page .team-toolbar button, #team-page .team-question-open { min-height:44px; border:1px solid #46646c; border-radius:10px; padding:10px 14px; color:#edf8f5; background:#183039; font:inherit; cursor:pointer; }
#team-page .team-view-toggle { background:#215c59; border-color:#6bb8ab; }
#team-page button:focus-visible, #team-page [tabindex]:focus-visible { outline:3px solid #ffd38d; outline-offset:3px; }
#team-page .team-waiting-band { border-top:3px solid #e4b675; }
#team-page .team-placard-number { margin:0; }
#team-page .team-verse { border:1px solid #315c56; border-radius:12px; padding:14px 16px; background:#132b2b; margin:14px 0; }
#team-page .team-verse .eyebrow { color:#9fd1bd; margin:0 0 6px; }
#team-page .team-verse-text { color:#edf7ed; font-size:14px; line-height:1.6; margin:0; }
#team-page .team-verse .team-small { font-size:11px; line-height:1.5; }
#team-page .team-mural-group { margin-top:22px; min-width:0; }
#team-page .team-group-title { margin:0 0 12px; font-size:16px; color:#d2e8e3; padding-bottom:8px; border-bottom:1px solid #33454e; }
#team-page .team-badge-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#team-page .team-badge { min-width:0; box-sizing:border-box; position:relative; border:1px solid #34454f; border-radius:14px; background:#15202b; padding:14px; color:#ecf1f6; box-shadow:0 4px 12px #0002; }
#team-page .team-portrait { display:block; width:68px; height:68px; margin-bottom:4px; border-radius:50%; background:#22313d; }
#team-page .team-badge-name { font-size:14px; line-height:1.5; margin:0 0 8px; overflow-wrap:anywhere; }
#team-page .team-badge-description { color:#afbfcc; font-size:12px; line-height:1.55; margin:0 0 12px; }
#team-page .team-badge-state { display:flex; align-items:baseline; gap:7px; font-size:12px; line-height:1.5; margin:0; }
#team-page .team-state-dot { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:currentColor; }
#team-page .team-badge .team-small { font-size:10px; line-height:1.6; }
#team-page .team-badge-state.muted { color:#95a3b0; font-weight:400; }
#team-page .rest { color:#b3a6dc; }
#team-page .running { color:#78c9d3; }
#team-page .team-badge .team-question-open { margin-top:10px; width:100%; font-size:12px; }
#team-page .team-robot-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; align-items:start; }
#team-page .team-robot-badge { padding:0; border-radius:9px; }
#team-page .team-robot-summary { display:flex; align-items:center; gap:6px; min-width:0; min-height:44px; padding:8px; cursor:pointer; list-style:none; }
#team-page .team-robot-summary::-webkit-details-marker { display:none; }
#team-page .team-robot-summary::after { content:'⌄'; flex:0 0 auto; margin-left:auto; color:#afbfcc; }
#team-page .team-robot-details[open] > summary::after { transform:rotate(180deg); }
#team-page .team-robot-summary:focus-visible { outline:3px solid #ffd38d; outline-offset:3px; }
#team-page .team-robot-name { flex:0 0 auto; min-width:0; max-width:55%; overflow:hidden; text-overflow:ellipsis; font-size:12px; font-weight:650; white-space:nowrap; }
#team-page .team-robot-role { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#afbfcc; font-size:11px; }
#team-page .team-robot-details > :not(summary) { margin:0 8px 8px; }
#team-page .team-robot-details[open] > summary { border-bottom:1px solid #34454f; margin-bottom:8px; }
#team-page .team-office-frame { max-width:100%; overflow:auto; border:1px solid #46545b; border-radius:14px; background:#11212a; margin-top:14px; }
#team-page .team-office { display:block; width:100%; min-width:820px; height:auto; }
#team-page .team-office text { font-family:system-ui,sans-serif; }
#team-page .to-floor { fill:#162b35; stroke:#4c6c75; stroke-width:2; }
#team-page .to-title { fill:#e8f5ee; font-size:20px; font-weight:700; }
#team-page .to-group-title { fill:#a4cebe; font-size:17px; font-weight:650; }
#team-page .to-table { fill:#a87e58; stroke:#d4b48a; stroke-width:2; }
#team-page .to-table-leg { stroke:#d4b48a; stroke-width:4; }
#team-page .to-monitor { fill:#14252e; stroke:#86b0bb; stroke-width:2; }
#team-page .to-name { fill:#e3edf4; font-size:12px; font-weight:600; }
#team-page .to-small { fill:#d0dfe5; font-size:11px; }
#team-page .to-machine { fill:#405760; stroke:#90b6b9; }
#team-page .to-machine-screen { fill:#8de0bb; }
#team-page .to-rack-case { fill:#253e4a; stroke:#648894; }
#team-page .to-rack-slot { stroke:#7b9eaa; stroke-width:3; }
#team-page .tb-face { fill:var(--agent-skin,#dca278); stroke:#372c2c; stroke-width:.6; }
#team-page .tb-hair { fill:#2d2930; }
#team-page .tb-eyes { fill:#24222c; transform-box:fill-box; transform-origin:center; }
#team-page .tb-smile { fill:none; stroke:#6a363d; stroke-width:1.4; stroke-linecap:round; }
#team-page .tb-torso { fill:var(--agent-color,#97bcae); }
#team-page .tb-arm { stroke:var(--agent-skin,#dca278); stroke-width:6; stroke-linecap:round; }
#team-page .tb-leg { stroke:#627f96; stroke-width:7; stroke-linecap:round; }
#team-page .tb-keyboard { fill:#c6d4d6; }
#team-page .tb-zzz { fill:#d8c5f3; font-size:12px; font-weight:700; }
#team-page .tb-question-bg { fill:#f9d68d; }
#team-page .tb-question-mark { fill:#372b24; font-size:14px; font-weight:bold; }
#team-page .tb-stop { fill:#df5b64; }
#team-page .tb-stop-mark { fill:#fff; font-size:12px; font-weight:bold; }
#team-page .tb-led { fill:currentColor; stroke:#a4c3c3; stroke-width:1; }
#team-page .tb-body { transform-box:fill-box; transform-origin:center bottom; }
#team-page .tb-hands { transform-box:fill-box; transform-origin:center; }
#team-page .tb-pose-sleep .tb-head { transform:translate(10px,30px) rotate(18deg); }
#team-page .tb-pose-sleep .tb-eyes { transform:scaleY(.15); }
#team-page .to-walking .tb-leg { transform-box:fill-box; transform-origin:top; }
@media (max-width:1100px) { #team-page .team-badge-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1500px) { #team-page .team-badge-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (min-width:1500px) { #team-page .team-robot-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media (max-width:700px) { #team-page .team-badge-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:701px) and (max-width:1499px) { #team-page .team-robot-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:480px) {
  #team-page .team-cards { grid-template-columns:minmax(0,1fr); }
  #team-page .team-badge-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #team-page .team-badge:not(.team-robot-badge) { padding:8px; }
  #team-page .team-portrait { width:40px; height:40px; }
  #team-page .team-badge-name { font-size:12px; line-height:1.4; margin-bottom:6px; }
  #team-page .team-badge:not(.team-robot-badge) .team-badge-description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:8px; }
  #team-page .team-badge:not(.team-robot-badge) .team-small { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
@media (max-width:440px) {
  #team-page .team-toolbar button { flex:1 1 120px; }
}
@keyframes tb-blink { 0%,92%,100% { scale:1 1; } 95% { scale:1 .1; } }
@keyframes tb-breathe { 50% { translate:0 -1.5px; } }
@keyframes tb-type { 50% { translate:0 -3px; } }
@keyframes tb-sleep { 50% { translate:2px -4px; opacity:.5; } }
@keyframes tb-wave { 50% { rotate:-7deg; } }
@keyframes tb-led { 50% { opacity:.25; } }
@keyframes tb-step { 50% { rotate:12deg; } }
/* Todas as animações contínuas respeitam a preferência do navegador. */
@media (prefers-reduced-motion: no-preference) {
  #team-page .tb-eyes { animation:tb-blink 4.3s infinite; }
  #team-page .tb-body { animation:tb-breathe 3.4s ease-in-out infinite; }
  #team-page .tb-pose-work .tb-hands { animation:tb-type .34s ease-in-out infinite; }
  #team-page .tb-zzz { animation:tb-sleep 2.3s ease-in-out infinite; }
  #team-page .tb-pose-waiting .tb-hands { animation:tb-wave 1.8s ease-in-out infinite; }
  #team-page .tb-led { animation:tb-led 1.5s ease-in-out infinite; }
  #team-page .to-walking .tb-leg { animation:tb-step .38s ease-in-out infinite; }
}
#team-page .team-motion-paused, #team-page .team-motion-paused *, .refresh-freeze #team-page * { animation-play-state:paused !important; }
@media (prefers-reduced-motion: reduce) { #team-page * { animation:none !important; transition:none !important; } }

/* B6 · mansão em corte. As regras do mural B5 acima permanecem intactas. */
#team-page .team-mansion-frame { width:100%; max-width:100%; border:3px solid #64717a; border-radius:4px; background:#142334; }
#team-page .team-mansion { min-width:0; width:100%; max-width:none; image-rendering:pixelated; --mp-sky:#142334; --mp-star:#f7dfa1; --mp-moon:#f9e4b3; --mp-cloud:#233548; --mp-window:#172b43; --mp-grass:#345d51; }
#team-page .mp-day { --mp-sky:#a5ccd1; --mp-star:transparent; --mp-moon:#f4cd7d; --mp-cloud:#d6e6dc; --mp-window:#8dbdc5; --mp-grass:#648968; }
#team-page .mp-day .mp-moon-cut { display:none; }
#team-page .team-mansion text { font-family:ui-monospace,Consolas,monospace; fill:#f2e6d1; }
#team-page .team-mansion .mp-house-title { fill:#f3cf93; font-size:21px; font-weight:900; text-anchor:middle; letter-spacing:1px; }
#team-page .team-mansion .mp-room-label { font-size:12px; font-weight:800; letter-spacing:.3px; }
#team-page .team-mansion .mp-note { font-size:10px; fill:#e0d7cc; }
#team-page .team-mansion .mp-footer { font-size:12px; fill:#d8dcc4; }
#team-page .team-mansion .mp-desk-sign { fill:#f3d8a9; font-size:9px; }
#team-page .team-mansion .mp-rack-name { font-size:10px; text-anchor:middle; }
#team-page .team-mansion .mp-person-name { font-size:10px; font-weight:bold; paint-order:stroke; stroke:#263440; stroke-width:4px; visibility:hidden; }
#team-page .mp-person:hover .mp-person-name, #team-page .mp-person:focus .mp-person-name, #team-page .mp-manager .mp-person-name { visibility:visible; }
#team-page .mp-person { cursor:pointer; }
#team-page .mp-coffee-cup { display:none; }
#team-page .mp-person[data-coffee="carrying"] .mp-coffee-cup { display:inline; }
#team-page .team-mansion .mp-hit { fill:transparent; stroke:none; }
#team-page .team-mansion .tb-face, #team-page .team-mansion .tb-arm { stroke:none; }
#team-page .team-mansion .tb-arm, #team-page .team-mansion .mp-skin { fill:var(--agent-skin); }
#team-page .team-mansion .tb-hair { fill:var(--agent-hair); }
#team-page .team-mansion .tb-leg { fill:#283743; stroke:none; }
#team-page .team-mansion .mp-mouth { fill:#995c56; }
#team-page .team-mansion .tb-pose-sleep .tb-head { transform:none; }
#team-page .team-mansion .tb-pose-sleep { transform:rotate(-90deg) translate(0,10px); }
#team-page .team-mansion .tb-zzz { font-size:11px; }
#team-page .team-mansion .to-walking .tb-body { transform:none; }
#team-page .team-mansion .to-walking .tb-leg { width:6px; height:12px; }
#team-page .team-mansion .to-walking .tb-hands { animation:none; }
#team-page .team-zoom { display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:#c7d8d6; font-size:12px; }
#team-page .team-zoom output { min-width:48px; text-align:center; }
#team-page .team-house-talk { position:relative; border:2px solid #a89475; border-radius:3px; background:#21333e; padding:16px 18px; margin-top:18px; }
#team-page .team-house-talk::before { content:''; position:absolute; top:-10px; left:28px; width:16px; height:16px; border-top:2px solid #a89475; border-left:2px solid #a89475; background:#21333e; transform:rotate(45deg); }
#team-page .team-house-talk .eyebrow { color:#ddc598; font-size:10px; position:relative; }
#team-page .team-house-line { color:#e1e9e4; font:12px/1.6 ui-monospace,Consolas,monospace; margin:7px 0; overflow-wrap:anywhere; }
@keyframes mp-step-one { 0%,49% { translate:0 -3px; } 50%,100% { translate:0 2px; } }
@keyframes mp-step-two { 0%,49% { translate:0 2px; } 50%,100% { translate:0 -3px; } }
@keyframes mp-screen { 50% { opacity:.55; } }
@media (prefers-reduced-motion: no-preference) {
  #team-page .team-mansion .to-walking .mp-leg-one { animation:mp-step-one .32s steps(1) infinite; rotate:none; }
  #team-page .team-mansion .to-walking .mp-leg-two { animation:mp-step-two .32s steps(1) infinite; rotate:none; }
  #team-page .team-mansion .mp-monitor-on { animation:mp-screen 1.7s steps(2) infinite; }
  #team-page .team-mansion .tb-body { animation-timing-function:steps(2); }
}
@media (max-width:480px) { #team-page .team-zoom { flex:1 1 100%; } #team-page .team-house-talk { padding:12px; } }

/* B7 · lazer: só se anima dentro do mesmo controle de movimento da mansão. */
@keyframes mp-film { 0%,100% { opacity:1; translate:0 0; } 50% { opacity:.45; translate:8px 2px; } }
@keyframes mp-swing { 0%,100% { rotate:-12deg; } 50% { rotate:12deg; } }
@keyframes mp-seesaw { 0%,100% { rotate:8deg; } 50% { rotate:-8deg; } }
@media (prefers-reduced-motion: no-preference) {
  #team-page .team-mansion .mp-film { animation:mp-film 1.6s steps(2) infinite; }
  #team-page .team-mansion .mp-swing { animation:mp-swing 2.8s ease-in-out infinite; }
  #team-page .team-mansion .mp-seesaw { animation:mp-seesaw 3.6s ease-in-out infinite; }
}
#team-page .mp-desk:not(.mp-desk-sleep):not(.mp-desk-away) .mp-desk-placard { display:none; }

/* B7 R2 · bolhas e vapor herdam pausa, visibilidade e reduced-motion da mansão. */
@keyframes mp-spa-bubble { 0%,100% { opacity:.45; translate:0 2px; } 50% { opacity:1; translate:0 -4px; } }
@keyframes mp-spa-steam { 0%,100% { opacity:.35; translate:0 4px; } 50% { opacity:.8; translate:4px -8px; } }
@media (prefers-reduced-motion: no-preference) {
  #team-page .team-mansion .mp-spa-bubble { animation:mp-spa-bubble 2.2s steps(3) infinite; }
  #team-page .team-mansion .mp-spa-steam { animation:mp-spa-steam 3.4s steps(4) infinite; }
}