/* Área do cliente (/conta/). Complementa o styles.css da vitrine: mesmas variáveis, fontes e botões. */
.conta{padding-block:48px 80px}
.conta-cartao,.conta-avisos{width:min(560px,calc(100% - 32px));margin-inline:auto}
.conta-cartao--largo,.conta-avisos--largo{width:min(880px,calc(100% - 32px))}
.conta-cartao{position:relative;padding:36px 36px 32px;background:var(--panel);border:1px solid var(--line)}
.conta-cartao:before{content:'';position:absolute;top:-1px;left:36px;width:60px;height:3px;background:var(--red)}
.conta-cartao h1{margin:14px 0 12px;font-size:clamp(44px,9vw,60px);overflow-wrap:anywhere}
.conta-cartao h2{margin-bottom:16px;font-size:30px}
.conta-intro{margin-bottom:22px;font-size:15px;line-height:1.7;color:#bdbcc3}
.conta-voltar{display:inline-block;margin-bottom:16px;padding-block:6px;font-size:13px;color:var(--muted)}
.conta-voltar:hover{color:var(--ink)}

/* Avisos de django.contrib.messages */
.conta-avisos{display:grid;gap:10px;margin-bottom:18px}
.conta-aviso{padding:13px 16px;border:1px solid var(--line);border-left-width:4px;background:#1b1b1f;font-size:14px;line-height:1.55;color:var(--ink)}
.conta-aviso--success{border-color:#2f7a4f;background:#14241b;color:#c8f0d6}
.conta-aviso--info{border-color:#3d6391;background:#141d29;color:#cfe0f5}
.conta-aviso--warning{border-color:#a57a24;background:#2a2112;color:#f6dfab}
.conta-aviso--error{border-color:#b33844;background:#301a1e;color:#ffd3d7}

/* Formulários */
.conta-form{display:grid;gap:18px}
.conta-grupo{display:grid;gap:16px;min-width:0;margin:6px 0 0;padding:0;border:0}
.conta-grupo legend{float:left;width:100%;margin:0;padding:0 0 10px;border-bottom:1px solid var(--line);font:24px/1 var(--display);letter-spacing:.03em;color:#ece8ed}
.conta-linha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.conta-linha--cep{grid-template-columns:minmax(0,220px)}
.conta-linha--numero{grid-template-columns:140px minmax(0,1fr)}
.conta-linha--cidade{grid-template-columns:minmax(0,1fr) 110px}
.conta-campo{display:grid;align-content:start;gap:7px;min-width:0}
.conta-campo>label{font-size:13px;font-weight:600;color:#e0dce2}
.conta-opcional{font-weight:400;color:var(--muted)}
.conta-dica{font-size:12px;line-height:1.5;color:var(--muted)}
.conta input[type=text],.conta input[type=email],.conta input[type=password],.conta input[type=tel],.conta select{width:100%;min-height:48px;padding:11px 14px;border:1px solid #3d3d42;border-radius:0;background:#111114;color:var(--ink);font-size:15px;line-height:1.4;-webkit-appearance:none;appearance:none;transition:border-color .15s,background-color .15s}
.conta select{padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23a7a7ae' stroke-width='1.6' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.conta select option{background:var(--panel);color:var(--ink)}
.conta input::placeholder{color:#74747c}
.conta input:hover,.conta select:hover{border-color:#5c5c63}
.conta input:focus,.conta select:focus{border-color:#ff8d95;background-color:#141417;outline:2px solid #ff8d95;outline-offset:1px}
.conta-campo--erro input,.conta-campo--erro select{border-color:#f0707b;background-color:#1b1113}
.conta-erro{font-size:13px;line-height:1.5;color:#ffb4bb}
.conta-erro p+p{margin-top:4px}
.conta-erros{padding:13px 16px;border:1px solid #b33844;border-left-width:4px;background:#301a1e;font-size:14px;line-height:1.55;color:#ffd3d7}
.conta-erros p+p{margin-top:6px}
.conta-aceite{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;font-size:14px;line-height:1.55;color:#e0dce2;cursor:pointer}
.conta-aceite input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--red);cursor:pointer}
.conta-aceite a,.conta-link,.conta-links a{color:#ff9aa2;text-decoration:underline;text-underline-offset:3px}
.conta-aceite a:hover,.conta-link:hover,.conta-links a:hover{color:#ffc6cb}
.conta-armadilha{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.conta-form .button{justify-content:center;width:100%;min-height:52px;margin-top:4px;font-size:14px}
.conta-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.conta-links a{display:inline-block;padding-block:4px}
.conta-botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.conta-botoes .button{justify-content:center}
.button.conta-perigo{background:#8f1f2a;color:#fff}
.button.conta-perigo:hover{background:#a8242f}

/* Minha conta e pedidos */
.conta-cabeca{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px}
.conta-cabeca form{margin:0 0 14px}
.conta-cabeca .button,.conta-confirmar .button{min-height:44px}
.conta-cabeca>.conta-situacao{margin-bottom:18px}
.conta-confirmar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin-top:10px;padding:14px 16px;border:1px solid #a57a24;border-left-width:4px;background:#2a2112;font-size:14px;line-height:1.55;color:#f6dfab}
.conta-confirmar p{flex:1 1 260px;overflow-wrap:anywhere}
.conta-confirmar form{margin:0}
.conta-confirmar .button{border-color:#a57a24;color:#f6dfab}
.conta-secao{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.conta-dados{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 22px;margin:0;font-size:15px}
.conta-dados--espaco{margin-top:18px}
.conta-dados dt{color:var(--muted)}
.conta-dados dd{margin:0;overflow-wrap:anywhere}
.conta-selo{display:inline-block;margin-left:6px;padding:1px 8px;border:1px solid #2f7a4f;font-size:11px;font-weight:600;vertical-align:middle;color:#c8f0d6}
.conta-pedidos,.conta-arquivos{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.conta-pedido{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:15px 18px;border:1px solid #2c2c30;background:#131316;transition:border-color .2s,background-color .2s}
.conta-pedido:hover{border-color:#815157;background:#17171a}
.conta-pedido strong{font-size:16px;font-weight:600}
.conta-pedido time{font-size:12px;color:var(--muted)}
.conta-pedido-resumo{grid-column:1/-1;font-size:13px;color:#c8c4cc;overflow-wrap:anywhere}
.conta-situacao{justify-self:end;display:inline-block;padding:3px 10px;border:1px solid #4a4a50;font-size:12px;font-weight:600;white-space:nowrap;color:#dcd8de}
.conta-situacao--recebido{border-color:#3d6391;background:#141d29;color:#cfe0f5}
.conta-situacao--aguardando_pagamento{border-color:#a57a24;background:#2a2112;color:#f6dfab}
.conta-situacao--em_producao{border-color:#8a4fb0;background:#211729;color:#e6cff5}
.conta-situacao--enviado{border-color:#2b7f86;background:#122326;color:#c9eef1}
.conta-situacao--concluido{border-color:#2f7a4f;background:#14241b;color:#c8f0d6}
.conta-situacao--cancelado{border-color:#55555c;background:#1b1b1f;color:#a7a7ae}
.conta-vazio{padding:20px;border:1px dashed #3d3d42;background:#131316;font-size:14px;line-height:1.7;text-align:center;color:#bdbcc3}
.conta-nota{margin-top:14px;font-size:13px;line-height:1.6;color:var(--muted)}
.conta-texto{margin-bottom:18px;font-size:15px;line-height:1.75;color:#e0dce2;overflow-wrap:anywhere}
.conta-lista{display:grid;gap:8px;margin:0 0 22px;padding-left:20px;font-size:14px;line-height:1.6;color:#e0dce2}
.conta-tabela{width:100%;border-collapse:collapse;font-size:14px}
.conta-tabela th,.conta-tabela td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.conta-tabela th{font-size:12px;font-weight:600;color:var(--muted)}
.conta-tabela .valor{text-align:right;white-space:nowrap}
.conta-tabela tfoot td{border-bottom:0;font-size:15px;font-weight:700}
.conta-arquivos li{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border:1px solid #2c2c30;background:#131316;font-size:14px}
.conta-arquivos span{min-width:0;overflow-wrap:anywhere}
.conta-arquivos small{flex-shrink:0;color:var(--muted)}

/* Tela de toque: 16 px evita o zoom automático do celular ao tocar num campo */
@media (pointer:coarse){.conta input[type=text],.conta input[type=email],.conta input[type=password],.conta input[type=tel],.conta select{font-size:16px}}
@media (max-width:640px){
  .conta{padding-block:24px 56px}
  .conta-cartao{padding:26px 18px 24px}
  .conta-cartao:before{left:18px}
  .conta-linha{grid-template-columns:minmax(0,1fr)}
  .conta-linha--numero{grid-template-columns:110px minmax(0,1fr)}
  .conta-linha--cidade{grid-template-columns:minmax(0,1fr) 96px}
  .conta-dados{grid-template-columns:minmax(0,1fr);gap:2px}
  .conta-dados dd+dt{margin-top:10px}
  .conta-botoes .button{flex:1 1 100%}
  .conta-pedido{padding:14px}
}
@media (max-width:480px){.conta-tabela .so-largo{display:none}}

/* Próximos passos e pagamento (Pix) */
.conta-faixa-nova{margin:0 0 18px;padding:12px 14px;background:#12301f;border:1px solid #2f7d52;color:#c8f0d8;font-size:13px}
.conta-passos ol{margin:0;padding-left:20px;line-height:1.9;color:#d3ccd4;font-size:13px}
.conta-pix{background:#fff;padding:10px;width:max-content;max-width:100%;margin:6px 0 12px}
.conta-pix svg{display:block;width:180px;height:180px}
.conta-pix-codigo{width:100%;box-sizing:border-box;font:11px/1.6 monospace;background:#1c1a1f;color:#ddd4e0;border:1px solid #37323a;padding:10px;margin-bottom:10px;resize:none;overflow-wrap:anywhere}
.conta-pago{margin:6px 0 0;color:#8fe0ad;font-size:13px}
.conta-pedido-total{font-weight:600}

/* Área de parceiros: calculadora de preço. Horas e minutos ficam lado a lado também no celular. */
.conta-tempo{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0}
.conta-tempo legend{float:left;width:100%;margin:0;padding:0;font-size:13px;font-weight:600;color:#e0dce2}
.conta-tempo .conta-campo>label{font-weight:400;color:var(--muted)}
.conta-linha--tempo{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Peça unitária ou lote: duas abas que são links (a página não tem script); a aberta leva a marca vermelha. */
.parceiros-modos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}
.parceiros-modos a{display:grid;gap:2px;min-width:0;padding:12px 14px;border:1px solid #3d3d42;border-bottom-width:3px;background:#111114;transition:border-color .15s,background-color .15s}
.parceiros-modos a:hover{border-color:#5c5c63}
.parceiros-modos strong{font-size:15px;font-weight:600;color:#c8c4cc}
.parceiros-modos small{font-size:12px;line-height:1.45;color:var(--muted)}
.parceiros-modos a[aria-current]{border-color:#815157;border-bottom-color:var(--red);background:#17171a}
.parceiros-modos a[aria-current] strong{color:var(--ink)}
.parceiros-resultado{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
/* Painel do resultado, feito no servidor. Cor só nas marcas (a barra e as amostras da legenda); os números
   ficam na cor do texto. Os tons das partes do custo foram validados contra o fundo escuro, nesta ordem fixa. */
.parceiros-painel{--parte-filamento:#3987e5;--parte-energia:#d95926;--parte-desgaste:#199e70;--parte-embalagem:#c98500;--parte-extras:#d55181;display:grid;gap:12px}
.parceiros-rotulo{font-size:13px;line-height:1.4;color:#e0dce2}
.parceiros-destaque{padding:18px 20px 16px;border:1px solid #815157;border-left:4px solid var(--red);background:#17171a}
.parceiros-valor{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;margin:10px 0 12px;line-height:1;color:var(--ink)}
.parceiros-valor span{font-size:22px;font-weight:600;color:#e0dce2}
.parceiros-valor strong{font-size:56px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.parceiros-premissas{font-size:13px;line-height:1.55;color:var(--muted)}
.parceiros-cartoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.parceiros-cartao{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:6px;min-width:0;padding:14px;border:1px solid #2c2c30;background:#131316}
.parceiros-cartao strong{font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}
.parceiros-cartao small{font-size:12px;line-height:1.45;color:var(--muted)}
.parceiros-bloco{padding:16px 16px 6px;border:1px solid #2c2c30;background:#131316}
.parceiros-bloco h3{margin-bottom:8px;font:22px/1 var(--display);letter-spacing:.03em;color:#ece8ed}
.parceiros-conta,.parceiros-peca{margin:0}
.parceiros-conta div{display:flex;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:9px 0;border-bottom:1px solid #26262a;font-size:14px}
.parceiros-conta dt{min-width:0;color:#c8c4cc}
.parceiros-conta dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.parceiros-conta .parceiros-conta-total{border-bottom:0;font-weight:700}
.parceiros-conta-total dt{color:var(--ink)}
.parceiros-peca{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 10px}
.parceiros-peca div{min-width:0;padding:10px 12px;border:1px solid #26262a;background:#18181b}
.parceiros-peca dt{font-size:12px;color:var(--muted)}
.parceiros-peca dd{margin:2px 0 0;font-size:16px;font-weight:600;white-space:nowrap;color:var(--ink)}
.parceiros-peca dd+dd{font-size:12px;font-weight:400;line-height:1.45;white-space:normal;color:var(--muted)}
.parceiros-peca div:last-child:nth-child(odd){grid-column:1/-1}
.parceiros-barra{display:flex;gap:2px;height:18px;margin:6px 0 8px}
.parceiros-barra span{flex:1 1 0;min-width:2px}
.parceiros-barra span:last-child{border-radius:0 4px 4px 0}
.parceiros-parte--filamento{background:var(--parte-filamento)}
.parceiros-parte--energia{background:var(--parte-energia)}
.parceiros-parte--desgaste{background:var(--parte-desgaste)}
.parceiros-parte--embalagem{background:var(--parte-embalagem)}
.parceiros-parte--fixo_lote{background:var(--parte-extras)}
.parceiros-composicao{width:100%;border-collapse:collapse;font-size:14px}
.parceiros-composicao th,.parceiros-composicao td{padding:9px 0;border-bottom:1px solid #26262a;font-weight:400;text-align:left;color:#e0dce2}
.parceiros-composicao td{padding-left:14px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.parceiros-composicao td+td{color:var(--muted)}
.parceiros-composicao tfoot th,.parceiros-composicao tfoot td{border-bottom:0;font-weight:700;color:var(--ink)}
.parceiros-item{display:flex;align-items:center;gap:10px}
.parceiros-amostra{flex:none;width:10px;height:10px;border-radius:2px}
/* Celular, ou preço por peça de R$ 10.000 para cima: cartões um embaixo do outro, valor à direita. */
.parceiros-painel--longo .parceiros-cartoes{grid-template-columns:minmax(0,1fr)}
.parceiros-painel--longo .parceiros-cartao{grid-row:auto;grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 14px}
.parceiros-painel--longo .parceiros-cartao strong{grid-column:2;grid-row:1/span 2}
.parceiros-painel--longo .parceiros-cartao small{grid-column:1}
.parceiros-painel--longo .parceiros-valor strong{font-size:36px}
@media (max-width:640px){
  .parceiros-destaque{padding:16px 16px 14px}
  .parceiros-valor strong{font-size:48px}
  .parceiros-cartoes{grid-template-columns:minmax(0,1fr)}
  .parceiros-cartao{grid-row:auto;grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 14px}
  .parceiros-cartao strong{grid-column:2;grid-row:1/span 2}
  .parceiros-cartao small{grid-column:1}
  .parceiros-bloco{padding:14px 14px 4px}
}