/* Favom UI Library v1 — consolidação progressiva das fundações.
   Esta camada só atua em superfícies marcadas com `.ui-foundations-v1`.
   O escopo evita normalizar o portal inteiro antes da prova visual por família. */

.ui-foundations-v1 {
    color: var(--color-text-main);
    font-family: var(--font-base);
    font-size: var(--type-body-primary);
    line-height: var(--lh-base);
}

/* Tipografia: corpo 16, apoio 15 e metadado/rótulo 13. */
.ui-foundations-v1 :is(
    .access-intro,
    .access-brand-copy span,
    .access-field label,
    .access-field-row label,
    .access-alert,
    .access-trust-note,
    .client-home-header p,
    .client-action-hero p,
    .client-section-title p,
    .chome-decisao-texto,
    .chome-busca-copy p,
    .vhome-linha-evidencia,
    .vhome-linha-meta,
    .admin-bento-copy,
    .admin-alert-row
) {
    font-size: var(--type-body-secondary);
    line-height: 1.5;
}

.ui-foundations-v1 :is(
    .access-kicker,
    .access-forgot,
    .access-identity span,
    .access-identity small,
    .access-invite-meta dt,
    .client-eyebrow,
    .client-stock-freshness,
    .client-hero-step-note,
    .client-opportunity-stock,
    .client-opportunity-open-hint,
    .chome-olho,
    .chome-decisao-esteira p,
    .chome-esteira small,
    .chome-decisao-metas dt,
    .chome-item-copy small,
    .chome-faixa-head p,
    .chome-condicoes,
    .chome-chip,
    .chome-oport-abrir,
        .chome-chip-badge,
    .cliente-acompanhamento-olho,
    .chapeu-sobrancelha,
    .vhome-linha-fim strong,
    .admin-bento-label,
    .admin-health-name,
    .admin-health-status,
    .admin-module-chip
) {
    font-size: var(--type-metadata);
    line-height: 1.4;
}

.ui-foundations-v1 :is(.access-brand-copy strong, .client-section-title h3, .chome-pedidos-head h3, .chome-painel-repor h3) {
    font-size: var(--type-title-card);
    line-height: 1.25;
}

.ui-foundations-v1 .chome-faixa-head h2 {
    font-size: var(--type-title-section);
    line-height: 1.2;
}

.ui-foundations-v1 .access-title {
    font-size: var(--type-title-section);
    line-height: 1.2;
}

/* O título de um bloco protagonista fica abaixo do título da tela: com os dois
   no mesmo tamanho, a pergunta da página perde a primazia. */
.ui-foundations-v1 :is(.chome-decisao h2, .chome-busca-copy h2) {
    font-size: clamp(var(--type-title-section), 2.6vw, var(--type-title-page));
    line-height: 1.15;
}

.ui-foundations-v1 :is(
    .client-home-header h1,
    .chome > .ui-page-header h1,
    .lote1-role-header .chapeu-titulo
) {
    font-size: clamp(var(--type-title-page), 3vw, var(--type-display-page));
    line-height: 1.12;
}

.ui-foundations-v1 :is(.access-field input, .access-submit, .access-secondary-action) {
    font-size: var(--type-button-label);
}

.ui-foundations-v1 .access-field input { font-size: var(--type-body-primary); }

/* Radius: controle 8, card 12, protagonista 16 e pill só quando funcional. */
.ui-foundations-v1 :is(
    .access-field input,
    .access-submit,
    .access-secondary-action,
    .client-quick-search,
    .client-quick-search button,
    .client-inline-action,
    .client-discovery-action,
    .client-opportunity-add-action,
    .client-opportunity-dismiss,
    .chome-item-acao,
    .chome-item-thumb,
    .chome-oport-thumb,
    .chome-tile,
    .vhome-linha-alvo
) { border-radius: var(--radius-control); }

.ui-foundations-v1 :is(
    .access-alert,
    .client-card,
    .client-rebuy-item,
    .client-opportunity-card,
    .chome-oportunidade,
    .celula,
    .home-widget,
    .admin-bento-card,
    .admin-health-row,
    .admin-module-card
) { border-radius: var(--radius-card-standard); }

