.myaltero-quick-wallet{display:flex;align-items:center;gap:8px;margin-left:4px}.myaltero-balance-chip{color:#b8c3b2;background:#202520;border:1px solid #3b4438;border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap}.myaltero-recharge-btn{color:#20331b;background:#c8ddb5;border:1px solid #d6e8c5;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:650;white-space:nowrap}.myaltero-recharge-btn:hover{filter:brightness(1.04)}
.myaltero-overlay{position:fixed;inset:0;z-index:1000;background:rgba(8,10,9,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.myaltero-modal{width:min(680px,100%);max-height:92dvh;overflow:auto;background:#1d211e;border:1px solid #45503f;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.4);padding:28px}.myaltero-modal.small{width:min(520px,100%)}.myaltero-modal h2{font-size:25px;font-weight:520;margin:0 0 8px}.myaltero-modal p{color:#9da99a;font-size:13px;line-height:1.7}.myaltero-modal .eyebrow{color:#a8b99d;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:12px}.myaltero-close{float:right;color:#8f9b8a;font-size:22px;padding:0 4px}.myaltero-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.myaltero-pack{background:#242a24;border:1px solid #434d3f;border-radius:12px;padding:18px 12px;text-align:center;color:#dce7d5;font-size:16px}.myaltero-pack:hover{border-color:#91aa80;background:#2a3228}.myaltero-pack small{display:block;color:#8d9a88;font-size:9px;margin-top:5px}
.altero-gate{text-align:center}.altero-gate .altero-mark{width:68px;height:68px;border-radius:22px;background:#c8ddb5;color:#263421;display:grid;place-items:center;font-family:Georgia,serif;font-size:42px;margin:0 auto 20px}.altero-gate h2{font-size:30px}.altero-primary,.altero-secondary{border-radius:10px;padding:12px 17px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.altero-primary{background:#c8ddb5;color:#21311d;font-weight:650}.altero-secondary{background:#252a25;border:1px solid #465043;color:#cad4c4}.altero-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.altero-gate .altero-actions{justify-content:center}.altero-progress{height:3px;background:#303730;border-radius:4px;overflow:hidden;margin:0 0 26px}.altero-progress span{display:block;height:100%;background:#b5cda3;transition:width .2s}.altero-step-title{font-size:22px;margin:0 0 6px}.altero-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.altero-field{display:flex;flex-direction:column;gap:8px;margin:14px 0;color:#aeb9a8;font-size:11px}.altero-field input,.altero-field textarea,.altero-field select{width:100%;background:#202620;border:1px solid #414b3d;border-radius:9px;color:#d7dfd2;padding:12px 13px;outline:none;font:inherit}.altero-field textarea{min-height:90px;resize:vertical}.altero-field input:focus,.altero-field textarea:focus,.altero-field select:focus{border-color:#95ad82}.altero-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0}.altero-choice{background:#232923;border:1px solid #3e473b;border-radius:10px;padding:13px;text-align:left;color:#cbd5c6;font-size:12px}.altero-choice.selected{background:#303d2b;border-color:#8fa77e;color:#e2efda}.altero-traits{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.altero-trait{border:1px solid #414a3e;border-radius:999px;padding:8px 11px;color:#aeb9aa;font-size:11px}.altero-trait.selected{background:#33402e;color:#dce9d4;border-color:#829676}.altero-summary{background:#202520;border:1px solid #3a4337;border-radius:12px;padding:18px;margin-top:16px}.altero-summary dl{display:grid;grid-template-columns:150px 1fr;gap:9px 15px;margin:0;font-size:12px}.altero-summary dt{color:#899586}.altero-summary dd{margin:0;color:#d3ddd0}.altero-error{color:#e8c4b4;background:#352824;border:1px solid #61483f;border-radius:9px;padding:10px 12px;font-size:11px;margin-top:12px}.altero-avatar-box{text-align:center}.altero-avatar-box img{width:230px;height:230px;object-fit:cover;border-radius:22px;border:1px solid #4b5844;margin:18px auto;display:block}.altero-muted{color:#879383;font-size:10px}.myaltero-toast{position:fixed;right:22px;bottom:22px;z-index:1300;background:#d2e4c2;color:#20301c;border-radius:10px;padding:11px 15px;font-size:11px;font-weight:650;box-shadow:0 12px 35px rgba(0,0,0,.28);animation:toastIn .15s ease-out}@keyframes toastIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:760px){.myaltero-balance-chip{display:none}.myaltero-recharge-btn{padding:7px 9px;font-size:10px}.myaltero-modal{padding:21px;border-radius:16px}.myaltero-pack-grid{grid-template-columns:repeat(2,1fr)}.altero-grid,.altero-choice-grid{grid-template-columns:1fr}.altero-summary dl{grid-template-columns:1fr}.altero-summary dt{margin-top:7px}.altero-actions{flex-wrap:wrap}.altero-actions>*{flex:1}.altero-gate h2{font-size:26px}}
.altero-voice-settings-all{display:grid;gap:18px;margin-top:18px}.altero-voice-section h3{margin:0 0 8px;color:#dce7d5;font-size:13px;font-weight:600}.altero-voice-section .altero-choice-grid{grid-template-columns:repeat(2,1fr);margin:0}.altero-choice:disabled{opacity:.34;filter:grayscale(.7);cursor:not-allowed}.altero-choice:disabled:hover{border-color:#3e473b;background:#232923}
@media(max-width:760px){.altero-voice-section .altero-choice-grid{grid-template-columns:1fr}}

#altero-voice-preview{width:100%;max-width:430px;display:block}
#altero-voice-preview[hidden]{display:none}
#altero-voice-preview-status{font-size:12px;color:#b7e9ff}
#voice .altero-choice.selected{border-color:#5dd7ff;background:#153b55}

/* Classic top-right controls are two independent buttons: Vocal Space and Recharge.
   The wallet wrapper is structural only; its budget badge lives inside Recharge. */
.top-actions:has(> #myaltero-quick-wallet),
.topbar > div:last-child:has(> #myaltero-quick-wallet){
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
#myaltero-quick-wallet.myaltero-quick-wallet{
  display:contents!important;
}
#myaltero-quick-wallet .myaltero-recharge-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:32px!important;
  min-height:32px!important;
  min-width:0!important;
  width:auto!important;
  box-sizing:border-box!important;
  padding:0 12px!important;
  margin:0!important;
  border:1px solid rgba(98,203,255,.36)!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#baf2ff,#65d8ff)!important;
  color:#031019!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#myaltero-quick-wallet .myaltero-balance-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:3px 6px!important;
  border:1px solid rgba(98,203,255,.38)!important;
  border-radius:999px!important;
  background:#031019!important;
  color:#62cbff!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#myaltero-quick-wallet .myaltero-recharge-btn:hover{
  filter:brightness(1.04)!important;
  transform:none!important;
}
@media(max-width:760px){
  .top-actions:has(> #myaltero-quick-wallet),
  .topbar > div:last-child:has(> #myaltero-quick-wallet){gap:6px!important}
  #myaltero-quick-wallet .myaltero-recharge-btn{
    height:30px!important;
    min-height:30px!important;
    gap:6px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
  #myaltero-quick-wallet .myaltero-balance-chip{
    display:inline-flex!important;
    padding:3px 5px!important;
    font-size:8px!important;
  }
}
