/*
 * Central de carregamentos (camara.grandvalle.com): o desenho das três telas
 * próprias (Início, Em aberto, Ordens de carregamento) e do detalhe da carga.
 * Segue o da Programação packing: cartão branco, um quadro por carga, barra de
 * progresso. As cores vêm das variáveis do Filament, então acompanham o tema
 * claro e o escuro.
 *
 * Carregado só no painel da central (CamaraPanelProvider). Ao mudar, suba o
 * ?v= de lá: o celular da câmara guarda o arquivo.
 */

.cc-pilha > * + * { margin-top: 1rem; }

.cc-cartao { border-radius: .75rem; background-color: #fff; overflow: hidden;
             box-shadow: 0 1px 2px 0 rgba(0,0,0,.05), 0 0 0 1px rgba(var(--gray-950),.05); }
.dark .cc-cartao { background-color: rgb(var(--gray-900)); box-shadow: 0 1px 2px 0 rgba(0,0,0,.05), 0 0 0 1px rgba(255,255,255,.1); }

/* ── Barra do alto: semana e filtros ───────────────────────────────────── */
.cc-barra { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; padding: .75rem 1rem; }
.cc-barra + .cc-barra { padding-top: 0; }
@media (min-width: 640px) { .cc-barra, .cc-dica { padding-left: 1.5rem; padding-right: 1.5rem; } }
.cc-setas .fi-btn { padding-inline: .5rem; }
.cc-barra .fi-btn:not(:disabled) .fi-btn-icon { color: rgb(var(--gray-700)); }
.dark .cc-barra .fi-btn:not(:disabled) .fi-btn-icon { color: rgb(var(--gray-300)); }
.cc-barra .fi-btn:disabled { opacity: .5; }
.cc-titulo { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 .5rem; min-width: 0; }
.cc-titulo .fi-badge { align-self: center; }
.cc-semana { font-size: 1.125rem; font-weight: 700; line-height: 1.75rem; color: rgb(var(--gray-950)); }
.dark .cc-semana { color: #fff; }
.cc-intervalo { font-size: .875rem; color: rgb(var(--gray-500)); white-space: nowrap; }
.cc-dica { font-size: .8rem; color: rgb(var(--gray-500)); padding: 0 1rem .75rem; line-height: 1.45; }
.cc-dica b { color: rgb(var(--gray-700)); }
.dark .cc-dica b { color: rgb(var(--gray-200)); }
.cc-legenda { display: inline-flex; align-items: center; gap: .3rem; white-space: nowrap; }
.cc-legenda i { display: inline-block; width: .9rem; height: .45rem; border-radius: 9999px; }
.cc-legenda .cc-cor-ordem { background: rgb(var(--primary-400)); }
.cc-legenda .cc-cor-carregado { background: rgb(var(--success-600)); }

/* Botões de filtro: um grupo por pergunta (fruta, mercado, situação). */
.cc-seg { display: inline-flex; flex-wrap: wrap; border-radius: .5rem; padding: .15rem; gap: .15rem;
          background: rgba(var(--gray-950),.05); }
.dark .cc-seg { background: rgba(255,255,255,.06); }
.cc-seg-btn { display: inline-flex; align-items: center; gap: .35rem; min-height: 2.25rem; padding: .25rem .7rem;
              border: 0; border-radius: .4rem; background: transparent; cursor: pointer;
              font-size: .85rem; font-weight: 600; color: rgb(var(--gray-600)); white-space: nowrap; }
.dark .cc-seg-btn { color: rgb(var(--gray-300)); }
.cc-seg-btn:hover { color: rgb(var(--gray-950)); }
.dark .cc-seg-btn:hover { color: #fff; }
.cc-seg-btn.cc-ativo { background: #fff; color: rgb(var(--primary-700)); box-shadow: 0 1px 2px rgba(0,0,0,.12); }
.dark .cc-seg-btn.cc-ativo { background: rgb(var(--gray-700)); color: rgb(var(--primary-300)); }
.cc-seg-btn small { font-size: .72rem; font-weight: 700; padding: 0 .35rem; border-radius: 9999px;
                    background: rgba(var(--gray-950),.08); color: rgb(var(--gray-600)); }
.dark .cc-seg-btn small { background: rgba(255,255,255,.12); color: rgb(var(--gray-300)); }
.cc-seg-btn.cc-ativo small { background: rgba(var(--primary-500),.15); color: rgb(var(--primary-700)); }
.dark .cc-seg-btn.cc-ativo small { color: rgb(var(--primary-300)); }
.cc-curto { display: none; }
@media (max-width: 639px) {
    .cc-longo { display: none; }
    .cc-curto { display: inline; }
    .cc-seg-btn { padding-inline: .45rem; }
    .cc-barra .fi-btn { min-height: 2.75rem; }
    .cc-setas .fi-btn { min-width: 2.75rem; }
    .cc-titulo { flex: 1 1 8rem; }
    .cc-intervalo { flex-basis: 100%; }
    .cc-seg { display: flex; width: 100%; }
    .cc-seg-btn { flex: 1 1 auto; justify-content: center; min-height: 2.75rem; }
}
.cc-busca { flex: 1 1 14rem; min-width: 0; max-width: 24rem; }
.cc-busca input { width: 100%; min-height: 2.5rem; padding: .35rem .75rem; border-radius: .5rem; font-size: .9rem;
                  border: 1px solid rgba(var(--gray-950),.15); background: #fff; color: rgb(var(--gray-950)); }
.dark .cc-busca input { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.15); color: #fff; }
.cc-busca input:focus { outline: 2px solid rgb(var(--primary-500)); outline-offset: 1px; }

/* ── Aviso (uma fonte não respondeu) e vazio ───────────────────────────── */
.cc-aviso { padding: .65rem 1rem; font-size: .85rem; line-height: 1.4; color: rgb(var(--warning-700));
            background: rgba(var(--warning-500),.1); border-radius: .75rem; }
.dark .cc-aviso { color: rgb(var(--warning-300)); background: rgba(var(--warning-500),.15); }
.cc-vazio { padding: 2rem 1rem; text-align: center; color: rgb(var(--gray-500)); font-size: .9rem; }

/* ── Seção: fruta e mercado ────────────────────────────────────────────── */
.cc-secao-cab { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1rem; padding: .75rem 1rem;
                border-bottom: 1px solid rgba(var(--gray-950),.06); }
.dark .cc-secao-cab { border-color: rgba(255,255,255,.08); }
@media (min-width: 640px) { .cc-secao-cab { padding-left: 1.5rem; padding-right: 1.5rem; } }
.cc-secao-nome { font-size: 1rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: rgb(var(--gray-950)); }
.dark .cc-secao-nome { color: #fff; }
.cc-secao-soma { font-size: .85rem; color: rgb(var(--gray-600)); display: flex; flex-wrap: wrap; gap: .15rem .9rem; }
.dark .cc-secao-soma { color: rgb(var(--gray-300)); }
.cc-secao-soma b { color: rgb(var(--gray-900)); }
.dark .cc-secao-soma b { color: #fff; }
.cc-secao-barra { flex: 1 1 10rem; max-width: 18rem; }
.cc-grupo-nome { padding: .75rem 1rem 0; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
                 color: rgb(var(--gray-500)); }
@media (min-width: 640px) { .cc-grupo-nome { padding-left: 1.5rem; padding-right: 1.5rem; } }
.cc-grupo-nome span { font-weight: 500; text-transform: none; letter-spacing: 0; }
.cc-secao-pe { padding: 0 1rem .9rem; font-size: .8rem; color: rgb(var(--gray-500)); }
@media (min-width: 640px) { .cc-secao-pe { padding-left: 1.5rem; padding-right: 1.5rem; } }

/* ── Barra de progresso em duas camadas: na ordem (clara) e carregado ──── */
.cc-trilho { position: relative; height: .5rem; border-radius: 9999px; background: rgba(var(--gray-950),.08); overflow: hidden; }
.dark .cc-trilho { background: rgba(255,255,255,.1); }
.cc-trilho > span { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 9999px; }
.cc-trilho .cc-na-ordem { background: rgb(var(--primary-400)); }
.cc-trilho .cc-carregado { background: rgb(var(--success-600)); }

/* ── Grade de cartões (um por carga) ───────────────────────────────────── */
.cc-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr)); gap: .75rem; padding: .6rem 1rem 1rem; }
@media (min-width: 640px) { .cc-grade { padding: .6rem 1.5rem 1.25rem; } }
.cc-carga { display: flex; flex-direction: column; min-width: 0; border-radius: .5rem; background: #fff; cursor: pointer;
            border: 1px solid rgba(var(--gray-950),.12); border-top-width: 4px; border-top-color: rgb(var(--gray-300));
            transition: box-shadow .12s ease-in-out; }
.dark .cc-carga { background: rgba(255,255,255,.02); border-color: rgba(255,255,255,.12); border-top-color: rgb(var(--gray-600)); }
.cc-carga:hover, .cc-carga:focus-visible { box-shadow: 0 0 0 2px rgba(var(--primary-500),.55); outline: none; }
.cc-carga.cc-s-montando, .dark .cc-carga.cc-s-montando { border-top-color: rgb(var(--warning-500)); }
.cc-carga.cc-s-pronta, .dark .cc-carga.cc-s-pronta,
.cc-carga.cc-s-carregando, .dark .cc-carga.cc-s-carregando { border-top-color: rgb(var(--info-500)); }
.cc-carga.cc-s-carregada, .dark .cc-carga.cc-s-carregada { border-top-color: rgb(var(--success-500)); }

.cc-topo { padding: .5rem .65rem .45rem; border-bottom: 1px solid rgba(var(--gray-950),.08); }
.dark .cc-topo { border-color: rgba(255,255,255,.08); }
.cc-etiquetas { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .4rem; margin-bottom: .2rem; }
.cc-fruta { display: inline-block; padding: 0 .45rem; border-radius: 9999px; font-size: .68rem; font-weight: 800;
            letter-spacing: .04em; text-transform: uppercase; line-height: 1.5; }
.cc-fruta-manga { background: rgba(var(--warning-500),.18); color: rgb(var(--warning-800)); }
.cc-fruta-uva { background: rgba(124,58,237,.14); color: rgb(91,33,182); }
.dark .cc-fruta-manga { color: rgb(var(--warning-300)); }
.dark .cc-fruta-uva { background: rgba(167,139,250,.2); color: rgb(196,181,253); }
.cc-tipo { font-size: .72rem; font-weight: 600; color: rgb(var(--gray-500)); }
.cc-cliente { font-weight: 800; font-size: .88rem; line-height: 1.2; text-transform: uppercase; color: rgb(var(--gray-950)); overflow-wrap: anywhere; }
.dark .cc-cliente { color: #fff; }
.cc-sub { font-size: .74rem; color: rgb(var(--gray-500)); margin-top: .1rem; line-height: 1.3; overflow-wrap: anywhere; }

.cc-total { padding: .45rem .65rem; border-bottom: 1px solid rgba(var(--gray-950),.08); }
.dark .cc-total { border-color: rgba(255,255,255,.08); }
.cc-total-linha { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; margin-bottom: .25rem;
                  font-size: .8rem; color: rgb(var(--gray-600)); }
.dark .cc-total-linha { color: rgb(var(--gray-300)); }
.cc-total-linha b { font-size: 1.05rem; color: rgb(var(--gray-950)); }
.dark .cc-total-linha b { color: #fff; }
.cc-pct { font-weight: 800; font-size: .95rem; color: rgb(var(--gray-500)); }
.cc-falta { margin-top: .3rem; font-size: .76rem; line-height: 1.35; color: rgb(var(--gray-600)); }
.dark .cc-falta { color: rgb(var(--gray-300)); }
.cc-falta b { font-weight: 800; }
.cc-falta .cc-falta-escolher { color: rgb(var(--warning-700)); }
.cc-falta .cc-falta-carregar { color: rgb(var(--info-700)); }
.cc-falta .cc-tudo-certo { color: rgb(var(--success-700)); font-weight: 700; }
.dark .cc-falta .cc-falta-escolher { color: rgb(var(--warning-400)); }
.dark .cc-falta .cc-falta-carregar { color: rgb(var(--info-400)); }
.dark .cc-falta .cc-tudo-certo { color: rgb(var(--success-400)); }

/* Onde estão os paletes da ordem (as cores da Programação packing). */
.cc-onde-resumo { margin-top: .25rem; font-size: .74rem; line-height: 1.35; color: rgb(var(--gray-500)); }
.cc-onde { display: inline-block; padding: 0 .4rem; border-radius: .3rem; font-weight: 700; font-size: .74rem; line-height: 1.35rem; white-space: nowrap; }
.cc-onde-embalado, .cc-onde-sem_lugar { background: rgba(var(--gray-500),.14); color: rgb(var(--gray-700)); }
.cc-onde-tunel { background: rgba(var(--info-500),.14); color: rgb(var(--info-700)); }
.cc-onde-smartfresh { background: rgba(139,92,246,.14); color: rgb(109,40,217); }
.cc-onde-camara { background: rgba(6,182,212,.16); color: rgb(14,116,144); }
.cc-onde-subiu { background: rgba(var(--success-500),.14); color: rgb(var(--success-700)); }
.cc-onde-expedido_mega { background: rgba(var(--warning-400),.2); color: rgb(var(--warning-800)); }
.cc-onde-apagado_mega { background: rgba(var(--danger-500),.12); color: rgb(var(--danger-700)); }
.dark .cc-onde-embalado, .dark .cc-onde-sem_lugar { background: rgba(var(--gray-400),.18); color: rgb(var(--gray-200)); }
.dark .cc-onde-tunel { background: rgba(var(--info-400),.2); color: rgb(var(--info-300)); }
.dark .cc-onde-smartfresh { background: rgba(167,139,250,.2); color: rgb(196,181,253); }
.dark .cc-onde-camara { background: rgba(34,211,238,.18); color: rgb(103,232,249); }
.dark .cc-onde-subiu { background: rgba(var(--success-400),.2); color: rgb(var(--success-300)); }
.dark .cc-onde-expedido_mega { background: rgba(var(--warning-400),.2); color: rgb(var(--warning-300)); }
.dark .cc-onde-apagado_mega { background: rgba(var(--danger-400),.2); color: rgb(var(--danger-300)); }
.cc-sf { display: inline-block; margin-left: .2rem; padding: 0 .28rem; border-radius: .25rem; font-size: .66rem; font-weight: 700; line-height: 1.15rem;
         border: 1px solid rgba(var(--gray-500),.45); color: rgb(var(--gray-600)); white-space: nowrap; }
.cc-sf-passou { border-color: rgba(var(--success-500),.5); color: rgb(var(--success-700)); }
.cc-sf-sem { border-color: rgba(var(--warning-500),.6); background: rgba(var(--warning-400),.18); color: rgb(var(--warning-700)); }
.dark .cc-sf { color: rgb(var(--gray-300)); }
.dark .cc-sf-passou { color: rgb(var(--success-300)); }
.dark .cc-sf-sem { color: rgb(var(--warning-300)); }
.cc-legenda-sf { margin-top: .5rem; font-size: .74rem; line-height: 1.6; color: rgb(var(--gray-500)); }

.cc-linhas { padding: .35rem .65rem .45rem; }
.cc-linha { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; padding: .16rem 0; font-size: .78rem; line-height: 1.3; }
.cc-linha + .cc-linha { border-top: 1px solid rgba(var(--gray-950),.05); }
.dark .cc-linha + .cc-linha { border-color: rgba(255,255,255,.06); }
.cc-linha-txt { min-width: 0; color: rgb(var(--gray-700)); overflow-wrap: anywhere; }
.dark .cc-linha-txt { color: rgb(var(--gray-300)); }
.cc-linha-txt b { color: rgb(var(--gray-950)); }
.dark .cc-linha-txt b { color: #fff; }
.cc-linha-txt small { display: block; font-size: .7rem; color: rgb(var(--gray-500)); }
.cc-linha-num { flex: 0 0 auto; font-weight: 700; white-space: nowrap; color: rgb(var(--gray-500)); font-variant-numeric: tabular-nums; }
.cc-linha-num.cc-meio { color: rgb(var(--warning-600)); }
.cc-linha-num.cc-ok { color: rgb(var(--success-600)); }
.dark .cc-linha-num.cc-meio { color: rgb(var(--warning-400)); }
.dark .cc-linha-num.cc-ok { color: rgb(var(--success-400)); }
.cc-mais { color: rgb(var(--danger-600)); font-weight: 700; }
.dark .cc-mais { color: rgb(var(--danger-400)); }

.cc-fora { margin: 0 .65rem .45rem; padding: .35rem .5rem; border-radius: .375rem; font-size: .72rem; line-height: 1.35;
           background: rgba(var(--danger-500),.08); color: rgb(var(--danger-700)); overflow-wrap: anywhere; }
.dark .cc-fora { background: rgba(var(--danger-500),.15); color: rgb(var(--danger-300)); }
.cc-obs { margin: 0 .65rem .45rem; font-size: .72rem; line-height: 1.35; color: rgb(var(--gray-600)); font-style: italic; overflow-wrap: anywhere; }
.dark .cc-obs { color: rgb(var(--gray-400)); }
.cc-pe { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .25rem .5rem;
         padding: .4rem .65rem; border-top: 1px solid rgba(var(--gray-950),.08); font-size: .74rem; color: rgb(var(--gray-500)); }
.dark .cc-pe { border-color: rgba(255,255,255,.08); }
.cc-pe b { color: rgb(var(--gray-800)); }
.dark .cc-pe b { color: rgb(var(--gray-100)); }

/* Os botões de cada carga (links): grandes o bastante para o dedo. */
.cc-botoes { display: flex; flex-wrap: wrap; gap: .35rem; padding: 0 .65rem .55rem; cursor: default; }
.cc-botao { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; min-height: 2.25rem; padding: .25rem .6rem;
            border-radius: .45rem; font-size: .78rem; font-weight: 700; text-decoration: none; white-space: nowrap;
            border: 1px solid rgba(var(--gray-950),.15); color: rgb(var(--gray-700)); background: #fff; }
.dark .cc-botao { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.15); color: rgb(var(--gray-200)); }
.cc-botao:hover { border-color: rgb(var(--primary-500)); color: rgb(var(--primary-700)); }
.dark .cc-botao:hover { color: rgb(var(--primary-300)); }
.cc-botao svg { width: 1rem; height: 1rem; flex: 0 0 auto; }
.cc-botao.cc-destaque { background: rgb(var(--primary-600)); border-color: rgb(var(--primary-600)); color: #fff; }
.cc-botao.cc-destaque:hover { background: rgb(var(--primary-500)); color: #fff; }
@media (max-width: 639px) { .cc-botao { min-height: 2.75rem; flex: 1 1 auto; } }

/* ── Lista de ordens: linhas que viram cartão no celular ───────────────── */
.cc-lista { padding: 0; }
.cc-tr { display: grid; align-items: center; gap: .35rem .9rem; padding: .6rem 1rem; cursor: pointer;
         grid-template-columns: 6.5rem minmax(9rem, 2fr) minmax(7rem, 1.1fr) 5.5rem minmax(9rem, 1.3fr) minmax(8.5rem, 1.1fr) 10.5rem;
         border-top: 1px solid rgba(var(--gray-950),.06); font-size: .85rem; color: rgb(var(--gray-700)); }
.dark .cc-tr { border-color: rgba(255,255,255,.07); color: rgb(var(--gray-300)); }
@media (min-width: 640px) { .cc-tr { padding-left: 1.5rem; padding-right: 1.5rem; } }
.cc-tr:hover { background: rgba(var(--gray-950),.025); }
.dark .cc-tr:hover { background: rgba(255,255,255,.03); }
.cc-tr.cc-th { cursor: default; border-top: 0; padding-top: .5rem; padding-bottom: .5rem; font-size: .72rem; font-weight: 700;
               letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--gray-500)); background: rgba(var(--gray-950),.03); }
.dark .cc-tr.cc-th { background: rgba(255,255,255,.04); }
.cc-td { min-width: 0; overflow-wrap: anywhere; line-height: 1.3; }
.cc-td b { color: rgb(var(--gray-950)); }
.dark .cc-td b { color: #fff; }
.cc-td small { display: block; font-size: .75rem; color: rgb(var(--gray-500)); }
.cc-td .cc-trilho { margin-top: .3rem; max-width: 12rem; }
.cc-td-acoes { display: flex; flex-wrap: wrap; gap: .3rem; justify-content: flex-end; cursor: default; }
.cc-td-acoes .cc-botao { white-space: normal; text-align: left; line-height: 1.15; }
.cc-rotulo-cel { display: none; }
@media (max-width: 1023px) {
    .cc-tr.cc-th { display: none; }
    .cc-tr { grid-template-columns: 1fr 1fr; align-items: start; }
    .cc-tr:first-child { border-top: 0; }
    .cc-td-cliente, .cc-td-paletes, .cc-td-acoes { grid-column: 1 / -1; }
    .cc-td-acoes { justify-content: flex-start; }
    .cc-rotulo-cel { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--gray-500)); }
}

/* ── Início: as quatro somas e os atalhos ──────────────────────────────── */
.cc-inicio { display: flex; flex-direction: column; gap: 1rem; }
@media (max-width: 639px) {
    .cc-inicio-atalhos { order: -1; }
    .cc-inicio .cc-somas { grid-template-columns: 1fr 1fr; gap: .5rem; }
    .cc-inicio .cc-soma { padding: .6rem .7rem; }
    .cc-inicio .cc-soma-nome { font-size: .68rem; }
    .cc-inicio .cc-soma-num { font-size: 1.5rem; }
    .cc-inicio .cc-soma-num small { display: block; font-size: .72rem; }
    .cc-inicio .cc-soma-det { font-size: .72rem; }
}
.cc-somas { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: .75rem; }
.cc-soma { display: block; padding: .85rem 1rem; text-decoration: none; color: inherit; border-top: 4px solid rgb(var(--gray-300)); }
.cc-soma.cc-tem { border-top-color: rgb(var(--primary-500)); }
.cc-soma:hover { box-shadow: 0 0 0 2px rgba(var(--primary-500),.55); }
.cc-soma-nome { font-size: .8rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--gray-600)); }
.dark .cc-soma-nome { color: rgb(var(--gray-300)); }
.cc-soma-num { margin-top: .2rem; font-size: 2rem; font-weight: 800; line-height: 1.1; color: rgb(var(--gray-950)); }
.dark .cc-soma-num { color: #fff; }
.cc-soma-num small { font-size: .85rem; font-weight: 600; color: rgb(var(--gray-500)); }
.cc-soma-det { margin-top: .35rem; font-size: .8rem; line-height: 1.4; color: rgb(var(--gray-600)); }
.dark .cc-soma-det { color: rgb(var(--gray-300)); }
.cc-soma-det b { color: rgb(var(--gray-950)); }
.dark .cc-soma-det b { color: #fff; }
.cc-soma .cc-trilho { margin-top: .5rem; }

.cc-atalhos-tit { padding: .75rem 1rem 0; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--gray-500)); }
.cc-atalhos { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .6rem; padding: .6rem 1rem 1rem; }
@media (min-width: 640px) { .cc-atalhos-tit { padding-left: 1.5rem; } .cc-atalhos { padding-left: 1.5rem; padding-right: 1.5rem; } }
.cc-atalho { display: flex; align-items: center; gap: .7rem; min-height: 4rem; padding: .6rem .8rem; border-radius: .6rem; text-decoration: none;
             border: 1px solid rgba(var(--gray-950),.12); background: #fff; color: rgb(var(--gray-800)); }
.dark .cc-atalho { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.12); color: rgb(var(--gray-100)); }
.cc-atalho:hover { border-color: rgb(var(--primary-500)); }
.cc-atalho svg { width: 1.75rem; height: 1.75rem; flex: 0 0 auto; color: rgb(var(--primary-600)); }
.dark .cc-atalho svg { color: rgb(var(--primary-400)); }
.cc-atalho b { display: block; font-size: .95rem; line-height: 1.2; }
.cc-atalho small { display: block; font-size: .76rem; color: rgb(var(--gray-500)); line-height: 1.3; }

/* ── Detalhe da carga (janela) ─────────────────────────────────────────── */
.cc-det > * + * { margin-top: 1rem; }
.cc-det-resumo { display: flex; flex-wrap: wrap; gap: .4rem .6rem; align-items: center; font-size: .85rem; color: rgb(var(--gray-600)); }
.dark .cc-det-resumo { color: rgb(var(--gray-300)); }
.cc-det-numeros { display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: .5rem; }
.cc-det-num { padding: .5rem .65rem; border-radius: .5rem; background: rgba(var(--gray-950),.04); }
.dark .cc-det-num { background: rgba(255,255,255,.05); }
.cc-det-num span { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--gray-500)); }
.cc-det-num b { font-size: 1.15rem; color: rgb(var(--gray-950)); }
.dark .cc-det-num b { color: #fff; }
.cc-det-tit { font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--gray-500)); margin-bottom: .3rem; }
.cc-det .cc-linhas { padding: 0; }
.cc-det .cc-linha { font-size: .85rem; padding: .3rem 0; }
.cc-det .cc-fora, .cc-det .cc-obs { margin: 0; }
.cc-pal { display: grid; grid-template-columns: 5rem minmax(7rem, 1.4fr) 6.5rem minmax(8rem, 1.6fr); gap: .15rem .75rem; align-items: baseline;
          padding: .35rem 0; font-size: .82rem; line-height: 1.3; color: rgb(var(--gray-700)); border-top: 1px solid rgba(var(--gray-950),.06); }