.ui-foundations-v1 :is(
    .access-card,
    .client-action-hero,
    .chome-decisao,
    .chome-busca.is-protagonista,
    .admin-operation-card
) { border-radius: var(--radius-card-featured); }

.ui-foundations-v1 :is(.access-state-icon, .client-stock-freshness, .chome-busca-campo, .chome-chip, .chome-chip-badge, .admin-module-chip) {
    border-radius: var(--radius-pill);
}

/* Bordas: perímetro na superfície; conteúdo relacionado usa divisores. */
.ui-foundations-v1 :is(
    .access-card,
    .access-field input,
    .access-secondary-action,
    .client-card,
    .client-action-hero,
    .chome-oportunidade,
    .celula,
    .home-widget,
    .admin-bento-card
) { border: var(--border-default); }

.ui-foundations-v1 :is(.access-brand, .access-invite-meta div, .vhome-linha) {
    border-color: var(--color-border-control);
}

.ui-foundations-v1 :is(.client-rebuy-item, .chome-item, .admin-health-row, .admin-module-card) {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-top: var(--border-default);
}

.ui-foundations-v1 :is(.client-rebuy-item, .chome-item, .admin-health-row, .admin-module-card):first-child {
    border-top: 0;
}

/* Profundidade: superfícies estáveis ficam no nível 1; só protagonistas focais
   e o cartão solto de acesso sobem ao nível 2. */
.ui-foundations-v1 :is(
    .client-card,
    .celula,
    .home-widget,
    .admin-bento-card,
    .client-rebuy-item,
    .client-opportunity-card,
    .chome-oportunidade,
    .admin-health-row,
    .admin-module-card
) { box-shadow: var(--depth-1-shadow); }

.ui-foundations-v1 :is(.access-card, .client-action-hero, .admin-operation-card) {
    box-shadow: var(--depth-2-shadow);
}

.ui-foundations-v1 :is(.access-field input, .client-quick-search):focus-within,
.ui-foundations-v1 .access-field input:focus {
    box-shadow: var(--shadow-focus);
}

/* Fase 3.2: listas e entidades. O seletor de seção mantém o lote isolado de
   estoque, checkout e operação da expedição. */
