/*
 * V146 · Área Checkout do seller (site /painel e aplicativo /app): abas
 * Checkouts, Pixels, Adquirentes e Relatórios, mais os formulários de
 * checkout e de link. Mesmos tokens do painel de desempenho da aba Início
 * (painel-desempenho.css). Arquivo estático, fora do build: nada aqui depende
 * de classe utilitária nova do Tailwind. Carregado por
 * PanelChrome::acabamentoHead() só nos dois painéis do seller.
 * Espaçamentos na grade de 4 px.
 */
body:is(.fi-panel-seller, .fi-panel-sellerapp) {
    --ck-texto: #f1ebff;
    --ck-texto-2: #cdbcf2;
    --ck-mudo: #9584ba;
    --ck-fraco: #8a7cb0;
    --ck-linha: rgba(150, 110, 255, 0.15);
    --ck-linha-forte: rgba(150, 110, 255, 0.28);
    --ck-sup: linear-gradient(180deg, rgba(28, 17, 48, 0.78) 0%, rgba(15, 9, 28, 0.78) 100%);
    --ck-sup-2: rgba(38, 24, 64, 0.62);
    --ck-controle: rgba(10, 6, 20, 0.6);
    --ck-roxo: #8a48f5;
    --ck-roxo-claro: #b98bff;
    --ck-roxo-fundo: rgba(138, 72, 245, 0.14);
    --ck-ouro: #dcb874;
    --ck-verde: #5ee0a6;
    --ck-vermelho: #ff8e80;
    --ck-ambar: #f3c25a;
    --ck-raio: 18px;
    --ck-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --ck-ease-2: cubic-bezier(0.6, 0.01, 0.05, 0.95);
    --ck-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    --ck-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.ck { display: flex; flex-direction: column; gap: 16px; color: var(--ck-texto); font-family: var(--ck-sans); -webkit-font-smoothing: antialiased; }
.ck * { box-sizing: border-box; }
.ck :where(p, h2, h3, ol, ul, dl, dd) { margin: 0; padding: 0; }
.ck :where(ol, ul) { list-style: none; }
.ck :where(button) { font: inherit; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ck :where(a) { color: inherit; text-decoration: none; }
.ck [x-cloak] { display: none !important; }
.ck :is(button, a, input):not([class*="fi-"]):focus-visible { outline: 2px solid var(--ck-roxo-claro); outline-offset: 2px; }

.ck-rotulo { font-family: var(--ck-mono); font-size: 0.64rem; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ck-mudo); }
.ck-mono { font-family: var(--ck-mono); letter-spacing: 0; }
.ck-fraco { color: var(--ck-fraco); font-size: 0.74rem; }

/* superfície de cartão (mesma da aba Início) */
.ck-kpi, .ck-cartao, .ck-vazio, .ck-adq__cartao {
    position: relative; overflow: hidden; border-radius: var(--ck-raio);
    background: var(--ck-sup); border: 1px solid var(--ck-linha);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 18px 40px -30px rgba(0, 0, 0, 0.9);
}
.ck-kpi::before, .ck-cartao::before, .ck-adq__cartao::before {
    content: ''; position: absolute; top: 0; left: 14%; right: 14%; height: 1px; pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(190, 150, 255, 0.45), transparent);
}

/* ------------------------------------------------------------------ resumo */
.ck-resumo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ck-kpi { padding: 16px; display: flex; flex-direction: column; gap: 8px; min-height: 104px; animation: ck-entra 560ms var(--ck-ease) both; }
.ck-kpi:nth-child(2) { animation-delay: 50ms; } .ck-kpi:nth-child(3) { animation-delay: 100ms; } .ck-kpi:nth-child(4) { animation-delay: 150ms; }
.ck-kpi--destaque { background: radial-gradient(130% 90% at 100% 0%, rgba(138, 72, 245, 0.26), transparent 62%), var(--ck-sup); border-color: rgba(150, 110, 255, 0.3); }
.ck-kpi__valor { font-family: var(--ck-mono); font-variant-numeric: tabular-nums; font-weight: 640; letter-spacing: -0.03em; font-size: 1.5rem; line-height: 1.1; white-space: nowrap; }
.ck-kpi__valor small { margin-left: 4px; font-size: 0.8rem; font-weight: 500; color: var(--ck-mudo); letter-spacing: 0; }
.ck-kpi__valor--din { font-size: clamp(1.1rem, 4.4vw, 1.5rem); }
.ck-kpi__nota { font-size: 0.74rem; color: var(--ck-mudo); }
.ck-kpi__trilho { display: block; height: 4px; margin-top: auto; border-radius: 4px; background: rgba(150, 110, 255, 0.12); overflow: hidden; }
.ck-kpi__trilho i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #6d3be0, var(--ck-roxo-claro)); transform-origin: left; animation: ck-cresce 900ms var(--ck-ease) both; }
.ck-kpi__link { display: inline-flex; align-items: center; gap: 4px; margin-top: auto; font-size: 0.76rem; font-weight: 600; color: var(--ck-roxo-claro); width: fit-content; }
.ck-kpi__link:hover { color: #fff; }

/* ------------------------------------------------------------------ filtros */
.ck-barra { display: flex; flex-direction: column; gap: 8px; }
.ck-segmento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 4px; border-radius: 14px; background: var(--ck-controle); border: 1px solid var(--ck-linha); }
.ck-segmento__btn { min-height: 40px; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; white-space: nowrap; font-size: 0.8rem; font-weight: 600; color: var(--ck-mudo); transition: color 220ms var(--ck-ease), background-color 220ms var(--ck-ease), transform 200ms var(--ck-ease); }
.ck-segmento__btn:not(.is-ativo):hover { color: var(--ck-texto-2); }
.ck-segmento__btn:active { transform: scale(0.96); }
.ck-segmento__btn.is-ativo { color: var(--ck-texto); background: var(--ck-roxo-fundo); box-shadow: inset 0 0 0 1px rgba(150, 110, 255, 0.36); }
.ck-busca { position: relative; display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 14px; border-radius: 14px; background: var(--ck-controle); border: 1px solid var(--ck-linha); color: var(--ck-mudo); transition: border-color 200ms var(--ck-ease), box-shadow 200ms var(--ck-ease); }
.ck-busca:focus-within { border-color: var(--ck-roxo); box-shadow: 0 0 0 3px rgba(138, 72, 245, 0.22); }
.ck-busca input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--ck-texto); font: 500 16px/1.2 var(--ck-sans); outline: none; padding: 0; }
.ck-busca input::placeholder { color: var(--ck-fraco); }
.ck-busca input:focus, .ck-busca input:focus-visible { outline: none !important; box-shadow: none !important; }
.ck-busca--mini { min-height: 40px; }

