/* =====================================================================================
   Perfil do cliente
   - drawer "Meu perfil" (#kt_perfil)            .zn-pf-*
   - Meus pedidos / Detalhe do pedido             .zn-pd-*
   - Recuperacao de senha                         .zn-rs-*
   Modais e campos herdam o checkout (.zn-co, vitrine.css): cabecalho claro, X redondo,
   secoes em cartao, form-floating. Cores da marca vem de func/tema.php.
   ===================================================================================== */

/* ---------------------------------------------------------------- drawer "Meu perfil" */
body.zn-site #kt_perfil { padding: 0; background: var(--zn-bg) !important; }
.zn-pf { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; background: var(--zn-bg); }
.zn-pf-top {
    flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 16px 14px 22px; background: var(--zn-surface); border-bottom: 1px solid var(--zn-line);
}
.zn-pf-titulo { margin: 0; font-family: var(--zn-display); font-weight: 800; font-size: 21px; letter-spacing: -.01em; color: var(--zn-ink); }
.zn-pf-x {
    flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
    border: 1px solid var(--zn-line); background: var(--zn-surface-2); color: var(--zn-ink-2); cursor: pointer; transition: background .15s;
}
.zn-pf-x:hover { background: var(--zn-line); }
body.zn-site .zn-pf-x svg { width: 16px; height: 16px; }

.zn-pf-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 16px 14px calc(24px + env(safe-area-inset-bottom)); }
@media (min-width: 576px) { .zn-pf-body { padding: 20px 20px 28px; } }
.zn-pf-stack { display: flex; flex-direction: column; gap: 14px; }

.zn-pf-card {
    display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 18px; border-radius: var(--zn-r-lg);
    background: var(--zn-surface); border: 1px solid var(--zn-line); box-shadow: var(--zn-shadow);
}
.zn-pf-h { margin: 0; font-family: var(--zn-display); font-weight: 800; font-size: 18px; line-height: 1.2; letter-spacing: -.01em; color: var(--zn-ink); }
.zn-pf-sub { margin: -6px 0 2px; font-size: 13.5px; line-height: 1.45; color: var(--zn-ink-2); }

/* Icone em ladrilho (cartao "Acompanhe" e itens do menu) */
.zn-pf-ico {
    flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px;
    background: var(--zn-brand-soft); color: var(--zn-brand);
}
body.zn-site .zn-pf-ico svg { width: 22px; height: 22px; }
body.zn-dark .zn-pf-ico { background: var(--zn-surface-2); color: var(--zn-accent-dark); }

/* "Acompanhe seu pedido": o atalho mais usado, em destaque suave na cor da loja. */
.zn-pf-track { background: var(--zn-brand-soft); border-color: rgba(var(--zn-brand-rgb), .16); box-shadow: none; }
.zn-pf-track .zn-pf-ico { background: var(--zn-surface); }
body.zn-dark .zn-pf-track { background: var(--zn-surface); border-color: var(--zn-line); }
body.zn-dark .zn-pf-track .zn-pf-ico { background: var(--zn-surface-2); }
.zn-pf-card-h { display: flex; align-items: flex-start; gap: 12px; }
.zn-pf-card-h .zn-pf-sub { margin: 4px 0 0; }
.zn-co .zn-pf-track .form-floating > .form-control { background: var(--zn-surface) !important; }
body.zn-dark .zn-co .zn-pf-track .form-floating > .form-control { background: var(--zn-surface-2) !important; }
.zn-pf-inline { display: flex; gap: 8px; }
.zn-pf-inline .form-floating { flex: 1 1 auto; min-width: 0; }
.zn-pf-inline .zn-btn { flex: none; min-height: 58px; padding: 0 18px; }
@media (max-width: 399.98px) { .zn-pf-inline { flex-direction: column; } .zn-pf-inline .zn-btn { min-height: 50px; } }