.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(p, address, .loading-state) {
    font-size: var(--type-body-secondary);
    line-height: 1.5;
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(
    small,
    dt,
    label,
    .vendas-eyebrow,
    .venda-meta,
    .venda-erp,
    .carteira-tabela-cabecalho,
    .carteira-ordem,
    .account-eyebrow,
    .admin-bento-label,
    .shipping-eyebrow,
    .shipping-history-field span
) {
    font-size: var(--type-metadata);
    line-height: 1.4;
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(h2, .support-block-heading h2, .account-panel-header h2) {
    font-size: var(--type-title-section);
    line-height: 1.2;
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(h3, .support-category-card h3, .account-card-header h2) {
    font-size: var(--type-title-card);
    line-height: 1.25;
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) h1 {
    font-size: clamp(var(--type-title-page), 3vw, var(--type-display-page));
    line-height: 1.12;
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(input, select, textarea) {
    border-radius: var(--radius-control);
    font-size: var(--type-body-primary);
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(button, .btn-primary, .btn-secondary, .account-buy-link) {
    border-radius: var(--radius-control);
    font-size: var(--type-button-label);
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(
    .venda-row,
    .carteira-tabela,
    .carteira-mobile .celula,
    .central-bento .celula,
    .financeiro-pedido-row,
    .admin-bento-card,
    .support-quick-card,
    .support-category-card,
    .support-contact-card,
    .account-card,
    .account-info-note,
    .shipping-history-kpi,
    .shipping-history-row
) {
    border-radius: var(--radius-card-standard);
    box-shadow: var(--depth-1-shadow);
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(
    .cliente-acompanhamento-head,
    .central-prioridade,
    .financeiro-priority,
    .support-orders-priority,
    .account-hero,
    .account-attention,
    .shipping-history-results-priority
) {
    border-radius: var(--radius-card-featured);
    box-shadow: var(--depth-2-shadow);
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(
    .vendas-filtro,
    .carteira-chips .btn-secondary,
    .selo,
    .pilula,
    .ar-badge,
    .account-inline-badge,
    .shipping-status-pill
) {
    border-radius: var(--radius-pill);
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(
    .venda-row,
    .carteira-mapa-linha,
    .central-linha,
    .support-order-item,
    .account-attention-item,
    .account-status-item,
    .account-member-row,
    .account-session-row,
    .shipping-history-row
) {
    border-color: var(--color-border-control);
}

.ui-foundations-v1:is(
    #sec-vendas,
    #sec-carteira,
    #sec-central-cliente,
    #sec-financeiro,
    #sec-ajuda,
    #sec-conta,
    #sec-historico-expedicao
) :is(input, select, textarea):focus-visible {
    box-shadow: var(--shadow-focus);
}

/* Fase 3.3: descoberta comercial. A mesma fundação atende composições
   editoriais diferentes sem normalizar dados, ações ou estados de negócio. */
:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(p, address, .loading-state) {
    font-size: var(--type-body-secondary);
    line-height: 1.5;
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(
    small,
    dt,
    label,
    .stock-workspace-eyebrow,
    .dash-kpi-label,
    .dash-tag,
    .discovery-eyebrow,
    .hub-box-kicker,
    .hub-mini-label,
    .client-eyebrow,
    .ia-priority-intro > span,
    .ia-cota dt
) {
    font-size: var(--type-metadata);
    line-height: 1.4;
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(h2, .dash-lista-header h2, .ia-priority-intro h2) {
    font-size: var(--type-title-section);
    line-height: 1.2;
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) h3 {
    font-size: var(--type-title-card);
    line-height: 1.25;
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) h1 {
    font-size: clamp(var(--type-title-page), 3vw, var(--type-display-page));
    line-height: 1.12;
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(input, select, textarea, button, .btn-primary, .btn-secondary) {
    border-radius: var(--radius-control);
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(input, select, textarea) {
    font-size: var(--type-body-primary);
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(
    .dash-section,
    .dash-card,
    .hub-box,
    .client-opportunity-card,
    .rentabilidade-result,
    .channel-protection-priority,
    .portal-empty-state,
    .ia-painel,
    .ia-review-card,
    .ia-fila > article
) {
    border-radius: var(--radius-card-standard);
    box-shadow: var(--depth-1-shadow);
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(
    .stock-primary-workspace,
    .discovery-page-header,
    .admin-intelligence-header,
    .rentabilidade-priority,
    .channel-protection-header,
    .discovery-empty-state,
    .ia-priority-intro
) {
    border-radius: var(--radius-card-featured);
    box-shadow: var(--depth-2-shadow);
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(.stock-chip, .discovery-eyebrow, .selo, .ia-aba, .hub-produto-badge) {
    border-radius: var(--radius-pill);
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(
    .dash-card,
    .client-opportunity-card,
    .channel-protection-priority,
    .ia-review-card,
    .ia-fila > article
) {
    border-color: var(--color-border-control);
}

:is(
    .ui-foundations-v1#sec-estoque,
    .ui-foundations-v1#sec-midias,
    .ui-foundations-v1#sec-inteligencia,
    .ui-foundations-v1#sec-rentabilidade,
    .ui-foundations-v1#sec-protecao-canal,
    .ui-foundations-v1#sec-andares,
    .ui-foundations-v1.ia-foundations-v1
) :is(input, select, textarea, button):focus-visible {
    box-shadow: var(--shadow-focus);
}

/* Fase 3.4: fluxos críticos. A camada fecha as quatro famílias sem trocar
   decisões, transições, leitura de QR, impressão ou confirmação de compra. */
.ui-foundations-v1.station-foundations-v1 {
    color: var(--station-text);
}

.ui-foundations-v1.tv-foundations-v1 {
    color: var(--tv-text);
    background: var(--tv-bg);
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1,
    .ui-foundations-v1.tv-foundations-v1
) :is(p, address, .loading-state, .waiting-sub, .step-sub, .tv-hero-copy) {
    font-size: var(--type-body-secondary);
    line-height: 1.5;
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1,
    .ui-foundations-v1.tv-foundations-v1
) :is(
    small,
    dt,
    label,
    .shipping-eyebrow,
    .shipping-sync-status,
    .shipping-list-summary,
    .shipping-list-head,
    .shipping-row-next,
    .exp-gestao-atualizado,
    .exp-gestao-panel-heading span,
    .daily-checklist-date,
    .mesa-workspace-eyebrow,
    .mesa-stock-fresh,
    .checkout-eyebrow,
    .checkout-field-status,
    .brand-kicker,
    .info-label,
    .field-help,
    .tv-eyebrow,
    .tv-panel-title span,
    .tv-footer
) {
    font-size: var(--type-metadata);
    line-height: 1.4;
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1,
    .ui-foundations-v1.tv-foundations-v1
) :is(h2, .waiting-title, .step-title, .tv-panel-title h2) {
    font-size: var(--type-title-section);
    line-height: 1.2;
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1,
    .ui-foundations-v1.tv-foundations-v1
) :is(h3, .daily-task-copy h3, .pedido-num, .info-value) {
    font-size: var(--type-title-card);
    line-height: 1.25;
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations
) h1 {
    font-size: clamp(var(--type-title-page), 3vw, var(--type-display-page));
    line-height: 1.12;
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1
) :is(input, select, textarea) {
    border-radius: var(--radius-control);
    font-size: var(--type-body-primary);
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1
) :is(button, .btn, .btn-primary, .btn-secondary) {
    border-radius: var(--radius-control);
    font-size: var(--type-button-label);
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1,
    .ui-foundations-v1.tv-foundations-v1
) :is(
    .shipping-inline-alert,
    .shipping-kanban-section,
    .shipping-list-row,
    .shipping-column,
    .exp-gestao-kpi,
    .exp-gestao-panel,
    .daily-task-category,
    .daily-task-card,
    .mesa-items,
    .mesa-complementos,
    .checkout-stage,
    .checkout-choice,
    .co-summary-card,
    .camera-box,
    .pedido-card,
    .tv-panel,
    .tv-queue-stage,
    .tv-decision
) {
    border-radius: var(--radius-card-standard);
    box-shadow: var(--depth-1-shadow);
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1,
    .ui-foundations-v1.tv-foundations-v1
) :is(
    .shipping-header,
    .exp-gestao-header,
    .daily-checklist-toolbar,
    .mesa-workspace-header,
    .mesa-summary,
    .checkout-header,
    .waiting-card,
    .step-banner,
    .tv-result,
    .tv-decisions
) {
    border-radius: var(--radius-card-featured);
    box-shadow: var(--depth-2-shadow);
}

.ui-foundations-v1.critical-checkout-foundations {
    box-shadow: var(--depth-3-shadow);
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1,
    .ui-foundations-v1.tv-foundations-v1
) :is(
    .shipping-status-pill,
    .shipping-list-badge,
    .shipping-sync-status,
    .daily-task-tag,
    .mesa-special-label,
    .step-chip,
    .pedido-status,
    .pill,
    .tv-rhythm-change,
    .tv-decision-tag
) {
    border-radius: var(--radius-pill);
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-gestao-expedicao,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations,
    .ui-foundations-v1.station-foundations-v1
) :is(input, select, textarea, button):focus-visible {
    box-shadow: var(--shadow-focus);
}

:is(
    .ui-foundations-v1#sec-home .shipping-home,
    .ui-foundations-v1#sec-checklist-diario,
    .ui-foundations-v1#sec-mesa,
    .ui-foundations-v1.critical-checkout-foundations
) :is(
    .shipping-list-row,
    .daily-task-card,
    .mesa-item,
    .checkout-choice
) {
    border-color: var(--color-border-control);
}

/* Regime 1: mobile reorganiza a arquitetura. */
@media (max-width: 767px) {
    .ui-foundations-v1.access-page { padding: var(--space-4); }
    .ui-foundations-v1 .access-card { padding: var(--space-5); }
    .ui-foundations-v1 .access-field-row { align-items: flex-start; flex-direction: column; gap: var(--space-1); }
    .ui-foundations-v1 .access-invite-meta div { grid-template-columns: 1fr; gap: var(--space-1); }

    .ui-foundations-v1 :is(.client-home-header, .chome > .ui-page-header, .lote1-role-header) { align-items: flex-start; }
    .ui-foundations-v1 :is(.client-commerce-grid, .client-opportunity-grid, .chome-oport-grade, .admin-bento-grid) {
        grid-template-columns: 1fr;
    }
    .ui-foundations-v1 .home-vendedor .vhome > .celula:first-child .vhome-lista { grid-template-columns: 1fr; }
    .ui-foundations-v1 .admin-bento-card { grid-column: 1 / -1; }

    .ui-foundations-v1:is(
        #sec-vendas,
        #sec-carteira,
        #sec-central-cliente,
        #sec-financeiro,
        #sec-ajuda,
        #sec-conta,
        #sec-historico-expedicao
    ) :is(
        .vendas-header,
        .carteira-topo,
        .central-topo,
        .financeiro-section-header,
        .support-block-heading,
        .account-page-header,
        .shipping-history-header,
        .shipping-history-section-heading
    ) {
        align-items: stretch;
        flex-direction: column;
    }

    .ui-foundations-v1:is(
        #sec-vendas,
        #sec-carteira,
        #sec-central-cliente,
        #sec-financeiro,
        #sec-ajuda,
        #sec-conta,
        #sec-historico-expedicao
    ) :is(
        .support-quick-grid,
        .support-category-grid,
        .account-card-grid,
        .account-detail-grid,
        .account-form-grid,
        .account-notification-options,
        .central-duas-listas,
        .central-fatos
    ) {
        grid-template-columns: 1fr;
    }

    .ui-foundations-v1:is(#sec-historico-expedicao) .shipping-history-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-foundations-v1:is(
        #sec-vendas,
        #sec-carteira,
        #sec-central-cliente,
        #sec-financeiro,
        #sec-ajuda,
        #sec-conta,
        #sec-historico-expedicao
    ) :is(.venda-row, .shipping-history-row, .account-member-row, .account-session-row) {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    :is(
        .ui-foundations-v1#sec-estoque,
        .ui-foundations-v1#sec-midias,
        .ui-foundations-v1#sec-inteligencia,
        .ui-foundations-v1#sec-rentabilidade,
        .ui-foundations-v1#sec-protecao-canal,
        .ui-foundations-v1#sec-andares,
        .ui-foundations-v1.ia-foundations-v1
    ) :is(
        .dash-lista-header,
        .dash-filtros-row,
        .discovery-page-header,
        .admin-intelligence-header,
        .rentabilidade-result,
        .channel-protection-header,
        .channel-protection-priority,
        .ia-head,
        .ia-review-card
    ) {
        align-items: stretch;
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    :is(
        .ui-foundations-v1#sec-estoque,
        .ui-foundations-v1#sec-midias,
        .ui-foundations-v1#sec-inteligencia,
        .ui-foundations-v1#sec-rentabilidade,
        .ui-foundations-v1#sec-protecao-canal,
        .ui-foundations-v1#sec-andares,
        .ui-foundations-v1.ia-foundations-v1
    ) :is(.dash-lista-grid, .dash-kpis, .discovery-steps, .client-opportunity-grid, .ia-fila) {
        grid-template-columns: 1fr;
    }

    :is(
        .ui-foundations-v1#sec-estoque,
        .ui-foundations-v1#sec-midias,
        .ui-foundations-v1#sec-inteligencia,
        .ui-foundations-v1#sec-rentabilidade,
        .ui-foundations-v1#sec-protecao-canal,
        .ui-foundations-v1#sec-andares,
        .ui-foundations-v1.ia-foundations-v1
    ) :is(button, .btn-primary, .btn-secondary, .home-primary-cta) {
        width: 100%;
        justify-content: center;
    }

    :is(
        .ui-foundations-v1#sec-home .shipping-home,
        .ui-foundations-v1#sec-gestao-expedicao,
        .ui-foundations-v1#sec-checklist-diario,
        .ui-foundations-v1#sec-mesa,
        .ui-foundations-v1.critical-checkout-foundations,
        .ui-foundations-v1.station-foundations-v1,
        .ui-foundations-v1.tv-foundations-v1
    ) :is(
        .shipping-header,
        .shipping-section-head,
        .exp-gestao-header,
        .daily-checklist-toolbar,
        .mesa-workspace-header,
        .checkout-header > div,
        .pedido-head,
        .tv-header,
        .tv-panel-title
    ) {
        align-items: stretch;
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    :is(
        .ui-foundations-v1#sec-home .shipping-home,
        .ui-foundations-v1#sec-gestao-expedicao,
        .ui-foundations-v1#sec-checklist-diario,
        .ui-foundations-v1#sec-mesa,
        .ui-foundations-v1.critical-checkout-foundations,
        .ui-foundations-v1.station-foundations-v1,
        .ui-foundations-v1.tv-foundations-v1
    ) :is(
        .shipping-list-row,
        .shipping-kanban,
        .exp-gestao-kpis,
        .exp-gestao-layout,
        .daily-checklist-tasks,
        .mesa-body,
        .mesa-complementos > div,
        .mesa-assurances,
        .co-grid,
        .checkout-choice-grid,
        .checkout-form-grid,
        .pedido-grid,
        .retirada-form,
        .tv-dashboard,
        .tv-result,
        .tv-board
    ) {
        grid-template-columns: 1fr;
    }

    .ui-foundations-v1#sec-home .shipping-list-head { display: none; }
    .ui-foundations-v1#sec-mesa .mesa-summary { position: static; }

    :is(
        .ui-foundations-v1#sec-home .shipping-home,
        .ui-foundations-v1#sec-checklist-diario,
        .ui-foundations-v1#sec-mesa,
        .ui-foundations-v1.critical-checkout-foundations
    ) :is(.shipping-header-actions, .daily-checklist-header-actions, .mesa-workspace-actions, .checkout-stage-actions) button {
        width: 100%;
        justify-content: center;
    }
}

/* Regime 2: compacto — duas colunas quando o conteúdo comporta. */
@media (min-width: 768px) and (max-width: 1179px) {
    .ui-foundations-v1 :is(.client-commerce-grid, .client-opportunity-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ui-foundations-v1 .admin-bento-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ui-foundations-v1 .admin-bento-card { grid-column: auto; }
    .ui-foundations-v1 .admin-bento-hero { grid-column: 1 / -1; }

    .ui-foundations-v1:is(
        #sec-vendas,
        #sec-carteira,
        #sec-central-cliente,
        #sec-financeiro,
        #sec-ajuda,
        #sec-conta,
        #sec-historico-expedicao
    ) :is(.support-quick-grid, .support-category-grid, .account-card-grid, .account-detail-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-foundations-v1:is(#sec-central-cliente) .central-fatos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-foundations-v1:is(#sec-historico-expedicao) .shipping-history-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :is(
        .ui-foundations-v1#sec-estoque,
        .ui-foundations-v1#sec-midias,
        .ui-foundations-v1#sec-inteligencia,
        .ui-foundations-v1#sec-rentabilidade,
        .ui-foundations-v1#sec-protecao-canal,
        .ui-foundations-v1#sec-andares,
        .ui-foundations-v1.ia-foundations-v1
    ) :is(.dash-lista-grid, .client-opportunity-grid, .ia-fila) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :is(
        .ui-foundations-v1#sec-gestao-expedicao,
        .ui-foundations-v1#sec-checklist-diario,
        .ui-foundations-v1#sec-mesa,
        .ui-foundations-v1.critical-checkout-foundations,
        .ui-foundations-v1.station-foundations-v1,
        .ui-foundations-v1.tv-foundations-v1
    ) :is(.exp-gestao-kpis, .daily-checklist-tasks, .checkout-choice-grid, .pedido-grid, .tv-dashboard) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-foundations-v1#sec-mesa .mesa-body { grid-template-columns: 1fr; }
    .ui-foundations-v1#sec-mesa .mesa-summary { position: static; }
}

/* Regime 3: amplo — preserva a distribuição editorial completa. */
@media (min-width: 1180px) {
    .ui-foundations-v1 .admin-bento-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .ui-foundations-v1 .client-opportunity-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ui-foundations-v1#sec-estoque .dash-lista-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ui-foundations-v1.ia-foundations-v1 .ia-fila { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    .ui-foundations-v1 *,
    .ui-foundations-v1 *::before,
    .ui-foundations-v1 *::after {
        scroll-behavior: auto !important;
    }
}