/* Kit Comercial dos parceiros (/parceiros/kit/, v1.51). Tokens do tema preto executivo; sem cor nem fonte nova. */
.kit-page svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round }
.kit-chips { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px }
.kit-chips li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--line-exec); border-radius: 999px; color: var(--on-dark); font-size: 14px }
.kit-chips svg { width: 18px; height: 18px; color: var(--cyan) }

.kit-gatecard { max-width: 760px }
.kit-lock { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 8px; font-family: var(--f-mono); font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: var(--cyan) }
.kit-lock svg { width: 18px; height: 18px }
.kit-gate-sub, .kit-terms { color: var(--on-dark-soft); font-size: 14px; line-height: 1.55; max-width: 64ch }
.kit-terms { margin: 14px 0 }
.kit-alt { margin: 16px 0 0; font-size: 14px }

.kit-tabs { position: sticky; top: 64px; z-index: 5; background: var(--bg-0, #05070A); border-bottom: 1px solid var(--line-exec) }
.kit-tabs .container { display: flex; align-items: center; gap: 6px; overflow-x: auto; padding-top: 10px; padding-bottom: 10px }
.kit-tabs a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; color: var(--on-dark-soft); text-decoration: none; font-size: 14px; white-space: nowrap; min-height: 40px }
.kit-tabs a:hover, .kit-tabs a:focus-visible { color: var(--on-dark); background: var(--bg-2) }
.kit-tabs svg { width: 18px; height: 18px; color: var(--cyan) }
.kit-who { margin-left: auto; font-size: 13px; color: var(--on-dark-mut); white-space: nowrap }

.kit-sec { scroll-margin-top: 130px }
.kit-sec.kit-alt { background: var(--bg-1) }
.kit-sec h2 { font-family: var(--f-display); font-size: clamp(24px, 3vw, 34px); line-height: 1.2; margin: 0 0 10px; color: var(--on-dark) }
.kit-sec p { color: var(--on-dark-soft); max-width: 70ch }
.kit-k { margin: 0 0 8px; font-family: var(--f-mono); font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: var(--cyan) !important }
.kit-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px }
.kit-lang { display: inline-flex; border: 1px solid var(--line-exec); border-radius: 999px; padding: 3px }
.kit-lang button { font: 600 13px/1 var(--f-body); color: var(--on-dark-soft); background: transparent; border: 0; border-radius: 999px; padding: 9px 16px; cursor: pointer; min-height: 40px }
.kit-lang button[aria-pressed="true"] { background: var(--cyan); color: #04121d }
.kit-lang button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px }