/* ------------------------------------------------------------------ cartões */
.ck-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; transition: opacity 240ms var(--ck-ease); }
.ck-grade.is-carregando { opacity: 0.55; pointer-events: none; }
.ck-cartao { display: flex; flex-direction: column; animation: ck-entra 620ms var(--ck-ease) both; animation-delay: calc(var(--i, 0) * 60ms); transition: border-color 400ms var(--ck-ease), transform 400ms var(--ck-ease), box-shadow 400ms var(--ck-ease); }
.ck-cartao:hover { border-color: var(--ck-linha-forte); }
.ck-cartao__topo { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 16px 16px 12px; }
.ck-cartao__mini { display: block; width: 64px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 0 1px var(--ck-linha); transition: box-shadow 300ms var(--ck-ease); }
.ck-cartao__mini:hover { box-shadow: 0 0 0 1px var(--ck-roxo-claro); }
.ck-cartao__titulo { min-width: 0; }
.ck-cartao__nome { display: block; font-size: 1rem; font-weight: 650; letter-spacing: -0.012em; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ck-cartao__nome:hover { color: var(--ck-roxo-claro); }
.ck-cartao__dominio { margin-top: 4px; font-size: 0.7rem; color: var(--ck-roxo-claro); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ck-cartao__meta { margin-top: 2px; font-size: 0.72rem; color: var(--ck-mudo); line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* situação */
.ck-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-family: var(--ck-mono); font-size: 0.66rem; font-weight: 650; letter-spacing: 0.04em; white-space: nowrap; background: rgba(255, 255, 255, 0.05); color: var(--ck-texto-2); }
.ck-status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ck-status.is-ar { color: var(--ck-verde); background: rgba(94, 224, 166, 0.1); box-shadow: inset 0 0 0 1px rgba(94, 224, 166, 0.22); }
.ck-status.is-ar i { box-shadow: 0 0 0 3px rgba(94, 224, 166, 0.16); animation: ck-pulsa 2400ms var(--ck-ease-2) infinite; }
.ck-status.is-pausado { color: var(--ck-ambar); background: rgba(243, 194, 90, 0.1); box-shadow: inset 0 0 0 1px rgba(243, 194, 90, 0.22); }
.ck-status.is-rascunho { color: var(--ck-mudo); background: rgba(150, 110, 255, 0.08); box-shadow: inset 0 0 0 1px var(--ck-linha); }
.ck-ponto { display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--ck-fraco); }
.ck-ponto.is-ar { background: var(--ck-verde); box-shadow: 0 0 0 3px rgba(94, 224, 166, 0.14); }
.ck-ponto.is-pausado { background: var(--ck-ambar); }
.ck-ponto.is-arquivado { background: transparent; box-shadow: inset 0 0 0 1.5px var(--ck-fraco); }

/* números do cartão */
.ck-numeros { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 0.75fr); margin: 0 16px; border-radius: 14px; background: rgba(8, 5, 16, 0.42); border: 1px solid rgba(150, 110, 255, 0.1); }
.ck-numeros > div { min-width: 0; padding: 10px 12px; }
.ck-numeros > div + div { border-left: 1px solid rgba(150, 110, 255, 0.1); }
.ck-numeros dt { font-family: var(--ck-mono); font-size: 0.58rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ck-fraco); }
.ck-numeros dd { margin-top: 4px; font-family: var(--ck-mono); font-variant-numeric: tabular-nums; font-weight: 640; font-size: 0.88rem; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck-numeros dd small { color: var(--ck-mudo); font-weight: 500; }

/* links do cartão */
.ck-links { padding: 12px 16px 4px; flex: 1 1 auto; }
.ck-links__cab { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 4px; }
.ck-links__cab span { font-family: var(--ck-mono); font-size: 0.62rem; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ck-mudo); }
.ck-links__cab small { display: none; }
.ck-link { display: grid; grid-template-columns: minmax(0, 1fr) auto 36px 36px; align-items: center; gap: 4px 8px; min-height: 48px; padding: 4px 0; }
.ck-link + .ck-link { border-top: 1px solid rgba(150, 110, 255, 0.08); }
.ck-link__titulo { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 0.84rem; font-weight: 550; color: var(--ck-texto); }
.ck-link__nome { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ck-link__titulo em { flex: none; padding: 2px 6px; border-radius: 6px; font-style: normal; font-family: var(--ck-mono); font-size: 0.6rem; font-weight: 650; letter-spacing: 0.02em; color: var(--ck-roxo-claro); background: var(--ck-roxo-fundo); vertical-align: 1px; }
.ck-link__titulo em.is-off { color: var(--ck-mudo); background: rgba(255, 255, 255, 0.05); }
.ck-link.is-off .ck-link__titulo, .ck-link.is-off .ck-link__preco { color: var(--ck-fraco); }
.ck-link__preco { font-family: var(--ck-mono); font-variant-numeric: tabular-nums; font-weight: 650; font-size: 0.84rem; letter-spacing: -0.01em; white-space: nowrap; color: var(--ck-texto); }
.ck-links__vazio { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 56px; margin: 4px 0 8px; border-radius: 12px; border: 1px dashed var(--ck-linha-forte); font-size: 0.82rem; font-weight: 600; color: var(--ck-roxo-claro); transition: background-color 200ms var(--ck-ease), border-color 200ms var(--ck-ease); }
.ck-links__vazio:hover { background: var(--ck-roxo-fundo); border-color: var(--ck-roxo-claro); }
.ck-links__mais { display: inline-flex; margin: 4px 0 8px; font-size: 0.76rem; font-weight: 600; color: var(--ck-roxo-claro); }
.ck-links__mais:hover { color: #fff; }

/* botões */
.ck-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 12px; border: 1px solid transparent; font-size: 0.84rem; font-weight: 650; line-height: 1; white-space: nowrap; transition: transform 200ms var(--ck-ease), filter 200ms var(--ck-ease), background-color 200ms var(--ck-ease), border-color 200ms var(--ck-ease), color 200ms var(--ck-ease); }
.ck-btn:active { transform: scale(0.97); }
.ck-btn svg { flex: none; }
.ck-btn--primario { border-color: rgba(185, 139, 255, 0.5); background: linear-gradient(135deg, #7444ec, #5b2fcb); color: #fff; box-shadow: 0 12px 26px -14px rgba(124, 58, 237, 0.85); }
.ck-btn--primario:hover { filter: brightness(1.08); }
.ck-btn--primario:disabled { opacity: 0.5; cursor: not-allowed; }
.ck-btn--secundario { background: var(--ck-roxo-fundo); border-color: rgba(150, 110, 255, 0.32); color: var(--ck-texto); }
.ck-btn--secundario:hover { border-color: var(--ck-roxo-claro); }
.ck-btn--fantasma { background: transparent; border-color: var(--ck-linha); color: var(--ck-texto-2); }
.ck-btn--fantasma:hover { border-color: var(--ck-linha-forte); color: var(--ck-texto); }
.ck-btn--p { min-height: 40px; padding: 0 14px; }
.ck-icone-btn { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; border: 1px solid transparent; background: transparent; color: var(--ck-mudo); transition: color 200ms var(--ck-ease), background-color 200ms var(--ck-ease), border-color 200ms var(--ck-ease), transform 200ms var(--ck-ease); }
.ck-icone-btn:hover { color: var(--ck-texto); background: var(--ck-roxo-fundo); border-color: rgba(150, 110, 255, 0.24); }
.ck-icone-btn:active { transform: scale(0.92); }
.ck-icone-btn.is-ok { color: var(--ck-verde); background: rgba(94, 224, 166, 0.1); }
.ck-icone-btn.is-desligado { opacity: 0.35; cursor: not-allowed; }
.ck-icone-btn.is-desligado:hover { background: transparent; border-color: transparent; color: var(--ck-mudo); }
.ck-icone-btn--perigo:hover { color: var(--ck-vermelho); background: rgba(255, 142, 128, 0.1); border-color: rgba(255, 142, 128, 0.24); }
.ck-icone-btn span { display: inline-grid; }
.ck-icone-btn svg, .ck-btn svg { width: 16px; height: 16px; flex: none; }

.ck-cartao__rodape { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px; gap: 8px; padding: 12px 16px 16px; border-top: 1px solid rgba(150, 110, 255, 0.08); margin-top: 8px; }
.ck-cartao__rodape .ck-icone-btn { width: 44px; height: 44px; border-color: var(--ck-linha); }

/* cartão de novo checkout */
.ck-cartao--novo { align-items: center; justify-content: center; gap: 8px; min-height: 160px; padding: 24px; text-align: center; background: transparent; border: 1px dashed var(--ck-linha-forte); box-shadow: none; }
.ck-cartao--novo::before { display: none; }
.ck-cartao--novo:hover { border-color: var(--ck-roxo-claro); background: rgba(138, 72, 245, 0.06); }
.ck-cartao--novo__icone { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: var(--ck-roxo-claro); background: var(--ck-roxo-fundo); transition: transform 400ms var(--ck-ease); }
.ck-cartao--novo:hover .ck-cartao--novo__icone { transform: rotate(90deg) scale(1.05); }
.ck-cartao--novo__titulo { font-weight: 650; font-size: 0.95rem; }
.ck-cartao--novo__texto { font-size: 0.76rem; color: var(--ck-mudo); }
.ck-nenhum { padding: 24px; text-align: center; color: var(--ck-mudo); font-size: 0.86rem; }

/* vazio */
.ck-vazio { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 40px 24px; text-align: center; }
.ck-vazio__icone { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; color: var(--ck-ouro); background: radial-gradient(120% 120% at 30% 0%, rgba(220, 184, 116, 0.22), rgba(220, 184, 116, 0.05) 60%), var(--ck-sup-2); border: 1px solid rgba(220, 184, 116, 0.32); }
.ck-vazio__titulo { font-size: 1.15rem; font-weight: 650; letter-spacing: -0.015em; }
.ck-vazio__texto { max-width: 46ch; font-size: 0.88rem; line-height: 1.55; color: var(--ck-mudo); }
.ck-passos { display: grid; gap: 8px; width: 100%; max-width: 420px; margin: 8px 0; text-align: left; }
.ck-passos li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: rgba(8, 5, 16, 0.42); border: 1px solid rgba(150, 110, 255, 0.12); font-size: 0.84rem; }
.ck-passos b { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 8px; font-family: var(--ck-mono); font-size: 0.76rem; color: var(--ck-roxo-claro); background: var(--ck-roxo-fundo); }

/* miniatura do modelo */
.ck-mini { display: block; width: 100%; height: auto; }
.ck-mini__fundo { fill: #f4f2f8; }
.ck-mini__lado { fill: #e3dff0; }
.ck-mini__marca { fill: #3b2c63; }
.ck-mini__img { fill: #c9bcef; }
.ck-mini__txt { fill: #b4aacb; }
.ck-mini__total { fill: #6f60a0; }
.ck-mini__campo { fill: #fff; stroke: #d6d0e6; stroke-width: 0.8; }
.ck-mini__bump { fill: #efe7ff; stroke: #a07cf0; stroke-width: 0.8; stroke-dasharray: 2 1.5; }
.ck-mini__botao { fill: #8a48f5; }

/* ------------------------------------------------------------------ formulários (Filament) */
/* rádio como cartões: cada opção vira um cartão clicável */
.ck-cartoes .fi-fo-radio, .fi-fo-radio.ck-cartoes { margin-top: 4px; display: grid !important; grid-template-columns: repeat(var(--ck-colunas, 1), minmax(0, 1fr)); gap: 12px; }
.ck-cartoes--2 { --ck-colunas: 1; }
.ck-cartoes--modelo { --ck-colunas: 2; }
.ck-cartoes .fi-fo-radio-label {
    position: relative; display: flex !important; align-items: flex-start; gap: 12px; margin: 0 !important; padding: 14px;
    border-radius: 14px; background: rgba(8, 5, 16, 0.42); border: 1px solid var(--ck-linha); cursor: pointer;
    transition: border-color 220ms var(--ck-ease), background-color 220ms var(--ck-ease), box-shadow 220ms var(--ck-ease);
}
.ck-cartoes .fi-fo-radio-label:hover { border-color: var(--ck-linha-forte); }
.ck-cartoes .fi-fo-radio-label:has(input:checked) { border-color: rgba(185, 139, 255, 0.7); background: rgba(138, 72, 245, 0.12); box-shadow: 0 0 0 3px rgba(138, 72, 245, 0.16); }
.ck-cartoes .fi-fo-radio-label input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.ck-cartoes .fi-fo-radio-label:has(input:focus-visible) { outline: 2px solid var(--ck-roxo-claro); outline-offset: 2px; }
.ck-cartoes .fi-fo-radio-label::after {
    content: ''; position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; border-radius: 50%;
    border: 1.5px solid var(--ck-linha-forte); background: rgba(8, 5, 16, 0.6);
    transition: background-color 200ms var(--ck-ease), border-color 200ms var(--ck-ease);
}
.ck-cartoes .fi-fo-radio-label:has(input:checked)::after {
    border-color: var(--ck-roxo); background: var(--ck-roxo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.ck-cartoes .fi-fo-radio-label-text { padding-right: 28px; }
.ck-cartoes--modelo .fi-fo-radio-label { flex-direction: column; padding: 12px; height: 100%; }
.ck-cartoes .fi-fo-radio, .fi-fo-radio.ck-cartoes { align-items: stretch; }
.ck-cartoes--modelo .fi-fo-radio-label:not(:has(input:checked))::after { display: none; }
.ck-cartoes--modelo .fi-fo-radio-label::after { top: 18px; right: 18px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); }
.ck-cartoes--modelo .fi-fo-radio-label-text { padding-right: 0; }
.ck-cartoes .fi-fo-radio-label-text { min-width: 0; flex: 1; }
.ck-op { display: flex; flex-direction: column; gap: 8px; }
.ck-op--modelo .ck-mini { border-radius: 8px; box-shadow: 0 0 0 1px rgba(150, 110, 255, 0.18); }
.ck-op__txt { display: flex; flex-direction: column; gap: 4px; }
.ck-op__txt b { font-size: 0.88rem; font-weight: 650; color: var(--ck-texto, #f1ebff); }
.ck-op__txt small { font-size: 0.74rem; line-height: 1.4; font-weight: 450; color: var(--ck-mudo, #9584ba); }
/* rádio em linha como pílulas */
.ck-pilulas .fi-fo-radio { gap: 8px !important; flex-wrap: wrap; }
.ck-pilulas .fi-fo-radio-label {
    display: inline-flex !important; align-items: center; gap: 8px; min-height: 40px; margin: 0 !important; padding: 0 14px;
    border-radius: 999px; border: 1px solid var(--ck-linha); background: rgba(8, 5, 16, 0.42); cursor: pointer;
    transition: border-color 220ms var(--ck-ease), background-color 220ms var(--ck-ease);
}
.ck-pilulas .fi-fo-radio-label:has(input:checked) { border-color: rgba(185, 139, 255, 0.7); background: rgba(138, 72, 245, 0.14); }
.ck-pilulas .fi-fo-radio-label-text { font-family: var(--ck-mono); font-size: 0.78rem; }
.ck-nota { font-size: 0.78rem; line-height: 1.5; color: var(--ck-mudo); padding: 12px 14px; border-radius: 12px; background: rgba(138, 72, 245, 0.07); border: 1px solid rgba(150, 110, 255, 0.14); }
.ck-campo-comprador { border-radius: 14px !important; }

/* edição: subtítulo com situação e domínio */
.ck-sub { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px 0; font-size: 0.8rem; color: var(--ck-mudo); }
.ck-sub > .ck-status { margin-right: 12px; }
.ck-sub__item { white-space: nowrap; }
.ck-sub__item + .ck-sub__item::before { content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 12px; background: var(--ck-linha-forte); vertical-align: -2px; }

/* tabela de links */
.ck-prod { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ck-prod__foto { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; overflow: hidden; color: var(--ck-roxo-claro); background: var(--ck-roxo-fundo); box-shadow: inset 0 0 0 1px rgba(150, 110, 255, 0.22); }
.ck-prod__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ck-prod__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ck-prod__txt b { font-weight: 600; color: var(--ck-texto); line-height: 1.3; white-space: normal; }
.ck-prod__txt small { font-size: 0.76rem; line-height: 1.35; color: var(--ck-mudo); white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ck-url { display: inline-flex; align-items: center; gap: 6px; max-width: 220px; padding: 4px 10px 4px 8px; border-radius: 8px; font-family: var(--ck-mono); font-size: 0.74rem; color: var(--ck-roxo-claro); background: rgba(8, 5, 16, 0.42); box-shadow: inset 0 0 0 1px rgba(150, 110, 255, 0.16); transition: box-shadow 0.24s var(--ck-ease), color 0.24s var(--ck-ease); }
.ck-url svg { flex: none; width: 14px; height: 14px; opacity: 0.8; }
.ck-url span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fi-ta-cell:hover .ck-url { color: var(--ck-texto); box-shadow: inset 0 0 0 1px rgba(150, 110, 255, 0.42); }

/* pixels */
.ck-plat { display: inline-flex; align-items: center; gap: 10px; }
.ck-plat i { flex: none; width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05); }
.ck-plat__txt { display: flex; flex-direction: column; gap: 2px; }
.ck-plat__txt b { font-weight: 600; color: var(--ck-texto); white-space: nowrap; }
.ck-plat__txt small { font-size: 0.72rem; color: var(--ck-mudo); white-space: nowrap; }
.ck-plat__txt small.is-servidor { color: var(--ck-verde); }
.ck-eventos { display: inline-flex; flex-wrap: nowrap; gap: 4px; }
.ck-evento { display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px; font-family: var(--ck-mono); font-size: 0.62rem; font-weight: 650; letter-spacing: 0.02em; white-space: nowrap; }
.ck-evento.is-on { color: var(--ck-roxo-claro); background: var(--ck-roxo-fundo); box-shadow: inset 0 0 0 1px rgba(150, 110, 255, 0.28); }
.ck-evento.is-off { color: var(--ck-fraco); background: transparent; box-shadow: inset 0 0 0 1px rgba(150, 110, 255, 0.14); text-decoration: line-through; text-decoration-color: rgba(150, 110, 255, 0.45); }
.ck-mono-input { font-family: var(--ck-mono) !important; }
.ck-legenda { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 12px 16px; border-radius: 14px; background: rgba(8, 5, 16, 0.42); border: 1px solid rgba(150, 110, 255, 0.1); }
.ck-legenda li { display: inline-flex; align-items: center; gap: 8px; font-size: 0.74rem; color: var(--ck-mudo); }

/* adquirentes */
.ck-adq { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.ck-adq__cartao { display: flex; flex-direction: column; gap: 14px; padding: 18px; animation: ck-entra 620ms var(--ck-ease) both; animation-delay: calc(var(--i, 0) * 60ms); }
.ck-adq__cartao.is-padrao { background: radial-gradient(130% 90% at 100% 0%, rgba(138, 72, 245, 0.22), transparent 62%), var(--ck-sup); border-color: rgba(150, 110, 255, 0.3); }
.ck-adq__topo { display: flex; align-items: center; gap: 12px; }
.ck-adq__icone { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 12px; color: var(--ck-roxo-claro); background: var(--ck-roxo-fundo); }
.ck-adq__titulo { flex: 1; min-width: 0; }
.ck-adq__nome { font-size: 1.05rem; font-weight: 650; letter-spacing: -0.01em; }
.ck-adq__sub { font-size: 0.74rem; color: var(--ck-mudo); }
.ck-selo { flex: none; padding: 4px 10px; border-radius: 999px; font-family: var(--ck-mono); font-size: 0.62rem; font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ck-ouro); background: rgba(220, 184, 116, 0.12); box-shadow: inset 0 0 0 1px rgba(220, 184, 116, 0.3); }
.ck-adq__situacao { display: inline-flex; align-items: center; gap: 8px; font-size: 0.8rem; color: var(--ck-mudo); }
.ck-adq__situacao i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.ck-adq__situacao.is-ok { color: var(--ck-verde); }
.ck-adq__situacao.is-ok i { box-shadow: 0 0 0 3px rgba(94, 224, 166, 0.16); }
.ck-adq__situacao.is-off { color: var(--ck-vermelho); }
.ck-adq__uso { display: flex; flex-direction: column; gap: 8px; padding-top: 14px; border-top: 1px solid rgba(150, 110, 255, 0.1); }
.ck-adq__nenhum { font-size: 0.8rem; color: var(--ck-fraco); }
.ck-adq__lista { display: flex; flex-direction: column; }
.ck-adq__lista a { display: flex; align-items: center; gap: 10px; min-height: 40px; font-size: 0.84rem; font-weight: 550; transition: color 200ms var(--ck-ease); }
.ck-adq__lista li + li a { border-top: 1px solid rgba(150, 110, 255, 0.08); }
.ck-adq__lista a:hover { color: var(--ck-roxo-claro); }
.ck-adq__lista span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ck-adq__lista small { flex: none; font-family: var(--ck-mono); font-size: 0.62rem; color: var(--ck-fraco); }
.ck-rodape-nota { display: flex; align-items: flex-start; gap: 8px; font-size: 0.78rem; line-height: 1.5; color: var(--ck-mudo); }
.ck-rodape-nota svg { flex: none; margin-top: 2px; }

/* ------------------------------------------------------------------ relatórios */
.ck-rel .pd-filtros { position: relative; z-index: 5; }
.ck-sel { position: relative; flex: none; }
.ck-sel__btn {
    display: inline-flex; align-items: center; gap: 8px; width: 100%; min-height: 48px; padding: 0 14px; border-radius: 14px;
    background: var(--ck-controle); border: 1px solid var(--ck-linha); color: var(--ck-texto); font-size: 0.82rem; font-weight: 600;
    transition: border-color 200ms var(--ck-ease);
}
.ck-sel__btn:hover, .ck-sel__btn[aria-expanded='true'] { border-color: var(--ck-linha-forte); }
.ck-sel__btn > svg:first-child { color: var(--ck-roxo-claro); flex: none; }
.ck-sel__rot { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.ck-sel__qtd { flex: none; padding: 2px 8px; border-radius: 999px; font-family: var(--ck-mono); font-size: 0.66rem; color: var(--ck-roxo-claro); background: var(--ck-roxo-fundo); }
.ck-sel__seta { flex: none; color: var(--ck-mudo); transition: transform 240ms var(--ck-ease); }
.ck-sel__btn[aria-expanded='true'] .ck-sel__seta { transform: rotate(180deg); }
.ck-sel__painel {
    position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 30; display: flex; flex-direction: column; gap: 10px; padding: 12px;
    border-radius: 16px; background: rgba(18, 11, 33, 0.98); border: 1px solid rgba(185, 139, 255, 0.3);
    box-shadow: 0 24px 60px -18px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.ck-sel__cab { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ck-sel__atalhos { display: inline-flex; gap: 4px; }
.ck-sel__atalhos button { min-height: 30px; padding: 0 10px; border: 1px solid var(--ck-linha); border-radius: 8px; background: transparent; font-size: 0.72rem; font-weight: 600; color: var(--ck-texto-2); }
.ck-sel__atalhos button:hover { border-color: var(--ck-linha-forte); color: #fff; }
.ck-sel__lista { display: flex; flex-direction: column; max-height: 300px; overflow-y: auto; margin: 0 -4px; padding: 0 4px; scrollbar-width: thin; }
.ck-sel__item { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 8px; border-radius: 10px; cursor: pointer; transition: background-color 160ms var(--ck-ease); }
.ck-sel__item:hover { background: rgba(138, 72, 245, 0.08); }
.ck-sel__item input { position: absolute; opacity: 0; pointer-events: none; }
.ck-sel__caixa { display: grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--ck-linha-forte); color: transparent; transition: background-color 160ms var(--ck-ease), border-color 160ms var(--ck-ease), color 160ms var(--ck-ease); }
.ck-sel__item.is-marcado .ck-sel__caixa { background: var(--ck-roxo); border-color: var(--ck-roxo); color: #fff; }
.ck-sel__item input:focus-visible + .ck-sel__caixa { outline: 2px solid var(--ck-roxo-claro); outline-offset: 2px; }
.ck-sel__nome { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.84rem; font-weight: 550; }
.ck-sel__st { flex: none; font-family: var(--ck-mono); font-size: 0.62rem; color: var(--ck-fraco); }
.ck-sel__st.st-active { color: var(--ck-verde); }
.ck-sel__st.st-paused { color: var(--ck-ambar); }
.ck-sel__rodape { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid rgba(150, 110, 255, 0.12); }

/* tabela por checkout */
.ck-tab { padding: 16px; }
.ck-tab__grade { display: flex; flex-direction: column; margin-top: 12px; }
.ck-tab__linha { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; padding: 14px 0; }
.ck-tab__linha + .ck-tab__linha { border-top: 1px solid rgba(150, 110, 255, 0.08); }
.ck-tab__linha--cab { display: none; }
.ck-tab__nome { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; min-width: 0; font-weight: 650; font-size: 0.9rem; }
.ck-tab__nome a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ck-tab__nome a:hover { color: var(--ck-roxo-claro); }
.ck-tab__fat { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 10px; }
.ck-tab__fat b { font-family: var(--ck-mono); font-variant-numeric: tabular-nums; font-weight: 660; font-size: 1rem; letter-spacing: -0.02em; white-space: nowrap; }
.ck-tab__fat small { font-family: var(--ck-mono); font-size: 0.66rem; color: var(--ck-mudo); text-align: right; white-space: nowrap; }
.ck-tab__barra { grid-column: 1 / -1; display: block; height: 4px; border-radius: 4px; background: rgba(150, 110, 255, 0.1); overflow: hidden; }
.ck-tab__barra i { display: block; height: 100%; width: calc(var(--b, 0) * 1%); border-radius: 4px; background: linear-gradient(90deg, #6d3be0, var(--ck-roxo-claro)); transform-origin: left; animation: ck-cresce 900ms var(--ck-ease) both; }
.ck-tab__linha:nth-child(2) .ck-tab__barra i { background: linear-gradient(90deg, #b8913f, var(--ck-ouro)); }
.ck-tab__num { display: flex; flex-direction: column; gap: 2px; font-family: var(--ck-mono); font-variant-numeric: tabular-nums; font-weight: 600; font-size: 0.86rem; white-space: nowrap; }
.ck-tab__num::before { content: attr(data-rot); font-size: 0.58rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ck-fraco); }
.ck-tab__num small { font-size: 0.64rem; font-weight: 500; color: var(--ck-fraco); }
.ck-aprov { font-weight: 660; }
.ck-aprov.is-otimo { color: var(--ck-verde); }
.ck-aprov.is-bom { color: var(--ck-roxo-claro); }
.ck-aprov.is-medio { color: var(--ck-ambar); }
.ck-aprov.is-baixo { color: var(--ck-vermelho); }

/* order bumps */
.ck-bump__corpo { display: flex; flex-direction: column; gap: 4px; margin-top: 16px; }
.ck-bump__pct { font-family: var(--ck-mono); font-variant-numeric: tabular-nums; font-weight: 660; font-size: 2rem; letter-spacing: -0.04em; line-height: 1; color: var(--ck-texto); }
.ck-bump__barra { height: 8px; margin-top: 16px; border-radius: 999px; background: rgba(150, 110, 255, 0.1); overflow: hidden; }
.ck-bump__barra i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #6d3be0, var(--ck-roxo-claro)); transform-origin: left; animation: ck-cresce 900ms var(--ck-ease) both; }
.ck-bump__vazio { margin-top: 12px; }

/* ------------------------------------------------------------------ sub-navegação da área (abas do topo) */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-page.ck-area .fi-page-sub-navigation-tabs { margin-bottom: 4px; }
/* As quatro abas sempre à vista: no celular viram grade 2 x 2 no lugar do
   menu suspenso (no aplicativo o tema já mostra a grade; o menu sai). */
body.fi-panel-sellerapp .fi-page.ck-area .fi-page-sub-navigation-dropdown { display: none !important; }
@media (max-width: 767.98px) {
    body.fi-panel-seller .fi-page.ck-area .fi-page-sub-navigation-dropdown { display: none !important; }
    body.fi-panel-seller .fi-page.ck-area .fi-page-sub-navigation-tabs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; width: 100%; padding: 6px; }
    body.fi-panel-seller .fi-page.ck-area .fi-page-sub-navigation-tabs .fi-tabs-item { justify-content: center; min-height: 44px; }
}

/* ------------------------------------------------------------------ celular: tabelas e abas */
.ck-prod__movel, .ck-plat__movel { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; }
.ck-prod__movel b { line-height: 1.3; font-family: var(--ck-mono); font-size: 0.8rem; font-weight: 650; color: var(--ck-texto-2); }
.ck-prod__movel em, .ck-plat__movel em { display: inline-flex; align-items: center; min-height: 18px; line-height: 1.2; padding: 1px 6px; border-radius: 6px; font-style: normal; font-family: var(--ck-mono); font-size: 0.6rem; font-weight: 650; color: var(--ck-roxo-claro); background: var(--ck-roxo-fundo); }
.ck-prod__movel em.is-off, .ck-plat__movel em.is-off { color: var(--ck-mudo); background: rgba(255, 255, 255, 0.05); }
.ck-plat__movel code { font-family: var(--ck-mono); font-size: 0.72rem; color: var(--ck-texto-2); word-break: break-all; }
.ck-plat__movel .ck-eventos { flex-wrap: wrap; width: 100%; }
.ck-plat { align-items: flex-start; }
.ck-plat i { margin-top: 6px; }
.ck-so-desk { display: none !important; }
@media (max-width: 767.98px) {
    body.fi-panel-seller .fi-ta-header-cell.ck-col-desk, body.fi-panel-seller .fi-ta-cell.ck-col-desk { display: none !important; }
    .ck-prod__txt small { -webkit-line-clamp: 1; }
    .ck-abas-cfg.fi-vertical { flex-direction: column; }
    .ck-abas-cfg > .fi-tabs.fi-vertical { flex-direction: row; overflow: auto hidden; gap: 4px; padding: 8px 32px 8px 8px; border-inline-end-width: 0; border-bottom-width: 1px; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); }
    .ck-abas-cfg > .fi-tabs.fi-vertical::-webkit-scrollbar { display: none; }
    .ck-abas-cfg > .fi-tabs.fi-vertical .fi-tabs-item { flex: none; white-space: nowrap; }
    .ck-abas-cfg.fi-vertical .fi-sc-tabs-tab.fi-active { margin-inline-start: 0; margin-top: 16px; }
}
@media (min-width: 768px) {
    .ck-prod__movel, .ck-plat__movel { display: none; }
    .ck-so-desk { display: inline-flex !important; }
    .ck-so-movel { display: none !important; }
    .ck-col-prod { min-width: 260px; }
    .ck-col-plat { min-width: 200px; }
    .ck-col-eventos { min-width: 340px; }
    .ck-plat { align-items: center; }
    .ck-plat i { margin-top: 0; }
}

/* aplicativo: o tema já mostra cada linha como cartão com rótulos, então
   o resumo do celular sai e a célula principal ocupa a largura toda */
body.fi-panel-sellerapp .ck-prod__movel, body.fi-panel-sellerapp .ck-plat__movel { display: none !important; }
body.fi-panel-sellerapp .fi-ta-row > .fi-ta-cell:is(.ck-col-prod, .ck-col-plat, .ck-col-eventos) { grid-column: 1 / -1; }
body.fi-panel-sellerapp .ck-col-eventos .ck-eventos { flex-wrap: wrap; }

/* ------------------------------------------------------------------ telas maiores */
@media (min-width: 640px) {
    .ck-cartoes--2 { --ck-colunas: 2; }
    .ck-cartoes--modelo { --ck-colunas: 4; }
    .ck-barra { flex-direction: row; align-items: center; }
    .ck-segmento { display: inline-grid; grid-auto-flow: column; grid-template-columns: none; flex: none; }
    .ck-busca { flex: 1; }
    .ck-links__cab small { display: inline; font-family: var(--ck-mono); font-size: 0.6rem; color: var(--ck-fraco); }
}
@media (min-width: 768px) {
    .ck-rel .pd-filtros { align-items: flex-start; }
    .ck-sel { min-width: 240px; max-width: 320px; }
    .ck-sel__painel { left: auto; width: 340px; }
    .ck-adq { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ck-tab__linha { grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.6fr) minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 0.9fr); align-items: center; gap: 16px; }
    .ck-tab__linha--cab { display: grid; padding: 0 0 10px; font-family: var(--ck-mono); font-size: 0.58rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ck-fraco); }
    .ck-tab__linha--cab span:not(:first-child) { text-align: right; }
    .ck-tab__nome, .ck-tab__fat { grid-column: auto; }
    .ck-tab__fat { grid-template-columns: 1fr; justify-items: end; text-align: right; }
    .ck-tab__fat small { text-align: right; }
    .ck-tab__num { align-items: flex-end; text-align: right; }
    .ck-tab__num::before { display: none; }
}
@media (min-width: 1024px) {
    .ck-resumo { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1180px) {
    .ck-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ck-cartao__topo { padding: 18px 20px 12px; }
    .ck-numeros { margin: 0 20px; }
    .ck-links { padding: 14px 20px 4px; }
    .ck-cartao__rodape { padding: 12px 20px 18px; }
    .ck-adq { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ck-tab { padding: 20px; }
}
@media (max-width: 420px) {
    .ck-cartao__topo { grid-template-columns: 52px minmax(0, 1fr); }
    .ck-cartao__mini { width: 52px; }
    .ck-cartao__topo .ck-status { grid-column: 1 / -1; justify-self: start; }
    .ck-numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ck-numeros > div:nth-child(3) { border-left: 0; }
    .ck-numeros > div:nth-child(n+3) { border-top: 1px solid rgba(150, 110, 255, 0.1); }
    .ck-link { grid-template-columns: minmax(0, 1fr) 36px 36px; }
    .ck-link__preco { grid-column: 1; grid-row: 2; font-size: 0.78rem; color: var(--ck-texto-2); }
    .ck-link__titulo { grid-column: 1; }
    .ck-link > .ck-icone-btn { grid-row: 1 / span 2; }
}

/* ------------------------------------------------------------------ revisão visual */
/* ação principal no conteúdo (celular) */
.ck-acao-movel { display: none; }
/* abas do formulário de link: uma linha só, com rolagem lateral */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .ck-abas-link > .fi-tabs.fi-tabs:not(.fi-vertical) { display: flex !important; flex-direction: row !important; grid-template-columns: none !important; flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none; width: 100%; }
.ck-abas-link > .fi-tabs::-webkit-scrollbar { display: none; }
body:is(.fi-panel-seller, .fi-panel-sellerapp) .ck-abas-link > .fi-tabs .fi-tabs-item { flex: 1 0 auto !important; width: auto !important; white-space: nowrap !important; justify-content: center; }
.ck-abas-link > .fi-tabs .fi-tabs-item-label { white-space: nowrap !important; }
@media (max-width: 767.98px) {
    body:is(.fi-panel-seller, .fi-panel-sellerapp) .ck-abas-link > .fi-tabs .fi-tabs-item { padding-inline: 10px !important; }
    body:is(.fi-panel-seller, .fi-panel-sellerapp) .ck-abas-link > .fi-tabs .fi-tabs-item > svg { display: none !important; }
}
/* relatórios: estado vazio do gráfico centrado no cartão (sem a coluna do eixo) */
.ck-rel .pd-grafico__area .pd-vazio { left: -56px; }
.ck-horas__vazio { margin: 12px 0 8px; }
/* marcar ou desmarcar todos os eventos: botão de verdade */
.fi-page.ck-area .fi-fo-checkbox-list-actions .fi-link { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: 10px; font-size: 0.8rem; font-weight: 600; color: var(--ck-roxo-claro) !important; box-shadow: inset 0 0 0 1px var(--ck-linha-forte); text-decoration: none !important; }
/* painel das configurações com a superfície roxa dos cartões */
.ck-abas-cfg.fi-contained { background: var(--ck-sup) !important; border-color: var(--ck-linha) !important; }
.ck-abas-cfg.fi-contained > .fi-tabs { border-color: var(--ck-linha) !important; }
/* aplicativo: modal com o conteúdo rolando dentro (o tema limita a altura no celular) */
@media (max-width: 767.98px) {
    body.fi-panel-sellerapp .fi-page.ck-area .fi-modal-window { display: flex !important; flex-direction: column; overflow: hidden; }
    body.fi-panel-sellerapp .fi-page.ck-area .fi-modal-window > .fi-modal-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
    body.fi-panel-sellerapp .fi-page.ck-area .fi-modal-window > :is(.fi-modal-header, .fi-modal-footer) { flex: none; }
    /* botões das linhas sem se encostar */
    body.fi-panel-sellerapp .fi-page.ck-area .fi-ta-actions { gap: 8px; }
    body.fi-panel-sellerapp .fi-page.ck-area .fi-ta-actions > * { margin-inline: 0 !important; }
    /* subtítulo da edição: sem separador solto quando a linha quebra */
    .ck-sub { gap: 6px 14px; }
    .ck-sub__item + .ck-sub__item::before { display: none; }
    .ck-sub > .ck-status { margin-right: 0; }
    /* as quatro abas ficam na mesma altura: ação principal vai para o conteúdo e o subtítulo sai */
    .fi-page.ck-area--aba .fi-header-actions-ctn, .fi-page.ck-area--aba .fi-header-subheading { display: none !important; }
    .ck-acao-movel { display: inline-flex; align-self: flex-start; }
}
@media (max-width: 639.98px) {
    /* rótulos dos indicadores da segunda linha em duas linhas: os valores ficam alinhados */
    .ck-resumo .ck-kpi:nth-child(n+3) .ck-rotulo { min-height: 2.7em; }
}

/* ------------------------------------------------------------------ segunda revisão */
@media (max-width: 767.98px) {
    /* gatilho do menu de ações da linha sem margem negativa (invadia o editar e a borda) */
    body.fi-panel-sellerapp .fi-page.ck-area .fi-ta-actions .fi-dropdown-trigger > button { margin-inline: 0 !important; }
    /* rodapé do modal separado da área que rola */
    body.fi-panel-sellerapp .fi-page.ck-area .fi-modal-window > .fi-modal-content { padding-bottom: 16px; }
    body.fi-panel-sellerapp .fi-page.ck-area .fi-modal-window > .fi-modal-footer { position: relative; padding-top: 12px !important; border-top: 1px solid var(--ck-linha); background: inherit; box-shadow: 0 -14px 18px -14px rgba(0, 0, 0, 0.75); }
    /* assistente: em qual dos quatro passos o seller está */
    .fi-page.ck-area .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-text::before { display: block; margin-bottom: 2px; font-family: var(--ck-mono); font-size: 0.62rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ck-roxo-claro); }
    .fi-page.ck-area .fi-sc-wizard-header-step:nth-child(1).fi-active .fi-sc-wizard-header-step-text::before { content: 'Passo 1 de 4'; }
    .fi-page.ck-area .fi-sc-wizard-header-step:nth-child(2).fi-active .fi-sc-wizard-header-step-text::before { content: 'Passo 2 de 4'; }
    .fi-page.ck-area .fi-sc-wizard-header-step:nth-child(3).fi-active .fi-sc-wizard-header-step-text::before { content: 'Passo 3 de 4'; }
    .fi-page.ck-area .fi-sc-wizard-header-step:nth-child(4).fi-active .fi-sc-wizard-header-step-text::before { content: 'Passo 4 de 4'; }
}

/* ------------------------------------------------------------------ utilitários */
.ck-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.ck-fade { transition: opacity 200ms var(--ck-ease), transform 200ms var(--ck-ease); }
.ck-fade--fora { opacity: 0; transform: translateY(-4px); }

/* ------------------------------------------------------------------ movimento */
@keyframes ck-entra { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes ck-cresce { from { transform: scaleX(0); } to { transform: none; } }
@keyframes ck-pulsa { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) {
    :is(.ck, .ck-rel, .ck-sub, .ck-cartoes, .ck-pilulas, .fi-page.ck-area .fi-ta) *,
    :is(.ck, .ck-rel, .ck-sub, .ck-cartoes, .ck-pilulas) *::before,
    :is(.ck, .ck-rel, .ck-sub, .ck-cartoes, .ck-pilulas) *::after,
    .ck-cartao, .ck-kpi, .ck-url, .ck-fade, .ck-status, .ck-status i { animation: none !important; transition: none !important; }
}