/* GRAU ASCENDIDO (06/11, SQL 2680): aba ✨ Ascensão do Ferreiro.
   3 colunas no PC (suas Dracônicas | bancada | receita), uma embaixo da outra no celular.
   src/ui/ascensao-ui.js desenha; tests/ascensao-browser.mjs fotografa PC e celular. Sem brilho (glow). */
#forgeView:not([data-fx-aba="ascensao"]) #forgeAscensao{display:none}
#forgeView[data-fx-aba="ascensao"] .fx-corpo{display:none}
.vendor-subtab.as-aba{border-color:#7a5fb0;color:#e6dcff}
.vendor-subtab.as-aba.hidden{display:none}
.vendor-subtab.as-aba.active{background:linear-gradient(135deg,#8a6fd0,#4c3a86);border-color:#cdbcff;color:#fff}

/* o selo e a faixa do item Ascendido (por dentro continua Dracônico) */
.item-grau.item-grau-ascendido{background:linear-gradient(90deg,#2a1d4a,#6a4fb0 55%,#e9d6ff);color:#fff7e0;box-shadow:inset 0 0 0 1px rgba(233,214,255,.45)}
.item-grau-faixa.item-grau-ascendido{background:linear-gradient(180deg,#e9d6ff,#6a4fb0);color:#170f2c}

.as-painel{margin-top:12px;color:#e8e3f3;background:linear-gradient(180deg,#191430 0%,#0e0c17 70%);border:1px solid #3a2f5e;
  border-radius:14px;padding:14px;box-sizing:border-box;min-width:0}
.as-painel *{box-sizing:border-box}
.as-painel button{font:inherit;cursor:var(--cur-mao,pointer)}
.as-painel button[disabled]{opacity:.5;cursor:var(--cur-seta,default)}
.as-painel button:focus-visible{outline:2px solid #ffe08a;outline-offset:2px}

.as-topo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:10px}
.as-topo h3{margin:0;font-size:15px;letter-spacing:.08em;color:#e6dcff}
.as-topo small{color:#9d93b5;font-size:11px}
.as-total{display:flex;justify-content:center}
.as-total span{display:inline-flex;align-items:center;gap:6px;background:#211a3a;border:1px solid #42356c;border-radius:999px;padding:3px 12px 3px 4px;font-size:12px;color:#cfc4ea}
.as-total img{width:24px;height:24px;object-fit:contain}
.as-total b{color:#ffe08a}
.as-ajuda{width:30px;height:30px;border-radius:50%;border:1px solid #7a68b0;background:#221a3c;color:#e6dcff;font-weight:900;padding:0;line-height:28px;text-align:center}

.as-corpo{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) minmax(0,300px);gap:12px;align-items:start}
.as-col{background:#120f20cc;border:1px solid #2f2750;border-radius:12px;padding:10px;min-width:0}
.as-col .fx-cab h3{color:#9d93b5}

/* suas Dracônicas */
.as-pecas{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow:auto}
.as-peca{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;width:100%;text-align:left;
  background:#18132a;border:1px solid #33295a;border-radius:9px;padding:2px 8px;color:#ece6f8;min-height:42px}
.as-peca:hover{border-color:#6a58a8}
.as-peca.sel{border-color:#cdbcff;background:#2a2150}
.as-peca.apagada{opacity:.55}
.as-peca.asc .as-peca-txt small{color:#e9d6ff}
.as-peca-arte{width:36px;height:36px;display:grid;place-items:center;overflow:hidden}
.as-peca-arte img,.as-peca-arte canvas,.as-peca-arte>*{max-width:36px;max-height:36px;object-fit:contain}
.as-peca-txt{min-width:0}
.as-peca-txt b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-peca-txt small{display:block;font-size:10px;color:#8d83a8;text-transform:uppercase;letter-spacing:.06em}
.as-nada{color:#8d83a8;font-size:12px;line-height:1.4}

/* bancada */
.as-bancada{display:flex;flex-direction:column;gap:9px}
.as-bancada.as-vazio p{color:#9d93b5;text-align:center;margin:40px 0}
.as-palco{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:12px;
  background:radial-gradient(60% 70% at 50% 40%,#33285c 0%,#130f22 100%);border:1px solid #4a3c7c}
.as-palco b{font-size:14px;color:#f6f2ff;text-align:center}
.as-palco img,.as-palco canvas,.as-palco>span:first-child>*{max-width:92px;max-height:92px;object-fit:contain}
.as-salto{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.as-salto .de{color:#ffcf7a}
.as-salto .seta{color:#9d93b5}
.as-salto .para{color:#e9d6ff}
.as-ganho{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;background:#18132a;border:1px solid #33295a;border-radius:10px;padding:7px 10px}
.as-ganho div{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;font-size:12px;align-items:baseline}
.as-ganho .v{color:#9d93b5}
.as-ganho .s{color:#6f6590;font-size:10px}
.as-ganho .n{color:#8ff0b0;font-weight:800}
.as-nota{margin:0;font-size:11px;color:#9d93b5;line-height:1.4}
.as-aviso{margin:0;font-size:12px;color:#ffcf7a;background:#2a1f12;border:1px solid #5c4320;border-radius:9px;padding:8px 10px;line-height:1.4}
.as-sacs-cab b{display:block;font-size:12px;letter-spacing:.06em;color:#cfc4ea}
.as-sacs-cab small{display:block;font-size:11px;color:#8d83a8}
.as-sacs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:150px;overflow:auto}
.as-sac{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:center;text-align:left;background:#18132a;border:1px solid #33295a;border-radius:9px;padding:3px 6px;color:#ece6f8}
.as-sac.sel{border-color:#ff9a7a;background:#3a1d22}
.as-sac img,.as-sac canvas,.as-sac>*:first-child{max-width:32px;max-height:32px}
.as-sac b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-sac small{display:block;font-size:10px;color:#8d83a8}
.as-ascender{border:1px solid #cdbcff;border-radius:11px;background:linear-gradient(#8a6fd0,#4c3a86);color:#fff;font-weight:900;font-size:15px;letter-spacing:.1em;padding:10px;line-height:1.2}
.as-ascender small{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;color:#e6dcff}
.as-msg{margin:0;font-size:12px;color:#ffe08a}

/* receita */
.as-receita{display:flex;flex-direction:column;gap:5px}
.as-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;background:#18132a;border:1px solid #33295a;border-radius:9px;padding:4px 8px}
.as-item img{width:30px;height:30px;object-fit:contain}
.as-item b{display:block;font-size:12px}
.as-item small{display:block;font-size:10px;color:#8d83a8}
.as-item em{font-style:normal;font-weight:900;font-size:13px;color:#ffe08a}
.as-item.falta{border-color:#7a3a3a}
.as-item.falta em{color:#ff8a8a}
.as-onde{display:flex;gap:8px;align-items:center;margin:10px 0 0;font-size:11px;color:#9d93b5;line-height:1.4}
.as-onde img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}

@media (max-width:1100px){
  .as-corpo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .as-col-receita{grid-column:1/-1}
}
@media (max-width:700px){
  .as-painel{padding:10px}
  .as-topo{grid-template-columns:minmax(0,1fr) auto}
  .as-total{grid-column:1/-1;grid-row:2;justify-content:flex-start}
  .as-corpo{grid-template-columns:minmax(0,1fr)}
  .as-pecas{max-height:220px}
  .as-ganho{grid-template-columns:minmax(0,1fr)}
}

/* Opções B e C (para o autor ver; a A é a de cima). */
.as-painel[data-as-tela="b"] .as-corpo{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.as-painel[data-as-tela="b"] .as-col-pecas{grid-column:1/-1;padding:6px}
.as-painel[data-as-tela="b"] .as-col-pecas .fx-cab{display:none}
.as-painel[data-as-tela="b"] .as-pecas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-height:none}
.as-painel[data-as-tela="b"] .as-peca{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:2px;padding:4px}
.as-painel[data-as-tela="b"] .as-peca-txt{width:100%}
.as-painel[data-as-tela="b"] .as-palco{flex-direction:row;justify-content:center;gap:14px}
.as-painel[data-as-tela="c"] .as-corpo{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.as-painel[data-as-tela="c"] .as-col-pecas{grid-row:span 2}
.as-painel[data-as-tela="c"] .as-pecas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
.as-painel[data-as-tela="c"] .as-receita{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.as-painel[data-as-tela] .as-corpo{grid-template-columns:minmax(0,1fr)}
  .as-painel[data-as-tela="b"] .as-pecas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .as-painel[data-as-tela="c"] .as-receita{grid-template-columns:minmax(0,1fr)}}