/* =============================================================================
   Casca do painel (menu lateral + barra de cima). Carregado em TODAS as telas pelo
   render hook HEAD_END (AdminPanelProvider) — CSS puro, sem depender do build do
   Tailwind do Filament. Mesma paleta do cabeçalho do Início (azul-petróleo + ciano).
   ============================================================================= */

:root {
    --pn-side-bg: linear-gradient(180deg, #0b1220 0%, #0c1a24 60%, #0b222b 100%);
    --pn-side-border: rgba(255, 255, 255, .06);
    --pn-side-text: #c3ccd8;
    --pn-side-muted: #6b7a8f;
    --pn-side-hover: rgba(255, 255, 255, .06);
    --pn-accent: #06b6d4;
    --pn-accent-soft: rgba(6, 182, 212, .16);
}

/* --- menu lateral --- */
.fi-sidebar.fi-main-sidebar {
    background: var(--pn-side-bg) !important;
    border-right: 1px solid var(--pn-side-border);
}
.fi-sidebar .fi-sidebar-nav { padding-top: 1rem; }
.fi-sidebar .fi-sidebar-group-label {
    color: var(--pn-side-muted) !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.fi-sidebar .fi-sidebar-group-collapse-btn,
.fi-sidebar .fi-sidebar-group-btn .fi-icon { color: var(--pn-side-muted) !important; }

.fi-sidebar .fi-sidebar-item-btn {
    position: relative;
    border-radius: 10px !important;
    transition: background .15s ease;
}
.fi-sidebar .fi-sidebar-item-btn:hover { background: var(--pn-side-hover) !important; }
.fi-sidebar .fi-sidebar-item-label {
    color: var(--pn-side-text) !important;
    font-weight: 500 !important;
    font-size: .875rem;
}
.fi-sidebar .fi-sidebar-item-icon { color: var(--pn-side-muted) !important; }

/* item ativo: fundo ciano suave + faixa na lateral */
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: var(--pn-accent-soft) !important; }
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn::before {
    content: "";
    position: absolute;
    left: -.6rem;
    top: 22%;
    bottom: 22%;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--pn-accent);
}
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label { color: #fff !important; font-weight: 600 !important; }
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: var(--pn-accent) !important; }

/* barra de rolagem discreta no menu */
.fi-sidebar-nav { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.12) transparent; }

/* --- barra de cima: mesma cor do menu, vira uma "moldura" única --- */
.fi-topbar {
    background: #0b1220 !important;
    border-bottom: 1px solid var(--pn-side-border) !important;
    box-shadow: none !important;
}
.fi-topbar .fi-icon-btn { color: var(--pn-side-text) !important; }
.fi-topbar .fi-icon-btn:hover { background: var(--pn-side-hover) !important; }

/* logo: versão clara fora da barra (login), escura dentro dela */
.pn-logo { height: 100%; width: auto; }
.pn-logo--escuro { display: none; }
.fi-topbar .pn-logo--claro { display: none; }
.fi-topbar .pn-logo--escuro { display: block; height: 62%; margin-top: 10%; mix-blend-mode: lighten; }