.dark .cc-pal { color: rgb(var(--gray-300)); border-color: rgba(255,255,255,.07); }
.cc-pal:first-child { border-top: 0; }
.cc-pal-cod { font-weight: 800; color: rgb(var(--gray-950)); font-variant-numeric: tabular-nums; }
.dark .cc-pal-cod { color: #fff; }
.cc-pal small { color: rgb(var(--gray-500)); }
.cc-pal-n { font-variant-numeric: tabular-nums; white-space: nowrap; }
.cc-pal-subiu { color: rgb(var(--success-700)); font-weight: 700; }
.dark .cc-pal-subiu { color: rgb(var(--success-400)); }
.cc-pal.cc-pal-fora .cc-pal-cod { color: rgb(var(--danger-600)); }
.dark .cc-pal.cc-pal-fora .cc-pal-cod { color: rgb(var(--danger-400)); }
@media (max-width: 639px) {
    .cc-pal { grid-template-columns: 4.5rem 1fr; }
    .cc-pal > :nth-child(3), .cc-pal > :nth-child(4) { grid-column: 2; }
}
.cc-hist { font-size: .8rem; line-height: 1.4; color: rgb(var(--gray-600)); }
.dark .cc-hist { color: rgb(var(--gray-300)); }
.cc-hist li + li { margin-top: .25rem; }
.cc-hist b { color: rgb(var(--gray-900)); }
.dark .cc-hist b { color: #fff; }
.cc-det .cc-botoes { padding: 0; }