/* Minha conta do mentor (conta.js). Celular primeiro: uma coluna. */
.cn-lista{margin-top:18px;display:flex;flex-direction:column;gap:14px;max-width:760px}
.cn-cart{background:var(--superficie);border:1px solid var(--linha);border-radius:16px;
  padding:18px;box-shadow:var(--sombra);min-width:0}
.cn-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.cn-topo h2{font-family:var(--display);font-size:17px;font-weight:700;margin:0;letter-spacing:-.01em}
.cn-est{font-size:12px;font-weight:600;padding:2px 10px;border-radius:99px;
  background:var(--superficie2);color:var(--suave)}
.cn-est.ok{background:var(--ok-fraco);color:var(--ok)}
.cn-est.av{background:var(--ouro-fraco);color:var(--ouro)}
.cn-sub{margin:0 0 12px;color:var(--suave);font-size:13.5px}
.cn-url{font-family:ui-monospace,Menlo,monospace;font-size:13.5px;background:var(--bg);
  border:1px solid var(--linha);border-radius:10px;padding:10px 12px;overflow-wrap:anywhere}
.cn-msg{margin:10px 0 0;min-height:18px;font-size:13px;color:var(--ok)}
.cn-aviso{margin:12px 0 0;padding:9px 12px;border-radius:10px;font-size:13px;
  background:var(--ouro-fraco);color:var(--texto)}
.cn-aviso[hidden],.ct-erro[hidden]{display:none}
.cn-h3{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--suave);margin:16px 0 8px}
.cn-cores{display:flex;gap:10px;flex-wrap:wrap}
.cn-cor{width:44px;height:44px;border-radius:50%;border:3px solid var(--superficie);
  box-shadow:0 0 0 1px var(--linha);cursor:pointer;padding:0}
.cn-cor[aria-pressed="true"]{box-shadow:0 0 0 3px var(--texto)}
.cn-cor:focus-visible{outline:2px solid var(--marca);outline-offset:3px}
.cn-marca{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:680px){.cn-marca{grid-template-columns:1fr 210px}}
.cn-campos-marca{min-width:0}
.cn-cel{width:190px;margin:0 auto;border:6px solid var(--texto);border-radius:24px;overflow:hidden;
  background:#F4F7FD;color:#0F172A;font-size:11px}
.cn-cel-t{padding:10px;font-weight:700;font-size:12px}
.cn-cel-c{padding:10px;display:flex;flex-direction:column;gap:8px}
.cn-cel-b{padding:6px 10px;border-radius:8px;text-align:center;font-weight:700}
.cn-cel-f{background:#fff;border-radius:8px;padding:8px;border:1px solid #DCE4F4}
.cn-legenda{text-align:center;color:var(--suave);font-size:12px;margin:6px 0 0}
.cn-sep{border:0;border-top:1px dashed var(--linha);margin:18px 0 14px}
.cn-cart .btn{min-height:44px}
a.btn{text-decoration:none;color:inherit}
@media(max-width:679px){.cn-marca > div:last-child{order:-1}}
.cn-chave{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.cn-chave input{flex:none;width:24px;height:24px;margin-top:2px;accent-color:var(--marca)}
.cn-chave b{display:block;font-size:14px}
.cn-chave em{display:block;font-style:normal;font-size:13px;color:var(--suave);margin-top:2px}
/* ordem do dia e fim da teoria: duas opções lado a lado no texto, uma por linha no celular */
.cn-regra{margin-top:16px;padding-top:14px;border-top:1px solid var(--linha)}
.cn-regra > b{display:block;font-size:14px}
.cn-regra > p{margin:2px 0 8px;color:var(--suave);font-size:13px}
.cn-opc{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;margin-top:8px;cursor:pointer;
  border:1.5px solid var(--linha);border-radius:12px}
.cn-opc input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--marca)}
.cn-opc b{display:block;font-size:14px}
.cn-opc em{display:block;font-style:normal;font-size:13px;color:var(--suave);margin-top:2px}
.cn-opc.ativa{border-color:var(--marca);background:var(--marca-fraca)}
.cn-aviso p{margin:0}
.cn-aviso ul{margin:6px 0 0;padding-left:18px}
.cn-aviso li{margin:3px 0}
.cn-aviso s{color:var(--suave)}

/* Minha assinatura (assinatura.js) */
.as-faixa{margin:0 0 12px;font-size:17px}
.as-uso-t{display:flex;justify-content:space-between;font-size:14px}
.as-barra{height:10px;border-radius:99px;background:var(--superficie2);margin-top:6px;overflow:hidden}
.as-barra-in{height:100%;background:var(--ok);border-radius:99px}
.as-barra-in.av{background:var(--ouro)}
.as-barra-in.ruim{background:var(--atraso)}
.as-nota{font-size:13px;margin:6px 0 0}
.as-dados{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px}
.as-dados div{display:flex;flex-direction:column}
.as-fat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.as-fat li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--linha)}
.as-fat li:first-child{border-top:0}
.as-fat li > span{display:flex;flex-direction:column;min-width:0}
.as-fat li > span:last-child{text-align:right}
.as-fat small{color:var(--suave);font-size:12.5px}
.as-fat small.ok{color:var(--ok)}