/* Código de amigo ou criador depois do cadastro (01/11, opção C): src/ui/codigo-depois.js. */

/* Faixa do menu CONTA: mesma moldura da Wiki, em dourado, com o prazo à direita. */
#contaMenu .conta-b-codigo{width:100%;box-sizing:border-box;cursor:var(--cur-mao,pointer);font-family:inherit;text-align:left;
  min-height:48px;padding:6px 10px;border-color:#c99a3e;color:#ffe9b8;
  background:linear-gradient(90deg,rgba(150,96,20,.42),rgba(24,18,10,.82));box-shadow:0 0 10px rgba(240,196,92,.22)}
#contaMenu .conta-b-codigo[hidden]{display:none}
#contaMenu .conta-b-codigo .col-icone-img{width:28px;height:28px;flex:none}
#contaMenu .conta-b-codigo .cbc-txt{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:1px}
#contaMenu .conta-b-codigo .cbc-txt b{font-size:calc(12px * var(--text-scale,1));letter-spacing:.06em;overflow-wrap:anywhere}
#contaMenu .conta-b-codigo .cbc-txt small{margin:0;color:#e8d3a0;font-size:calc(11px * var(--text-scale,1));font-weight:600;letter-spacing:.02em;overflow-wrap:anywhere}
#contaMenu .conta-b-codigo:hover,#contaMenu .conta-b-codigo:focus-visible{border-color:#f0c45c;color:#fff3d6;background:linear-gradient(90deg,rgba(170,110,24,.55),rgba(30,22,12,.85))}
.cbc-dias{flex:none;font-style:normal;padding:2px 8px;border-radius:99px;background:#7a1e1e;color:#ffd7a0;
  font-size:calc(11px * var(--text-scale,1));font-weight:800;letter-spacing:.02em;white-space:nowrap}

/* A janelinha. */
#codigoDepoisModal{z-index:1200}
#codigoDepoisModal .cdp-janela{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;
  padding:16px;border:1px solid #c79a3c;border-radius:14px;background:linear-gradient(180deg,#2a1c0b,#120c05);color:#f3e6c8;box-shadow:0 10px 40px #000}
#codigoDepoisModal .cdp-topo{display:flex;align-items:center;gap:10px;margin-bottom:6px}
#codigoDepoisModal .cdp-topo img{width:32px;height:32px;flex:none}
#codigoDepoisModal .cdp-topo h3{flex:1;min-width:0;margin:0;color:#ffd77a;font-size:calc(18px * var(--text-scale,1));line-height:1.2}
#codigoDepoisModal .cdp-x{flex:none;width:36px;height:36px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:#fff;font-size:18px;cursor:var(--cur-mao,pointer)}
#codigoDepoisModal .cdp-txt{margin:4px 0 10px;font-size:calc(13px * var(--text-scale,1));line-height:1.4}
#codigoDepoisModal .cdp-tipos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
#codigoDepoisModal .cdp-tipo{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid rgba(240,196,92,.35);border-radius:10px}
#codigoDepoisModal .cdp-tipo img{width:34px;height:34px;flex:none}
#codigoDepoisModal .cdp-tipo span{display:flex;flex-direction:column;min-width:0;font-size:calc(12px * var(--text-scale,1))}
#codigoDepoisModal .cdp-tipo b{color:#ffd77a;overflow-wrap:anywhere}
#codigoDepoisModal .cdp-tipo small{overflow-wrap:anywhere}
#codigoDepoisModal .cdp-usado{opacity:.5;filter:grayscale(.7)}
#codigoDepoisModal .cdp-campo{padding:10px 12px;border:1px solid rgba(240,196,92,.55);border-radius:10px;background:linear-gradient(180deg,rgba(60,40,10,.55),rgba(20,14,6,.7))}
#codigoDepoisModal .cdp-rotulo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}
#codigoDepoisModal .cdp-rotulo label{font-weight:700;color:#ffe2a0;font-size:calc(14px * var(--text-scale,1))}
#codigoDepoisModal .cdp-linha{display:flex;gap:8px}
#codigoDepoisModal .cdp-linha input{flex:1;min-width:0;padding:9px 10px;border-radius:8px;border:1px solid #8a6a2a;background:#120d06;color:#fff;
  font-size:max(16px,calc(14px * var(--text-scale,1)));text-transform:uppercase;letter-spacing:.04em}
#codigoDepoisModal .cdp-linha input::placeholder{text-transform:none;letter-spacing:0}
#codigoDepoisModal .cdp-btn{flex:none;padding:9px 14px;border-radius:8px;border:1px solid #f0c45c;background:linear-gradient(#e6b04a,#a8741e);color:#1a1004;
  font-weight:800;font-size:calc(13px * var(--text-scale,1));cursor:var(--cur-mao,pointer);font-family:inherit}
#codigoDepoisModal .cdp-btn:disabled{opacity:.6;cursor:wait}
#codigoDepoisModal .cdp-erro{margin:8px 0 0;padding:6px 8px;border-radius:8px;background:rgba(122,30,30,.55);color:#ffd7c4;font-size:calc(12px * var(--text-scale,1));line-height:1.35}
#codigoDepoisModal .cdp-erro[hidden]{display:none}
#codigoDepoisModal .cdp-regras{display:block;margin-top:6px;color:#d9c9a6;font-size:calc(12px * var(--text-scale,1));line-height:1.35}
#codigoDepoisModal .cdp-ok{display:flex;align-items:center;gap:12px;margin:8px 0 14px;padding:12px;border:1px solid #3f8f4e;border-radius:10px;background:rgba(30,80,40,.35)}
#codigoDepoisModal .cdp-ok img{width:40px;height:40px;flex:none}
#codigoDepoisModal .cdp-ok b{color:#bff5c4;font-size:calc(15px * var(--text-scale,1));overflow-wrap:anywhere}
#codigoDepoisModal .cdp-ok p{margin:4px 0 0;font-size:calc(13px * var(--text-scale,1));line-height:1.35}
#codigoDepoisModal .cdp-ok + .cdp-btn{display:block;margin-left:auto}
@media (max-width:420px){
  #codigoDepoisModal .cdp-tipos{grid-template-columns:1fr}
  #codigoDepoisModal .cdp-linha{flex-direction:column}
}