/* Achievements: extras on top of missions-hub.css. */
#cx .ms-stats span{font-size:11px;color:var(--cx-muted)}
#cx .ac-show-body{display:grid;gap:6px;padding:8px 14px}
#cx .ac-sub{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-muted)}
#cx .ac-chips{display:flex;flex-wrap:wrap;gap:6px}
#cx .ac-chips>span{font-size:12px;color:var(--cx-muted)}
#cx .ac-chips button{display:flex;align-items:center;gap:7px;padding:3px 9px;border:1px solid var(--cx-line);border-radius:8px;background:rgba(0,0,0,.2);color:#e9edf2;font:inherit;cursor:pointer;text-align:left}
#cx .ac-chips button:hover:not(:disabled){border-color:rgba(224,184,76,.5);background:rgba(224,184,76,.07)}
#cx .ac-chips button:disabled{opacity:.4;cursor:not-allowed}
#cx .ac-chips button strong{font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cx .ac-chips button small{font-size:10px;color:var(--cx-muted)}
#cx .ac-chips button em{color:#ff8f99;font-style:normal}
#cx .ac-toolbar{display:grid!important;grid-template-columns:200px 200px minmax(0,1fr);gap:8px}
#cx .ac-toolbar .cx-input{width:100%;min-height:30px;padding:4px 10px}

#cx .ma-achievement{border-bottom:1px solid var(--cx-line)}
#cx .ma-achievement:last-child{border-bottom:0}
#cx .ma-achievement.is-complete{box-shadow:inset 3px 0 #65c98c}
#cx .ma-achievement.is-current:not(.is-complete){box-shadow:inset 3px 0 var(--cx-lime)}
#cx .ma-achievement[open]{background:rgba(255,255,255,.02)}
#cx .ma-achievement summary{display:grid;grid-template-columns:32px minmax(0,1.6fr) minmax(120px,.8fr) auto auto;gap:12px;align-items:center;padding:5px 14px;cursor:pointer;list-style:none}
#cx .ma-achievement summary::-webkit-details-marker{display:none}
#cx .ma-achievement summary:hover{background:rgba(255,255,255,.03)}
#cx .ma-achievement-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#242c37;font-size:1.05rem}
#cx .ac-prog{display:grid;gap:3px;min-width:0}
#cx .ac-prog__n{font-size:11px;color:var(--cx-muted);font-variant-numeric:tabular-nums}
#cx .ac-pts{font-size:12px;color:#f0d68a;text-align:right;white-space:nowrap}
#cx .ma-achievement-next{display:grid;gap:1px;padding:6px 10px;border:1px solid rgba(224,184,76,.2);border-radius:9px;background:rgba(224,184,76,.06)}
#cx .ma-achievement-next span{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-lime)}
#cx .ma-achievement-next strong{font-size:13px}
#cx .ma-achievement-next small{font-size:11.5px;color:var(--cx-muted)}
#cx .ma-secondary-button.is-featured{border-color:rgba(224,184,76,.42);color:#f6d876;background:rgba(224,184,76,.09)}

@media (max-width:1100px){
  #cx .ma-achievement summary{grid-template-columns:32px minmax(0,1fr) minmax(90px,.6fr) auto}
  #cx .ma-achievement summary>.ac-pts,#cx .ma-achievement summary>.ma-status-chip{display:none}
  #cx .ac-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #cx .ac-toolbar input{grid-column:1/-1}
}
@media (max-width:700px){
  #cx .ma-achievement summary{grid-template-columns:30px minmax(0,1fr) auto;gap:4px 10px;padding:5px 10px}
  #cx .ma-achievement-icon{grid-row:1/3}
  #cx .ac-prog{grid-column:2}
  #cx .ma-achievement .ma-card-actions{grid-column:3;grid-row:1/3}
  #cx .ac-show-body{padding:6px 10px}
}