.kit-viewer { border: 1px solid var(--line-exec); border-radius: var(--radius); background: #08142A; overflow: hidden; outline: none }
.kit-viewer:focus-visible { border-color: var(--cyan) }
.kit-stage { aspect-ratio: 16 / 9; background: #08142A }
.kit-stage img { display: block; width: 100%; height: 100%; object-fit: contain; cursor: pointer }
.kit-ctrl { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--line-exec); background: var(--bg-2) }
.kit-ctrl button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; border: 1px solid var(--line-exec); border-radius: 999px; background: transparent; color: var(--on-dark); cursor: pointer; font: 500 14px/1 var(--f-body) }
.kit-ctrl button:hover, .kit-ctrl button:focus-visible { border-color: var(--cyan) }
.kit-ctrl svg { width: 20px; height: 20px }
.kit-count { font-family: var(--f-mono); font-size: 14px; color: var(--on-dark-soft); min-width: 64px; text-align: center }
.kit-full { margin-left: auto; padding: 0 16px }
.kit-viewer:fullscreen { border: 0; border-radius: 0; display: flex; flex-direction: column; background: #000 }
.kit-viewer:fullscreen .kit-stage { flex: 1; aspect-ratio: auto; background: #000 }
.kit-viewer:fullscreen .kit-ctrl { background: #000; border-top-color: #111 }
.kit-viewer:-webkit-full-screen { border: 0; border-radius: 0; display: flex; flex-direction: column; background: #000; width: 100%; height: 100% }
.kit-viewer:-webkit-full-screen .kit-stage { flex: 1; aspect-ratio: auto; background: #000 }
/* modo próprio (iPhone, onde o Safari não tem tela cheia para elementos) */
.kit-viewer.kit-max { position: fixed; inset: 0; z-index: 1000; border: 0; border-radius: 0; display: flex; flex-direction: column; background: #000;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) }
.kit-viewer.kit-max .kit-stage { flex: 1; min-height: 0; aspect-ratio: auto; background: #000; display: flex; align-items: center }
.kit-viewer.kit-max .kit-ctrl { background: #000; border-top-color: #111 }
html.kit-max-on, html.kit-max-on body { overflow: hidden }
.kit-gire { display: none }
@media (orientation: portrait) { .kit-viewer.kit-max .kit-gire { display: block; margin: 0; padding: 14px 16px; text-align: center; font-size: 14px; color: var(--on-dark-soft) } }
.kit-full[aria-pressed="true"] { border-color: var(--cyan) }

.kit-thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 12px 2px 6px; scroll-snap-type: x proximity }
.kit-thumbs button { position: relative; flex: 0 0 152px; padding: 0; border: 2px solid transparent; border-radius: 8px; background: transparent; cursor: pointer; scroll-snap-align: start; overflow: hidden }
.kit-thumbs button[aria-current="true"] { border-color: var(--cyan) }
.kit-thumbs button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px }
.kit-thumbs img { display: block; width: 100%; height: auto; border-radius: 6px }
.kit-thumbs span { position: absolute; left: 6px; bottom: 6px; font: 600 11px/1 var(--f-mono); color: #fff; background: rgba(0,0,0,.6); border-radius: 4px; padding: 3px 5px }

.kit-dls { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0 }
.kit-dl { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 16px; border: 1px solid var(--line-exec); border-radius: 999px; color: var(--on-dark); text-decoration: none; font-weight: 500; font-size: 14px }
.kit-dl:hover, .kit-dl:focus-visible { border-color: var(--cyan) }
.kit-dl svg { width: 18px; height: 18px; color: var(--cyan) }
.kit-dl[hidden] { display: none }
.kit-note { margin-top: 12px; font-size: 13.5px }

.kit-two { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 40px; align-items: center }
.kit-one { margin: 0; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line-exec); background: #fff }
.kit-one img { display: block; width: 100%; height: auto }
#marca .kit-two { grid-template-columns: minmax(0, 1fr) minmax(0, 360px) }
.kit-sw { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: stretch }
.kit-sw span { display: flex; align-items: flex-end; min-height: 72px; padding: 10px; border-radius: 12px; background: var(--c); color: #fff; font: 500 12px/1 var(--f-mono); border: 1px solid var(--line-exec) }
.kit-sw img { grid-column: 1 / -1; justify-self: center; width: 80px; height: 80px }

.kit-video { aspect-ratio: 16 / 9; border: 1px solid var(--line-exec); border-radius: var(--radius); overflow: hidden; background: #08142A; display: flex; align-items: center; justify-content: center }
.kit-video video { width: 100%; height: 100%; display: block; background: #000 }
.kit-soon { margin: 0; padding: 24px; text-align: center; color: var(--on-dark-soft) }
.kit-prods { margin-top: 44px }
.kit-prods h3 { margin: 0 0 6px; font-family: var(--f-display); color: var(--on-dark) }
.kit-prods > p { margin: 0 0 18px; color: var(--on-dark-soft); max-width: 720px }
.kit-prods[hidden] { display: none }
.kit-pgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 18px }
.kit-pcard { border: 1px solid var(--line-exec); border-radius: var(--radius); background: var(--bg-2); overflow: hidden }
.kit-pcard .kit-video { border: 0; border-radius: 0 }
.kit-pinfo { padding: 14px 16px 16px }
.kit-pinfo h4 { margin: 0; font-family: var(--f-display); color: var(--on-dark); font-size: 17px }
.kit-pdur { margin: 4px 0 0; font-size: 13.5px; color: var(--on-dark-soft) }
.kit-pdur a { color: var(--cyan) }
.kit-pinfo .kit-dls { margin-top: 12px }

.kit-steps { list-style: none; counter-reset: k; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px }
.kit-steps li { counter-increment: k; display: grid; gap: 6px; padding: 18px; border: 1px solid var(--line-exec); border-radius: var(--radius); background: var(--bg-2) }
.kit-steps li::before { content: counter(k); font: 600 13px/1 var(--f-mono); color: var(--cyan) }
.kit-steps b { font-family: var(--f-display); color: var(--on-dark) }
.kit-steps span { color: var(--on-dark-soft); font-size: 14px; line-height: 1.5 }
.kit-reg { margin: 18px 0 0 }

@media (max-width: 860px) {
  .kit-two, #marca .kit-two { grid-template-columns: 1fr; gap: 22px }
  .kit-one { max-width: 420px }
  .kit-steps { grid-template-columns: 1fr }
  .kit-tabs { top: 56px }
}
@media (max-width: 560px) {
  .kit-full span { display: none }
  .kit-thumbs button { flex-basis: 120px }
  .kit-dl { width: 100%; justify-content: center }
  .kit-who { display: none }
}

/* revista de mesa (v1.52) */
.kit-rev-main { aspect-ratio: 2200 / 1555; background: #05070A; display: flex; align-items: center; justify-content: center }
.kit-rev-main img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; cursor: pointer }
.kit-rev-viewer:fullscreen .kit-rev-main, .kit-rev-viewer:-webkit-full-screen .kit-rev-main, .kit-rev-viewer.kit-max .kit-rev-main { justify-content: center; min-height: 0 }
.kit-rev-thumbs button { flex-basis: 132px }
.kit-rev-thumbs button img { aspect-ratio: 2200 / 1555; object-fit: contain; background: #05070A; width: 100%; height: auto }

/* revista preenchível (R52): campos sobre a folha, ações, lista no celular e diálogo de envio */
.kit-rev-main { position: relative }
.kit-rev-on .kit-rev-main img { cursor: default }
.kit-rev-campos { position: absolute; left: 0; top: 0; pointer-events: none }
.kit-rev-f { position: absolute; box-sizing: border-box; margin: 0; padding: 0 .45em; border: 0; border-radius: 3px; background: transparent; color: #0B1B2E;
  font-family: 'IBM Plex Sans', var(--f-body), Arial, sans-serif; font-weight: 700; line-height: 1.15; pointer-events: auto; outline: none;
  box-shadow: inset 0 0 0 1.5px rgba(52,195,240,.55) }
textarea.kit-rev-f { resize: none; overflow: hidden; padding-top: .25em; padding-bottom: 0 }
.kit-rev-f:hover { box-shadow: inset 0 0 0 2px rgba(52,195,240,.85) }
.kit-rev-f:focus { box-shadow: 0 0 0 3px var(--cyan), 0 0 0 6px rgba(52,195,240,.3) }
.kit-rev-cb { -webkit-appearance: none; appearance: none; padding: 0; cursor: pointer }
.kit-rev-cb:checked { background: center / 92% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.6 1.6l6.8 6.8M8.4 1.6L1.6 8.4' stroke='%230B1B2E' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") }
/* R52b: campos calculados (azul-claro + selo "auto"); some quando o vendedor digita por cima */
.kit-rev-f.kit-rev-auto { background: rgba(219,238,252,.96); box-shadow: inset 0 0 0 1.5px rgba(28,127,196,.75) }
.kit-rev-selo { position: absolute; z-index: 1; transform: translate(-100%, -58%); padding: 1px 5px; border-radius: 4px; background: #1C7FC4; color: #fff;
  font: 700 10px/1.25 var(--f-mono), monospace; letter-spacing: .04em; text-transform: uppercase; pointer-events: none }
.kit-rev-selo[hidden] { display: none }
/* selo "auto" na folha some só no celular (no desktop a folha fica menor ao lado do painel, mas o selo ainda cabe) */
@media (max-width: 760px) { .kit-rev-campos.mini .kit-rev-selo { display: none } }
.kit-rev-calc { display: flex; align-items: center; gap: 8px }
.kit-rev-calc-sw { flex: none; width: 18px; height: 12px; border-radius: 3px; background: rgb(219,238,252); box-shadow: inset 0 0 0 1.5px #1C7FC4 }
.kit-rev-campos.mini .kit-rev-f { cursor: pointer; box-shadow: inset 0 0 0 1px rgba(52,195,240,.95) }
.kit-rev-campos[hidden], .kit-rev-acoes[hidden], .kit-rev-lista[hidden], .kit-rev-link[hidden] { display: none }
.kit-ctrl .kit-rev-fillbt { margin-left: auto; padding: 0 16px }
.kit-ctrl .kit-rev-fillbt + .kit-full { margin-left: 0 }
.kit-ctrl .kit-rev-fillbt[aria-pressed="true"] { background: var(--cyan); border-color: var(--cyan); color: #04121d }
.kit-rev-acoes { display: grid; gap: 10px; padding: 12px 14px; border-top: 1px solid var(--line-exec); background: var(--bg-2) }
.kit-rev-dica, .kit-rev-st { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--on-dark-soft) }
.kit-rev-st:empty { display: none }
.kit-rev-st.err { color: #ff9ea2 }
.kit-rev-bts { display: flex; flex-wrap: wrap; gap: 8px }
.kit-rev-bt { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid var(--line-exec); border-radius: 999px;
  background: transparent; color: var(--on-dark); font: 500 14px/1.2 var(--f-body); cursor: pointer }
.kit-rev-bt:hover, .kit-rev-bt:focus-visible { border-color: var(--cyan); outline: none }
.kit-rev-bt:focus-visible { box-shadow: 0 0 0 2px var(--cyan) }
.kit-rev-bt[disabled] { opacity: .6; cursor: progress }
.kit-rev-bt svg { width: 18px; height: 18px; color: var(--cyan) }
.kit-rev-bt-p { background: var(--cyan); border-color: var(--cyan); color: #04121d; font-weight: 600 }
.kit-rev-bt-p svg { color: #04121d }
.kit-rev-link { display: flex; gap: 8px }
.kit-rev-link input { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,.18); background: var(--bg-0); color: var(--on-dark); font: 13.5px var(--f-mono) }
.kit-rev-link input:focus { outline: 2px solid var(--cyan); outline-offset: 1px }
.kit-rev-lista { padding: 12px 14px; border-top: 1px solid var(--line-exec); background: var(--bg-1); max-height: 46vh; overflow: auto }
.kit-rev-lista-t { margin: 0 0 10px; font: 600 12px/1.2 var(--f-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--cyan) !important }
.kit-rev-li { display: grid; gap: 6px; margin-bottom: 12px }
.kit-rev-li label { font-size: 14px; color: var(--on-dark-soft) }
.kit-rev-li input[type="text"], .kit-rev-li textarea { width: 100%; min-height: 44px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,.18); background: #fff; color: #0B1B2E; font: 700 17px var(--f-body) }
.kit-rev-li input.kit-rev-auto, .kit-rev-li textarea.kit-rev-auto { background: rgb(219,238,252); border-color: #1C7FC4 }
.kit-rev-li .kit-rev-selo { position: static; display: inline-block; transform: none; vertical-align: 1px }
.kit-rev-li .kit-rev-selo[hidden] { display: none }
.kit-rev-li textarea { min-height: 72px; resize: vertical }
.kit-rev-li.m { grid-template-columns: 28px 1fr; align-items: center }
.kit-rev-li.m input { width: 24px; height: 24px; margin: 0; accent-color: var(--cyan) }
.kit-rev-li input:focus, .kit-rev-li textarea:focus { outline: 2px solid var(--cyan); outline-offset: 1px }
.kit-rev-vazio { margin: 0; font-size: 14px }
.kit-rev-viewer:fullscreen .kit-rev-acoes, .kit-rev-viewer.kit-max .kit-rev-acoes, .kit-rev-viewer:fullscreen .kit-rev-lista, .kit-rev-viewer.kit-max .kit-rev-lista { background: #05070A; border-top-color: #111 }
.kit-rev-viewer.kit-max .kit-rev-lista { max-height: 38vh }
.kit-dlg { width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; padding: 24px; border: 1px solid var(--line-exec); border-radius: var(--radius); background: var(--bg-1, #0A1220); color: var(--on-dark) }
.kit-dlg::backdrop { background: rgba(0,0,0,.65) }
.kit-dlg h3 { margin: 0 0 8px; font-family: var(--f-display); font-size: 22px; color: var(--on-dark) }
.kit-dlg-sub { margin: 0; font-size: 14px; line-height: 1.5; color: var(--on-dark-soft) }
.kit-dlg-bts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px }
.kit-dlg .hi-msg.ok { color: #7ee2a8 }
@media (max-width: 560px) {
  .kit-rev-viewer .kit-ctrl { gap: 6px; padding: 8px 10px }
  .kit-rev-viewer .kit-count { min-width: 48px }
  .kit-ctrl .kit-rev-fillbt { padding: 0 12px }
  .kit-rev-bt { flex: 1 1 100% }
  .kit-dlg { padding: 18px }
  .kit-dlg .hi-fields { grid-template-columns: 1fr }
}
/* R52c: vendedor, cliente e salvamento automático na barra do modo Preencher */
.kit-rev-quem { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: 13.5px; color: var(--on-dark-soft) }
.kit-rev-vend { margin: 0 }
.kit-rev-vend[hidden] { display: none }
.kit-rev-vend strong { color: var(--on-dark); font-weight: 600 }
.kit-rev-lk { display: inline-flex; align-items: center; min-height: 36px; padding: 0 4px; border: 0; background: none; color: var(--cyan); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer }
.kit-rev-lk:focus-visible { outline: 2px solid var(--cyan); outline-offset: 1px; border-radius: 4px }
.kit-rev-autost { margin-left: auto; font: 12.5px var(--f-mono), monospace; color: #7ee2a8 }
.kit-rev-autost:empty { display: none }
.kit-rev-cli { border: 1px solid var(--line-exec); border-radius: 12px; padding: 0 12px }
.kit-rev-cli summary { display: flex; align-items: center; gap: 6px; min-height: 44px; cursor: pointer; font-size: 14px; font-weight: 600; color: var(--on-dark) }
.kit-rev-cli summary small { font-weight: 400; color: var(--on-dark-mut) }
.kit-rev-cli-r { min-width: 0; margin-left: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; color: var(--on-dark-soft) }
.kit-rev-cli[open] .kit-rev-cli-r { display: none }
.kit-rev-cli .hi-fields { margin-top: 10px }
.kit-rev-cli .hi-field { margin-bottom: 10px }
@media (max-width: 560px) {
  .kit-rev-autost { margin-left: 0; flex-basis: 100% }
  .kit-rev-cli .hi-fields { grid-template-columns: 1fr }
}
/* em tela cheia a folha manda: o bloco Cliente fica para fora dela */
.kit-rev-viewer:fullscreen .kit-rev-cli, .kit-rev-viewer:-webkit-full-screen .kit-rev-cli, .kit-rev-viewer.kit-max .kit-rev-cli { display: none }

/* 2026-10-17 (pedido do Tiago: "pequeno de digitação, ruim de leitura"): no Preencher, um painel de campos em letra
   grande ao lado da folha (embaixo, em telas estreitas). A folha continua igual ao PDF e mostra os valores ao vivo;
   clicar numa caixa leva ao campo do painel. "Apresentar" esconde o painel e as ações e deixa só a folha. */
.kit-rev-viewer.kit-rev-on { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "gire" "main" "ctrl" "lista" "acoes" }
.kit-rev-viewer.kit-rev-on > .kit-gire { grid-area: gire }
.kit-rev-viewer.kit-rev-on > .kit-rev-main { grid-area: main; min-width: 0 }
.kit-rev-viewer.kit-rev-on > .kit-ctrl { grid-area: ctrl; flex-wrap: wrap }
.kit-rev-viewer.kit-rev-on > .kit-rev-lista { grid-area: lista }
.kit-rev-viewer.kit-rev-on > .kit-rev-acoes { grid-area: acoes }
.kit-rev-lista { padding: 0; max-height: 44vh; background: var(--bg-1); scroll-padding-top: 96px }
.kit-rev-lista-h { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 6px 12px;
  padding: 14px 18px 12px; background: var(--bg-1); border-bottom: 1px solid var(--line-exec) }
.kit-rev-lista-t { margin: 0; font: 600 12.5px/1.2 var(--f-mono); letter-spacing: .06em }
.kit-rev-prog { margin: 0; font: 600 15px/1.2 var(--f-body); color: var(--on-dark); white-space: nowrap }
.kit-rev-prog-bar { grid-column: 1 / -1; height: 6px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden }
.kit-rev-prog-bar i { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--cyan); transition: width .25s ease }
.kit-rev-salvo { grid-column: 1 / -1; margin: 0; font: 13px/1.3 var(--f-mono), monospace; color: #7ee2a8 }
.kit-rev-salvo:empty { display: none }
.kit-rev-lista-d { margin: 0; padding: 12px 18px 0; font-size: 14px; line-height: 1.45; color: var(--on-dark-soft) }
#kitRevListaC { padding: 14px 18px 18px }
.kit-rev-pg { margin: 18px 0 10px; padding-top: 14px; border-top: 1px solid var(--line-exec); font: 600 12px/1.2 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--on-dark-mut) }
.kit-rev-pg:first-child { margin-top: 0; padding-top: 0; border-top: 0 }
.kit-rev-li { gap: 8px; margin-bottom: 16px }
.kit-rev-li label { display: block; font: 600 15px/1.35 var(--f-body); color: var(--on-dark) }
.kit-rev-li input[type="text"], .kit-rev-li textarea { box-sizing: border-box; min-height: 52px; padding: 12px 14px; border: 2px solid transparent; border-radius: 10px;
  background: #fff; color: #0B1B2E; font: 700 18px/1.35 var(--f-body); transition: border-color .15s ease, box-shadow .15s ease }
.kit-rev-li textarea { min-height: 84px }
.kit-rev-li input[type="text"]:hover, .kit-rev-li textarea:hover { border-color: rgba(52,195,240,.6) }
.kit-rev-li input:focus, .kit-rev-li textarea:focus { outline: none; border-color: var(--cyan); box-shadow: 0 0 0 4px rgba(52,195,240,.35) }
.kit-rev-li input[type="checkbox"]:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px }
.kit-rev-li.m { grid-template-columns: 30px minmax(0, 1fr); gap: 12px; min-height: 44px; margin-bottom: 8px }
.kit-rev-li.m input { width: 26px; height: 26px; cursor: pointer }
.kit-rev-li.m label { font-weight: 500; cursor: pointer }
.kit-rev-in-wr { position: relative }
.kit-rev-in-wr input[type="text"] { padding-right: 44px }
.kit-rev-sufixo { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font: 600 18px var(--f-body); color: #3d4f61; pointer-events: none }
/* a caixa da folha que corresponde ao campo em foco no painel */
.kit-rev-campos:not(.apr) .kit-rev-f:not(.kit-rev-cb) { cursor: pointer }
.kit-rev-f.kit-rev-alvo { z-index: 2; box-shadow: 0 0 0 3px var(--cyan), 0 0 0 8px rgba(52,195,240,.35) }
/* Apresentar: só a folha, com os valores */
.kit-ctrl .kit-rev-aprbt { padding: 0 16px }
.kit-ctrl .kit-rev-aprbt[hidden] { display: none }
.kit-ctrl .kit-rev-aprbt[aria-pressed="true"] { background: var(--cyan); border-color: var(--cyan); color: #04121d }
/* no Apresentar só o botão Apresentar fica aceso; Preencher vira "voltar a preencher" */
.kit-rev-apr .kit-ctrl .kit-rev-fillbt[aria-pressed="true"] { background: transparent; border-color: var(--line-exec); color: var(--on-dark) }
.kit-rev-campos.apr .kit-rev-f { pointer-events: none; box-shadow: none }
.kit-rev-campos.apr .kit-rev-selo { display: none }
.kit-rev-viewer.kit-rev-apr .kit-rev-main img { cursor: pointer }
@media (min-width: 1000px) {
  .kit-rev-viewer.kit-rev-on:not(.kit-rev-apr) { grid-template-columns: minmax(0, 1fr) clamp(330px, 31%, 420px); grid-template-areas: "gire gire" "main lista" "ctrl lista" "acoes acoes" }
  /* o painel acompanha a altura da folha + controles e rola por dentro */
  .kit-rev-viewer.kit-rev-on:not(.kit-rev-apr) > .kit-rev-lista { contain: size; max-height: none; border-top: 0; border-left: 1px solid var(--line-exec) }
}
/* tela cheia: folha (+ painel) ocupam a tela; as ações ficam embaixo */
.kit-rev-viewer.kit-rev-on:fullscreen, .kit-rev-viewer.kit-rev-on.kit-max { grid-template-rows: auto minmax(0, 1fr) auto auto auto }
.kit-rev-viewer.kit-rev-on:-webkit-full-screen { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto auto }
@media (min-width: 1000px) {
  .kit-rev-viewer.kit-rev-on:not(.kit-rev-apr):fullscreen, .kit-rev-viewer.kit-rev-on:not(.kit-rev-apr).kit-max { grid-template-rows: auto minmax(0, 1fr) auto auto }
}
.kit-rev-viewer.kit-rev-on:fullscreen .kit-rev-lista-h, .kit-rev-viewer.kit-rev-on.kit-max .kit-rev-lista-h { background: #05070A }
.kit-rev-viewer.kit-rev-on:fullscreen .kit-rev-dica, .kit-rev-viewer.kit-rev-on.kit-max .kit-rev-dica { display: none }
@media (max-width: 560px) {
  .kit-rev-lista { max-height: 52vh }
  .kit-rev-lista-h, .kit-rev-lista-d, #kitRevListaC { padding-left: 14px; padding-right: 14px }
  .kit-ctrl .kit-rev-aprbt { padding: 0 12px }
}
@media (prefers-reduced-motion: reduce) {
  .kit-rev-prog-bar i, .kit-rev-li input, .kit-rev-li textarea { transition: none }
}

/* 2026-10-18 (pedido do Tiago: agilidade do vendedor na reunião + opção em inglês). Tela da reunião (.kit-ws, ≥ 1000 px):
   o visualizador ocupa a janela com a folha grande, o painel de campos ao lado e as ações numa barra só. */
.kit-rev-ir[hidden], .kit-rev-sair[hidden], .kit-count[hidden] { display: none }
.kit-rev-ir .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0 }
.kit-rev-ir select { min-height: 44px; max-width: 230px; padding: 0 34px 0 14px; border: 1px solid var(--line-exec); border-radius: 999px; color: var(--on-dark); font: 600 14px/1 var(--f-body); cursor: pointer;
  -webkit-appearance: none; appearance: none; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%2334C3F0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center / 16px no-repeat }
.kit-rev-ir select:hover, .kit-rev-ir select:focus-visible { border-color: var(--cyan); outline: none }
.kit-rev-ir option { background: #0A1220; color: #fff }
.kit-rev-ctrl-lang { display: none }
.kit-rev-viewer.kit-ws .kit-rev-ctrl-lang { display: inline-flex }
.kit-rev-ctrl-lang button { min-height: 36px; padding: 7px 12px }
.kit-ctrl .kit-rev-sair { padding: 0 16px }
.kit-rev-cnt { position: absolute; right: 6px; top: 6px; padding: 3px 6px; border-radius: 999px; background: rgba(4,18,29,.85); color: #fff; font: 700 11px/1 var(--f-mono) }
.kit-rev-cnt.ok { background: #1f8a52 }
.kit-rev-cnt[hidden] { display: none }
.kit-rev-prox { margin-top: 12px; width: 100% }
.kit-rev-atalhos { display: none; flex-wrap: wrap; gap: 6px 14px; margin: 0; padding: 10px 18px 0; font-size: 13px; color: var(--on-dark-mut) }
.kit-rev-atalhos kbd { display: inline-block; min-width: 18px; padding: 2px 6px; border: 1px solid var(--line-exec); border-bottom-width: 2px; border-radius: 5px; background: rgba(255,255,255,.04); color: var(--on-dark); font: 600 11.5px/1.3 var(--f-mono); text-align: center }
/* painel mais denso: mais campos à vista, mesma letra grande */
.kit-rev-li { margin-bottom: 12px }
.kit-rev-li input[type="text"] { min-height: 48px; padding-top: 10px; padding-bottom: 10px }
.kit-rev-li textarea { min-height: 76px }
.kit-rev-li.m { margin-bottom: 4px }

.kit-rev-viewer.kit-ws { background: #05070A }
.kit-rev-viewer.kit-ws .kit-rev-lista-d { display: none }
.kit-rev-viewer.kit-ws .kit-rev-atalhos { display: flex }
.kit-rev-viewer.kit-ws.kit-rev-on:not(.kit-rev-apr) { grid-template-columns: minmax(0, 1fr) clamp(360px, 30%, 460px) }
.kit-rev-viewer.kit-ws .kit-rev-main { background: #05070A }
.kit-rev-viewer.kit-ws .kit-ctrl { padding: 8px 14px; gap: 8px }
.kit-rev-viewer.kit-ws .kit-rev-fullbt { margin-left: 0 }
/* ações numa barra: quem conduz à esquerda, botões à direita */
.kit-rev-viewer.kit-ws .kit-rev-acoes { grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 6px 14px; padding: 8px 14px }
.kit-rev-viewer.kit-ws .kit-rev-quem { grid-column: 1; grid-row: 2 }
.kit-rev-viewer.kit-ws .kit-rev-bts { grid-column: 3; grid-row: 2 }
/* o bloco Cliente fica na barra (fechado: uma pílula ao lado do vendedor; aberto: linha inteira embaixo) */
.kit-rev-viewer.kit-ws .kit-rev-cli { display: block; grid-column: 2; grid-row: 2; max-width: 260px; padding: 0 12px; border-radius: 999px }
.kit-rev-viewer.kit-ws .kit-rev-cli summary { min-height: 38px; font-size: 13.5px }
.kit-rev-viewer.kit-ws .kit-rev-cli[open] { grid-column: 1 / -1; grid-row: 3; max-width: none; border-radius: 12px; padding-bottom: 4px }
.kit-rev-viewer.kit-ws .kit-rev-cli[open] .hi-fields { grid-template-columns: repeat(4, minmax(0, 1fr)) }
.kit-rev-viewer.kit-ws .kit-rev-bts { justify-content: flex-end }
.kit-rev-viewer.kit-ws .kit-rev-bt { min-height: 40px; padding: 0 14px; font-size: 14px }
.kit-rev-viewer.kit-ws .kit-rev-st, .kit-rev-viewer.kit-ws .kit-rev-link { grid-column: 1 / -1; grid-row: auto }
/* janelas médias (tablet, notebook pequeno): Tela cheia e Sair só com o ícone; ações mais compactas */
@media (max-width: 1320px) {
  .kit-rev-viewer.kit-ws .kit-rev-fullbt span, .kit-rev-viewer.kit-ws .kit-rev-sair span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap }
  .kit-rev-viewer.kit-ws .kit-rev-fullbt, .kit-rev-viewer.kit-ws .kit-ctrl .kit-rev-sair { padding: 0; width: 44px }
  .kit-rev-viewer.kit-ws .kit-rev-bt { padding: 0 11px; font-size: 13px; gap: 6px }
  .kit-rev-viewer.kit-ws .kit-rev-bts { gap: 6px }
}
/* o aviso dos campos calculados continua na tela da reunião, numa linha */
.kit-rev-viewer.kit-ws .kit-rev-dica.kit-rev-calc { display: flex; grid-column: 1 / -1; grid-row: 1; max-width: none; font-size: 12.5px }
.kit-rev-viewer.kit-ws .kit-rev-calc span:last-child { max-width: none }

/* iSol Desk (2026-10-21): em piloto; o que dizer, o microfone e o que não prometer */
.kit-desk { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: 32px; align-items: start; margin-top: 8px }
.kit-desk-img { margin: 0; background: #fff; border-radius: 20px; padding: 16px }
.kit-desk-img img { width: 100%; height: auto; display: block }
.kit-desk-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px }
.kit-desk-cols > div { background: var(--bg-2, #10161F); border: 1px solid var(--line-exec); border-radius: 16px; padding: 18px }
.kit-desk-cols h3 { margin: 0 0 10px; font-family: var(--f-display); font-size: 17px; color: #fff }
.kit-desk-cols ul { margin: 0; padding-left: 18px; display: grid; gap: 8px; font-size: 14.5px; line-height: 1.5; color: var(--on-dark-soft) }
.kit-desk-no { border-color: rgba(252,165,165,.35) !important }
.kit-desk-note { margin: 14px 0 0; font-size: 13px; color: var(--on-dark-mut) }
@media (max-width: 980px) { .kit-desk { grid-template-columns: 1fr } .kit-desk-img { max-width: 240px } .kit-desk-cols { grid-template-columns: 1fr } }