.pn-loja {
    display: inline-flex; align-items: center; gap: .6rem; margin-right: .75rem;
    font-size: .8rem; text-decoration: none;
}
.pn-loja__nome { font-weight: 700; color: #f4f4f5; }
.pn-creditos {
    display: inline-flex; align-items: center; gap: .35rem; padding: .32rem .7rem; border-radius: 999px;
    background: var(--pn-accent-soft); color: #22d3ee; font-weight: 700; font-size: .78rem;
    border: 1px solid rgba(6, 182, 212, .3);
}
.pn-creditos svg { width: 15px; height: 15px; }
/* Dias restantes da assinatura (ao lado dos créditos). */
.pn-assinatura {
    display: inline-flex; align-items: center; gap: .35rem; padding: .32rem .7rem; border-radius: 999px;
    font-weight: 700; font-size: .78rem; background: rgba(34, 197, 94, .12); color: #4ade80;
    border: 1px solid rgba(34, 197, 94, .3);
}
.pn-assinatura svg { width: 15px; height: 15px; }
.pn-assinatura--vencendo { background: rgba(234, 179, 8, .14); color: #facc15; border-color: rgba(234, 179, 8, .35); }
.pn-assinatura--vencida { background: rgba(239, 68, 68, .15); color: #f87171; border-color: rgba(239, 68, 68, .4); }
@media (max-width: 640px) { .pn-assinatura span { display: none; } }
@media (max-width: 640px) { .pn-loja__nome, .pn-loja__sep { display: none; } }

/* --- cartões de números (topo das listas: Estoque, Publicados…) --- */
.pn-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.pn-kpi {
    background: #fff; border: 1px solid #e4e4e7; border-radius: 16px; padding: 1.05rem 1.2rem;
    display: flex; flex-direction: column; gap: .3rem;
    box-shadow: 0 1px 2px rgba(24, 24, 27, .05), 0 8px 24px rgba(24, 24, 27, .06);
}
.pn-kpi__top { display: flex; justify-content: space-between; align-items: center; font-size: .8rem; color: #71717a; font-weight: 600; }
.pn-kpi__ico { width: 34px; height: 34px; border-radius: 10px; background: rgba(6, 182, 212, .10); display: flex; align-items: center; justify-content: center; }
.pn-kpi__ico svg { width: 18px; height: 18px; color: #0891b2; }
.pn-kpi__val { font-size: 1.75rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; color: #18181b; }
.pn-kpi__det { font-size: .78rem; color: #71717a; }
.pn-kpi--warn .pn-kpi__det { color: #b45309; }
.pn-kpi--warn .pn-kpi__ico { background: rgba(217, 119, 6, .10); }
.pn-kpi--warn .pn-kpi__ico svg { color: #d97706; }
.pn-kpi--danger .pn-kpi__det { color: #b91c1c; }
.pn-kpi--danger .pn-kpi__ico { background: rgba(220, 38, 38, .08); }
.pn-kpi--danger .pn-kpi__ico svg { color: #dc2626; }
.dark .pn-kpi { background: #141416; border-color: #26262b; box-shadow: none; }
.dark .pn-kpi__val { color: #f4f4f5; }
.dark .pn-kpi__top, .dark .pn-kpi__det { color: #a1a1aa; }
@media (max-width: 900px) { .pn-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* --- tabelas: foto do carro com cantos arredondados --- */
.pn-thumb img { border-radius: 10px; object-fit: cover; }

/* --- cabeçalho da edição do carro --- */
.pn-vr {
    display: flex; gap: 1.25rem; align-items: center; flex-wrap: wrap; padding: 1rem 1.2rem 1rem 1rem; border-radius: 18px;
    background: linear-gradient(135deg, #0b1220 0%, #0e2430 55%, #0b3b47 100%); color: #fff; position: relative; overflow: hidden;
}
.pn-vr::after { content: ""; position: absolute; right: -90px; top: -90px; width: 300px; height: 300px; border-radius: 50%;
    background: radial-gradient(circle, rgba(6, 182, 212, .30), transparent 70%); pointer-events: none; }
.pn-vr__capa { width: 176px; height: 124px; border-radius: 14px; background: rgba(255,255,255,.08) center/cover no-repeat; flex: 0 0 auto;
    display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.12); }
.pn-vr__capa svg { width: 36px; height: 36px; color: rgba(255,255,255,.35); }
.pn-vr__info { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: .35rem; }
.pn-vr__nome { font-size: 1.5rem; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; }
.pn-vr__sub { font-size: .88rem; color: #a5c4cc; }
.pn-vr__chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .3rem; }
.pn-vr__chip { display: inline-flex; align-items: center; gap: .3rem; font-size: .75rem; font-weight: 600; padding: .25rem .6rem; border-radius: 999px;
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #e6f6f9; }
.pn-vr__chip svg { width: 14px; height: 14px; }
.pn-vr__chip--ok { background: rgba(34,197,94,.16); border-color: rgba(34,197,94,.35); color: #86efac; }
.pn-vr__chip--warn { background: rgba(245,158,11,.14); border-color: rgba(245,158,11,.35); color: #fcd34d; }
.pn-vr__chip--danger { background: rgba(239,68,68,.16); border-color: rgba(239,68,68,.4); color: #fca5a5; }
.pn-vr__lado { display: flex; flex-direction: column; align-items: flex-end; gap: .5rem; position: relative; z-index: 1; margin-left: auto; }
.pn-vr__preco { font-size: 1.9rem; font-weight: 800; letter-spacing: -.02em; color: #22d3ee; white-space: nowrap; }
.pn-vr__falta, .pn-vr__ok { display: inline-flex; align-items: center; gap: .35rem; font-size: .75rem; font-weight: 600; padding: .3rem .6rem; border-radius: 10px; max-width: 320px; }
.pn-vr__falta { background: rgba(245,158,11,.14); color: #fcd34d; }
.pn-vr__ok { background: rgba(34,197,94,.14); color: #86efac; }
.pn-vr__falta svg, .pn-vr__ok svg { width: 16px; height: 16px; flex: 0 0 auto; }
@media (max-width: 760px) { .pn-vr__capa { width: 100%; height: 180px; } .pn-vr__lado { align-items: flex-start; margin-left: 0; } }

/* --- grade de fotos do carro (arrastar pra ordenar) --- */
.pn-fg { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .9rem; padding: 1rem; }
.pn-fg__item { background: #fff; border: 1px solid #e4e4e7; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.pn-fg__item.fi-sortable-ghost, .pn-fg__item.pz-foto--fantasma { opacity: .35; }
.pn-fg__item.sortable-chosen { box-shadow: 0 12px 28px rgba(24, 24, 27, .22); }
.pn-fg__img { position: relative; aspect-ratio: 4 / 3; cursor: grab; background: #0b1220; overflow: hidden; }
.pn-fg__img:active { cursor: grabbing; }
.pn-fg__img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; display: block; user-select: none; pointer-events: none; }
.pn-fg__n { position: absolute; top: .45rem; left: .45rem; min-width: 24px; height: 24px; padding: 0 .45rem; border-radius: 999px;
    display: inline-flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 800;
    background: rgba(11, 18, 32, .78); color: #fff; }
.pn-fg__n--capa { background: #06b6d4; color: #062a33; }
.pn-fg__drag { position: absolute; top: .45rem; right: .45rem; width: 26px; height: 26px; border-radius: 8px; background: rgba(11, 18, 32, .6);
    color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; transition: .15s; }
.pn-fg__drag svg { width: 14px; height: 14px; }
.pn-fg__item:hover .pn-fg__drag { opacity: 1; }
.pn-fg__rodape { display: flex; gap: .4rem; padding: .5rem; align-items: center; }
.pn-fg__slot { flex: 1; min-width: 0; font-size: .78rem; padding: .35rem .5rem; border-radius: 8px; border: 1px solid #e4e4e7; background: transparent; color: inherit; }
.pn-fg__del { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 8px; border: 1px solid #e4e4e7; color: #a1a1aa; display: flex; align-items: center; justify-content: center; }
.pn-fg__del:hover { color: #dc2626; border-color: #fca5a5; }
.pn-fg__del svg { width: 16px; height: 16px; }
.pn-fg__dica { font-size: .78rem; color: #71717a; padding: 0 1rem 1rem; margin: 0; }
.dark .pn-fg__item { background: #141416; border-color: #26262b; }
.dark .pn-fg__slot, .dark .pn-fg__del { border-color: #26262b; }

/* --- cartões de mídia (Publicados, Histórico) --- */
.pb { --pb-accent:#06b6d4; --pb-accent-2:#0891b2; --pb-border:#e4e4e7; --pb-surface:#fff; --pb-text:#18181b; --pb-muted:#71717a;
      display:flex; flex-direction:column; gap:1.25rem; color:var(--pb-text) }
.dark .pb { --pb-border:#26262b; --pb-surface:#141416; --pb-text:#f4f4f5; --pb-muted:#a1a1aa }

.pb-bar { display:flex; gap:.75rem; flex-wrap:wrap; align-items:center; justify-content:space-between }
.pb-seg { display:inline-flex; gap:.25rem; padding:.25rem; border-radius:12px; background:var(--pb-surface); border:1px solid var(--pb-border) }
.pb-seg button { padding:.4rem .75rem; border-radius:9px; font-size:.82rem; font-weight:600; color:var(--pb-muted); display:inline-flex; gap:.35rem; align-items:center }
.pb-seg button:hover { color:var(--pb-text) }
.pb-seg button.on { background:rgba(6,182,212,.12); color:var(--pb-accent-2) }
.dark .pb-seg button.on { color:var(--pb-accent) }
.pb-seg small { font-size:.7rem; padding:0 .35rem; border-radius:6px; background:rgba(113,113,122,.12) }

.pb-grupo { font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--pb-muted); margin:.25rem 0 -.25rem }
.pb-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:1rem }
.pb-card { background:var(--pb-surface); border:1px solid var(--pb-border); border-radius:14px; overflow:hidden; display:flex; flex-direction:column;
           box-shadow:0 1px 2px rgba(24,24,27,.05); transition:.15s }
.pb-card:hover { box-shadow:0 10px 28px rgba(24,24,27,.12); transform:translateY(-2px) }
.pb-media { position:relative; aspect-ratio:4/5; background:#0b1220; overflow:hidden }
.pb-media img { width:100%; height:100%; object-fit:cover; display:block }
.pb-media--story img { object-fit:contain; background:#0b1220 }
.pb-tag { position:absolute; top:.5rem; left:.5rem; padding:.18rem .5rem; border-radius:999px; font-size:.68rem; font-weight:700;
          background:rgba(11,18,32,.78); color:#fff; backdrop-filter:blur(4px); display:inline-flex; gap:.3rem; align-items:center }
.pb-tag svg { width:12px; height:12px }
.pb-redes { position:absolute; top:.5rem; right:.5rem; display:flex; gap:.25rem }
.pb-rede { width:24px; height:24px; border-radius:999px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:.7rem; font-weight:800;
           box-shadow:0 1px 4px rgba(0,0,0,.35); text-decoration:none }
.pb-rede--instagram { background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) }
.pb-rede--facebook { background:#1877f2 }
.pb-rede--mercadolivre { background:#ffe600; color:#2d3277; font-size:.62rem }
.pb-body { padding:.65rem .75rem .75rem; display:flex; flex-direction:column; gap:.15rem; flex:1 }
.pb-tit { font-weight:700; font-size:.9rem; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.pb-sub { font-size:.75rem; color:var(--pb-muted) }
.pb-acoes { display:flex; gap:.35rem; margin-top:.55rem }
.pb-btn { flex:1; display:inline-flex; gap:.3rem; align-items:center; justify-content:center; font-size:.76rem; font-weight:600; padding:.4rem .35rem;
          border-radius:8px; border:1px solid var(--pb-border); color:var(--pb-text); text-decoration:none; background:transparent; cursor:pointer }
.pb-btn svg { width:14px; height:14px }
.pb-btn:hover { border-color:var(--pb-accent); color:var(--pb-accent-2) }
.pb-btn--ico { flex:0 0 34px }
.pb-btn--del:hover { border-color:#dc2626; color:#dc2626 }
.pb-vazio { text-align:center; padding:3rem 1rem; background:var(--pb-surface); border:1px dashed var(--pb-border); border-radius:16px }
.pb-mais { align-self:center }
.pb-st { position:absolute; bottom:.5rem; left:.5rem; padding:.16rem .5rem; border-radius:999px; font-size:.66rem; font-weight:700; color:#fff; display:inline-flex; gap:.25rem; align-items:center }
.pb-st svg { width:12px; height:12px }
.pb-st--publicada { background:rgba(22,163,74,.9) }
.pb-st--agendada { background:rgba(37,99,235,.9) }
.pb-st--rascunho { background:rgba(82,82,91,.85) }
.pb-st--erro { background:rgba(220,38,38,.92) }
.pb-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; cursor:pointer; background:transparent; border:0 }
.pb-play span { width:52px; height:52px; border-radius:50%; background:rgba(11,18,32,.7); display:flex; align-items:center; justify-content:center; color:#fff; backdrop-filter:blur(4px) }
.pb-play svg { width:26px; height:26px; margin-left:3px }
.pb-media video { width:100%; height:100%; object-fit:contain; background:#0b1220; display:block }
.pb-btn--pri { background:var(--pb-accent); border-color:var(--pb-accent); color:#062a33 }
.pb-btn--pri:hover { background:#22d3ee; color:#062a33 }
.pb-prog { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; padding:1rem; color:#fff; text-align:center; background:rgba(11,18,32,.55) }
.pb-prog__n { font-size:1.6rem; font-weight:800 }
.pb-prog__bar { width:75%; height:6px; border-radius:999px; background:rgba(255,255,255,.18); overflow:hidden }
.pb-prog__bar div { height:100%; background:linear-gradient(90deg,#06b6d4,#22d3ee); transition:width .4s ease }
.pb-prog__t { font-size:.75rem; color:#cbd5e1 }

/* =============================================================================
   Telas de PUBLICAR (pz-*): cabeçalho, etapas, cartão principal, prévia no celular.
   ============================================================================= */
.pz { --pz-accent:#06b6d4; --pz-accent-2:#0891b2; --pz-soft:rgba(6,182,212,.10); --pz-border:#e4e4e7; --pz-surface:#fff; --pz-bg:#f4f4f5;
      --pz-text:#18181b; --pz-muted:#71717a; --pz-ok:#16a34a; --pz-warn:#b45309; --pz-danger:#dc2626;
      /* tema antigo (modal de corte / "criando…") nas cores novas */
      --ga-accent:#06b6d4; --ga-accent-2:#0891b2; --ga-accent-fg:#062a33;
      color:var(--pz-text); display:flex; flex-direction:column; gap:1.1rem }
.dark .pz { --pz-border:#26262b; --pz-surface:#141416; --pz-bg:#0b0b0c; --pz-text:#f4f4f5; --pz-muted:#a1a1aa; --pz-soft:rgba(6,182,212,.14) }

.pz-head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap }
.pz-voltar { display:inline-flex; align-items:center; gap:.3rem; font-size:.8rem; font-weight:600; color:var(--pz-muted); text-decoration:none; margin-bottom:.35rem }
.pz-voltar:hover { color:var(--pz-accent-2) }
.pz-voltar svg { width:15px; height:15px }
.pz-head h1 { font-size:1.6rem; font-weight:800; letter-spacing:-.02em; margin:0; line-height:1.15 }
.pz-head p { margin:.2rem 0 0; color:var(--pz-muted); font-size:.9rem }
.pz-saldo { display:inline-flex; align-items:center; gap:.35rem; padding:.4rem .8rem; border-radius:999px; font-size:.8rem; font-weight:700;
            color:#0e7490; background:var(--pz-soft); border:1px solid rgba(6,182,212,.28) }
.pz-saldo svg { width:15px; height:15px }

.pz-steps { list-style:none; margin:0; padding:0; display:flex; gap:.5rem; counter-reset:none }
.pz-steps li { flex:1; position:relative }
.pz-steps li::before { content:""; position:absolute; left:0; right:0; top:0; height:4px; border-radius:999px; background:var(--pz-border) }
.pz-steps li.feito::before, .pz-steps li.on::before { background:var(--pz-accent) }
.pz-steps button { display:flex; align-items:center; gap:.5rem; padding:.7rem 0 0; background:none; border:0; cursor:pointer; color:var(--pz-muted); font-size:.82rem; font-weight:600; width:100% }
.pz-steps button[disabled] { cursor:default }
.pz-steps li.on button { color:var(--pz-text) }
.pz-steps li.feito button { color:var(--pz-accent-2) }
.pz-steps__n { width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:.72rem; font-weight:800;
               border:1.5px solid var(--pz-border); background:var(--pz-surface); flex:0 0 auto }
.pz-steps__n svg { width:13px; height:13px }
.pz-steps li.on .pz-steps__n { border-color:var(--pz-accent); background:var(--pz-accent); color:#062a33 }
.pz-steps li.feito .pz-steps__n { border-color:var(--pz-accent); color:var(--pz-accent-2) }

.pz-body { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:1.5rem; align-items:start }
.pz-body--solo { grid-template-columns:minmax(0,1fr) }
.pz-main { display:flex; flex-direction:column; gap:1rem; min-width:0 }
.pz-side { position:sticky; top:84px }

.pz-carro { display:flex; align-items:center; gap:.85rem; padding:.6rem .9rem .6rem .6rem; border-radius:14px; background:var(--pz-surface); border:1px solid var(--pz-border) }
.pz-carro__img { width:64px; height:48px; border-radius:10px; background:#0b1220 center/cover no-repeat; flex:0 0 auto }
.pz-carro__txt { display:flex; flex-direction:column; min-width:0; flex:1 }
.pz-carro__txt strong { font-size:.95rem }
.pz-carro__txt span { font-size:.8rem; color:var(--pz-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.pz-link { font-size:.8rem; font-weight:700; color:var(--pz-accent-2); background:none; border:0; cursor:pointer; white-space:nowrap }

.pz-card { background:var(--pz-surface); border:1px solid var(--pz-border); border-radius:18px; padding:1.3rem 1.4rem;
           box-shadow:0 1px 2px rgba(24,24,27,.05),0 8px 24px rgba(24,24,27,.06) }
.pz-card__head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap; margin-bottom:1.1rem }
.pz-card__head h2 { font-size:1.1rem; font-weight:800; margin:0 }
.pz-card__head p { margin:.2rem 0 0; font-size:.85rem; color:var(--pz-muted) }

.pz-busca { display:flex; align-items:center; gap:.45rem; padding:.5rem .75rem; border:1px solid var(--pz-border); border-radius:10px; min-width:240px; background:var(--pz-surface) }
.pz-busca svg { width:16px; height:16px; color:var(--pz-muted) }
.pz-busca input { border:0; outline:none; background:transparent; font-size:.88rem; width:100%; color:inherit; padding:0 }
.pz-busca:focus-within { border-color:var(--pz-accent); box-shadow:0 0 0 3px rgba(6,182,212,.15) }

.pz-carros { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:.9rem }
.pz-carros__item { text-align:left; border:1px solid var(--pz-border); border-radius:14px; overflow:hidden; background:var(--pz-surface); cursor:pointer;
                   display:flex; flex-direction:column; padding:0; transition:.15s; color:inherit }
.pz-carros__item:hover { border-color:var(--pz-accent); box-shadow:0 10px 24px rgba(24,24,27,.1); transform:translateY(-2px) }
.pz-carros__item.on { border-color:var(--pz-accent); box-shadow:0 0 0 2px var(--pz-accent) }
.pz-carros__img { position:relative; aspect-ratio:16/10; background:#0b1220 center/cover no-repeat; display:flex; align-items:center; justify-content:center }
.pz-carros__img > svg { width:30px; height:30px; color:rgba(255,255,255,.3) }
.pz-carros__txt { padding:.65rem .75rem .75rem; display:flex; flex-direction:column; gap:.1rem }
.pz-carros__txt strong { font-size:.92rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.pz-carros__txt small { font-size:.75rem; color:var(--pz-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.pz-carros__rod { display:flex; justify-content:space-between; align-items:baseline; gap:.4rem; margin-top:.35rem }
.pz-carros__rod b { font-size:.9rem; font-weight:800; color:var(--pz-accent-2) }
.pz-carros__rod em { font-style:normal; font-size:.7rem; color:var(--pz-muted); white-space:nowrap }
.pz-selo { position:absolute; left:.45rem; bottom:.45rem; font-size:.66rem; font-weight:700; padding:.16rem .5rem; border-radius:999px; color:#fff; background:rgba(11,18,32,.75) }
.pz-selo--ok { background:rgba(22,163,74,.92) }
.pz-selo--danger { background:rgba(220,38,38,.95) }
.pz-selo--gray { background:rgba(82,82,91,.9) }

.pz-contador { font-size:.78rem; font-weight:700; padding:.3rem .65rem; border-radius:999px; background:var(--pz-soft); color:#0e7490; white-space:nowrap }
.pz-contador--alerta { background:rgba(217,119,6,.12); color:var(--pz-warn) }
.pz-aviso { display:flex; gap:.55rem; align-items:flex-start; font-size:.84rem; line-height:1.4; padding:.7rem .85rem; border-radius:12px; margin-bottom:1rem;
            background:rgba(217,119,6,.08); color:var(--pz-warn); border:1px solid rgba(217,119,6,.25) }
.pz-aviso svg { width:18px; height:18px; flex:0 0 auto; margin-top:1px }
.pz-aviso--erro { background:rgba(220,38,38,.06); color:#b91c1c; border-color:rgba(220,38,38,.25) }
.pz-aviso a { font-weight:700; text-decoration:underline }

.pz-fotos { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(108px,1fr)); gap:.6rem }
.pz-foto { position:relative; aspect-ratio:4/5; border-radius:12px; overflow:hidden; background:#0b1220; cursor:grab; border:1px solid var(--pz-border) }
.pz-foto:active { cursor:grabbing }
.pz-foto img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; user-select:none; pointer-events:none }
.pz-foto--fora img { opacity:.35; filter:grayscale(.6) }
.pz-foto--fantasma { opacity:.35 }
/* Arrastar fotos (ordenar-fotos.js, modo fallback): a cópia que segue o mouse. */
.sortable-fallback { opacity:.92 !important; box-shadow:0 12px 28px rgba(24,24,27,.25); cursor:grabbing !important }
.pz-foto, .pn-fg__img, .ga-thumb__handle { cursor:grab }
.pz-foto--escolhida, .pz-foto--escolhida img { cursor:grabbing }
.pz-foto--sel { cursor:pointer }
.pz-foto--marcada { outline:3px solid var(--pz-accent); outline-offset:-3px }
.pz-foto__n { position:absolute; top:.4rem; left:.4rem; min-width:22px; height:22px; padding:0 .4rem; border-radius:999px; display:inline-flex; align-items:center; justify-content:center;
              font-size:.7rem; font-weight:800; background:rgba(11,18,32,.78); color:#fff }
.pz-foto__n--capa { background:var(--pz-accent); color:#062a33 }
.pz-foto__fora { position:absolute; left:.4rem; right:.4rem; bottom:.4rem; text-align:center; font-size:.68rem; font-weight:700; color:#fff; background:rgba(180,83,9,.9); border-radius:6px; padding:.15rem }
.pz-foto__acoes { position:absolute; top:.35rem; right:.35rem; display:flex; gap:.25rem; opacity:0; transition:.15s }
.pz-foto:hover .pz-foto__acoes { opacity:1 }
.pz-foto__acoes button { width:28px; height:28px; border-radius:8px; border:0; background:rgba(11,18,32,.72); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer }
.pz-foto__acoes button:hover { background:var(--pz-accent); color:#062a33 }
.pz-foto__acoes .pz-foto__del:hover { background:#dc2626; color:#fff }
.pz-foto__acoes svg { width:15px; height:15px }
.pz-foto--add { background:var(--pz-bg); border:2px dashed var(--pz-border); cursor:pointer }
.pz-foto--add label { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; cursor:pointer }
.pz-foto--add span { display:flex; flex-direction:column; align-items:center; gap:.3rem; font-size:.78rem; font-weight:700; color:var(--pz-muted) }
.pz-foto--add svg { width:26px; height:26px }
.pz-foto--add:hover { border-color:var(--pz-accent) }
@media (hover: none) { .pz-foto__acoes { opacity:1 } }

.pz-drop { display:flex; align-items:center; justify-content:center; text-align:center; padding:2.5rem 1rem; border:2px dashed var(--pz-border); border-radius:16px; cursor:pointer; background:var(--pz-bg) }
.pz-drop:hover { border-color:var(--pz-accent) }
.pz-drop > span { display:flex; flex-direction:column; align-items:center; gap:.35rem }
.pz-drop svg { width:36px; height:36px; color:var(--pz-accent) }
.pz-drop small { color:var(--pz-muted) }

.pz-cta { width:100%; display:flex; align-items:center; gap:.9rem; padding:1.1rem 1.2rem; border-radius:14px; border:0; cursor:pointer; text-align:left;
          background:linear-gradient(135deg,#0b1220 0%,#0e2430 55%,#0b3b47 100%); color:#fff; box-shadow:0 8px 24px rgba(8,145,178,.2) }
.pz-cta:hover { box-shadow:0 10px 28px rgba(8,145,178,.32) }
.pz-cta[disabled] { opacity:.5; cursor:not-allowed }
.pz-cta > svg { width:28px; height:28px; color:#22d3ee; flex:0 0 auto }
.pz-cta span { display:flex; flex-direction:column }
.pz-cta strong { font-size:1rem }
.pz-cta small { font-size:.78rem; color:#a5c4cc }
.pz-pronto { display:flex; align-items:center; gap:.75rem; padding:.85rem 1rem; border-radius:14px; background:rgba(22,163,74,.07); border:1px solid rgba(22,163,74,.25) }
.pz-pronto > svg { width:26px; height:26px; color:var(--pz-ok); flex:0 0 auto }
.pz-pronto div { display:flex; flex-direction:column; flex:1; min-width:0 }
.pz-pronto strong { font-size:.95rem }
.pz-pronto span { font-size:.8rem; color:var(--pz-muted) }
.pz-avisos { margin:.75rem 0 0; padding-left:1.1rem; font-size:.8rem; color:var(--pz-warn) }

.pz-bloco { margin-top:1.4rem; padding-top:1.2rem; border-top:1px solid var(--pz-border) }
.pz-bloco h3 { font-size:.9rem; font-weight:800; margin:0 0 .6rem }
.pz-bloco__head { display:flex; justify-content:space-between; align-items:baseline }
.pz-dica { font-size:.75rem; color:var(--pz-muted) }
.pz-chips { display:flex; flex-wrap:wrap; gap:.45rem }
.pz-chip { display:inline-flex; align-items:center; gap:.4rem; padding:.45rem .75rem; border-radius:10px; border:1px solid var(--pz-border); font-size:.82rem; font-weight:600; cursor:pointer }
.pz-chip:has(input:checked) { border-color:var(--pz-accent); background:var(--pz-soft); color:var(--pz-accent-2) }
.pz-chip input { accent-color:var(--pz-accent) }
.pz-chip--on { border-color:var(--pz-accent); background:var(--pz-soft); color:var(--pz-accent-2) }
button.pz-chip { background:transparent; color:inherit }
button.pz-chip.pz-chip--on { background:var(--pz-soft); color:var(--pz-accent-2) }
.pz-textarea, .pz-input { width:100%; border:1px solid var(--pz-border); border-radius:12px; padding:.75rem .85rem; font-size:.9rem; line-height:1.5; background:var(--pz-surface); color:inherit; resize:vertical }
.pz-textarea:focus, .pz-input:focus { outline:none; border-color:var(--pz-accent); box-shadow:0 0 0 3px rgba(6,182,212,.15) }
.pz-linha { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.6rem }

.pz-btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; padding:.55rem .95rem; border-radius:10px; font-size:.85rem; font-weight:700;
          border:1px solid var(--pz-border); background:var(--pz-surface); color:var(--pz-text); cursor:pointer; transition:.15s; white-space:nowrap }
.pz-btn svg { width:16px; height:16px; flex:0 0 auto }
.pz-btn:hover { border-color:var(--pz-accent); color:var(--pz-accent-2) }
.pz-btn[disabled] { opacity:.45; cursor:not-allowed }
.pz-btn--pri { background:var(--pz-accent); border-color:var(--pz-accent); color:#062a33; padding:.65rem 1.3rem; font-size:.9rem }
.pz-btn--pri:hover { background:#22d3ee; border-color:#22d3ee; color:#062a33 }
.pz-btn--ghost { background:transparent }

.pz-redes { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:.6rem }
.pz-rede { display:flex; align-items:center; gap:.7rem; padding:.75rem .85rem; border-radius:12px; border:1.5px solid var(--pz-border); background:var(--pz-surface); cursor:pointer; text-align:left; color:inherit }
.pz-rede span:nth-child(2) { display:flex; flex-direction:column; flex:1 }
.pz-rede strong { font-size:.9rem }
.pz-rede small { font-size:.75rem; color:var(--pz-muted) }
.pz-rede.on { border-color:var(--pz-accent); background:var(--pz-soft) }
.pz-rede--off { opacity:.55; cursor:not-allowed }
.pz-rede__ico { width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:.8rem; flex:0 0 auto }
.pz-rede__ico--ig { background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) }
.pz-rede__ico--fb { background:#1877f2; font-size:1rem }
.pz-rede__check { width:22px; height:22px; border-radius:50%; border:1.5px solid var(--pz-border); display:flex; align-items:center; justify-content:center; color:transparent }
.pz-rede__check svg { width:14px; height:14px }
.pz-rede.on .pz-rede__check { background:var(--pz-accent); border-color:var(--pz-accent); color:#062a33 }
.pz-seg { display:inline-flex; gap:.25rem; padding:.25rem; border-radius:12px; background:var(--pz-bg); border:1px solid var(--pz-border) }
.pz-seg label { padding:.45rem .9rem; border-radius:9px; font-size:.85rem; font-weight:700; color:var(--pz-muted); cursor:pointer }
.pz-seg label input { display:none }
.pz-seg label.on { background:var(--pz-surface); color:var(--pz-text); box-shadow:0 1px 3px rgba(0,0,0,.08) }
.pz-resumo { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.45rem; font-size:.86rem; color:var(--pz-muted) }
.pz-resumo li { display:flex; align-items:center; gap:.45rem }
.pz-resumo svg { width:18px; height:18px; color:#d97706 }
.pz-resumo li.ok { color:var(--pz-text) }
.pz-resumo li.ok svg { color:var(--pz-ok) }

.pz-foot { position:sticky; bottom:0; z-index:5; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.8rem 1rem;
           border-radius:14px; background:rgba(255,255,255,.88); backdrop-filter:blur(8px); border:1px solid var(--pz-border); box-shadow:0 -4px 20px rgba(24,24,27,.06) }
.dark .pz-foot { background:rgba(20,20,22,.88) }

.pz-vazio { display:flex; flex-direction:column; align-items:center; gap:.4rem; text-align:center; padding:2.5rem 1rem; color:var(--pz-muted) }
.pz-vazio > svg { width:40px; height:40px; color:var(--pz-accent) }
.pz-vazio strong { color:var(--pz-text) }

/* prévia no celular */
.pz-phone { background:var(--pz-surface); border:1px solid var(--pz-border); border-radius:28px; padding:.6rem .6rem .9rem; box-shadow:0 20px 50px rgba(24,24,27,.14) }
.pz-phone__top { display:flex; align-items:center; gap:.55rem; padding:.35rem .4rem .6rem }
.pz-phone__av { width:30px; height:30px; border-radius:50%; background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7); padding:2px; display:flex; align-items:center; justify-content:center;
                color:#fff; font-weight:800; font-size:.8rem; overflow:hidden; flex:0 0 auto }
.pz-phone__av img { width:100%; height:100%; border-radius:50%; object-fit:contain; background:#fff }
.pz-phone__nome { font-size:.82rem; font-weight:700; flex:1 }
.pz-phone__mais { width:18px; height:18px; color:var(--pz-muted) }
.pz-phone__midia { position:relative; aspect-ratio:4/5; background:#0b1220; border-radius:10px; overflow:hidden }
.pz-phone__midia img { width:100%; height:100%; object-fit:cover; display:block }
.pz-phone__midia--vazia { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; color:#94a3b8; font-size:.8rem; text-align:center; padding:1rem }
.pz-phone__midia--vazia svg { width:36px; height:36px; opacity:.5 }
.pz-phone__cont { position:absolute; top:.55rem; right:.55rem; font-size:.7rem; font-weight:700; color:#fff; background:rgba(0,0,0,.6); padding:.12rem .45rem; border-radius:999px }
.pz-phone__seta { position:absolute; top:50%; transform:translateY(-50%); width:28px; height:28px; border-radius:50%; border:0; background:rgba(255,255,255,.85); color:#18181b;
                  display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.25) }
.pz-phone__seta svg { width:16px; height:16px }
.pz-phone__seta--esq { left:.45rem }
.pz-phone__seta--dir { right:.45rem }
.pz-phone__acoes { display:flex; align-items:center; gap:.7rem; padding:.6rem .4rem .2rem; position:relative }
.pz-phone__acoes > svg { width:22px; height:22px }
.pz-phone__dots { position:absolute; left:50%; transform:translateX(-50%); display:flex; gap:3px }
.pz-phone__dots i { width:6px; height:6px; border-radius:50%; background:#d4d4d8 }
.pz-phone__dots i.on { background:#0095f6 }
.pz-phone__leg { padding:.35rem .4rem 0; font-size:.8rem; line-height:1.45 }
.pz-phone__leg p { margin:0; white-space:pre-line }
.pz-phone__leg b { font-weight:700; margin-right:.2rem }
.pz-phone__leg button { border:0; background:none; color:var(--pz-muted); padding:0; cursor:pointer; font-size:.8rem }
.pz-clamp { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden }
.pz-phone__semleg { color:var(--pz-muted); font-style:italic }

.pz-so-mobile { display:none }
@media (max-width: 1100px) {
    .pz-body { grid-template-columns:minmax(0,1fr) }
    .pz-side { display:none }
    .pz-so-mobile { display:block; margin-top:1.4rem; max-width:380px }
}
@media (max-width: 640px) {
    .pz-steps__t { display:none }
    .pz-steps li.on .pz-steps__t { display:inline }
    .pz-card { padding:1rem }
    .pz-busca { min-width:0; width:100% }
}

/* --- story: visuais, foto 9:16, gerando, prévia --- */
.pz-aviso--info { background:var(--pz-soft); color:#0e7490; border-color:rgba(6,182,212,.28) }
.pz-visuais { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:.8rem }
.pz-visual { text-align:left; padding:0; border:1.5px solid var(--pz-border); border-radius:14px; overflow:hidden; background:var(--pz-surface); cursor:pointer; color:inherit;
             display:flex; flex-direction:column; transition:.15s }
.pz-visual:hover { border-color:var(--pz-accent); transform:translateY(-2px); box-shadow:0 10px 24px rgba(24,24,27,.1) }
.pz-visual.on { border-color:var(--pz-accent); box-shadow:0 0 0 2px var(--pz-accent) }
.pz-visual__img { position:relative; aspect-ratio:4/5; background:#0b1220 center/cover no-repeat; display:flex; align-items:center; justify-content:center }
.pz-visual__img > svg { width:34px; height:34px; color:rgba(255,255,255,.35) }
.pz-visual__custo { position:absolute; left:.45rem; top:.45rem; font-size:.66rem; font-weight:800; padding:.16rem .5rem; border-radius:999px; background:rgba(11,18,32,.8); color:#fff }
.pz-visual__custo.gratis { background:rgba(22,163,74,.92) }
.pz-visual__check { position:absolute; right:.45rem; top:.45rem; width:24px; height:24px; border-radius:50%; background:var(--pz-accent); color:#062a33; display:none; align-items:center; justify-content:center }
.pz-visual__check svg { width:15px; height:15px }
.pz-visual.on .pz-visual__check { display:flex }
.pz-visual__txt { padding:.6rem .7rem .75rem; display:flex; flex-direction:column; gap:.2rem }
.pz-visual__txt strong { font-size:.88rem }
.pz-visual__txt small { font-size:.73rem; color:var(--pz-muted); line-height:1.35 }

.pz-storyfoto { display:grid; grid-template-columns:minmax(0,1fr) 170px; gap:1.1rem; align-items:start }
.pz-fotos--escolha .pz-foto { cursor:pointer }
.pz-foto--sel { box-shadow:0 0 0 3px var(--pz-accent); border-color:var(--pz-accent) }
.pz-foto__ok { position:absolute; right:.4rem; top:.4rem; width:24px; height:24px; border-radius:50%; background:var(--pz-accent); color:#062a33; display:flex; align-items:center; justify-content:center }
.pz-foto__ok svg { width:15px; height:15px }
.pz-storyfoto__frame { aspect-ratio:9/16; border-radius:14px; overflow:hidden; background:#0b1220 }
.pz-storyfoto__frame img { width:100%; height:100%; object-fit:cover; display:block }
.pz-storyfoto__frame--vazio { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; color:#94a3b8; font-size:.78rem }
.pz-storyfoto__frame--vazio svg { width:30px; height:30px; opacity:.5 }
@media (max-width: 760px) { .pz-storyfoto { grid-template-columns:1fr } .pz-storyfoto__sel { max-width:200px } }

.pz-gerando { display:flex; align-items:center; gap:.9rem; padding:1rem 1.1rem; border-radius:14px; background:var(--pz-soft); border:1px solid rgba(6,182,212,.28); color:#0e7490 }
.pz-gerando div { display:flex; flex-direction:column }
.pz-gerando strong { color:var(--pz-text) }
.pz-gerando span:not(.ga-spin) { font-size:.8rem }

.pz-phone--story { padding:.5rem; border-radius:30px; background:#0b1220; border-color:#0b1220 }
.pz-story { position:relative; aspect-ratio:9/16; border-radius:22px; overflow:hidden; background:#0b1220 }
.pz-story > img, .pz-story > video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.pz-story__vazio { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; color:#94a3b8; font-size:.8rem; text-align:center; padding:1.5rem }
.pz-story__vazio svg { width:36px; height:36px; opacity:.5 }
.pz-story__topo { position:absolute; left:0; right:0; top:0; padding:.55rem .6rem 1.4rem; background:linear-gradient(rgba(0,0,0,.45),transparent) }
.pz-story__barra { height:2.5px; border-radius:2px; background:rgba(255,255,255,.35); overflow:hidden }
.pz-story__barra i { display:block; width:38%; height:100%; background:#fff }
.pz-story__quem { display:flex; align-items:center; gap:.4rem; margin-top:.5rem; color:#fff; font-size:.76rem }
.pz-story__quem .pz-phone__av { width:26px; height:26px }
.pz-story__quem small { opacity:.7 }
.pz-story__nota { display:flex; align-items:center; justify-content:center; gap:.3rem; margin:.5rem 0 .1rem; font-size:.72rem; color:#a5c4cc }
.pz-story__nota svg { width:14px; height:14px }
.pz-side .pz-phone--story { max-width:320px; margin:0 auto }

/* --- reel: vendedores, cenas, extras, progresso --- */
.pz-vendedores { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:.8rem }
.pz-vendedor { padding:0; text-align:left; border:1.5px solid var(--pz-border); border-radius:14px; overflow:hidden; background:var(--pz-surface); cursor:pointer; color:inherit; transition:.15s }
.pz-vendedor:hover { border-color:var(--pz-accent); transform:translateY(-2px) }
.pz-vendedor.on { border-color:var(--pz-accent); box-shadow:0 0 0 2px var(--pz-accent) }
.pz-vendedor.on .pz-visual__check { display:flex }
.pz-vendedor__img { position:relative; display:block; aspect-ratio:3/4; background:#0b1220 center top/cover no-repeat }
.pz-vendedor__txt { display:flex; flex-direction:column; padding:.55rem .7rem .7rem }
.pz-vendedor__txt small { color:var(--pz-muted); font-size:.75rem }

.pz-cenas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.9rem }
.pz-cena { border:1.5px solid var(--pz-border); border-radius:14px; padding:.6rem; display:flex; flex-direction:column; gap:.5rem; position:relative }
.pz-cena.ok { border-color:rgba(22,163,74,.45) }
.pz-cena__img { position:relative; aspect-ratio:4/3; border-radius:10px; background:#0b1220 center/cover no-repeat; display:flex; align-items:center; justify-content:center }
.pz-cena__img > svg { width:30px; height:30px; color:rgba(255,255,255,.3) }
.pz-cena__txt { display:flex; flex-direction:column }
.pz-cena__txt small { color:var(--pz-muted); font-size:.75rem }
.pz-cena__acoes { display:grid; grid-template-columns:1fr 1fr; gap:.4rem }
.pz-cena__acoes .pz-btn { min-width:0; padding:.45rem .35rem; font-size:.78rem; gap:.3rem }
.pz-cena__acoes .pz-btn:only-child { grid-column:1 / -1 }
.pz-cena__album { display:grid; grid-template-columns:repeat(4,1fr); gap:.3rem; max-height:190px; overflow:auto; padding:.2rem }
.pz-cena__album button { aspect-ratio:1; border-radius:7px; border:2px solid transparent; background:#0b1220 center/cover no-repeat; cursor:pointer }
.pz-cena__album button.on, .pz-cena__album button:hover { border-color:var(--pz-accent) }
.pz-erro { color:var(--pz-danger) !important; font-size:.75rem }
@media (max-width: 900px) { .pz-cenas { grid-template-columns:1fr } }

.pz-extras { display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:.5rem }
.pz-extra { position:relative; aspect-ratio:4/3; border-radius:10px; border:2px solid transparent; background:#0b1220 center/cover no-repeat; cursor:pointer; opacity:.5; transition:.15s }
.pz-extra:hover { opacity:.85 }
.pz-extra.on { border-color:var(--pz-accent); opacity:1 }
.pz-extra span { position:absolute; top:.3rem; left:.3rem; min-width:22px; height:22px; border-radius:999px; background:var(--pz-accent); color:#062a33; font-size:.72rem; font-weight:800; display:flex; align-items:center; justify-content:center }

.pz-resumo--grande { font-size:.9rem; gap:.6rem }
.pz-resumo--grande svg { color:var(--pz-accent) !important }
.pz-resumo__fala { font-style:italic }

.pz-progresso__topo { display:flex; justify-content:space-between; align-items:baseline }
.pz-progresso__topo span { font-size:1.4rem; font-weight:800; color:var(--pz-accent-2) }
.pz-progresso__barra { height:12px; border-radius:999px; background:var(--pz-bg); overflow:hidden; margin:.6rem 0 }
.pz-progresso__barra div { height:100%; background:linear-gradient(90deg,#06b6d4,#22d3ee); transition:width .5s ease }
.pz-progresso p { font-size:.84rem; color:var(--pz-muted); margin:0 }

.pz-reel__legenda { position:absolute; left:.8rem; right:.8rem; bottom:1.2rem; padding:.55rem .7rem; border-radius:10px; background:rgba(0,0,0,.6); color:#fff;
                    font-size:.82rem; font-weight:600; line-height:1.35; text-align:center }
.pz-story > .pb-prog { background:rgba(11,18,32,.6) }

/* --- especiais: tipos e conversa --- */
.pz-tipos { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:.8rem }
.pz-tipo { display:flex; align-items:center; gap:.85rem; text-align:left; padding:1rem; border-radius:14px; border:1.5px solid var(--pz-border); background:var(--pz-surface); cursor:pointer; color:inherit; transition:.15s }
.pz-tipo:hover { border-color:var(--pz-accent); transform:translateY(-2px); box-shadow:0 10px 24px rgba(24,24,27,.08) }
.pz-tipo__ico { width:46px; height:46px; border-radius:12px; background:var(--pz-soft); color:var(--pz-accent-2); display:flex; align-items:center; justify-content:center; flex:0 0 auto }
.pz-tipo__txt { display:flex; flex-direction:column; gap:.15rem; flex:1; min-width:0 }
.pz-tipo__txt strong { font-size:.95rem }
.pz-tipo__txt small { font-size:.78rem; color:var(--pz-muted); line-height:1.35 }
.pz-tipo__txt em { font-style:normal; font-size:.7rem; font-weight:700; color:var(--pz-accent-2); margin-top:.2rem }
.pz-tipo__seta { width:18px; height:18px; color:var(--pz-muted) }

.pz-chat { display:flex; flex-direction:column; gap:.55rem }
.pz-chat__bot, .pz-chat__eu { max-width:78%; padding:.6rem .85rem; border-radius:16px; font-size:.9rem; line-height:1.4 }
.pz-chat__bot { align-self:flex-start; background:var(--pz-bg); border:1px solid var(--pz-border); border-bottom-left-radius:5px }
.pz-chat__bot--atual { border-color:var(--pz-accent); background:var(--pz-soft); font-weight:600 }
.pz-chat__eu { align-self:flex-end; background:var(--pz-accent); color:#062a33; font-weight:600; border-bottom-right-radius:5px }
.pz-chat__eu img { display:block; width:140px; border-radius:10px }
.pz-chat__eu--pulou { background:var(--pz-bg); color:var(--pz-muted); font-weight:500; font-style:italic; border:1px dashed var(--pz-border) }
.pz-chat__resp { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-top:.3rem }
.pz-chat__campo { display:flex; gap:.4rem; flex:1; min-width:240px }
.pz-chat__campo .pz-input { padding:.6rem .8rem }
.pz-chat__campo .pz-btn--pri { padding:.6rem .85rem }

/* --- reel: linha do tempo e fotos --- */
.pz-linhatempo { display:flex; gap:4px; height:34px; border-radius:10px; overflow:hidden; font-size:.74rem; font-weight:700 }
.pz-linhatempo > div { display:flex; align-items:center; justify-content:center; gap:.3rem; padding:0 .5rem; white-space:nowrap; overflow:hidden; min-width:0 }
.pz-linhatempo svg { width:14px; height:14px; flex:0 0 auto }
.pz-linhatempo__fala { background:linear-gradient(135deg,#0b1220,#0b3b47); color:#22d3ee }
.pz-linhatempo__fotos { background:var(--pz-soft); color:#0e7490 }
.pz-reelfotos { display:grid; grid-template-columns:220px minmax(0,1fr); gap:1.2rem; align-items:start }
.pz-cena--frente .pz-cena__img { aspect-ratio:4/3 }
@media (max-width: 900px) { .pz-reelfotos { grid-template-columns:1fr } }

/* --- campanhas --- */
.cp-lista { display:flex; flex-direction:column; gap:.7rem }
.cp-item { display:flex; align-items:center; gap:1rem; padding:.8rem 1rem .8rem .8rem; border-radius:14px; background:#fff; border:1px solid #e4e4e7; text-decoration:none; color:inherit; transition:.15s }
.cp-item:hover { border-color:#06b6d4; box-shadow:0 8px 22px rgba(24,24,27,.08) }
.dark .cp-item { background:#141416; border-color:#26262b }
.cp-item__img { width:72px; height:90px; border-radius:10px; background:#0b1220 center/cover no-repeat; flex:0 0 auto }
.cp-item__corpo { display:flex; flex-direction:column; gap:.25rem; flex:1; min-width:0 }
.cp-item__topo { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap }
.cp-item__topo strong { font-size:.98rem }
.cp-item__sub { font-size:.78rem; color:#71717a }
.cp-item__erro { display:flex; gap:.35rem; align-items:flex-start; font-size:.78rem; color:#b91c1c; line-height:1.35 }
.cp-item__erro svg { width:15px; height:15px; flex:0 0 auto; margin-top:1px }
.cp-item__barra, .cd-topo__barra { display:block; height:6px; border-radius:999px; background:#f4f4f5; overflow:hidden; margin-top:.3rem; max-width:360px }
.cp-item__barra i, .cd-topo__barra i { display:block; height:100%; background:linear-gradient(90deg,#06b6d4,#22d3ee) }
.cp-item__gasto { font-size:.75rem; color:#71717a }
.cp-item__nums { display:grid; grid-template-columns:repeat(4, minmax(78px, auto)); gap:.2rem 1.2rem; text-align:right }
.cp-item__nums span { display:flex; flex-direction:column }
.cp-item__nums b { font-size:1rem; font-weight:800; font-variant-numeric:tabular-nums }
.cp-item__nums small { font-size:.7rem; color:#71717a }
.cp-item__nums .destaque b { color:#16a34a }
.cp-item__seta { width:18px; height:18px; color:#a1a1aa; flex:0 0 auto }
.cp-badge { display:inline-flex; align-items:center; padding:.12rem .55rem; border-radius:999px; font-size:.7rem; font-weight:700; color:var(--c); background:color-mix(in srgb, var(--c) 12%, transparent); border:1px solid color-mix(in srgb, var(--c) 30%, transparent) }
@media (max-width: 900px) { .cp-item { flex-wrap:wrap } .cp-item__nums { width:100%; grid-template-columns:repeat(4,1fr); text-align:left } }

.cd-topo { display:flex; gap:1rem; align-items:flex-start; flex-wrap:wrap; padding:1rem; border-radius:16px; background:#fff; border:1px solid #e4e4e7 }
.dark .cd-topo { background:#141416; border-color:#26262b }
.cd-topo__img { width:96px; height:120px; border-radius:12px; background:#0b1220 center/cover no-repeat; flex:0 0 auto }
.cd-topo__txt { flex:1; min-width:240px; display:flex; flex-direction:column; gap:.3rem }
.cd-topo__nome { font-size:1.3rem; font-weight:800; display:flex; align-items:center; gap:.5rem; flex-wrap:wrap }
.cd-topo__sub { font-size:.82rem; color:#71717a }
.cd-topo__acoes { display:flex; gap:.5rem; flex-wrap:wrap }
.cd-bars { display:flex; align-items:flex-end; gap:6px; height:180px; padding-top:1.2rem }
.cd-bars__col { flex:1; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:.25rem; min-width:0 }
.cd-bars__col i { display:block; width:100%; max-width:42px; border-radius:6px 6px 0 0; background:linear-gradient(180deg,#22d3ee,#0891b2) }
.cd-bars__col small { font-size:.65rem; color:#71717a }
.cd-bars__v { font-size:.7rem; font-weight:800; color:#16a34a; min-height:1em }
.pz-carros--ocupado { opacity:.6; pointer-events:none }
.pz-carros__load { position:absolute; inset:0; align-items:center; justify-content:center; gap:.4rem; background:rgba(11,18,32,.65); color:#fff; font-size:.8rem; font-weight:700 }

/* --- turbinar: peças antigas (tb-*) no visual novo --- */
.tb-pz .tb-card { background:var(--pz-surface); border:1px solid var(--pz-border); border-radius:18px; padding:1.3rem 1.4rem; box-shadow:0 1px 2px rgba(24,24,27,.05),0 8px 24px rgba(24,24,27,.06) }
.tb-pz .tb-card h2 { font-size:1.1rem; font-weight:800 }
.tb-pz .tb-card .tb-card { box-shadow:none; background:var(--pz-bg); padding:1rem }
.tb-pz .tb-lbl { font-size:.8rem; color:var(--pz-muted) }
.tb-pz .tb-input { width:100%; padding:.55rem .75rem; border-radius:10px; border:1px solid var(--pz-border); background:var(--pz-surface); color:inherit; font-size:.9rem }
.tb-pz .tb-input:focus { outline:none; border-color:var(--pz-accent); box-shadow:0 0 0 3px rgba(6,182,212,.15) }
.tb-pz .tb-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:.6rem }
.tb-pz .tb-pick, .tb-pz .tb-pcard { cursor:pointer; border:1.5px solid var(--pz-border); border-radius:12px; padding:.7rem .8rem; text-align:left; background:var(--pz-surface); color:inherit; transition:.15s }
.tb-pz .tb-pick:hover, .tb-pz .tb-pcard:hover { border-color:var(--pz-accent) }
.tb-pz .tb-pick--on { border-color:var(--pz-accent); background:var(--pz-soft); box-shadow:0 0 0 1px var(--pz-accent) }
.tb-pz .tb-chip { display:inline-flex; align-items:center; gap:.3rem; cursor:pointer; border:1.5px solid var(--pz-border); border-radius:999px; padding:.42rem .9rem; background:var(--pz-surface); color:inherit; font-weight:700; font-size:.85rem }
.tb-pz .tb-chip--on { border-color:var(--pz-accent); background:var(--pz-soft); color:var(--pz-accent-2) }
.tb-pz .tb-radio { display:flex; gap:.7rem; align-items:flex-start; border:1.5px solid var(--pz-border); border-radius:12px; padding:.8rem .9rem; cursor:pointer; background:var(--pz-surface) }
.tb-pz .tb-radio input { accent-color:var(--pz-accent); margin-top:.2rem }
.tb-pz .tb-radio--on { border-color:var(--pz-accent); background:var(--pz-soft) }
.tb-pz .tb-radio--off { opacity:.5; cursor:not-allowed }
.tb-pz input[type=range] { accent-color:var(--pz-accent) }
.tb-total { font-size:.9rem; color:var(--pz-muted) }
.tb-total b { color:var(--pz-text); font-size:1.05rem }
.tb-total small { font-size:.72rem }
.tb-resumo { margin-top:.9rem; padding:.9rem 1rem; border-radius:16px; background:var(--pz-surface); border:1px solid var(--pz-border); display:flex; flex-direction:column; gap:.45rem }
.tb-resumo div { display:flex; justify-content:space-between; gap:.6rem; font-size:.8rem }
.tb-resumo span { color:var(--pz-muted) }
.tb-resumo b { text-align:right }
.tb-resumo__total { font-size:1.05rem; color:var(--pz-accent-2) }
.tb-story-carregando { aspect-ratio:9/16; border-radius:.6rem; border:1px dashed var(--pz-border); background:var(--pz-bg); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; font-size:.75rem; color:var(--pz-muted); text-align:center; padding:.8rem }

/* --- whatsapp --- */
.wa-topo { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; padding:1rem 1.2rem; border-radius:18px; color:#fff;
           background:linear-gradient(135deg,#0b1220 0%,#0e2430 55%,#0b3b47 100%) }
.wa-topo__ico { width:46px; height:46px; border-radius:14px; background:#22c55e; display:flex; align-items:center; justify-content:center; flex:0 0 auto }
.wa-topo__ico svg { width:26px; height:26px; color:#fff }
.wa-topo__txt { display:flex; flex-direction:column; flex:1; min-width:200px }
.wa-topo__txt strong { font-size:1.05rem }
.wa-topo__txt span { font-size:.85rem; color:#a5c4cc; display:flex; align-items:center; gap:.4rem }
.wa-dot { width:9px; height:9px; border-radius:50%; background:#71717a; display:inline-block }
.wa-dot--on { background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.25) }
.wa-dot--espera { background:#f59e0b }
.wa-bot { display:flex; align-items:center; gap:.7rem; padding:.55rem .9rem; border-radius:12px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); color:#fff; cursor:pointer; text-align:left }
.wa-bot span:last-child { display:flex; flex-direction:column }
.wa-bot b { font-size:.85rem }
.wa-bot small { font-size:.72rem; color:#a5c4cc }
.wa-bot__sw { width:42px; height:24px; border-radius:999px; background:#52525b; position:relative; flex:0 0 auto; transition:.2s }
.wa-bot__sw i { position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:.2s }
.wa-bot.on .wa-bot__sw { background:#22c55e }
.wa-bot.on .wa-bot__sw i { transform:translateX(18px) }
.wa-topo__sair { background:none; border:0; color:#a5c4cc; font-size:.8rem; text-decoration:underline; cursor:pointer }
.wa-qr { display:flex; gap:1.5rem; align-items:center; flex-wrap:wrap }
.wa-qr img { width:240px; height:240px; border-radius:14px; background:#fff; padding:.6rem; border:1px solid #e4e4e7 }
.wa-passos { margin:0 0 .8rem; padding-left:1.1rem; font-size:.9rem; line-height:1.8 }

.wa-lista { display:flex; flex-direction:column; gap:.6rem }
.wa-item { display:flex; gap:.9rem; align-items:flex-start; padding:.85rem 1rem; border-radius:14px; background:#fff; border:1px solid #e4e4e7 }
.dark .wa-item { background:#141416; border-color:#26262b }
.wa-item--precisa { border-color:rgba(220,38,38,.45); box-shadow:inset 3px 0 0 #dc2626 }
.wa-item__av { width:42px; height:42px; border-radius:50%; flex:0 0 auto; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.85rem;
               color:#fff; background:hsl(var(--h) 45% 45%) }
.wa-item__corpo { flex:1; min-width:0; display:flex; flex-direction:column; gap:.25rem }
.wa-item__topo { display:flex; align-items:center; gap:.4rem; flex-wrap:wrap }
.wa-item__topo strong { font-size:.95rem }
.wa-item__hora { margin-left:auto; font-size:.72rem; color:#71717a }
.wa-chip { font-size:.68rem; font-weight:700; padding:.12rem .5rem; border-radius:999px; background:#f4f4f5; color:#52525b }
.wa-chip--qualificado { background:rgba(245,158,11,.14); color:#b45309 }
.wa-chip--negociacao { background:rgba(22,163,74,.12); color:#15803d }
.wa-chip--em_atendimento { background:rgba(6,182,212,.12); color:#0e7490 }
.wa-item__msg { margin:0; font-size:.84rem; color:#52525b; line-height:1.4; overflow:hidden; text-overflow:ellipsis }
.dark .wa-item__msg { color:#a1a1aa }
.wa-item__msg b { color:#18181b; font-weight:700 }
.dark .wa-item__msg b { color:#f4f4f5 }
.wa-item__status { display:inline-flex; align-items:center; gap:.3rem; font-size:.72rem; color:#71717a }
.wa-item__status svg { width:14px; height:14px }
.wa-item__status.on { color:#15803d }
.wa-item__status.alerta { color:#b91c1c; font-weight:700 }
.wa-item__acoes { display:flex; flex-direction:column; gap:.35rem; flex:0 0 auto }
.wa-abrir { color:#15803d; border-color:rgba(22,163,74,.35) }
.wa-abrir:hover { background:rgba(22,163,74,.08); color:#15803d; border-color:#16a34a }
@media (max-width: 700px) { .wa-item { flex-wrap:wrap } .wa-item__acoes { flex-direction:row; width:100% } }

/* --- whatsapp: caixa de entrada --- */
.wa-inbox { display:grid; grid-template-columns:minmax(280px,380px) minmax(0,1fr); gap:1rem; align-items:stretch; height:calc(100vh - 110px); min-height:560px; scroll-margin-top:80px }
.wa-inbox__lista { display:flex; flex-direction:column; gap:.45rem; overflow-y:auto; padding-right:.2rem; min-height:0 }
.wa-inbox .wa-item { width:100%; text-align:left; cursor:pointer; font:inherit; color:inherit; padding:.7rem .8rem; transition:border-color .15s, background .15s }
.wa-inbox .wa-item:hover { border-color:#a5f3fc }
.wa-item--on { border-color:#06b6d4 !important; background:#ecfeff !important }
.wa-item--nova .wa-item__topo strong { font-weight:800 }
.wa-item__tags { display:flex; align-items:center; gap:.35rem; flex-wrap:wrap }
.wa-badge { margin-left:auto; min-width:20px; height:20px; padding:0 .4rem; border-radius:999px; background:#22c55e; color:#fff; font-size:.7rem; font-weight:800; display:inline-flex; align-items:center; justify-content:center }
.wa-chip--novo { background:rgba(99,102,241,.12); color:#4338ca }
.wa-chip--ganho { background:rgba(22,163,74,.18); color:#166534 }
.wa-chip--perdido { background:#f4f4f5; color:#71717a; text-decoration:line-through }
.wa-inbox__chat { display:flex; flex-direction:column; min-height:0; border:1px solid #e4e4e7; border-radius:16px; background:#fff; overflow:hidden }
.wa-chat__vazio { margin:auto; display:flex; flex-direction:column; align-items:center; gap:.4rem; text-align:center; max-width:320px; color:#71717a; font-size:.88rem; padding:2rem }
.wa-chat__vazio svg { width:42px; height:42px; color:#a1a1aa }
.wa-chat__vazio strong { color:#18181b; font-size:1rem }
.wa-chat__topo { display:flex; align-items:center; gap:.55rem; padding:.7rem .9rem; border-bottom:1px solid #e4e4e7; flex-wrap:wrap }
.wa-chat__voltar { display:none; background:none; border:0; cursor:pointer; color:#52525b; padding:.2rem }
.wa-chat__voltar svg { width:20px; height:20px }
.wa-chat__quem { display:flex; flex-direction:column; flex:1; min-width:140px }
.wa-chat__quem strong { font-size:.98rem }
.wa-chat__quem small { font-size:.76rem; color:#71717a }
.wa-chat__estagio { width:auto !important; min-width:150px; padding-top:.35rem !important; padding-bottom:.35rem !important; font-size:.82rem }
.wa-chat__topo .pz-btn svg { width:16px; height:16px }
.wa-chat__faixa { display:flex; align-items:center; gap:.4rem; padding:.45rem .9rem; font-size:.8rem; font-weight:600; color:#0e7490; background:#ecfeff; border-bottom:1px solid #cffafe }
.wa-chat__faixa svg { width:16px; height:16px }
.wa-chat__msgs { flex:1; min-height:0; overflow-y:auto; padding:1rem; display:flex; flex-direction:column; gap:.35rem;
                 background:#f6f5f2 radial-gradient(circle at 1px 1px, rgba(0,0,0,.04) 1px, transparent 0) 0 0/18px 18px }
.wa-chat__dia { align-self:center; margin:.5rem 0 .25rem }
.wa-chat__dia span { font-size:.7rem; font-weight:700; color:#52525b; background:#fff; border-radius:8px; padding:.2rem .6rem; box-shadow:0 1px 1px rgba(0,0,0,.06) }
.wa-chat__aviso { align-self:center; font-size:.8rem; color:#71717a; background:#fff; border-radius:10px; padding:.5rem .8rem; text-align:center }
.wa-msg { max-width:min(75%,560px); padding:.45rem .65rem .3rem; border-radius:12px; font-size:.88rem; line-height:1.4; box-shadow:0 1px 1px rgba(0,0,0,.07); display:flex; flex-direction:column; word-wrap:break-word }
.wa-msg__txt { white-space:pre-wrap }
.wa-msg--cliente { align-self:flex-start; background:#fff; border-top-left-radius:4px }
.wa-msg--loja { align-self:flex-end; background:#d9fdd3; border-top-right-radius:4px }
.wa-msg--bot { background:#e0f7fa }
.wa-msg__autor { display:flex; align-items:center; gap:.25rem; font-size:.68rem; font-weight:800; color:#0e7490; margin-bottom:.1rem }
.wa-msg__autor svg { width:12px; height:12px }
.wa-msg__hora { align-self:flex-end; font-size:.65rem; color:#71717a; margin-top:.1rem }
.wa-msg--nota { align-self:center; max-width:min(85%,600px); background:#fef9c3; border:1px dashed #eab308; box-shadow:none; font-size:.84rem; color:#713f12 }
.wa-msg--nota small { display:flex; align-items:center; gap:.25rem; font-size:.68rem; font-weight:800; color:#a16207; margin-bottom:.15rem }
.wa-msg--nota small svg { width:12px; height:12px }
.wa-composer { position:relative; border-top:1px solid #e4e4e7; padding:.55rem .75rem .45rem; display:flex; flex-direction:column; gap:.35rem; background:#fff }
.wa-composer--nota { background:#fefce8 }
.wa-composer__modos { display:flex; align-items:center; gap:.3rem; flex-wrap:wrap }
.wa-composer__modos button { display:inline-flex; align-items:center; gap:.25rem; font-size:.74rem; font-weight:700; padding:.22rem .6rem; border-radius:999px; border:1px solid #e4e4e7; background:#fff; color:#52525b; cursor:pointer }
.wa-composer__modos button svg { width:12px; height:12px }
.wa-composer__modos button.on { background:#18181b; border-color:#18181b; color:#fff }
.wa-composer--nota .wa-composer__modos button.on { background:#a16207; border-color:#a16207 }
.wa-composer__alerta { font-size:.74rem; font-weight:700; color:#b91c1c }
.wa-composer__linha { display:flex; gap:.5rem; align-items:flex-end }
.wa-composer__linha textarea { flex:1; resize:none; border:1px solid #e4e4e7; border-radius:12px; padding:.55rem .75rem; font:inherit; font-size:.9rem; max-height:160px; background:#fff; color:#18181b }
.wa-composer__linha textarea:focus { outline:none; border-color:#06b6d4; box-shadow:0 0 0 3px rgba(6,182,212,.15) }
.wa-composer__enviar { width:42px; height:42px; border-radius:50%; border:0; background:#22c55e; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 auto }
.wa-composer--nota .wa-composer__enviar { background:#a16207 }
.wa-composer__enviar svg { width:19px; height:19px }
.wa-composer__enviar:disabled { opacity:.5 }
.wa-composer__dica { font-size:.66rem; color:#a1a1aa }
.wa-composer__sugestoes { position:absolute; left:.75rem; right:.75rem; bottom:100%; margin-bottom:.3rem; background:#fff; border:1px solid #e4e4e7; border-radius:12px; box-shadow:0 10px 24px rgba(24,24,27,.12); overflow:hidden; z-index:5 }
.wa-composer__sugestoes button { display:flex; gap:.5rem; width:100%; text-align:left; padding:.5rem .75rem; border:0; background:none; cursor:pointer; font-size:.82rem; color:#3f3f46 }
.wa-composer__sugestoes button:hover { background:#ecfeff }
.wa-composer__sugestoes span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#71717a }
.wa-msg__midia { display:block; margin:-.15rem -.35rem .25rem; border-radius:9px; overflow:hidden; max-width:320px }
.wa-msg__midia img, video.wa-msg__midia { display:block; width:100%; max-height:360px; object-fit:cover; background:#e4e4e7 }
.wa-msg__audio { width:260px; max-width:100%; height:40px; margin:.1rem 0 .2rem }
.wa-msg__arquivo { display:inline-flex; align-items:center; gap:.3rem; font-weight:700; color:#0e7490; text-decoration:none; margin-bottom:.2rem }
.wa-msg__arquivo svg { width:16px; height:16px }
.wa-carros { display:flex; flex-direction:column; gap:.3rem; max-height:260px; overflow-y:auto; padding:.4rem; border:1px solid #e4e4e7; border-radius:12px; background:#fafafa }
.wa-carros__item { display:flex; align-items:center; gap:.5rem; width:100%; text-align:left; padding:.45rem .6rem; border:1px solid transparent; border-radius:9px; background:#fff; cursor:pointer; font-size:.84rem; color:#3f3f46 }
.wa-carros__item:hover { border-color:#06b6d4 }
.wa-carros__item span:first-child { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.wa-carros__item small { color:#15803d; font-weight:700; flex:0 0 auto }
.wa-respostas { display:flex; flex-direction:column; gap:.6rem }
.wa-respostas__form { display:grid; grid-template-columns:160px minmax(0,1fr) auto; gap:.5rem; align-items:start }
.wa-respostas__item { display:flex; align-items:center; gap:.7rem; padding:.45rem .6rem; border-radius:10px; background:#fafafa; font-size:.84rem }
.wa-respostas__item b { color:#0e7490; flex:0 0 auto }
.wa-respostas__item span { flex:1; color:#52525b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.wa-respostas__del { background:none; border:0; color:#a1a1aa; cursor:pointer }
.wa-respostas__del:hover { color:#dc2626 }
.wa-respostas__del svg { width:16px; height:16px }
[x-cloak] { display:none !important }
@media (max-width: 900px) {
  .wa-inbox { grid-template-columns:1fr; height:auto; min-height:0 }
  .wa-inbox__lista { overflow:visible }
  .wa-inbox__chat { display:none; height:calc(100vh - 120px); min-height:480px }
  .wa-inbox--aberta .wa-inbox__lista { display:none }
  .wa-inbox--aberta .wa-inbox__chat { display:flex }
  .wa-chat__voltar { display:inline-flex }
  .wa-respostas__form { grid-template-columns:1fr }
  .wa-msg { max-width:88% }
}

/* --- funil (kanban) --- */
.fu-filtros { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center }
.fu-filtros .pz-input { width:auto; min-width:180px; flex:0 1 240px }
.fu-toggle { display:inline-flex; align-items:center; gap:.3rem; padding:.45rem .8rem; border-radius:999px; border:1px solid #e4e4e7; background:#fff; font-size:.8rem; font-weight:700; color:#52525b; cursor:pointer }
.fu-toggle svg { width:15px; height:15px }
.fu-toggle.on { background:#fef3c7; border-color:#f59e0b; color:#92400e }
.fu-quadro { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(215px,1fr); gap:.75rem; overflow-x:auto; padding-bottom:.6rem; align-items:start }
.fu-col { display:flex; flex-direction:column; min-height:220px; max-height:calc(100vh - 170px); border-radius:16px; background:#f4f4f5; border:2px solid transparent; transition:border-color .12s, background .12s }
.fu-col--sobre { border-color:#06b6d4; background:#ecfeff }
.fu-col__topo { display:flex; align-items:center; gap:.45rem; padding:.7rem .85rem .3rem }
.fu-col__topo strong { font-size:.85rem; font-weight:800; letter-spacing:.01em }
.fu-col__topo::before { content:''; width:9px; height:9px; border-radius:50%; background:var(--fu-cor, #a1a1aa) }
.fu-col--novo { --fu-cor:#6366f1 } .fu-col--em_atendimento { --fu-cor:#06b6d4 } .fu-col--qualificado { --fu-cor:#f59e0b }
.fu-col--negociacao { --fu-cor:#16a34a } .fu-col--ganho { --fu-cor:#15803d; background:#f0fdf4 } .fu-col--perdido { --fu-cor:#a1a1aa }
.fu-col__qtd { margin-left:auto; font-size:.72rem; font-weight:800; color:#52525b; background:#fff; border-radius:999px; padding:.05rem .5rem }
.fu-col__dica { margin:0 .85rem; font-size:.68rem; color:#a1a1aa }
.fu-col__cards { display:flex; flex-direction:column; gap:.5rem; padding:.5rem; overflow-y:auto; flex:1; min-height:120px }
.fu-col__vazia { margin:auto; font-size:.75rem; color:#a1a1aa; border:1.5px dashed #d4d4d8; border-radius:12px; padding:1rem; text-align:center; width:100% }
.fu-col__mais { font-size:.72rem; color:#71717a; text-align:center; margin:.2rem 0 }
.fu-card { background:#fff; border:1px solid #e4e4e7; border-radius:12px; padding:.6rem .7rem; display:flex; flex-direction:column; gap:.35rem; cursor:grab; box-shadow:0 1px 2px rgba(24,24,27,.05); transition:box-shadow .12s, border-color .12s, opacity .12s }
.fu-card:hover { border-color:#a5f3fc; box-shadow:0 6px 16px rgba(24,24,27,.08) }
.fu-card:active { cursor:grabbing }
.fu-card--arrastando { opacity:.4 }
.fu-card--on { border-color:#06b6d4; box-shadow:0 0 0 2px rgba(6,182,212,.25) }
.fu-card--alerta { box-shadow:inset 3px 0 0 #f59e0b }
.fu-card__topo { display:flex; align-items:center; gap:.4rem }
.fu-card__topo strong { font-size:.88rem; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.fu-card__carro { display:flex; align-items:center; gap:.3rem; font-size:.78rem; color:#3f3f46 }
.fu-card__carro svg { width:14px; height:14px; color:#a1a1aa; flex:0 0 auto }
.fu-card__pe { display:flex; align-items:center; gap:.3rem; flex-wrap:wrap }
.fu-card__valor { font-size:.75rem; color:#15803d }
.fu-card__motivo { font-size:.7rem; color:#71717a }
.fu-card__dias { margin-left:auto; font-size:.7rem; font-weight:700; color:#a1a1aa }
.fu-card__dias.alerta { color:#b45309 }
.fu-contato { display:inline-flex; align-items:center; gap:.2rem; font-size:.68rem; font-weight:800; padding:.12rem .45rem; border-radius:999px; background:#f4f4f5; color:#52525b }
.fu-contato svg { width:12px; height:12px }
.fu-contato--hoje { background:#fef3c7; color:#92400e }
.fu-contato--atrasado { background:#fee2e2; color:#b91c1c }
.fu-lembrete { display:flex; flex-direction:column; gap:.45rem; padding:.7rem .8rem; border-radius:12px; border:1px solid #e4e4e7; background:#fafafa }
.fu-lembrete--hoje { background:#fffbeb; border-color:#fcd34d }
.fu-lembrete--atrasado { background:#fef2f2; border-color:#fca5a5 }
.fu-lembrete__topo { display:flex; align-items:center; gap:.4rem; font-size:.86rem }
.fu-lembrete__topo svg { width:17px; height:17px; color:#b45309 }
.fu-lembrete__ok { margin-left:auto; font-size:.75rem; font-weight:800; color:#15803d; background:#dcfce7; border:0; border-radius:999px; padding:.25rem .6rem; cursor:pointer }
.fu-lembrete__nota { margin:0; font-size:.82rem; color:#3f3f46 }
.fu-lembrete__botoes { display:flex; flex-wrap:wrap; gap:.35rem; align-items:center }
.fu-lembrete__botoes button { font-size:.75rem; font-weight:700; padding:.35rem .65rem; border-radius:999px; border:1px solid #e4e4e7; background:#fff; color:#3f3f46; cursor:pointer }
.fu-lembrete__botoes button:hover { border-color:#06b6d4; color:#0e7490 }
.fu-lembrete__botoes input[type=date] { width:auto; padding-top:.3rem; padding-bottom:.3rem; font-size:.8rem }
.fu-tempo__item--contato .fu-tempo__ico { background:#fef3c7; color:#b45309 }
.fu-tempo__item--followup .fu-tempo__ico { background:#e0f2fe; color:#0369a1 }
.fu-gaveta__fundo { position:fixed; inset:0; background:rgba(9,9,11,.25); z-index:40 }
.fu-gaveta { position:fixed; top:0; right:0; bottom:0; width:min(440px,100vw); background:#fff; z-index:41; display:flex; flex-direction:column; box-shadow:-12px 0 32px rgba(24,24,27,.15) }
.fu-gaveta__topo { display:flex; align-items:flex-start; gap:.6rem; padding:1rem 1.1rem; border-bottom:1px solid #e4e4e7 }
.fu-gaveta__topo div { flex:1; display:flex; flex-direction:column }
.fu-gaveta__topo strong { font-size:1.05rem }
.fu-gaveta__topo small { font-size:.78rem; color:#71717a }
.fu-gaveta__x { background:none; border:0; cursor:pointer; color:#71717a }
.fu-gaveta__x svg { width:22px; height:22px }
.fu-gaveta__corpo { flex:1; overflow-y:auto; padding:1rem 1.1rem; display:flex; flex-direction:column; gap:.9rem }
.fu-dados { display:grid; grid-template-columns:1fr 1fr; gap:.6rem }
.fu-dados div { display:flex; flex-direction:column; gap:.15rem }
.fu-dados span { font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#a1a1aa }
.fu-dados b { font-size:.86rem; font-weight:600 }
.fu-acoes { display:flex; gap:.5rem; flex-wrap:wrap }
.fu-acoes .pz-btn svg { width:16px; height:16px }
.fu-msg { font-size:.84rem; color:#3f3f46; background:#fafafa; border-radius:10px; padding:.6rem .75rem; display:flex; flex-direction:column; gap:.2rem }
.fu-msg span { font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:#a1a1aa }
.fu-nota { display:flex; flex-direction:column; gap:.4rem; align-items:flex-end }
.fu-nota textarea { width:100%; resize:vertical }
.fu-sec { font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#71717a; margin:.2rem 0 0 }
.fu-tempo { list-style:none; margin:0; padding:0; display:flex; flex-direction:column }
.fu-tempo__item { display:flex; gap:.65rem; padding-bottom:.8rem; position:relative }
.fu-tempo__item:not(:last-child)::before { content:''; position:absolute; left:13px; top:28px; bottom:0; width:2px; background:#f4f4f5 }
.fu-tempo__ico { width:28px; height:28px; border-radius:50%; background:#f4f4f5; color:#71717a; display:flex; align-items:center; justify-content:center; flex:0 0 auto }
.fu-tempo__ico svg { width:15px; height:15px }
.fu-tempo__item--ganho .fu-tempo__ico { background:#dcfce7; color:#15803d }
.fu-tempo__item--perdido .fu-tempo__ico { background:#fee2e2; color:#b91c1c }
.fu-tempo__item--nota .fu-tempo__ico { background:#fef9c3; color:#a16207 }
.fu-tempo__item--visita .fu-tempo__ico { background:#cffafe; color:#0e7490 }
.fu-tempo__item p { margin:0; font-size:.85rem; color:#18181b; white-space:pre-wrap }
.fu-tempo__item small { font-size:.7rem; color:#a1a1aa }
.fu-modal__fundo { position:fixed; inset:0; background:rgba(9,9,11,.45); z-index:50; display:flex; align-items:center; justify-content:center; padding:1rem }
.fu-modal { background:#fff; border-radius:18px; padding:1.3rem 1.4rem; width:min(460px,100%); box-shadow:0 24px 48px rgba(24,24,27,.25) }
.fu-modal h2 { font-size:1.1rem; font-weight:800; margin:0 0 .2rem }
.fu-campo { display:flex; flex-direction:column; gap:.3rem; margin-bottom:.8rem }
.fu-campo > span { font-size:.78rem; font-weight:700; color:#3f3f46 }
.fu-check { display:flex; gap:.6rem; align-items:flex-start; padding:.7rem .8rem; border-radius:12px; background:#f0fdf4; border:1px solid #bbf7d0; cursor:pointer; margin-bottom:.8rem }
.fu-check input { margin-top:.2rem }
.fu-check span { display:flex; flex-direction:column; gap:.15rem; font-size:.85rem }
.fu-check small { color:#52525b; font-size:.76rem }
.fu-motivos { display:flex; flex-direction:column; gap:.35rem; margin-bottom:.9rem }
.fu-motivos label { display:flex; align-items:center; gap:.5rem; padding:.5rem .7rem; border-radius:10px; border:1px solid #e4e4e7; font-size:.85rem; cursor:pointer }
.fu-motivos label.on { border-color:#06b6d4; background:#ecfeff }
.fu-modal__acoes { display:flex; justify-content:flex-end; gap:.5rem; margin-top:.4rem }
@media (max-width: 700px) {
  .fu-quadro { grid-auto-columns:82vw; scroll-snap-type:x mandatory }
  .fu-col { scroll-snap-align:start; max-height:none }
  .fu-filtros .pz-input { flex:1 1 100% }
  .fu-dados { grid-template-columns:1fr }
}

/* --- avaliações (Avalie) --- */
.av-adm-lista { display:flex; flex-direction:column; gap:.5rem }
.av-adm-item { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; width:100%; text-align:left; font:inherit; color:inherit; padding:.8rem 1rem; border-radius:14px; background:#fff; border:1px solid #e4e4e7; cursor:pointer }
.av-adm-item:hover { border-color:#a5f3fc }
.av-adm-item.on { border-color:#06b6d4; background:#ecfeff }
.av-adm-item__carro { display:flex; flex-direction:column; flex:1; min-width:200px }
.av-adm-item__carro strong { font-size:.92rem }
.av-adm-item__carro small, .av-adm-item__valor small { font-size:.75rem; color:#71717a }
.av-adm-item__valor { display:flex; flex-direction:column; font-weight:700; font-size:.86rem; color:#15803d; min-width:170px }
.av-adm-item__tags { display:flex; align-items:center; gap:.35rem; flex-wrap:wrap }
.av-adm-item__tags small { font-size:.72rem; color:#a1a1aa }
.av-adm-fotos { display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem }
.av-adm-fotos a { position:relative; display:block; aspect-ratio:4/3; border-radius:10px; overflow:hidden; background:#f4f4f5 }
.av-adm-fotos img { width:100%; height:100%; object-fit:cover }
.av-adm-fotos small { position:absolute; left:0; right:0; bottom:0; font-size:.62rem; font-weight:700; padding:.15rem .3rem; background:rgba(0,0,0,.55); color:#fff }
.av-adm-resumo { white-space:pre-wrap; font-family:inherit; font-size:.8rem; margin:.2rem 0 .4rem; color:#27272a }

/* --- visitas --- */
.vi-lista { display:flex; flex-direction:column; gap:.55rem }
.vi-item { display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; padding:.85rem 1rem; border-radius:14px; background:#fff; border:1px solid #e4e4e7; box-shadow:inset 4px 0 0 var(--c) }
.dark .vi-item { background:#141416; border-color:#26262b }
.vi-item__quando { display:flex; flex-direction:column; gap:.25rem; min-width:110px }
.vi-item__quando b { font-size:.95rem }
.vi-item__quem { display:flex; flex-direction:column; min-width:160px; flex:1 }
.vi-item__quem small { font-size:.78rem; color:#71717a }
.vi-item__carro { display:flex; align-items:center; gap:.5rem; min-width:180px; flex:1 }
.vi-item__carro span { width:54px; height:40px; border-radius:8px; background:#0b1220 center/cover no-repeat; flex:0 0 auto }
.vi-item__carro small { font-size:.8rem; color:#52525b }
.vi-item__acoes { display:flex; gap:.4rem; flex-wrap:wrap }

/* --- configurações --- */
.cfg { display:grid; grid-template-columns:230px minmax(0,1fr); gap:1.5rem; align-items:start }
.cfg-nav { position:sticky; top:84px; display:flex; flex-direction:column; gap:1rem }
.cfg-nav__loja { display:flex; flex-direction:column; align-items:center; gap:.5rem; padding:1rem; border-radius:16px; background:#fff; border:1px solid #e4e4e7; text-align:center }
.dark .cfg-nav__loja { background:#141416; border-color:#26262b }
.cfg-nav__logo { width:100%; height:84px; border-radius:12px; display:flex; align-items:center; justify-content:center;
                 background:repeating-conic-gradient(#0001 0% 25%, transparent 0% 50%) 50%/14px 14px }
.cfg-nav__logo img { max-width:90%; max-height:70px; object-fit:contain }
.cfg-nav__logo svg { width:30px; height:30px; color:#a1a1aa }
.cfg-nav__loja strong { font-size:.9rem }
.cfg-nav nav { display:flex; flex-direction:column; gap:.1rem }
.cfg-nav nav small { font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#a1a1aa; margin:.6rem .6rem .2rem }
.cfg-nav nav a { display:flex; align-items:center; gap:.55rem; padding:.5rem .65rem; border-radius:10px; font-size:.86rem; font-weight:600; color:#3f3f46; text-decoration:none }
.dark .cfg-nav nav a { color:#d4d4d8 }
.cfg-nav nav a:hover { background:rgba(6,182,212,.1); color:#0e7490 }
.cfg-nav nav a svg { width:17px; height:17px; color:#71717a }
.cfg-main { display:flex; flex-direction:column; gap:1rem; min-width:0 }
.cfg-sec { scroll-margin-top:84px }
.cfg-salvar { position:sticky; bottom:.75rem; z-index:10 }
.cfg-grupo { font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#71717a; margin:1rem 0 -.25rem }
html { scroll-behavior:smooth }
@media (max-width: 1000px) { .cfg { grid-template-columns:1fr } .cfg-nav { position:static } .cfg-nav nav { flex-direction:row; flex-wrap:wrap } .cfg-nav nav small { display:none } }

/* --- capa do feed --- */
.mc-card { border:1.5px solid #e4e4e7; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; background:#fff; transition:.15s }
.mc-card:hover { border-color:#06b6d4; box-shadow:0 10px 24px rgba(24,24,27,.1) }
.mc-card--on { border-color:#06b6d4; box-shadow:0 0 0 2px #06b6d4 }
.dark .mc-card { background:#141416; border-color:#26262b }
.mc-textos { margin:0 0 1rem; border:1px solid #e4e4e7; border-radius:12px; padding:.7rem .9rem; background:#fafafa }
.mc-textos summary { cursor:pointer; font-weight:700; font-size:.88rem }
.dark .mc-textos { background:#141416; border-color:#26262b }

/* --- admin: gastos com IA --- */
.gi-kpis { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) }
.gi-card { background:#fff; border:1px solid #e4e4e7; border-radius:16px; padding:1.1rem 1.2rem; box-shadow:0 1px 2px rgba(24,24,27,.05) }
.dark .gi-card { background:#141416; border-color:#26262b }
.gi-scroll { overflow-x:auto }
.gi-tit { font-weight:800; font-size:.95rem; margin-bottom:.7rem }
.gi-lbl { font-size:.8rem; color:#71717a }
.gi-tab { width:100%; border-collapse:collapse; font-size:.85rem }
.gi-tab th { text-align:left; font-weight:700; font-size:.72rem; letter-spacing:.04em; text-transform:uppercase; color:#71717a; padding:.5rem .6rem; border-bottom:1px solid #e4e4e7; background:#fafafa }
.dark .gi-tab th { background:#18181b; border-color:#26262b }
.gi-tab td { padding:.55rem .6rem; border-bottom:1px solid #f4f4f5 }
.dark .gi-tab td { border-color:#1f1f23 }
.gi-tab tr:hover td { background:rgba(6,182,212,.04) }
.gi-tab .n { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums }

/* --- login (com o painel da marca ao lado) --- */
.fi-simple-layout:has(.lg-lado) { display:grid; grid-template-columns:1fr; min-height:100vh; background:#f5f7fa }
@media (min-width: 1000px) { .fi-simple-layout:has(.lg-lado) { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) } }
.lg-lado { display:none; position:relative; overflow:hidden; color:#fff; padding:3rem 3.2rem; flex-direction:column; gap:2rem;
           background:radial-gradient(900px 500px at 90% 0%, rgba(6,182,212,.25), transparent 60%), linear-gradient(160deg,#0b1220 0%,#0e2430 55%,#0b3b47 100%) }
@media (min-width: 1000px) { .lg-lado { display:flex } }
.lg-lado__logo img { height:34px; width:auto; mix-blend-mode:lighten }
.lg-lado__txt h2 { font-size:2.4rem; line-height:1.1; font-weight:800; letter-spacing:-.02em; margin:0 }
.lg-lado__txt h2 em { font-style:normal; color:#22d3ee }
.lg-lado__txt p { margin:.9rem 0 0; color:#b6c8d2; font-size:1.02rem; line-height:1.6; max-width:460px }
.lg-lado__posts { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; max-width:520px; transform:rotate(-3deg); margin-top:auto }
.lg-lado__posts img { width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:12px; box-shadow:0 18px 40px rgba(0,0,0,.4) }
.lg-lado__posts img:nth-child(even) { transform:translateY(18px) }
.lg-lado__rodape { color:#9fb4bf; font-size:.9rem; margin:0 }
.lg-lado__rodape a { color:#22d3ee; font-weight:700; text-decoration:none }
.fi-simple-layout:has(.lg-lado) .fi-simple-main-ctn { display:flex; align-items:center; justify-content:center; padding:2rem 1.2rem }
.fi-simple-layout:has(.lg-lado) .fi-simple-main { width:100%; max-width:420px; background:#fff; border-radius:22px; padding:2.2rem 2rem;
                                                   box-shadow:0 1px 2px rgba(15,23,42,.05),0 24px 60px rgba(15,23,42,.1); border:1px solid #e2e8f0 }
.fi-simple-layout:has(.lg-lado) .fi-simple-header .fi-logo { height:2.4rem !important }
.fi-simple-layout:has(.lg-lado) .fi-simple-header-heading { font-size:1.5rem; font-weight:800; letter-spacing:-.02em }

/* --- cadastrar carro (usa as peças pz-*) --- */
.cc-placa { max-width:340px; margin:.4rem auto 0; border:3px solid #0f172a; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 10px 26px rgba(15,23,42,.14) }
.cc-placa__topo { background:#1351b4; color:#fff; display:flex; justify-content:space-between; padding:.25rem .7rem; font-size:.66rem; font-weight:800; letter-spacing:.2em }
.cc-placa__input { width:100%; border:0; text-align:center; font:800 2.2rem/1.2 'Courier New',monospace; letter-spacing:.18em; padding:.55rem; color:#0f172a; text-transform:uppercase; background:#fff }
.cc-placa__input::placeholder { color:#cbd5e1 }
.cc-placa__input:focus { outline:none }
.cc-campos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem 1rem }
@media (min-width: 900px) { .cc-campos { grid-template-columns:repeat(4,minmax(0,1fr)) } }
.cc-campo { display:flex; flex-direction:column; gap:.3rem }
.cc-campo > span { font-size:.78rem; font-weight:700; color:var(--pz-muted) }
.cc-campo--2 { grid-column:span 2 }
.cc-check { width:15px; height:15px }
.cc-resumo { padding:0; overflow:hidden }
.cc-resumo__capa { aspect-ratio:4/3; background:var(--pz-bg) center/cover no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; color:var(--pz-muted); font-size:.82rem }
.cc-resumo__capa svg { width:34px; height:34px }
.cc-resumo__txt { padding:1rem 1.2rem .4rem; display:flex; flex-direction:column; gap:.15rem }
.cc-resumo__txt strong { font-size:1.15rem; font-weight:800; letter-spacing:-.01em }
.cc-resumo__txt > span { color:var(--pz-muted); font-size:.88rem }
.cc-resumo__preco { font-size:1.35rem; font-weight:800; margin-top:.3rem; color:var(--pz-text) }
.cc-resumo__preco--vazio { color:#d97706; font-size:1rem }
.cc-resumo__ficha { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.5rem }
.cc-resumo__ficha span { font-size:.76rem; font-weight:600; padding:.2rem .55rem; border-radius:999px; background:var(--pz-bg); border:1px solid var(--pz-border) }
.cc-resumo .pz-resumo { padding:.8rem 1.2rem 1.2rem; border-top:1px solid var(--pz-border); margin-top:.6rem }