.zn-pf-link {
    align-self: flex-end; margin: -4px 2px 0; padding: 2px 0; border: 0; background: none;
    color: var(--zn-brand); font-weight: 700; font-size: 14px; cursor: pointer;
}
.zn-pf-link:hover { text-decoration: underline; text-underline-offset: 3px; }
body.zn-dark .zn-pf-link { color: var(--zn-accent-dark); }

/* Botao secundario (contorno) */
.zn-pf-btn-sec { background: var(--zn-surface); color: var(--zn-ink); border: 1.5px solid var(--zn-line); }
.zn-pf-btn-sec:hover { border-color: rgba(var(--zn-brand-rgb), .45); }
body.zn-site .zn-pf-btn-sec svg { width: 18px; height: 18px; }

.zn-pf-novo { display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
.zn-pf-novo p {
    display: flex; align-items: center; gap: 12px; margin: 0;
    font-size: 13px; font-weight: 700; color: var(--zn-ink-2); white-space: nowrap;
}
.zn-pf-novo p::before, .zn-pf-novo p::after { content: ""; flex: 1; height: 1px; background: var(--zn-line); }
.zn-pf-novo .zn-pf-btn-sec { color: var(--zn-brand); border-color: rgba(var(--zn-brand-rgb), .35); }
.zn-pf-novo .zn-pf-btn-sec:hover { background: var(--zn-brand-soft); }
body.zn-dark .zn-pf-novo .zn-pf-btn-sec { color: var(--zn-accent-dark); border-color: var(--zn-line); }
body.zn-dark .zn-pf-novo .zn-pf-btn-sec:hover { background: var(--zn-surface-2); }

/* Logado: cartao do cliente */
.zn-pf-cliente {
    position: relative; display: flex; align-items: center; gap: 14px; padding: 20px 18px; overflow: hidden;
    border-radius: var(--zn-r-lg); background: var(--zn-grad); color: var(--zn-on-brand);
    box-shadow: 0 12px 28px rgba(var(--zn-brand-rgb), .26);
}
.zn-pf-cliente::after {
    content: ""; position: absolute; right: -46px; top: -58px; width: 170px; height: 170px; border-radius: 50%;
    background: rgba(255,255,255,.09); pointer-events: none;
}
body.zn-dark .zn-pf-cliente { box-shadow: none; }
.zn-pf-avatar {
    flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%;
    background: rgba(255,255,255,.18); border: 2px solid rgba(255,255,255,.4);
    font-family: var(--zn-display); font-weight: 800; font-size: 24px; text-transform: uppercase;
}
.zn-pf-cliente-txt { position: relative; z-index: 1; display: flex; flex-direction: column; min-width: 0; }
.zn-pf-ola { font-size: 13px; font-weight: 600; opacity: .85; }
.zn-pf-cliente-txt b { font-family: var(--zn-display); font-weight: 800; font-size: clamp(18px, 5vw, 21px); line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#zn_pf_tel { margin-top: 3px; font-size: 13.5px; font-weight: 600; opacity: .9; font-variant-numeric: tabular-nums; }
#zn_pf_tel:empty { display: none; }

/* Logado: menu */
.zn-pf-menu {
    display: flex; flex-direction: column; padding: 6px; border-radius: var(--zn-r-lg);
    background: var(--zn-surface); border: 1px solid var(--zn-line); box-shadow: var(--zn-shadow);
}
.zn-pf-item {
    position: relative; display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px;
    border: 0; border-radius: 14px; background: none; color: var(--zn-ink); text-align: left; cursor: pointer; transition: background .15s;
}
.zn-pf-item + .zn-pf-item::before { content: ""; position: absolute; top: 0; left: 70px; right: 12px; height: 1px; background: var(--zn-line); transition: opacity .15s; }
.zn-pf-item:hover { background: var(--zn-surface-2); }
.zn-pf-item:hover::before, .zn-pf-item:hover + .zn-pf-item::before { opacity: 0; }
.zn-pf-item-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.zn-pf-item-txt b { font-size: 15.5px; font-weight: 800; line-height: 1.25; }
.zn-pf-item-txt span { font-size: 13px; color: var(--zn-ink-2); }
body.zn-site .zn-pf-seta { width: 18px; height: 18px; color: var(--zn-ink-3); transition: transform .15s var(--zn-ease), color .15s; }
.zn-pf-item:hover .zn-pf-seta { transform: translateX(2px); color: var(--zn-ink-2); }

.zn-pf-fim { display: flex; flex-direction: column; align-items: center; gap: 4px; padding-top: 4px; }
.zn-pf-excluir {
    padding: 8px 10px; border: 0; background: none; font-size: 13px; font-weight: 600; color: var(--zn-ink-3); cursor: pointer;
}
.zn-pf-excluir:hover { color: var(--zn-danger); text-decoration: underline; text-underline-offset: 3px; }

/* ---------------------------------------------------------------- ajustes dos modais do perfil (.zn-co) */
body.zn-site .iziModal.zn-co.isFullscreen { border-radius: 0 !important; }
@media (min-width: 560px) { .zn-pf-2col-mail { grid-template-columns: minmax(0, 1fr) 190px; } }
.zn-pf-dica-fim { margin-top: 10px; }
/* Subtitulos de duas linhas: icone alinhado com a primeira linha, nao com o meio do bloco. */
#md_cli_cadastro .zn-co-sub, .zn-rs-passo .zn-co-sub { align-items: flex-start; line-height: 1.45; }
#md_cli_cadastro .zn-co-sub svg, .zn-rs-passo .zn-co-sub svg { margin-top: 2px; }

/* ---------------------------------------------------------------- Meus pedidos */
.zn-pd-lista { display: flex; flex-direction: column; gap: 10px; }
.zn-pd-lista:empty { display: none; }
.zn-pd-load { display: flex; align-items: center; gap: 10px; padding: 12px 2px; font-size: 14px; font-weight: 600; color: var(--zn-ink-2); }
.zn-pd-vazio {
    display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 14px;
    background: var(--zn-surface-2); color: var(--zn-ink-2); font-size: 13.5px; line-height: 1.4;
}
body.zn-site .zn-pd-vazio svg { width: 24px; height: 24px; color: var(--zn-ink-3); }
.zn-pd-vazio b { display: block; color: var(--zn-ink); font-size: 14.5px; }

.zn-pd-item {
    display: flex; flex-direction: column; gap: 10px; width: 100%; padding: 14px 16px; margin: 0;
    border-radius: 14px; border: 1.5px solid var(--zn-line); background: var(--zn-surface); color: var(--zn-ink);
    text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .12s var(--zn-ease);
}
.zn-pd-item:hover { border-color: rgba(var(--zn-brand-rgb), .45); box-shadow: 0 6px 18px rgba(16,18,24,.07); }
.zn-pd-item:active { transform: scale(.99); }
.zn-pd-linha { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
.zn-pd-quando { font-size: 13px; font-weight: 600; color: var(--zn-ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.zn-pd-tipo { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 14px; font-weight: 700; }
body.zn-site .zn-pd-tipo svg { width: 18px; height: 18px; color: var(--zn-ink-3); }
.zn-pd-valor { display: inline-flex; align-items: center; gap: 6px; font-family: var(--zn-display); font-weight: 800; font-size: 18px; font-variant-numeric: tabular-nums; white-space: nowrap; }
body.zn-site .zn-pd-valor svg { width: 16px; height: 16px; color: var(--zn-ink-3); }

/* Situacao do pedido: a cor diz em que fase ele esta. */
[data-tone] { --pd-ink: var(--zn-ink-2); --pd-soft: var(--zn-surface-2); }
[data-tone="novo"]    { --pd-ink: #1f5fd6; --pd-soft: #e8effc; }
[data-tone="preparo"] { --pd-ink: var(--zn-hot); --pd-soft: var(--zn-hot-soft); }
[data-tone="rota"]    { --pd-ink: var(--zn-brand); --pd-soft: var(--zn-brand-soft); }
[data-tone="ok"]      { --pd-ink: var(--zn-price); --pd-soft: var(--zn-price-soft); }
[data-tone="cancel"]  { --pd-ink: var(--zn-danger); --pd-soft: rgba(217,45,32,.1); }
body.zn-dark [data-tone="novo"] { --pd-ink: #8fb2ff; --pd-soft: rgba(143,178,255,.14); }
body.zn-dark [data-tone="rota"] { --pd-ink: var(--zn-accent-dark); --pd-soft: var(--zn-surface-2); }
.zn-pd-pill {
    display: inline-flex; align-items: center; gap: 7px; padding: 4px 11px 4px 9px; border-radius: 99px;
    background: var(--pd-soft); color: var(--pd-ink); font-size: 12.5px; font-weight: 800; white-space: nowrap;
}
.zn-pd-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
[data-tone="novo"] .zn-pd-pill::before, [data-tone="preparo"] .zn-pd-pill::before, [data-tone="rota"] .zn-pd-pill::before { animation: zn-pd-pulso 1.6s ease-in-out infinite; }
@keyframes zn-pd-pulso { 50% { opacity: .3; } }

.zn-pd-busca { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 8px; margin: 0 0 12px; }
.zn-pd-buscar {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 58px; padding: 0 18px;
    border: 0; border-radius: 12px; background: var(--zn-brand-soft); color: var(--zn-brand);
    font-weight: 800; font-size: 14px; cursor: pointer; transition: filter .15s;
}
.zn-pd-buscar:hover { filter: brightness(.96); }
.zn-pd-buscar:not([data-kt-indicator="on"]) > .indicator-label { display: inline-flex; align-items: center; gap: 6px; }
body.zn-site .zn-pd-buscar svg { width: 17px; height: 17px; }
body.zn-dark .zn-pd-buscar { background: var(--zn-surface-2); color: var(--zn-accent-dark); }
@media (max-width: 419.98px) {
    .zn-pd-busca { grid-template-columns: 1fr 1fr; }
    .zn-pd-buscar { grid-column: 1 / -1; height: 48px; }
}

/* Campos de data: abrem o calendario; icone a direita. */
.zn-pd-data { position: relative; }
.zn-co .zn-pd-data > .form-control { padding-right: 40px; cursor: pointer; }
body.zn-site .zn-pd-data > svg { position: absolute; right: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--zn-ink-3); pointer-events: none; }

/* Calendario (flatpickr com .zn-fp): mesma forma dos cartoes, dia escolhido na cor da loja. */
.flatpickr-calendar.zn-fp {
    z-index: 100050 !important; padding: 8px; width: auto; border-radius: 16px; border: 1px solid var(--zn-line);
    background: var(--zn-surface); box-shadow: 0 18px 44px rgba(16,18,24,.18) !important; font-family: var(--zn-font);
}
.flatpickr-calendar.zn-fp::before, .flatpickr-calendar.zn-fp::after { display: none; }
.zn-fp .flatpickr-months { padding: 2px 0 6px; }
.zn-fp .flatpickr-months .flatpickr-month, .zn-fp .flatpickr-current-month,
.zn-fp .flatpickr-current-month .flatpickr-monthDropdown-months, .zn-fp .flatpickr-current-month input.cur-year {
    color: var(--zn-ink) !important; fill: var(--zn-ink); font-family: var(--zn-display); font-weight: 800; font-size: 16px;
}
.zn-fp .flatpickr-current-month .flatpickr-monthDropdown-months { background: var(--zn-surface) !important; }
.zn-fp .flatpickr-prev-month, .zn-fp .flatpickr-next-month { color: var(--zn-ink-2) !important; fill: var(--zn-ink-2) !important; border-radius: 10px; }
.zn-fp .flatpickr-prev-month:hover, .zn-fp .flatpickr-next-month:hover { background: var(--zn-surface-2); }
.zn-fp .flatpickr-prev-month:hover svg, .zn-fp .flatpickr-next-month:hover svg { fill: var(--zn-brand) !important; }
.zn-fp span.flatpickr-weekday { color: var(--zn-ink-3) !important; font-weight: 700; font-size: 12px; background: transparent !important; }
.zn-fp .flatpickr-day { border-radius: 10px !important; color: var(--zn-ink); font-weight: 600; border-color: transparent; }
.zn-fp .flatpickr-day:hover, .zn-fp .flatpickr-day:focus { background: var(--zn-surface-2) !important; border-color: transparent !important; color: var(--zn-ink) !important; }
.zn-fp .flatpickr-day.today { border: 1.5px solid rgba(var(--zn-brand-rgb), .45) !important; }
.zn-fp .flatpickr-day.selected, .zn-fp .flatpickr-day.selected:hover {
    background: var(--zn-brand) !important; border-color: var(--zn-brand) !important; color: var(--zn-on-brand) !important; font-weight: 800;
}
.zn-fp .flatpickr-day.flatpickr-disabled, .zn-fp .flatpickr-day.prevMonthDay, .zn-fp .flatpickr-day.nextMonthDay { color: var(--zn-ink-3) !important; opacity: .45; }
body.zn-dark .zn-fp .flatpickr-day.selected, body.zn-dark .zn-fp .flatpickr-day.selected:hover {
    background: var(--zn-accent-dark) !important; border-color: var(--zn-accent-dark) !important; color: var(--zn-on-accent-dark) !important;
}
body.zn-dark .zn-fp .flatpickr-day.today { border-color: var(--zn-accent-dark) !important; }

/* ---------------------------------------------------------------- Detalhe do pedido (recibo) */
.zn-pd-det { display: flex; flex-direction: column; gap: 14px; }
.zn-pd-topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.zn-pd-titulo { margin: 0 0 16px; font-family: var(--zn-display); font-weight: 800; font-size: 24px; line-height: 1.1; letter-spacing: -.015em; color: var(--zn-ink); }
.zn-pd-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; margin: 0; padding-top: 16px; border-top: 1px dashed var(--zn-line); }
.zn-pd-meta .is-full { grid-column: 1 / -1; }
.zn-pd-meta dt { margin: 0 0 3px; font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--zn-ink-3); }
.zn-pd-meta dd { margin: 0; font-size: 14.5px; font-weight: 700; line-height: 1.4; color: var(--zn-ink); }
.zn-pd-meta dd small { display: block; font-size: 13px; font-weight: 500; color: var(--zn-ink-2); }

/* Borda de baixo picotada, como a via do pedido que sai da impressora. */
.zn-pd-recibo {
    padding-bottom: 28px; box-shadow: none;
    -webkit-mask: radial-gradient(circle at 8px 100%, transparent 6px, #000 6.5px) 0 0 / 16px 100% repeat-x;
            mask: radial-gradient(circle at 8px 100%, transparent 6px, #000 6.5px) 0 0 / 16px 100% repeat-x;
}
.zn-pd-itens { margin: 0; padding: 0; list-style: none; }
.zn-pd-itens li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 12px 0; border-bottom: 1px dashed var(--zn-line); }
.zn-pd-itens li:first-child { padding-top: 2px; }
.zn-pd-q {
    display: grid; place-items: center; min-width: 32px; height: 26px; padding: 0 6px; border-radius: 8px;
    background: var(--zn-surface-2); color: var(--zn-ink); font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums;
}
.zn-pd-it { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.zn-pd-it > b { font-size: 15px; font-weight: 800; line-height: 1.3; color: var(--zn-ink); }
.zn-pd-it > span { font-size: 13px; line-height: 1.45; color: var(--zn-ink-2); overflow-wrap: anywhere; }
.zn-pd-it > span b { font-weight: 700; color: var(--zn-ink); }
.zn-pd-obs { font-style: italic; }
.zn-pd-v { padding-top: 2px; font-size: 15px; font-weight: 800; color: var(--zn-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }

.zn-pd-tot { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 0; }
.zn-pd-tot > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px; }
.zn-pd-tot dt { font-weight: 600; color: var(--zn-ink-2); }
.zn-pd-tot dd { margin: 0; font-weight: 700; color: var(--zn-ink); font-variant-numeric: tabular-nums; }
.zn-pd-tot .is-desc dd { color: var(--zn-price); }
.zn-pd-tot .is-total { margin-top: 6px; padding-top: 12px; border-top: 2px solid var(--zn-ink); }
.zn-pd-tot .is-total dt { font-size: 15px; font-weight: 800; color: var(--zn-ink); }
.zn-pd-tot .is-total dd { font-family: var(--zn-display); font-size: 24px; font-weight: 800; }

/* ---------------------------------------------------------------- Recuperacao de senha */
.zn-rs-passos { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.zn-rs-passos li {
    flex: 1 1 0; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 10px 12px; border-radius: 12px;
    background: var(--zn-surface); border: 1px solid var(--zn-line); color: var(--zn-ink-3); font-size: 13px; font-weight: 700; line-height: 1.2;
}
.zn-rs-passos span {
    flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
    background: var(--zn-surface-2); font-size: 12px; font-weight: 800;
}
.zn-rs-passos li.is-on { color: var(--zn-ink); border-color: rgba(var(--zn-brand-rgb), .4); }
.zn-rs-passos li.is-on span { background: var(--zn-brand); color: var(--zn-on-brand); }
.zn-rs-passos li.is-feito span { background: var(--zn-price); color: #fff; }
body.zn-dark .zn-rs-passos li.is-on { border-color: var(--zn-accent-dark); }
body.zn-dark .zn-rs-passos li.is-on span { background: var(--zn-accent-dark); color: var(--zn-on-accent-dark); }

.zn-rs-passo { display: flex; flex-direction: column; gap: 14px; }
.zn-rs-ja { margin-top: -4px; }
.zn-rs-ok {
    display: flex; align-items: flex-start; gap: 12px; padding: 14px; border-radius: 14px;
    background: var(--zn-price-soft); color: var(--zn-ink); font-size: 13.5px; line-height: 1.45;
}
.zn-rs-ok-ico { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--zn-price); color: #fff; }
body.zn-site .zn-rs-ok-ico svg { width: 20px; height: 20px; }
.zn-rs-ok b { display: block; margin-bottom: 2px; font-size: 15px; font-weight: 800; }
.zn-rs-ok strong { font-weight: 800; }
.zn-co .form-floating > .form-control.zn-rs-cod { font-size: 20px; font-weight: 800; letter-spacing: .28em; font-variant-numeric: tabular-nums; }

/* ---------------------------------------------------------------- confirmacoes do perfil (jquery-confirm + .zn-jc)
   "Confira seu celular" (criar conta) e "Excluir minha conta". A caixa e os botoes vem de vitrine.css. */
.jconfirm.zn-jc .zn-jc-txt { margin: 0; font-size: 14px; line-height: 1.45; color: var(--zn-ink-2); }
.jconfirm.zn-jc .zn-jc-alerta {
    margin: 0; padding: 12px 14px; border-radius: 12px; background: rgba(217,45,32,.08);
    color: var(--zn-ink); font-size: 14px; line-height: 1.45;
}
.jconfirm.zn-jc .zn-jc-alerta b { color: var(--zn-danger); }
.jconfirm.zn-jc .zn-jc-senha {
    height: 52px; border-radius: 12px; border: 1px solid var(--zn-line) !important;
    background: var(--zn-surface-2) !important; color: var(--zn-ink) !important; font-weight: 700; box-shadow: none !important;
}
.jconfirm.zn-jc .zn-jc-senha:focus { border-color: rgba(var(--zn-brand-rgb), .6) !important; background: var(--zn-surface) !important; box-shadow: 0 0 0 4px rgba(var(--zn-brand-rgb), .12) !important; }
.jconfirm.zn-jc .jconfirm-buttons .zn-jc-perigo { flex-grow: 1.6; background: var(--zn-danger) !important; color: #fff !important; }
.jconfirm.zn-jc .jconfirm-buttons .zn-jc-perigo:hover { filter: brightness(.94); }

@media (prefers-reduced-motion: reduce) {
    .zn-pd-pill::before { animation: none !important; }
}