/* Area do cliente (Loja/ContaPages.cs): Meus pedidos e pagina do pedido. Base: .rs* de hoteis.css. */
.conta .rs-card{margin-bottom:12px}
.ct-ola{margin:0 0 14px;color:var(--ink-2)}
.ct-vazio{text-align:center;justify-items:center}
.ct-vazio p{margin:0;color:var(--ink-2)}
.ct-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ct-ped{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none}
.ct-ped:hover{border-color:var(--action)}
.ct-n b{display:block;font-size:16px}
.ct-n small{font-size:12.5px;color:var(--muted)}
.ct-v{display:grid;justify-items:end;gap:4px}
.ct-v b{font-size:16px;font-variant-numeric:tabular-nums}
.ct-v .rs-st{margin:0;font-size:11.5px;padding:3px 9px}
.ct-go{font-size:22px;color:var(--muted)}
.ct-mais{margin:14px 0 0;font-size:14px}
.ct-mais a{color:var(--action)}
.ct-itens{list-style:none;margin:0;padding:0;display:grid}
.ct-itens li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.ct-itens .ct-q{color:var(--action);font-weight:800}
.ct-ing{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ct-ing small{color:var(--muted)}
.ct-troca summary{cursor:pointer;color:var(--action);font-weight:700;margin-top:4px}
.ct-troca form{display:grid;gap:8px;margin-top:10px}
.ct-op{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}
.ct-op:has(input:checked){border-color:var(--action);outline:2px solid var(--action);outline-offset:-2px}
.rs-parc .btn.sm{padding:6px 12px;min-height:0}
@media (max-width:520px){.ct-ped{grid-template-columns:minmax(0,1fr) auto}.ct-go{display:none}}
/* Troca de produtos */
.tr-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tr-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.tr-it b{display:block;font-size:14.5px}
.tr-it small{font-size:12.5px;color:var(--muted)}
.tr-add{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:start;margin-top:8px}
.tr-add select{width:100%;border:1px solid var(--line);border-radius:12px;padding:6px;font:inherit;font-size:14px;background:var(--surface)}
@media (max-width:620px){.tr-add{grid-template-columns:1fr auto}.tr-add select{grid-column:1/-1}}
.conta .step{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.conta .step button{width:36px;height:36px;border:0;background:none;font-size:18px;cursor:pointer}
.conta .step output{min-width:28px;text-align:center;font-weight:800}
.conta .link{border:0;background:none;color:var(--action);cursor:pointer;font:inherit;font-weight:700}
.ct-aviso{background:#e6f2dd;color:#2f6a12;border-radius:12px;padding:10px 14px;margin:0 0 12px;font-weight:700}
.ct-status{grid-template-columns:auto auto;justify-content:space-between;align-items:center}
.ct-status .rs-st{margin:0}
.ct-sl{font-weight:800}
/* Central do Cliente e Meus dados (Loja/ContaCentral.cs) */
.cc-g{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.cc-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cc{display:grid;gap:2px;align-content:start;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;min-height:112px}
.cc:hover{border-color:var(--action)}
.cc b{font-size:15.5px;line-height:1.2}.cc small{font-size:12.5px;color:var(--muted);line-height:1.3}
.cc-i{width:36px;height:36px;border-radius:10px;background:var(--action-soft);color:var(--action);display:grid;place-items:center;margin-bottom:8px}
.cc-i svg{width:20px;height:20px}
.cc.a-blue{background:#2b7ad6;border-color:#2b7ad6;color:#fff}.cc.a-navy{background:#0f1d33;border-color:#0f1d33;color:#fff}
.cc.a-green{background:#4c8a2b;border-color:#4c8a2b;color:#fff}.cc.a-orange{background:#d9602b;border-color:#d9602b;color:#fff}
.cc[class*="a-"] small{color:#fff;opacity:.85}.cc[class*="a-"] .cc-i{background:rgba(255,255,255,.18);color:#fff}
.cd-f{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cd-f .cd-full{grid-column:1/-1}
.cd-f .field.cd-est{display:none}.cd-f.est .field.cd-est{display:grid}
@media (max-width:620px){.cd-f{grid-template-columns:1fr}}
.cd-f .field{display:grid;gap:4px}
.cd-f .label{font-size:13px;font-weight:700}
.cd-f input:not([type=checkbox]){min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;background:var(--surface);color:var(--ink)}
.cd-f input[readonly]{background:var(--chip);color:var(--muted)}
.cd-ok{margin:0;font-weight:700;color:var(--ok)}
/* Parcelas do pedido: a classe .cmp vem da tabela de camarotes (min-width 680px, 1a coluna fixa); aqui cabe no celular. */
.cmp.rs-parc{min-width:0;width:100%}
.rs-parc th,.rs-parc td{padding:9px 8px}
.rs-parc tbody th{position:static;box-shadow:none;background:transparent}
.rs-parc td:last-child{text-align:right;white-space:nowrap}
@media (max-width:420px){.rs-parc{font-size:13.5px}.rs-parc th,.rs-parc td{padding:8px 5px}}
/* Celular: a ultima coluna (Pagar, Paga, Pague a Nª antes) quebra linha em vez de vazar da tela. */
@media (max-width:480px){.rs-parc td:last-child{white-space:normal;max-width:120px}.rs-parc td:last-child small{display:block;line-height:1.25}.rs-parc .btn.sm{white-space:normal;line-height:1.2;font-size:13px;padding:6px 9px;text-align:center}.rs-parc td:nth-child(2),.rs-parc td:nth-child(3){white-space:nowrap}}

/* Voucher de retirada (/voucher, Loja/VoucherCliente.cs) */
.vc-card{text-align:center}
.vc-topo{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.vc-topo span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.vc-topo b{font-family:var(--display);font-stretch:85%;font-size:22px;font-weight:900}
.vc-qr{width:min(260px,72vw);margin:6px auto 4px;background:#fff;border-radius:14px;padding:6px;box-shadow:0 0 0 1px var(--line)}
.vc-qr svg{display:block;width:100%;height:auto}
.vc-cod{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.12em;color:var(--muted);margin:2px 0 10px}
.vc-nome{display:flex;flex-direction:column;gap:2px;margin:0 0 10px}
.vc-nome b{font-size:17px}
.vc-nome span{font-size:13.5px;color:var(--muted)}
.vc-feito{background:#e8f6ee;color:#14532d;border-radius:10px;padding:8px 12px;font-weight:700}
.vc-imp{margin-top:6px}
.vc-ped{border-top:1px solid var(--line);padding:10px 0}
.vc-ped:first-of-type{border-top:0;padding-top:2px}
.vc-ph{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.vc-ph span{font-size:13px;color:var(--muted)}
.vc-pend{font-size:12.5px;font-weight:800;color:#b91c1c}
.vc-it{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.vc-it li{font-size:14.5px}
.vc-it li.ok{color:var(--muted);text-decoration:line-through}
.vc-it li small{text-decoration:none;display:inline-block;margin-left:4px;font-size:11.5px;font-weight:800;color:#15803d;text-transform:uppercase}
.vc-q{font-weight:800}
.vc-docs{margin:4px 0 10px;padding-left:20px;display:grid;gap:6px;font-size:14.5px}
.vc-termos{margin-bottom:12px}
.vc-termos summary{cursor:pointer;font-weight:700}
.vc-termos div{max-height:280px;overflow:auto;font-size:13px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:10px}
.vc-aceite{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:0 0 12px}
.vc-aceite input{margin-top:3px;width:18px;height:18px;flex:none}
.vc-erro{color:#b91c1c;font-weight:700;margin:8px 0 0}
@media print{
  .topo,header,footer,#toast-slot,#layer,.crumbs,.vc-imp,.ct-mais,[data-chat]{display:none!important}
  .conta .rs-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}
}
/* Validacao de identidade (Didit) no voucher */
.vc-val{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--line)}
.vc-val:first-of-type{border-top:0}
.vc-val span{font-size:14px;color:var(--muted)}
.vc-val.ok span{color:#15803d;font-weight:700}
.vc-val small{font-size:12.5px;color:var(--muted)}
.vc-val .btn{margin-top:6px}
.vc-link{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.vc-link input{flex:1 1 100%;min-height:40px;font-size:13px;padding:0 10px;border:1px solid var(--line);border-radius:10px}
/* Passo do topo (celular sem rolar ate o botao) e espera da volta da Didit */
.vc-passo{border:2px solid var(--action)}
.vc-passo h2{margin-bottom:6px}
.vc-passo .hint{margin:0 0 8px}
.vc-passo .vc-val{padding:8px 0}
.vc-passo .vc-termos{margin:6px 0 10px}
.vc-passo .vc-aceite input{accent-color:var(--action)}
.vc-aguarda{text-align:center;padding-top:22px}
.vc-spin{width:42px;height:42px;margin:0 auto 12px;border:4px solid var(--line);border-top-color:var(--action);border-radius:50%;animation:vc-gira .9s linear infinite}
@keyframes vc-gira{to{transform:rotate(360deg)}}
@media (max-width:640px){.conta:has(.vc-passo) .crumbs{display:none}.conta:has(.vc-passo) h1{font-size:22px;margin:4px 0 10px}}
/* Cancelamento pelo cliente (Loja/CancelamentoPages.cs) */
.cn-link{text-align:center;margin:18px 0 0;font-size:14px}
.cn-link a{color:var(--muted);text-decoration:underline}
.cn-regua{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cn-regua li{display:grid;gap:2px;padding:10px 8px;border-radius:12px;background:var(--line-2,#eef2f7);text-align:center;color:var(--muted);line-height:1.2}
.cn-regua b{font-size:17px;color:var(--ink-2)}
.cn-regua span{font-size:12px}
.cn-regua li.on{background:#fff4d6;outline:2px solid #e0a100;color:#6b4a00}
.cn-regua li.on b{color:#6b4a00}
.cn-regra{margin:0;font-size:14px;color:var(--ink-2)}
.cn-calc{margin:0;display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cn-calc div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);align-items:baseline}
.cn-calc div:last-child{border-bottom:0}
.cn-calc dt{font-size:14.5px;color:var(--ink-2)}
.cn-calc dt small{display:block;font-size:12px;color:var(--muted)}
.cn-calc dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.cn-calc .neg dd{color:#b42318}
.cn-calc .tot{background:#f3f6fa}
.cn-calc .tot dt{font-weight:800;color:var(--ink)}
.cn-calc .tot dd{font-size:20px;font-weight:900}
.cn-alts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cn-alts li{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.cn-alts small{color:var(--muted);font-size:13px}
.cn-alts a{color:var(--action);font-weight:700;font-size:14px}
.cn-form .fld{display:grid;gap:4px}
.cn-form select,.cn-form textarea,.cn-form input:not([type=checkbox]){width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font:inherit;font-size:15px;background:var(--surface)}
.cn-conta{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0;display:grid;gap:10px}
.cn-conta legend{font-weight:800;padding:0 6px}
.cn-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cn-reemb{margin:0;font-size:14px;background:#f3f6fa;border-radius:12px;padding:10px 14px}
.cn-aceite{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border:2px solid #e0a100;background:#fffaf0;border-radius:12px;font-size:14px;line-height:1.45;cursor:pointer}
.cn-aceite input{width:20px;height:20px;margin-top:2px}
.cn-btn{background:#b42318;border-color:#b42318}
.cn-btn:hover{background:#912018}
.cn-passo{text-align:center}
.cn-bloq p{margin:0;font-size:15px}
.cn-ok{text-align:center;justify-items:center}
.cn-ok h1{margin:0}
.cn-ic{font-size:40px;line-height:1}
.cn-passos{list-style:none;margin:6px 0;padding:0;display:grid;gap:6px;text-align:left;width:100%;max-width:420px}
.cn-passos li{padding:9px 12px 9px 36px;border-radius:10px;background:#f3f6fa;position:relative;font-size:14px;color:var(--muted)}
.cn-passos li::before{content:"";position:absolute;left:12px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:2px solid #b8c4d6}
.cn-passos li.ok{color:#2f6a12}.cn-passos li.ok::before{background:#2f6a12;border-color:#2f6a12}
.cn-passos li.on{color:var(--ink);font-weight:700;background:#fff4d6}.cn-passos li.on::before{border-color:#e0a100}
.cn-termo summary{cursor:pointer;color:var(--action);font-weight:700;font-size:14px}
.cn-termo pre{white-space:pre-wrap;font-size:12.5px;background:#f3f6fa;border-radius:10px;padding:12px;margin:8px 0 0}
@media (max-width:560px){.cn-regua{grid-template-columns:1fr 1fr}.cn-2{grid-template-columns:1fr}}
.cn-tipo{display:grid;gap:8px}
.cn-tipo .ct-op span b{display:block;font-size:15px}
.cn-tipo .ct-op small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:2px}
.cn-itens{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.cn-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.cn-it:has(.cn-ck:checked){border-color:#b42318;background:#fff5f4}
.cn-it label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;cursor:pointer}
.cn-it input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#b42318}
.cn-it span b{display:block;font-size:14.5px;line-height:1.3}
.cn-it small{display:block;font-size:12.5px;color:var(--muted)}
.cn-it>b{font-variant-numeric:tabular-nums;white-space:nowrap}
.cn-it select{border:1px solid var(--line);border-radius:10px;padding:8px;font:inherit;font-size:14px;background:var(--surface)}
.cn-it.off{grid-template-columns:minmax(0,1fr) auto;opacity:.65}
.cn-mini{max-width:none;margin-top:4px}
.cn-qt{display:grid;gap:2px;justify-items:end}.cn-qt small{font-size:11.5px;color:var(--muted)}.cn-qt select:disabled{opacity:.5}
@media (max-width:560px){.cn-it{grid-template-columns:1fr}.cn-qt{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding-left:30px}}
.cn-form .cn-qt select{width:auto;min-width:104px}
/* Central > Cancelamento (/cancelar-pedido) */
.cl-intro{margin:0;font-size:15px}
.cl-lista{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px}
.cl-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.cl-h b{display:block;font-size:16px}
.cl-h small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.cl-h .cl-itens{color:var(--ink-2)}
.cl-a{display:grid;gap:6px;justify-items:end;text-align:right}
.cl-st{font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px}
.cl-st.ok{background:#e6f2dd;color:#2f6a12}.cl-st.on{background:#fff4d6;color:#6b4a00}.cl-st.off{background:#f3f6fa;color:var(--muted);font-weight:600;border-radius:10px;max-width:260px}
.cl-btn{background:#b42318;border-color:#b42318}
.cl-alt{margin-top:14px}
@media (max-width:560px){.cl-it{grid-template-columns:1fr}.cl-a{justify-items:start;text-align:left}}
.cn-vale{margin:0;padding:12px 14px;border-radius:12px;background:#e6f2dd;color:#2f6a12;font-size:15px}
/* Transferencia de titularidade (Loja/TransferenciaPages.cs) */
.tt-passos{max-width:none;margin:0 0 4px}
.tt-regras{margin:8px 0 0;padding-left:18px;display:grid;gap:6px;font-size:14.5px}
.tt-tuto{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14.5px}
.tt-tuto a,.tt-regras a{color:var(--action)}
.tt-up{display:grid;gap:10px}
.tt-up input[type=file]{border:1px dashed var(--line);border-radius:12px;padding:14px;background:var(--surface);font:inherit}
.tt-dev{background:#fff4d6;color:#6b4a00}