/* Arena 7v7 · telas da Carreira (Fase 4). Componentes e tokens em ds.css; aqui só a composição de cada tela. */
.car-host { position: absolute; inset: 0; z-index: 21; }
.car-host[hidden] { display: none; }
.car-host .car-frame { position: absolute; }
.car .car-crest.xl { width: 58px; height: 58px; filter: drop-shadow(0 4px 10px #0009); }
.car .car-face-i { display: inline-grid; place-items: center; font: 700 11px/1 var(--c-display); color: var(--c-muted); }
.car .car-btn.sm { min-height: 32px; width: 32px; padding: 0; }
.car .car-btn.sm svg { width: 16px; height: 16px; }
.car .car-eyebrow.pad { padding: var(--s4) var(--s4) var(--s2); }
.car .car-row .chev { width: 16px; height: 16px; color: var(--c-dim); }
.car .car-more { display: grid; gap: 6px; align-content: start; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
/* celular deitado com fonte grande: sete itens cabem sem rolar */
@media (max-height: 440px) { .car .car-more { gap: 4px; } .car .car-more .car-row { min-height: 44px; padding-block: 5px; } .car .car-sheet { gap: var(--s2); padding-top: var(--s3); padding-bottom: var(--s3); } }
.car .link { color: var(--c-gold); font: 700 var(--d-xs)/1 var(--c-display); letter-spacing: .06em; text-transform: uppercase; min-height: 32px; min-width: 44px; margin: -10px -6px -10px 0; padding: 0 6px; }
.car-answer.expired { background: var(--c-panel-2); border-color: var(--c-line-2); }
.car-host .car-toast { left: auto; right: 14px; top: calc(var(--bar-h) + 8px); bottom: auto; transform: none; animation-name: car-fade; pointer-events: none; }

/* Central */
.car-central { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, .85fr); }
.car-central .col { display: grid; gap: var(--gap); min-height: 0; grid-template-rows: minmax(0, 1fr) auto; }
.car-fx .fx-teams { flex: 1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 6px; }
.car-fx .fx-team { display: grid; justify-items: center; gap: 4px; }
.car-fx .fx-team b { font: 800 26px/1 var(--c-display); letter-spacing: .02em; }
.car-fx .fx-vs { display: grid; justify-items: center; gap: 2px; color: var(--c-gold); font: 800 16px/1 var(--c-display); }
.car-fx .fx-vs svg { width: 22px; height: 22px; }
.car-fx .fx-foot { display: flex; align-items: center; gap: 8px; }
.car-fx .fx-foot small { flex: 1; min-width: 0; }
.car-fx .fx-acts { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 6px; }
.car-fx .car-empty svg { color: var(--c-gold); }
.car-offers { display: grid; gap: 6px; }
.car-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.car-strip .car-stat b { font-size: 15px; white-space: nowrap; }
.car-strip .car-stat.good b { color: var(--c-good); } .car-strip .car-stat.warn b { color: var(--c-warn); }
.car-list { display: grid; gap: 6px; align-content: start; }
.car-row-msg .t { min-width: 0; }
.car-row-msg b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.car-row-msg small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.car-goal .row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.car-goal .row b { font: 700 13px/1.2 var(--c-display); text-transform: uppercase; letter-spacing: .03em; }
.car-news { display: grid; gap: 9px; align-content: start; }
.car-news article { display: grid; gap: 3px; padding-bottom: 9px; border-bottom: 1px solid var(--c-line); }
.car-news article:last-child { border-bottom: 0; }
.car-news b { font: 700 13.5px/1.2 var(--c-display); }
.car-news small { color: var(--c-muted); font-size: var(--t-xs); }

/* Caixa */
.car-caixa { grid-template-columns: 270px minmax(0, 1fr); }
.car-msgs { display: grid; gap: 2px; padding: 6px; align-content: start; }
.car-msg { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 8px; align-items: center; min-height: 48px; padding: 6px 8px; border-radius: var(--r-md); text-align: left; width: 100%; }
.car-msg.on { background: var(--c-panel-2); box-shadow: inset 3px 0 0 var(--c-gold); }
.car-msg .ic { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--c-panel-3); }
.car-msg .ic svg { width: 15px; height: 15px; }
.car-msg .t { min-width: 0; }
.car-msg b { display: block; font: 700 12.5px/1.2 var(--c-display); text-transform: uppercase; letter-spacing: .03em; }
.car-msg small { display: block; color: var(--c-muted); font-size: var(--t-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.car-msg .w { display: grid; justify-items: end; gap: 4px; }
.car-msg em { font-style: normal; font-size: 10.5px; color: var(--c-dim); }
.car-msg .u { width: 8px; height: 8px; border-radius: 50%; background: var(--c-gold); }
.car-scene { gap: 10px; }
.car-scene p { margin: 0; color: #c9d0da; font-size: var(--t-md); max-width: 62ch; }
.car-scene .car-opts { margin-top: auto; }
.car-scene-body { display: flex; flex-direction: column; gap: 10px; flex: 1; }
.car-answer { margin-top: auto; display: grid; gap: 4px; padding: 10px 12px; border-radius: var(--r-md); background: #36d39912; border: 1px solid #36d39944; }
.car-answer b { font: 700 15px/1.2 var(--c-display); }
.car-answer span { color: #c9d0da; font-size: var(--t-md); }

/* Classificação */
.car-class { grid-template-rows: auto minmax(0, 1fr); }
.car-class > .car-panel, .car-class > .car-groups { min-height: 0; }
.car-std { --cols: 26px minmax(0, 1fr) 30px 30px 30px 40px 36px 6px; }
.car-std .pts { font: 800 15px/1 var(--c-display); color: var(--c-gold); }
.car-std .z { width: 4px; height: 22px; border-radius: 2px; }
.car-std .z.top { background: var(--c-gold); } .car-std .z.q { background: var(--c-good); } .car-std .z.q4 { background: #36d39966; } .car-std .z.out { background: transparent; }
.car-std .car-tr { min-height: 34px; }
.car-groups { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); min-height: 0; }
.car-scorers { --cols: 26px minmax(0, 1fr) 90px 44px; }
.car-scorers .pts { font: 800 15px/1 var(--c-display); color: var(--c-gold); }
.car-fixtures { display: grid; gap: 4px; align-content: start; }
.car-fx-line { display: grid; grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 40px; padding: 0 8px; border-radius: var(--r-md); background: var(--c-panel-2); font: 700 14px/1 var(--c-display); }
.car-fx-line.mine { box-shadow: inset 3px 0 0 var(--c-gold); }
.car-fx-line .h { display: flex; align-items: center; justify-content: flex-end; gap: 6px; } .car-fx-line .a { display: flex; align-items: center; gap: 6px; }
.car-fx-line .win { color: var(--c-gold); }
.car-fx-line .car-crest { width: 22px; height: 22px; }
.car-fx-line .s { display: grid; justify-items: center; font-size: 16px; font-variant-numeric: tabular-nums; }
.car-fx-line .s i { font-style: normal; color: var(--c-dim); margin: 0 4px; }
.car-fx-line .s small { font: 500 10px/1 var(--c-body); color: var(--c-muted); }
.car-po { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); }

/* Calendário */
.car-cal { grid-template-columns: minmax(0, 1fr) 230px; }
.car-month { flex: 1; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: auto; grid-auto-rows: minmax(0, 1fr); gap: 4px; min-height: 0; }
.car-month .wd { font: 700 10.5px/1 var(--c-display); letter-spacing: .08em; color: var(--c-dim); text-transform: uppercase; padding: 0 0 4px 4px; align-self: end; }
.car-month .cd { display: grid; grid-template-rows: auto 1fr; padding: 4px 5px; border-radius: 6px; background: var(--c-panel-2); min-height: 0; overflow: hidden; }
.car-month .cd.out { background: transparent; } .car-month .cd.past { opacity: .55; }
.car-month .cd > span { font: 700 12px/1 var(--c-display); color: var(--c-muted); font-variant-numeric: tabular-nums; }
.car-month .cd.today { box-shadow: inset 0 0 0 1px var(--c-gold); } .car-month .cd.today > span:first-child { color: var(--c-gold); }
.car-month .ev { align-self: end; height: 15px; border-radius: 3px; padding: 0 4px; font: 700 9.5px/15px var(--c-display); letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.car-month .ev.jogo { background: var(--c-gold); color: var(--c-gold-ink); } .car-month .ev.rodada { background: var(--c-panel-3); color: var(--c-muted); }
.car-month .ev.vit { background: #36d39926; color: var(--c-good); } .car-month .ev.der { background: #ff5b5b22; color: var(--c-bad); }
.car-agenda { display: grid; gap: 8px; align-content: start; min-height: 0; overflow-y: auto; scrollbar-width: none; }
.car-agenda .it { display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 8px; align-items: center; }
.car-agenda .it span { font: 800 12px/1.15 var(--c-display); color: var(--c-muted); text-transform: uppercase; }
.car-agenda .it b { font-weight: 500; font-size: var(--t-md); display: block; }
.car-agenda .it small { color: var(--c-muted); font-size: var(--t-xs); }
.car-agenda button.it { grid-template-columns: 66px minmax(0, 1fr) 16px; width: 100%; min-height: 44px; padding: 2px 6px 2px 0; text-align: left; border-radius: var(--r-sm); color: inherit; }   /* jogo da agenda: toca */
.car-agenda button.it:hover { background: var(--c-panel-2); } .car-agenda button.it .chev { width: 14px; height: 14px; color: var(--c-dim); }
.car-cal-acts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; margin-top: auto; }
.car-cal-acts .car-btn { min-width: 0; padding-inline: 10px; }

/* Finanças */
.car-fin { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(0, 1fr); }
.car-fin .car-big { white-space: nowrap; }
.car-fin-g { font: 700 10.5px/1 var(--c-display); font-style: normal; letter-spacing: .09em; text-transform: uppercase; color: var(--c-dim); margin: 6px 0 0; }
.car-fin-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--c-line); }
.car-fin-row:last-child { border-bottom: 0; }
.car-fin-row b { font: 700 15px/1.1 var(--c-display); white-space: nowrap; }
.car-fin-row small { display: block; color: var(--c-muted); font-size: var(--t-xs); }
.car-fin-row.sm b { font-size: 13px; }
.car-fin-row .pos { color: var(--c-good); } .car-fin-row .neg { color: var(--c-bad); }
.car-ledger { display: grid; align-content: start; }
.car-prize { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; font-size: var(--t-sm); }
.car-prize span { color: var(--c-muted); } .car-prize b { font: 700 14px/1.1 var(--c-display); text-align: right; }

/* Clube */
.car-clube { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); }
.car-hist { display: grid; align-content: start; }
.car-coaches { --cols: minmax(0, 1fr) 70px; }
.car-coaches .car-tr { min-height: 40px; }

/* Elenco e Perfil (Fase 5) */
.car-elenco { grid-template-rows: auto minmax(0, 1fr); }
.car-toolbar { display: flex; align-items: center; gap: 6px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.car-toolbar .sp { flex: 1; } .car-toolbar small { white-space: nowrap; } .car-toolbar > .car-chip { flex: none; }
.car-roster { --cols: 24px minmax(0, 1.7fr) 40px 66px 74px 46px 112px 62px 78px; }
.car-roster .car-tr > :nth-child(n+8) { white-space: nowrap; }
.car-roster .car-thead > :nth-child(6) { text-align: center; }
.car-roster .car-tr { min-height: 50px; }
.car-who small { display: flex; align-items: center; gap: 6px; margin-top: 3px; color: var(--c-muted); font-size: var(--t-xs); }
.car-cond { display: grid; grid-template-columns: minmax(0, 1fr) 32px; align-items: center; gap: 5px; }
.car-cond small { color: var(--c-muted); font-size: 11px; text-align: right; }
.car-mood { display: grid; place-items: center; color: var(--c-muted); } .car-mood svg { width: 20px; height: 20px; }
.car-mood.good { color: var(--c-good); } .car-mood.warn { color: var(--c-warn); }
.car-form i.mid { background: var(--c-muted); }
.car-strip button.car-stat { text-align: left; }
.car-perfil { grid-template-columns: 204px minmax(0, 1fr) minmax(0, 1fr); }
.car-ptabs { display: none; }
.car-id { align-items: center; text-align: center; background: linear-gradient(180deg, #1c2430, #0f131a 70%); }
.car-id .ph { position: relative; }
.car-id .car-face.xl { width: 88px; height: 88px; border: 3px solid var(--c-line-2); font-size: 26px; }
.car-id .ph > span:not(.car-face) { position: absolute; right: -4px; bottom: 0; min-width: 28px; height: 28px; padding: 0 6px; border-radius: 14px; background: var(--c-gold); color: var(--c-gold-ink); font: 800 14px/28px var(--c-display); }
.car-id .car-h { font-size: 19px; line-height: 1.05; }
.car-id .tags { display: flex; gap: 5px; justify-content: center; flex-wrap: wrap; }
.car-id-st { font-size: var(--t-xs); } .car-id-st.bad { color: var(--c-bad); } .car-id-st.warn { color: var(--c-warn); }
/* rótulo com a largura dele e o valor no resto, com reticências (no celular com fonte grande "Carreira" invadia o valor) */
.car-kv { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 5px 10px; width: 100%; margin: 0; text-align: left; font-size: var(--t-sm); }
.car-kv dt { color: var(--c-muted); white-space: nowrap; } .car-kv dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.car-id .car-kv { min-height: 0; overflow-y: auto; scrollbar-width: none; }
.car-sub { font: 700 10.5px/1.3 var(--c-display); letter-spacing: .08em; text-transform: uppercase; color: var(--c-dim); margin-bottom: -4px; }
.car-id-nav { margin-top: auto; display: flex; gap: 6px; width: 100%; } .car-id-nav .car-btn { flex: 1; }
.car-bignota { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.car-bignota b { font: 800 38px/.9 var(--c-display); color: var(--c-gold); font-variant-numeric: tabular-nums; } .car-bignota small { color: var(--c-muted); font-size: var(--t-sm); }
.car-attrs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; align-content: start; }
.car-attrs .attr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 8px; }
.car-attrs .attr span:first-child { font-size: var(--t-sm); color: var(--c-muted); }
.car-attrs .attr b { font: 800 16px/1 var(--c-display); font-variant-numeric: tabular-nums; }
.car-attrs .attr .car-meter { grid-column: 1 / -1; }
/* lista que rola por dentro: some suave na borda de baixo, e o fim sobe acima da sombra */
.car-nojogo-body { display: grid; gap: 10px; align-content: start; padding-bottom: 14px; }
.car-notas { display: flex; gap: 6px; }
.car-notas span { flex: 1; text-align: center; padding: 6px 0; border-radius: var(--r-md); background: var(--c-panel-2); }
.car-notas b { font: 800 17px/1 var(--c-display); font-variant-numeric: tabular-nums; } .car-notas .hi b { color: var(--c-good); } .car-notas .lo b { color: var(--c-warn); }
.car-season { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.car-season span { display: grid; gap: 3px; } .car-season b { font: 800 16px/1 var(--c-display); } .car-season small { color: var(--c-muted); font-size: var(--t-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.car-traits { display: flex; flex-wrap: wrap; gap: 6px; }
.car-meters { display: grid; gap: 8px; }
.car-meters .row { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 4px; font-size: var(--t-sm); color: var(--c-muted); } .car-meters .row b { color: var(--c-text); font-weight: 600; }
.car-acts { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: 6px; } .car-panel > .car-acts { flex: none; }   /* a área de rolagem acima não espreme os botões (44 px viravam 25) */
.car-term.stack { grid-template-columns: minmax(0, 1fr); } .car-term.stack .car-seg { width: 100%; } .car-term.stack .car-seg button { flex: 1; }
.car-dialog .car-opts button span { display: grid; gap: 2px; } .car-dialog .car-opts small { color: var(--c-muted); font-size: var(--t-xs); font-weight: 400; }
.car-dialog-foot { display: flex; justify-content: flex-end; }

/* Mercado e negociação (Fase 6) */
.car-mercado { grid-template-rows: auto auto minmax(0, 1fr); }
.car-window { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: var(--r-lg); background: var(--c-panel); border: 1px solid var(--c-line); min-width: 0; }
.car-window.on { background: linear-gradient(90deg, #48e4c21f, transparent 70%), var(--c-panel); border-color: #48e4c240; }
.car-window > div:first-child { display: grid; gap: 4px; min-width: 0; }
.car-window b { font: 800 16px/1 var(--c-display); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; } .car-window.on b { color: var(--c-card); }
.car-window small { color: var(--c-muted); font-size: var(--t-xs); white-space: nowrap; }
.car-mbox { margin-left: auto; display: flex; gap: 16px; }
.car-mbox div { display: grid; gap: 3px; text-align: right; } .car-mbox b { font: 800 15px/1 var(--c-display); white-space: nowrap; }
.car-mbox small { color: var(--c-muted); font: 700 10px/1 var(--c-display); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.car-mercado .car-toolbar .car-tabs { border-bottom: 0; flex: 0 1 auto; min-width: 0; }   /* as abas rolam no espaço delas; os seletores ao lado ficam à vista */
.car-mk { --cols: minmax(0, 1.7fr) 64px 78px 86px 62px 116px; }
.car-negs { --cols: minmax(0, 1.5fr) 84px minmax(0, 1.6fr) 56px; }
.car-mk .car-tr, .car-negs .car-tr { min-height: 50px; }
.car-crest.xs { width: 14px; height: 14px; }
.car-range { font: 700 13px/1 var(--c-display); color: var(--c-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.car-scouting { font-size: var(--t-xs); color: var(--c-card); white-space: nowrap; } .car-scouting.muted { color: var(--c-dim); }
.car-neg-st { display: grid; gap: 2px; min-width: 0; } .car-neg-st b { font-weight: 600; font-size: var(--t-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .car-neg-st small { color: var(--c-muted); font-size: var(--t-xs); }
.car-bignota b.fog { color: var(--c-muted); font-size: 30px; }
.car-nego { grid-template-columns: 196px minmax(0, 1fr) minmax(0, .9fr); }
.car-steps { display: flex; align-items: center; gap: 8px; }
.car-steps span { display: inline-flex; align-items: center; gap: 6px; font: 700 11.5px/1 var(--c-display); letter-spacing: .06em; text-transform: uppercase; color: var(--c-dim); }
.car-steps span i { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-style: normal; background: var(--c-panel-3); color: var(--c-muted); }
.car-steps span.on { color: var(--c-text); } .car-steps span.on i { background: var(--c-gold); color: var(--c-gold-ink); }
.car-steps em { flex: 1; height: 1px; background: var(--c-line-2); }
.car-nego-st { font: 700 13px/1.2 var(--c-display); letter-spacing: .03em; color: var(--c-gold); } .car-nego-st.dead { color: var(--c-bad); } .car-nego-st.done { color: var(--c-good); } .car-nego-st.wait { color: var(--c-muted); }
.car-offer { display: grid; gap: 6px; }
.car-offer .row { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; } .car-offer .row b { font: 800 19px/1 var(--c-display); white-space: nowrap; } .car-offer .row b.gold { color: var(--c-gold); }
.car-term { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--c-line); }
.car-term small { display: block; color: var(--c-muted); font-size: var(--t-xs); } .car-term b { font: 700 16px/1.1 var(--c-display); }
.car-step button.wide { width: auto; padding: 0 10px; font: 700 11px/1 var(--c-display); letter-spacing: .05em; text-transform: uppercase; }
.car-swaps { display: flex; flex-wrap: wrap; gap: 6px; }
.car-nego-body { display: grid; gap: 10px; align-content: start; flex: 1; }
.car-hist { display: grid; gap: 4px; align-content: start; font-size: var(--t-sm); }
.car-hist div { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 6px; } .car-hist small { color: var(--c-dim); }
.car-nego-acts { display: flex; gap: 6px; justify-content: flex-end; margin-top: auto; } .car-nego-acts .car-btn { flex: 1; }
.car-nego-side small.bad { color: var(--c-bad); }

/* Fase 6b: Central, ficha de clube, filtros, extras da negociação */
.fx-last { font: 700 11.5px/1 var(--c-display); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; } .fx-last.v { color: var(--c-good); } .fx-last.d { color: var(--c-bad); }
.car-fx .fx-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fx-quick { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; flex: none; } .fx-quick::-webkit-scrollbar { display: none; }
.fx-quick .car-chip { flex: none; }
.fx-quick .car-chip { min-height: 30px; padding: 0 10px; font-size: 11px; }
.car-crest.xxl { width: 84px; height: 84px; }
.car-time { grid-template-columns: 210px minmax(0, 1.25fr) minmax(0, 1fr); }
.car-time-squad { --cols: minmax(0, 1.6fr) 62px 74px; }
.car-time-squad .car-tr { min-height: 46px; }
.car-promise { color: var(--c-gold); font-size: var(--t-xs); }
.car-value { font-size: var(--t-xs); color: var(--c-warn); } .car-value.ok { color: var(--c-good); }
.car-filters { display: grid; gap: 12px; align-content: start; }
.car-filters .fg { display: grid; gap: 6px; } .car-filters .fg small { color: var(--c-muted); font: 700 10.5px/1.3 var(--c-display); letter-spacing: .08em; text-transform: uppercase; }
.car-sheet .car-sheet-foot .car-btn { flex: 1; }
.car-who small .car-tag { margin-left: 4px; height: 16px; }

/* Draft (Fase 7): proteção, sala ao vivo e 13º */
.car-check { width: 20px; height: 20px; border-radius: 5px; border: 2px solid var(--c-line-2); display: grid; place-items: center; color: var(--c-gold-ink); }
.car-check.on { background: var(--c-gold); border-color: var(--c-gold); } .car-check svg { width: 14px; height: 14px; }
.car-prot { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
.car-prot-list { --cols: 22px minmax(0, 1.6fr) 44px 46px 56px 50px; } .car-prot-list .car-tr { min-height: 50px; }
/* sem mask-image nas áreas de rolagem: no WebView do Android a máscara virava camada própria e a troca de tela deixava
   restos da tela anterior dentro do painel (pré-jogo, 01/10) */
.car-dr-body { display: grid; gap: 8px; align-content: start; flex: 1; padding-bottom: 14px; }
.car-up svg { width: 12px; height: 12px; } .car-up { gap: 3px; }
.car-poscount { display: flex; gap: 12px; flex-wrap: wrap; } .car-poscount > span { display: inline-flex; align-items: center; gap: 5px; } .car-poscount b { font: 800 15px/1 var(--c-display); }
.car-prot-side > .car-btn, .car-dr-side > .car-btn { flex: none; }
.car-draft { grid-template-columns: 216px minmax(0, 1.3fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
.car-draft > .car-dr-head, .car-d13 > .car-dr-head { grid-column: 1 / -1; }
.car-dr-head { gap: 8px; } .car-dr-head .car-btn { min-height: 36px; flex: none; } .car-dr-head .car-chip { flex: none; }
.car-dr-head .sp { flex: 1; }
.car-drtabs { display: none; border-bottom: 0; flex: none; }
.car-dr-last { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 4px 10px; border-radius: var(--r-md); background: var(--c-panel-2); }
.car-dr-last span { display: grid; gap: 2px; min-width: 0; } .car-dr-last small { color: var(--c-muted); font: 700 10px/1 var(--c-display); letter-spacing: .06em; text-transform: uppercase; }
.car-dr-last b { font: 700 13px/1.1 var(--c-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px; }
.car .car-crest.sm { width: 20px; height: 20px; }
.car-dr-list { position: relative; display: grid; gap: 2px; align-content: start; padding: 0 6px 8px; }
.car-dr-pick { display: grid; grid-template-columns: 20px 20px minmax(0, 1fr) auto; align-items: center; gap: 7px; min-height: 38px; padding: 3px 6px; border-radius: var(--r-md); }
.car-dr-pick .n { font: 800 12px/1 var(--c-display); color: var(--c-dim); text-align: right; }
.car-dr-pick .t { min-width: 0; } .car-dr-pick b { display: block; font: 600 12.5px/1.15 var(--c-display); color: var(--c-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.car-dr-pick.done b { color: var(--c-text); font-weight: 700; }
.car-dr-pick small { display: flex; align-items: center; gap: 5px; color: var(--c-muted); font-size: var(--t-xs); margin-top: 2px; }
.car-dr-pick.mine { background: #f3c46b10; } .car-dr-pick.mine .n { color: var(--c-gold); }
.car-dr-pick.cur { background: var(--c-panel-3); box-shadow: inset 3px 0 0 var(--c-gold); } .car-dr-pick.cur b { color: var(--c-gold); }
.car .car-chip.sm { min-height: 28px; padding: 0 8px; font-size: 10.5px; }
.car-dr-rank { grid-template-rows: auto auto minmax(0, 1fr); }
.car-dr-rank > .car-toolbar { padding: 8px 10px 4px; }
.car-dr-rank { --cols: 30px minmax(0, 1fr) 58px; } .car-dr-rank .car-tr { min-height: 48px; } .car-dr-rank .car-tr.off { opacity: .5; }
.car-dr-side { gap: 8px; }
.car-dr-sel { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.car-dr-sel b { display: block; font: 800 16px/1.05 var(--c-display); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.car-dr-sel small { display: flex; align-items: center; gap: 6px; color: var(--c-muted); font-size: var(--t-xs); margin-top: 4px; white-space: nowrap; }
.car .car-face.lg { width: 48px; height: 48px; border: 2px solid var(--c-line-2); }
.car-dr-sel .car-rating { font-size: 22px; } .car-dr-sel .car-range { font-size: 15px; }
.car-dr-offer { display: grid; gap: 8px; padding: 10px; border-radius: var(--r-md); background: #34a9ff14; border: 1px solid #34a9ff44; flex: none; }
.car-dr-offer p { margin: 0; font-size: var(--t-sm); color: #c9d0da; }
.car-dr-acts { display: flex; gap: 6px; flex: none; } .car-dr-acts .car-btn { flex: 1; min-width: 0; }
.car-d13 { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
.car-d13 > .car-dr-head { overflow-x: auto; scrollbar-width: none; }
.car-d13-list { --cols: minmax(0, 1.7fr) 64px 84px; } .car-d13-list .car-tr { min-height: 48px; }
.car-month .ev.draft { background: #f3c46b24; color: var(--c-gold); } .car-month .ev.janela { background: #48e4c220; color: var(--c-card); } .car-month .ev.renov { background: #34a9ff22; color: var(--c-pres); }
.car-reveal { animation: car-reveal .9s var(--ease); }
@keyframes car-reveal { 0% { background-color: #f3c46b55; transform: translateX(-6px); } 100% { transform: none; } }
/* tela estreita: até 760 px, ou até 900 px com a fonte grande do aparelho (classe posta pelo ui.js) */
  html.car-narrow .car-draft { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
  html.car-narrow .car-drtabs { display: flex; } html.car-narrow .car-dr-last { display: none; }
  html.car-narrow .car-month .ev { font-size: 8.5px; } html.car-narrow .car-dr-acts .car-btn { padding-inline: 8px; }
  html.car-narrow .car-draft[data-drtab="ranking"] .car-dr-ordem, html.car-narrow .car-draft[data-drtab="ordem"] .car-dr-rank { display: none; }
  html.car-narrow .car-prot-list { --cols: 22px minmax(0, 1.6fr) 40px 40px 52px; } html.car-narrow .car-prot-list .car-thead > :nth-child(6), html.car-narrow .car-prot-list .car-tr > :nth-child(6) { display: none; }
  html.car-narrow .car-d13-list { --cols: minmax(0, 1.7fr) 58px; } html.car-narrow .car-d13-list .car-thead > :nth-child(3), html.car-narrow .car-d13-list .car-tr > :nth-child(3) { display: none; }


/* Treino (Fase 8) */
.car-treino { grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
.car-treino > .tr-head { grid-column: 1 / -1; }
.tr-head > div:first-child { min-width: 0; } .tr-head small { overflow: hidden; text-overflow: ellipsis; }
.tr-week { padding: 8px; }
.tr-days { flex: 1; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; min-height: 0; }
.tr-day { display: grid; grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr); gap: 5px; min-height: 0; }
.tr-day .h { display: flex; align-items: baseline; justify-content: space-between; gap: 4px; padding: 0 3px; }
.tr-day .h b { font: 700 11px/1 var(--c-display); letter-spacing: .08em; text-transform: uppercase; color: var(--c-muted); }
.tr-day .h small { font: 800 13px/1 var(--c-display); color: var(--c-dim); font-variant-numeric: tabular-nums; }
.tr-day.today .h b, .tr-day.today .h small { color: var(--c-gold); }
.tr-slot { display: flex; flex-direction: column; justify-content: center; gap: 3px; min-height: 0; padding: 5px 6px; border-radius: var(--r-md); background: var(--c-panel-2); border: 1px solid var(--c-line); text-align: left; overflow: hidden; }
.tr-slot b { font: 700 12px/1.1 var(--c-display); letter-spacing: 0; }
.tr-slot small { font-size: 10px; color: var(--c-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tr-slot.auto { border-style: dashed; } .tr-slot.auto b { color: var(--c-muted); } .tr-slot.rest b { color: var(--c-dim); }
.tr-slot.cat-fisico { box-shadow: inset 3px 0 0 var(--c-good); } .tr-slot.cat-tecnico { box-shadow: inset 3px 0 0 var(--c-pres); } .tr-slot.cat-tatico { box-shadow: inset 3px 0 0 var(--c-gold); } .tr-slot.cat-recuperacao { box-shadow: inset 3px 0 0 var(--c-card); }
.tr-slot.on { border-color: var(--c-gold); background: #f3c46b14; }
.tr-slot.block { grid-row: span 2; background: transparent; border-style: dashed; align-items: center; text-align: center; }
.tr-slot.block.jogo { background: #f3c46b1a; border-color: #f3c46b66; } .tr-slot.block.jogo b { color: var(--c-gold); } .tr-slot.block b { color: var(--c-dim); }
.tr-slot.done { grid-row: span 2; opacity: .55; }
.tr-day.past .tr-slot { opacity: .5; }
.tr-gains { display: grid; gap: 5px; } .tr-gains .car-row { min-height: 40px; padding: 4px 8px; } .tr-gains .act { color: var(--c-good); }
.tr-edit .car-eyebrow { justify-content: flex-start; } .tr-edit .car-eyebrow .sp { flex: 1; }
.tr-slots button { min-height: 30px; min-width: 36px; padding: 0 10px; }
.tr-focos { gap: 5px; } .tr-focos .car-chip { min-height: 30px; padding: 0 10px 0 8px; font-size: 11px; }
.tr-focos .car-chip::before { content: ""; width: 3px; height: 14px; border-radius: 2px; background: var(--c-dim); }
.tr-focos .cat-fisico::before { background: var(--c-good); } .tr-focos .cat-tecnico::before { background: var(--c-pres); } .tr-focos .cat-tatico::before { background: var(--c-gold); } .tr-focos .cat-recuperacao::before { background: var(--c-card); }
.tr-edit .fg { display: grid; gap: 5px; } .tr-edit .fg small { color: var(--c-muted); font: 700 10.5px/1.4 var(--c-display); letter-spacing: .08em; text-transform: uppercase; }
.car-month .ev.treino { background: #36d39914; color: var(--c-good); } .car-month .ev.folga { background: transparent; color: var(--c-dim); }
/* tela estreita: até 760 px, ou até 900 px com a fonte grande do aparelho (classe posta pelo ui.js) */
  html.car-narrow .car-treino { grid-template-columns: minmax(0, 1fr); } html.car-narrow .car-treino .tr-side { display: none; }
  html.car-narrow .car-treino[data-tedit] .tr-week { display: none; } html.car-narrow .car-treino .tr-head .car-seg button { padding: 0 8px; }
  html.car-narrow .tr-days { gap: 4px; } html.car-narrow .tr-slot { padding: 4px 5px; } html.car-narrow .tr-slot b { font-size: 11.5px; }


/* Jornal (Fase 9) */
.ph { position: relative; display: grid; place-items: center; overflow: hidden; background: radial-gradient(120% 120% at 50% 0%, #1f2a3a 0%, #0c1016 70%); border-radius: var(--r-md); flex: none; }
.ph-frame > img, .ph-person > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ph-person > img { object-fit: contain; object-position: 50% 100%; }
.ph .ph-fb { position: absolute; inset: 0; display: grid; place-items: center; opacity: .5; }   /* reserva com o tamanho da caixa: sem foto do atleta, o escudo do clube aparece (era um ponto) */
.ph.ok .ph-fb { opacity: .14; }
.ph-frame:not(.ok) > img { visibility: hidden; }
.ph-crest { width: 46%; height: 46%; max-width: 84px; max-height: 84px; object-fit: contain; }
.ph-icon { display: grid; place-items: center; color: var(--c-dim); } .ph-icon svg { width: 60%; height: 60%; }
.ph-vs { grid-template-columns: 1fr auto 1fr; gap: 6px; padding: 0 8%; } .ph-vs i { font: 800 16px/1 var(--c-display); font-style: normal; color: var(--c-gold); } .ph-vs .ph-crest { width: 100%; height: 70%; max-height: 70px; }
.ph.sm { width: 64px; height: 46px; } .ph.sm .ph-crest { width: 30px; height: 30px; } .ph.sm.ph-vs { gap: 1px; padding: 0 3px; } .ph.sm.ph-vs .ph-crest { width: 22px; height: 22px; } .ph.sm.ph-vs i { font-size: 10px; }
.ph.lg { width: 100%; aspect-ratio: 16 / 9; max-height: 52%; }
.ph.xl { width: 100%; height: 100%; border-radius: 0; }
.car-jornal { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
.car-jornal > .jr-head, .car-jornal > .jr-empty { grid-column: 1 / -1; }
.jr-mast { font: 800 20px/1 var(--c-display) !important; letter-spacing: .08em !important; color: var(--c-text) !important; }
.jr-chips { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; min-width: 0; } .jr-chips .car-chip { flex: none; }
.jr-lead { text-align: left; gap: 8px; padding: 8px; }
.jr-lead-t { display: grid; gap: 4px; min-height: 0; overflow: hidden; }
.jr-lead-t em, .jr-item em { font: 700 10.5px/1.3 var(--c-display); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--c-gold); }
.jr-lead-t b { font: 800 19px/1.1 var(--c-display); text-transform: uppercase; letter-spacing: .01em; }
.jr-lead-t small { color: var(--c-muted); font-size: var(--t-sm); }
.jr-lead-t p { margin: 0; color: #c9d0da; font-size: var(--t-md); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.jr-item { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; padding: 8px 10px; border-top: 1px solid var(--c-line); text-align: left; }
.jr-item:first-child { border-top: 0; } .jr-item:active { background: var(--c-panel-2); }
.jr-item .t { display: grid; gap: 2px; min-width: 0; }
.jr-item b { font: 700 13.5px/1.2 var(--c-display); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jr-item small { color: var(--c-muted); font-size: var(--t-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jr-item.gossip em { color: var(--c-pres); }
.car-news .jr-item { padding: 6px 0; } .car-news { gap: 0; }
.car-materia { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.jr-photo { position: relative; }
.jr-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 12px 8px; background: linear-gradient(transparent, #050709e6 60%); color: #d6dce5; font-size: var(--t-xs); }
.jr-text { gap: 8px; }
.jr-clubs { display: flex; gap: 4px; } .jr-clubs button { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 6px; background: var(--c-panel-2); } .jr-clubs .car-crest.xs { width: 18px; height: 18px; }
.jr-h { margin: 0; font: 800 22px/1.08 var(--c-display); text-transform: uppercase; letter-spacing: .01em; text-wrap: balance; }
.jr-sub { margin: 0; color: var(--c-muted); font-size: var(--t-md); }
.jr-body { display: grid; gap: 10px; align-content: start; padding-bottom: 14px; }
.jr-body p { margin: 0; color: #d6dce5; font-size: var(--t-md); line-height: 1.5; max-width: 64ch; }
.jr-more { display: grid; }
/* tela estreita: até 760 px, ou até 900 px com a fonte grande do aparelho (classe posta pelo ui.js) */
  html.car-narrow .car-jornal { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  html.car-narrow .jr-lead-t b { font-size: 16px; } html.car-narrow .jr-lead-t p { -webkit-line-clamp: 2; } html.car-narrow .ph.lg { max-height: 46%; }
  html.car-narrow .jr-head .jr-mast { font-size: 16px !important; } html.car-narrow .jr-head small { display: none; }
  html.car-narrow .jr-h { font-size: 18px; } html.car-narrow .car-materia { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }


/* Partida (Fase 10): pré-jogo, Match Center, estatísticas */
.car-prejogo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr); grid-template-rows: auto minmax(0, 1fr); }
.car-prejogo > .pj-head, .car-mc > .pm-head { grid-column: 1 / -1; }
.pj-head { gap: 10px; } .pj-head .car-crest.sm { width: 30px; height: 30px; } .pj-head b { white-space: nowrap; } .pj-head > div { display: grid; gap: 3px; min-width: 0; }
.pj-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) 54px 34px; align-items: center; gap: 6px; } .pj-row b { font: 600 12.5px/1.2 var(--c-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pj-row small { font-size: var(--t-xs); text-align: right; color: var(--c-muted); }
.pj-form { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pj-opp > .car-btn { flex: none; }
.pj-opts button { min-height: 40px; } .pj-opts small { color: var(--c-muted); font-size: var(--t-xs); font-weight: 400; } .pj-opts span { display: grid; gap: 1px; }
.pj-done { display: grid; gap: 6px; } .pj-done b { font: 800 16px/1.1 var(--c-display); text-transform: uppercase; color: var(--c-gold); } .pj-done small { color: var(--c-muted); font-size: var(--t-xs); }
.pj-reac { display: flex; flex-wrap: wrap; gap: 4px; } .pj-reac span { font-size: 11px; padding: 2px 6px; border-radius: 4px; background: var(--c-panel-2); color: var(--c-muted); }
.pj-reac span.up { background: #36d39920; color: var(--c-good); } .pj-reac span.down { background: #ff5b5b20; color: var(--c-bad); }
.pj-talk .fx-acts { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 6px; flex: none; }
.car-mc { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
.pm-head { gap: 14px; justify-content: flex-start; } .pm-head .car-crest.xl { width: 44px; height: 44px; }
.pm-score { display: grid; gap: 2px; text-align: center; } .pm-score b { font: 800 30px/1 var(--c-display) !important; letter-spacing: .02em !important; color: var(--c-text) !important; } .pm-score small { white-space: nowrap; }
.pm-ev { display: grid; grid-template-columns: 30px 62px 16px minmax(0, 1fr); align-items: center; gap: 6px; padding: 5px 0; border-bottom: 1px solid var(--c-line); }
.pm-ev > span.num { font: 700 12px/1 var(--c-display); color: var(--c-muted); } .pm-ev em { font: 700 10px/1 var(--c-display); font-style: normal; letter-spacing: .06em; color: var(--c-dim); }
.pm-ev.goal em { color: var(--c-gold); } .pm-ev.card em { color: var(--c-warn); } .pm-ev.injury em { color: var(--c-bad); } .pm-ev.secret-card em { color: var(--c-card); }
.pm-ev .t { min-width: 0; display: grid; } .pm-ev b { font: 600 12.5px/1.2 var(--c-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pm-ev small { color: var(--c-muted); font-size: var(--t-xs); }
.pm-ev.mine b { color: var(--c-text); } .pm-ev:not(.mine) b { color: var(--c-muted); }
.pm-other { display: grid; grid-template-columns: 44px auto 44px minmax(0, 1fr); align-items: center; gap: 6px; font: 700 12px/1 var(--c-display); padding: 3px 0; } .pm-other span:nth-child(3) { text-align: left; } .pm-other small { color: var(--c-dim); font: 500 10px/1 var(--c-body); }
.pm-stats .car-eyebrow span:nth-child(2) { color: var(--c-dim); }
.pm-stat { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 8px; } .pm-stat > b { font: 800 15px/1 var(--c-display); } .pm-stat > b:last-child { text-align: right; }
.pm-stat > span { display: grid; gap: 4px; justify-items: center; } .pm-stat small { color: var(--c-muted); font-size: var(--t-xs); }
.pm-bar { position: relative; display: block; width: 100%; height: 5px; border-radius: 3px; background: #ff8d8d55; overflow: hidden; } .pm-bar em { position: absolute; inset: 0 auto 0 0; background: var(--c-gold); border-radius: 3px; }
.pm-mvp .car-face.lg { width: 40px; height: 40px; }
.pm-mvp { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; flex: none; padding: 6px 8px; border-radius: var(--r-md); background: #f3c46b12; border: 1px solid #f3c46b40; }
.pm-mvp em { font: 700 10px/1.2 var(--c-display); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--c-gold); } .pm-mvp b { display: block; font: 800 15px/1.1 var(--c-display); text-transform: uppercase; } .pm-mvp small { color: var(--c-muted); font-size: var(--t-xs); } .pm-mvp .car-rating { font-size: 22px; }
.pm-rate { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto 34px; align-items: center; gap: 6px; padding: 3px 0; } .pm-rate b { font: 600 12.5px/1.2 var(--c-display); color: var(--c-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pm-rate.mine b { color: var(--c-text); } .pm-rate small { color: var(--c-dim); font-size: var(--t-xs); } .pm-rate .car-rating { text-align: right; font-size: 14px; }
.pm-acts { display: grid; grid-template-columns: repeat(2, minmax(min-content, 1fr)); gap: 6px; flex: none; } .pm-acts [data-msg] { grid-column: 1 / -1; } .pm-acts .car-btn { white-space: normal; line-height: 1.1; text-align: center; }
.pm-tabs { display: none; } .pj-sum { display: none; } .pm-acts .car-btn { min-width: 0; min-height: 38px; padding-inline: 6px; font-size: 11.5px; } .pm-acts .car-btn.gold { min-height: 38px; }
.car-est { grid-template-rows: auto minmax(0, 1fr); }
.car-est .car-toolbar .car-tabs { border-bottom: 0; flex: 0 1 auto; min-width: 0; }   /* as abas rolam no espaço delas; os seletores ao lado ficam à vista */
.car-est-t { --cols: 26px minmax(0, 1.6fr) 72px minmax(0, 1fr); } .car-est-t .car-tr { min-height: 46px; } .est-sec { font-size: var(--t-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
button.fx-last { background: none; padding: 0 2px; min-height: 30px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: currentColor; }
/* tela estreita: até 760 px, ou até 900 px com a fonte grande do aparelho (classe posta pelo ui.js) */
  html.car-narrow .car-prejogo { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); } html.car-narrow .car-prejogo .pj-mine { display: none; }
  html.car-narrow .car-mc { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } html.car-narrow .pm-tabs { display: inline-flex; }
  html.car-narrow .car-mc[data-mctab="lances"] .pm-stats, html.car-narrow .car-mc[data-mctab="numeros"] .pm-tl { display: none; } html.car-narrow .pj-sum { display: block; }
  html.car-narrow .pm-score b { font-size: 24px !important; } html.car-narrow .pm-head .car-crest.xl { width: 34px; height: 34px; } html.car-narrow .pm-head small { display: none; }
  html.car-narrow .car-est-t { --cols: 22px minmax(0, 1.6fr) 60px; } html.car-narrow .car-est-t .car-thead > :nth-child(4), html.car-narrow .car-est-t .car-tr > :nth-child(4) { display: none; }


/* celular pequeno e colunas que somem */
/* tela estreita: até 760 px, ou até 900 px com a fonte grande do aparelho (classe posta pelo ui.js) */
  html.car-narrow .car-central { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } html.car-narrow .car-central .car-news-col { display: none; }
  html.car-narrow .car-caixa { grid-template-columns: 210px minmax(0, 1fr); }
  html.car-narrow .car-cal { grid-template-columns: minmax(0, 1fr) 180px; } html.car-narrow .car-month .cd { padding: 3px; } html.car-narrow .car-month .ev { padding: 0 2px; letter-spacing: 0; text-overflow: ellipsis; }
  html.car-narrow .car-fin { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } html.car-narrow .car-fin > :first-child { display: none; }
  html.car-narrow .car-clube { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } html.car-narrow .car-clube > :nth-child(2) { display: none; }
  html.car-narrow .car-roster { --cols: 20px minmax(0, 1.5fr) 34px 58px 62px 42px 98px; } html.car-narrow .car-roster .car-thead > :nth-child(n+8), html.car-narrow .car-roster .car-tr > :nth-child(n+8) { display: none; }
  html.car-narrow .car-mk { --cols: minmax(0, 1.5fr) 56px 78px 96px; } html.car-narrow .car-mk .car-thead > :nth-child(3), html.car-narrow .car-mk .car-tr > :nth-child(3), html.car-narrow .car-mk .car-thead > :nth-child(5), html.car-narrow .car-mk .car-tr > :nth-child(5) { display: none; }
  html.car-narrow .car-negs { --cols: minmax(0, 1.4fr) minmax(0, 1.4fr) 50px; } html.car-narrow .car-negs .car-thead > :nth-child(2), html.car-narrow .car-negs .car-tr > :nth-child(2) { display: none; }
  html.car-narrow .car-mbox div:nth-child(2) { display: none; } html.car-narrow .car-window b { font-size: 14px; }
  html.car-narrow .car-nego { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); } html.car-narrow .car-nego .car-id { display: none; }
  html.car-narrow .car-time { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } html.car-narrow .car-time .car-id { display: none; }
  html.car-narrow .car-perfil { grid-template-columns: 172px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  html.car-narrow .car-perfil .car-id { grid-row: 1 / 3; } html.car-narrow .car-ptabs { display: flex; }
  html.car-narrow .car-perfil[data-ptab="jogo"] .car-fund, html.car-narrow .car-perfil[data-ptab="fund"] .car-nojogo { display: none; }
  html.car-narrow .car-fx .fx-foot { flex-wrap: wrap; } html.car-narrow .car-strip .car-stat b { font-size: 14px; }
  html.car-narrow .car-fx .fx-foot small.muted { display: none; } html.car-narrow .car-fx.today .fx-quick { display: none; }   /* a data e o adversário já estão no cabeçalho do cartão */

/* matéria: atletas citados (toque abre o perfil, ou a ficha de mercado se for de outro clube) */
.jr-people { display: flex; flex-wrap: wrap; gap: 6px; } .jr-person { min-height: 38px; padding: 0 10px 0 4px; gap: 6px; } .jr-person .car-face { width: 28px; height: 28px; } .jr-person span { font-weight: 600; }
/* ---- Fase 12: fim de temporada, Hall da Fama e os anúncios */
.car-temporada { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
.car-temporada > .tp-head { grid-column: 1 / -1; gap: 12px; } .tp-head .tp-ic { color: var(--c-gold); display: grid; } .tp-head .tp-ic svg { width: 30px; height: 30px; }
.tp-head > div { display: grid; gap: 3px; min-width: 0; } .tp-head small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tp-head .car-btn { flex: none; }
.tp-champ { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; width: 100%; padding: 8px; border-radius: var(--r-md); background: var(--c-panel-2); text-align: left; }
.tp-champ.mine { box-shadow: inset 3px 0 0 var(--c-gold); } .tp-champ span { display: grid; gap: 2px; min-width: 0; }
.tp-champ em, .tp-award em { font: 700 10px/1.2 var(--c-display); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--c-gold); }
.tp-champ b { font: 800 calc(17px * var(--fs)) / 1.1 var(--c-display); text-transform: uppercase; } .tp-champ small, .tp-award small { color: var(--c-muted); font-size: var(--t-xs); }
.tp-camp { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 2px 8px; align-items: baseline; padding: 4px 0; border-bottom: 1px solid var(--c-line); }
.tp-camp span { font: 700 11px/1.2 var(--c-display); letter-spacing: .06em; text-transform: uppercase; color: var(--c-muted); } .tp-camp small { grid-column: 2; font-size: var(--t-xs); } .tp-camp small.good { color: var(--c-good); } .tp-camp small.bad { color: var(--c-bad); }
.tp-award { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; width: 100%; padding: 6px 8px; border-radius: var(--r-md); text-align: left; }
.tp-award + .tp-award { margin-top: 2px; } .tp-award:hover { background: var(--c-panel-2); } .tp-award.mine { background: #f3c46b12; box-shadow: inset 3px 0 0 var(--c-gold); }
.tp-award .car-face { width: 40px; height: 40px; } .tp-award span { display: grid; gap: 1px; min-width: 0; } .tp-award b { font: 700 calc(14px * var(--fs)) / 1.15 var(--c-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tp-award small { display: flex; align-items: center; gap: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tp-award.sm { width: auto; } .tp-award.sm .car-face { width: 32px; height: 32px; }
.tp-pitch { display: grid; gap: 6px; padding: 8px 4px; border-radius: var(--r-md); background: linear-gradient(180deg, #16301f55, #0f1a1455); }
.tp-line { display: flex; justify-content: center; gap: 6px; }
.tp-sel .car-dr-body { container: tpsel / size; padding-bottom: 0; }
.tp-list { display: none; gap: 1px; align-content: start; }
.tp-li { display: grid; grid-template-columns: 30px 24px minmax(0, 1fr) auto 28px; align-items: center; gap: 6px; min-height: 25px; padding: 0 4px; border-radius: var(--r-sm); text-align: left; transition: transform .1s var(--ease), background-color .12s; }
.tp-li .car-face { width: 24px; height: 24px; } .tp-li b { font: 700 calc(12px * var(--fs)) / 1.1 var(--c-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tp-li .num { text-align: right; font: 700 calc(12px * var(--fs)) / 1 var(--c-display); } .tp-li:active { transform: scale(.97); }
@media (hover: hover) { .tp-li:hover { background: var(--c-panel-2); } }
@container tpsel (max-height: 330px) { .tp-pitch { display: none; } .tp-list { display: grid; } }
@container tpsel (max-width: 240px) { .tp-li { grid-template-columns: 30px 22px minmax(0, 1fr) 26px; gap: 5px; } .tp-li .car-crest { display: none; } .tp-li .car-face { width: 22px; height: 22px; } }
.tp-spot { display: grid; justify-items: center; gap: 2px; width: 31%; min-width: 0; padding: 2px; border-radius: var(--r-sm); } .tp-spot:hover { background: var(--c-panel-2); }
.tp-spot .car-face { width: 34px; height: 34px; } .tp-spot b { max-width: 100%; font: 700 11px/1.15 var(--c-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tp-spot small { display: flex; align-items: center; gap: 3px; font-size: 10px; color: var(--c-muted); }
html.car-narrow .car-temporada { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); } html.car-narrow .car-temporada .tp-sel { display: none; } html.car-narrow .tp-head small { display: none; }
.car-historia { grid-template-rows: auto minmax(0, 1fr); } .car-historia .car-toolbar .car-tabs { border-bottom: 0; flex: 0 1 auto; min-width: 0; }
.hf-rank { --cols: 22px minmax(0, 1.4fr) 38px 38px 42px 34px 34px 34px 50px; } .hf-rank .num.gold { color: var(--c-gold); font-weight: 800; }
.hf-champs { --cols: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1.1fr); } .hf-ed { display: grid; } .hf-ed small { color: var(--c-muted); font-size: var(--t-xs); } .hf-vice { color: var(--c-muted); } .hf-art { font-size: var(--t-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hf-aw { display: flex; flex-wrap: wrap; gap: 4px 10px; } .hf-sel { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 6px 0 4px; } .hf-sel em { font: 700 10px/1 var(--c-display); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--c-muted); margin-right: 4px; }
.hf-sel .car-chip { min-height: 30px; padding: 0 8px 0 4px; font-size: 11px; gap: 4px; }
.hf-rec { --cols: 26px minmax(0, 1fr) 70px; grid-template-rows: auto auto minmax(0, 1fr); } .hf-rec-t { padding: 8px 10px 4px; }
html.car-narrow .hf-rank { --cols: 20px minmax(0, 1.4fr) 34px 34px 38px 32px 32px; } html.car-narrow .hf-rank .car-thead > :nth-child(n+8), html.car-narrow .hf-rank .car-tr > :nth-child(n+8) { display: none; }
html.car-narrow .hf-champs { --cols: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } html.car-narrow .hf-champs .car-thead > :nth-child(3), html.car-narrow .hf-champs .car-tr > :nth-child(3) { display: none; }
/* anúncio: cartão central com entrada curta (o título com o escudo grande; quem chega com a camisa) */
.car-anuncio { display: grid; justify-items: center; gap: 8px; text-align: center; width: min(400px, 86vw); padding-top: 22px; }
.car-anuncio > em { font: 800 12px/1 var(--c-display); font-style: normal; letter-spacing: .14em; text-transform: uppercase; color: var(--c-gold); }
.car-anuncio .car-h { text-wrap: balance; } .car-anuncio p { margin: 0; color: var(--c-text); } .car-anuncio > small { color: var(--c-muted); font-size: var(--t-xs); }
.car-anuncio .car-dialog-foot { width: 100%; justify-content: center; gap: 8px; margin-top: 4px; }
.an-titulo .an-ic { color: var(--c-gold); } .an-titulo .an-ic svg { width: 40px; height: 40px; } .an-titulo .car-crest.xl { width: 84px; height: 84px; animation: an-pop .55s var(--ease) both .1s; }
.an-face { position: relative; } .an-face .car-face { width: 84px; height: 84px; border: 3px solid var(--c-gold); animation: an-pop .5s var(--ease) both .05s; }
.an-face .car-crest { position: absolute; left: -6px; bottom: -2px; width: 30px; height: 30px; } .an-num { position: absolute; right: -8px; bottom: -2px; min-width: 30px; height: 30px; padding: 0 6px; border-radius: 15px; background: var(--c-gold); color: var(--c-gold-ink); font: 800 15px/30px var(--c-display); }
.an-sai .an-face .car-face { border-color: var(--c-line-2); }
@keyframes an-pop { from { transform: scale(.6); } 60% { transform: scale(1.06); } to { transform: none; } }
@media (max-height: 400px) { .car-anuncio { gap: 5px; padding-top: 14px; } .an-face .car-face, .an-titulo .car-crest.xl { width: 64px; height: 64px; } .an-titulo .an-ic svg { width: 30px; height: 30px; } }

/* ---- Fase 12: microinterações. Movimento só em transform (no WebView que trava no 1º quadro, nada some); ds.css zera tudo
   com "menos movimento" ligado */
.car-enter > :not(.car-reveal):not(.car-skel) { animation: car-rise .28s var(--ease) both; }
.car-enter > :nth-child(2) { animation-delay: .035s; } .car-enter > :nth-child(3) { animation-delay: .07s; } .car-enter > :nth-child(4) { animation-delay: .1s; }
@keyframes car-rise { from { transform: translateY(10px); } }
.car-enter .pm-bar em, .car-enter .car-meter > i { animation: pm-grow .7s var(--ease) both .15s; transform-origin: left center; }
@keyframes pm-grow { from { transform: scaleX(0); } }
.counting { color: var(--c-gold); transition: color .3s; }
.car-chip:active, .jr-item:active, .car-msg:active, .tp-award:active, .tp-spot:active, .tp-champ:active, .car-menu-item:active, .car-agenda button.it:active, button.fx-last:active, button.car-stat:active { transform: scale(.97); }
.car-chip, .jr-item, .car-msg, .tp-award, .tp-spot, .tp-champ, button.car-stat { transition: transform .1s var(--ease), background-color .12s; }
@media (hover: hover) { .car-chip:hover:not(.on):not(:disabled) { background: var(--c-panel-3); } .jr-item:hover, .car-msg:hover:not(.on) { background: var(--c-panel-2); } button.car-stat:hover { background: var(--c-panel-3); } }
/* desktop: o que é clicável responde ao mouse (no toque, :active já faz o papel) */
@media (hover: hover) {
  .car-rail button:hover:not(.on), .car-inbox:hover { background: var(--c-panel); color: var(--c-text); }
  .car-tabs button:hover:not(.on), .car-seg button:hover:not(.on) { color: var(--c-text); }
  button.car-tr:hover:not(.sel):not(.off) { background: var(--c-panel-2); } .car-row:hover { background: var(--c-panel-3); }
  .car-btn:hover:not(:disabled):not(.gold):not(.danger) { background: var(--c-line-2); } .car-btn.ghost:hover:not(:disabled) { background: var(--c-panel-2); border-color: var(--c-dim); }
  .car-btn.gold:hover:not(:disabled), .car-go:hover:not([disabled]) { background: var(--c-gold-2); } .car-btn.danger:hover:not(:disabled) { background: #ff5b5b14; }
}
/* tabela: quem subiu e quem desceu */
.car-std { --cols: 40px minmax(0, 1fr) 30px 30px 30px 40px 36px 6px; }
.car-std .pos { display: inline-flex; align-items: center; gap: 3px; } .mv { display: inline-flex; align-items: center; gap: 2px; font: 700 9px/1 var(--c-display); font-style: normal; }
.mv::before { content: ''; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; } .mv.up { color: var(--c-good); } .mv.up::before { border-bottom: 5px solid currentColor; } .mv.down { color: var(--c-bad); } .mv.down::before { border-top: 5px solid currentColor; }
.car-enter .car-tr.moved { animation: car-reveal .9s var(--ease) both .2s; }
/* jornal: o que chegou desde a última visita */
.jr-new { display: inline-block; margin-right: 6px; padding: 1px 5px; border-radius: 4px; background: var(--c-gold); color: var(--c-gold-ink); font: 800 9px/1.3 var(--c-display); font-style: normal; letter-spacing: .06em; text-transform: uppercase; vertical-align: 1px; }
/* na coluna estreita de notícias da Central o selo vira ponto (o mesmo sinal do não lido da Caixa) e o rótulo fica numa linha */
.car-news .jr-item em { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.car-news .jr-new { width: 7px; height: 7px; padding: 0; margin-right: 7px; border-radius: 50%; font-size: 0; line-height: 0; vertical-align: middle; position: relative; top: -1px; }
/* Avançar trabalhando (a simulação dos dias leva um instante no celular) */
.car-go.busy, .car-go.busy[disabled] { pointer-events: none; background: var(--c-gold); color: var(--c-gold-ink); box-shadow: 0 4px 14px #0008; }
.car-go.busy svg { animation: go-nudge .6s var(--ease) infinite; }
@keyframes go-nudge { 0%, 100% { transform: skew(8deg) translateX(0); } 50% { transform: skew(8deg) translateX(5px); } }
/* confirmação (ação que desfaz algo) */
.car-confirm { width: min(380px, 86vw); } .car-confirm p { margin: 0; color: var(--c-muted); } .car-confirm .car-dialog-foot { gap: 8px; }
.car-btn.danger:active { background: #ff5b5b1f; }

/* ---- Fase 13: Try-out (partidas do dia à esquerda; times e destaques à direita, com nota do Try-out e nota real ou faixa) */
.car-tryout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); grid-template-rows: auto minmax(0, 1fr); gap: var(--s4); }
.car-tryout > .to-head { grid-column: 1 / -1; } .to-head .car-tag { flex: none; }
.to-games, .to-squad { display: flex; flex-direction: column; min-height: 0; }
.to-list { display: grid; gap: 6px; align-content: start; padding: 0 var(--s3) var(--s3); }
.to-list .car-sub { margin: 6px 0 0; }
.to-game { display: grid; gap: 5px; padding: 8px 10px; border-radius: var(--r-md); background: var(--c-panel-2); }
.to-game.today { box-shadow: inset 0 0 0 1px #f3c46b88; }
.to-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; }
.to-vs b { font: 800 calc(13px * var(--fs)) / 1.1 var(--c-display); text-transform: uppercase; white-space: nowrap; } .to-vs b:last-child { text-align: right; }
.to-vs .num { font: 800 calc(16px * var(--fs)) / 1 var(--c-display); color: var(--c-gold); }
.to-game small { color: var(--c-muted); font-size: var(--t-xs); }
.to-acts { display: flex; gap: 6px; } .to-acts .car-btn { flex: 1; min-height: 36px; padding: 0 10px; }
.to-squad { --cols: minmax(0, 1fr) 52px 66px; }
.to-squad .to-tabs { padding: 8px var(--s4); gap: 6px; }
.to-row { min-height: 50px; }
.to-row small { display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.car-narrow .car-tryout { grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); } html.car-narrow .to-head small { display: none; }
.car-month .ev.tryout { background: #f3c46b26; color: var(--c-gold); }

/* ---- Fase 11: celular em pé no navegador (o APK é sempre deitado; decisão 1 do dono: nada de gestão em pé). A Carreira pede para
   girar, como a partida (em 412 px de largura o arranjo deitado cortava os textos) */
.car-rotate { display: none; }
html.phone.portrait .car-rotate { position: fixed; inset: 0; z-index: 60; display: grid; place-content: center; justify-items: center; gap: 10px; padding: 24px; text-align: center; background: #060a14f7; }
.car-rotate svg { width: 64px; height: 64px; fill: none; stroke: #9fb4ff; stroke-width: 1.6; stroke-linecap: round; animation: rotate-phone 2s ease-in-out infinite; }
.car-rotate strong { font: 800 21px/1.1 var(--c-display); letter-spacing: .02em; text-transform: uppercase; } .car-rotate span { font-size: 13px; color: var(--c-muted); }
@media (prefers-reduced-motion: reduce) { .car-rotate svg { animation: none; transform: rotate(-90deg); } }
/* ---- Fase 11: menu ⋯ (mais ações). Fileira com data-fit: o que não cabe vai para o menu (ui.js fitRows); itens são os mesmos botões */
[data-fit] > [hidden] { display: none !important; }
.car-more-btn { flex: none; gap: 3px; min-width: 40px; justify-content: center; padding: 0 10px; } .car-more-btn i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.car-more-btn[aria-expanded="true"] { background: var(--c-panel-3); border-color: var(--c-line-2); }
.car-menu-layer { position: fixed; inset: 0; z-index: 45; }
.car-menu { position: fixed; min-width: 190px; max-width: min(300px, 90vw); display: grid; gap: 2px; align-content: start; padding: 6px; overflow-y: auto; overscroll-behavior: contain;
  border-radius: var(--r-md); background: var(--c-panel-2); border: 1px solid var(--c-line-2); box-shadow: 0 14px 40px #000b; animation: car-menu-in .14s var(--ease); }
.car-menu-item { display: flex; align-items: center; gap: var(--s2); width: 100%; min-height: 44px; padding: 0 12px; border-radius: var(--r-sm); text-align: left; color: var(--c-text);
  font: 700 calc(var(--d-sm) * var(--fs)) / 1.2 var(--c-display); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.car-menu-item:hover:not(:disabled), .car-menu-item:focus-visible { background: var(--c-panel-3); } .car-menu-item:disabled { opacity: .5; } .car-menu-item i { font-style: normal; color: var(--c-muted); }
@keyframes car-menu-in { from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .car-menu { animation: none; } }
/* Perfil em tela baixa: as ações numa fileira só (Conversar fica); o resto vai para o ⋯ e a ficha ganha a altura de volta */
@media (max-height: 460px) { .car-acts[data-fit] { display: flex; gap: 6px; overflow: hidden; } .car-acts[data-fit] > * { flex: 1 0 auto; } }
/* dia de jogo em tela baixa (celular deitado, fonte grande): Simular/Comandar/Jogar precisam caber. Os atalhos repetem o
   Jogar (que abre o pré-jogo enquanto a preleção não foi feita) e rodada/técnico estão na barra e no pré-jogo */
@media (max-height: 460px) {
  .car-fx.today .fx-quick, .car-fx.today .fx-foot small.muted { display: none; }
  .car-fx.today .fx-team > small.muted { display: none; }   /* a posição está na barra (a sua) e no pré-jogo (a dele); no dia de jogo os botões encostavam no pé do cartão */
  /* fora do dia de jogo também: rodada e técnico saem (a rodada está na barra; o técnico, no adversário) e o cartão aperta o
     espaço entre as fileiras; os atalhos que não cabem vão para o ⋯ (com a fonte grande o cartão passava 49 px da altura) */
  .car-fx.fx-next { gap: 6px; } .car-fx.fx-next .fx-foot small.muted { display: none; } .car-fx.fx-next .fx-foot:empty { display: none; }
}
@media (max-height: 380px) {
  .car .car-crest.xl { width: 46px; height: 46px; } .car-fx .fx-team b { font-size: 22px; }
  .car-id .car-face.xl { width: 62px; height: 62px; } .car-id { gap: var(--s2); } .car-kv { gap: 3px 8px; }
}

/* Ações de negociação: todas cabem na coluna, inclusive com fonte ampliada. */
.car-nego-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; justify-content: stretch; flex-shrink: 0; }
.car-nego-acts .car-btn { min-width: 0; width: 100%; padding: 8px; white-space: normal; overflow-wrap: anywhere; line-height: 1.15; }
.car-nego-acts .car-btn:last-child:nth-child(3) { grid-column: 1 / -1; }
.car-nego-mid { min-width: 0; }
html.car-narrow .car-nego { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
.fx-acts .car-btn { min-width: 0; padding-inline: 8px; }
.pj-talk [data-tactics] { min-height: 44px; min-width: 76px; }
.car-nego-acts .car-btn { min-height: 44px; }

/* Auditoria mobile: ações e seletores mantêm área de toque integral. */
.car .car-btn, .car .car-btn.sm, .car .car-opts button, .car .car-chip, .car .car-tabs button, .car .car-seg button, .car .car-step button { min-height: 44px; }
.car .car-btn.sm, .car .car-step button, .car .car-seg button { min-width: 44px; }
.car .car-btn.sm { width: 44px; }
.car .car-chip.sm { min-height: 44px; }
.car .car-more-btn { min-width: 44px; }
.car .car-chip { min-width: 44px; }