/* StreetQuants — avatar system styles */

/* small round chip used across the app */
.ava-chip{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 35% 30%,#12331f,#08130c);border:2px solid #2b6b45;flex-shrink:0}
.ava-chip svg{width:100%;height:100%;display:block}

/* dashboard profile card integration */
.d2-card.d2-profile .ava-chip{width:52px;height:52px;font-size:0}
.d2-card.d2-profile .d2-ava img{display:none}

/* ================= builder studio ================= */
.ava-builder{z-index:1200}
.ava-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:calc(100vh - 190px)}
.ava-stage{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}
.ava-preview{width:150px;height:150px;border-radius:26px;display:grid;place-items:center;flex-shrink:0;
  background:radial-gradient(circle at 35% 25%,#143724,#08130c);border:2px solid #2b6b45;
  box-shadow:0 10px 34px rgba(0,0,0,.45)}
.ava-preview svg{width:130px;height:130px}
.ava-namebox{flex:1;min-width:240px;display:flex;flex-direction:column;gap:9px}
.ava-cap{font:800 10px 'JetBrains Mono',monospace;letter-spacing:.16em;color:var(--ink-soft,#8aa39a)}
.ava-namerow{display:flex;gap:8px}
.ava-namerow input{flex:1;min-width:0;padding:11px 13px;border-radius:12px;border:2px solid #2b6b45;
  background:#0a1e14;color:#e8f2ec;font:800 16px var(--font,Nunito,sans-serif)}
.ava-namerow input:focus{outline:none;border-color:#3ecf8e}
.ava-namerow .btn{padding:0 14px}
.ava-meta{display:flex;gap:8px;flex-wrap:wrap}
.ava-meta .hud-chip.done{border-color:#3ecf8e;color:#3ecf8e}
.ava-fresh{font:700 12px var(--font,Nunito,sans-serif);color:#f5b942;
  background:rgba(245,185,66,.09);border:1px solid rgba(245,185,66,.4);border-radius:10px;padding:7px 10px}
.ava-rows{display:flex;flex-direction:column;gap:12px}
.ava-row{display:flex;flex-direction:column;gap:7px}
.ava-rowcap{font:900 11px 'JetBrains Mono',monospace;letter-spacing:.14em;color:var(--mint-xd,#58cc02);text-transform:uppercase}
.ava-opts{display:flex;gap:8px;flex-wrap:wrap}
.ava-opt{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 9px;min-width:64px;
  border-radius:12px;border:2px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);cursor:pointer;color:inherit}
.ava-opt:hover{border-color:rgba(62,207,142,.5)}
.ava-opt.on{border-color:#3ecf8e;background:rgba(62,207,142,.08)}
.ava-opt.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}
.ava-opt .sw{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.25);display:block}
.ava-opt .ava-face{width:34px;height:34px;border-radius:50%;overflow:hidden;display:block;background:#08130c}
.ava-opt .ava-face svg{width:100%;height:100%}
.ava-opt small{font:700 10px 'JetBrains Mono',monospace;color:var(--ink-soft,#8aa39a);text-transform:capitalize}
.ava-opt.on small{color:#e8f2ec}
.ava-lock{color:#f5b942;font-weight:800}

/* practice-desk avatar button in the top bar — the same trader avatar as the
   Learn / Community top bar, sitting right of the desk settings gear */
.pt-ava-btn{width:34px;height:34px;flex:none;padding:0;border-radius:50%;overflow:hidden;
  border:1px solid var(--glass-line);background:#000;cursor:pointer;
  box-shadow:0 0 14px var(--g-38),inset 0 0 8px rgba(0,0,0,.6)}
.pt-ava-btn img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}