/* Missions & contracts in the Companies/Jobs shell: thin expandable rows. */
#cx [hidden]{display:none!important}
#cx .ms-body{padding-top:18px;display:grid;gap:10px;align-content:start}
#cx .cx-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer}
#cx .cx-nav button:hover{background:rgba(255,255,255,.05)}
#cx .cx-nav button.is-active{background:rgba(224,184,76,.12);color:#f0d68a}
#cx .ms-mtabs{display:none}
#cx .ms-pane{display:grid;gap:10px}
#cx .ms-hint{font-size:11.5px;color:var(--cx-muted)}
#cx .ms-hint b{color:#e6eaef}

#cx .ms-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#cx .ms-stats article{display:grid;gap:1px;padding:8px 12px;border:1px solid var(--cx-line);border-radius:10px;background:var(--cx-panel)}
#cx .ms-stats small{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-muted)}
#cx .ms-stats strong{font-size:18px;font-variant-numeric:tabular-nums}
#cx .ms-stats .is-gold{border-color:rgba(224,184,76,.4);background:rgba(224,184,76,.07)}
#cx .ms-stats .is-gold strong{color:#f0d68a}
#cx .ms-status{padding:6px 12px;border:1px solid var(--cx-line);border-radius:9px;font-size:12px;color:var(--cx-muted)}
#cx .ms-status[data-tone=error]{color:#ffd8da;border-color:rgba(240,109,114,.45)}
#cx .ms-status[data-tone=success]{color:#a8f2c5}
#cx .ms-note{padding:8px 12px;border:1px solid rgba(224,184,76,.25);border-radius:10px;background:rgba(224,184,76,.05);font-size:12.5px;color:var(--cx-muted)}
#cx .ms-note b{color:#f0d68a}

/* buttons */
#cx .ma-primary-button,#cx .ma-secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border:1px solid #232c38;border-radius:7px;background:transparent;color:#e6eaef;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none}
#cx .ma-primary-button{background:var(--cx-lime);border-color:var(--cx-lime);color:#000}
#cx .ma-primary-button:hover{background:#ffd86b}
#cx .ma-secondary-button:hover:not(:disabled){border-color:#52525b;color:#fff}
#cx .ma-primary-button:disabled,#cx .ma-secondary-button:disabled{opacity:.45;cursor:not-allowed}

/* rows */
#cx .ma-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#cx .ma-card{border-bottom:1px solid var(--cx-line)}
#cx .ma-card:last-child{border-bottom:0}
#cx .ma-card.is-locked{opacity:.6}
#cx .ma-card.is-active{box-shadow:inset 3px 0 #6fa8e8}
#cx .ma-card.is-complete{box-shadow:inset 3px 0 #65c98c}
#cx .ma-card[open]{background:rgba(255,255,255,.02)}
#cx .ma-card summary{display:grid;grid-template-columns:32px minmax(0,1.6fr) minmax(70px,.6fr) minmax(0,1.3fr) auto auto;gap:12px;align-items:center;padding:5px 14px;cursor:pointer;list-style:none}
#cx .ma-card summary::-webkit-details-marker{display:none}
#cx .ma-card summary:hover{background:rgba(255,255,255,.03)}
#cx .ma-card-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#242c37;font-size:1.05rem}
#cx .ma-card-title{display:grid;min-width:0}
#cx .ma-card-title small{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-lime);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cx .ma-card-title strong{font-size:13.5px;color:#f4f6f8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cx .ma-sum-mid{display:flex;align-items:center;gap:6px;min-width:0}
#cx .ma-mini{display:block;flex:1;height:4px;border-radius:4px;background:#10151c;overflow:hidden;min-width:50px}
#cx .ma-mini i{display:block;height:100%;background:var(--cx-lime)}
#cx .ma-chip{padding:0 7px;border-radius:5px;background:rgba(255,255,255,.07);color:#dce2ea;font-size:10px;font-weight:700;text-transform:capitalize}
#cx .ma-contract-expiry{font-size:11px;font-weight:700;color:#d5b85f;white-space:nowrap}
#cx .ma-rewards{display:flex;flex-wrap:wrap;gap:3px 5px;min-width:0}
#cx .ma-rewards span{padding:0 6px;border-radius:5px;background:rgba(255,255,255,.06);color:#dce2ea;font-size:11px;white-space:nowrap}
#cx .ma-status-chip{padding:1px 8px;border:1px solid #2f3947;border-radius:5px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#aeb8c5;white-space:nowrap}
#cx .ma-card.is-active .ma-status-chip{border-color:rgba(111,168,232,.45);color:#9ec7ff}
#cx .ma-card.is-completed .ma-status-chip{border-color:rgba(101,201,140,.45);color:#a8e5bf}
#cx .ma-card.is-failed .ma-status-chip,#cx .ma-card.is-abandoned .ma-status-chip{border-color:rgba(240,109,114,.4);color:#e7a3a7}
#cx .ma-card-actions{display:flex;gap:6px}

#cx .ma-card-body{display:grid;gap:8px;padding:4px 14px 12px 58px}
#cx .ma-card-body p{margin:0;font-size:12.5px;color:var(--cx-muted);line-height:1.5}
#cx .ma-lock-reason{color:#f0c48a!important}
#cx .ma-stage{padding:8px 12px;border:1px solid var(--cx-line);border-radius:9px;background:rgba(0,0,0,.18)}
#cx .ma-stage-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}
#cx .ma-stage-head strong{font-size:13px}
#cx .ma-stage-head span{font-size:11.5px;color:var(--cx-muted)}
#cx .ma-objective{margin-top:6px}
#cx .ma-objective-copy{display:flex;justify-content:space-between;gap:10px;font-size:12px}
#cx .ma-objective-copy span:last-child{color:var(--cx-muted)}
#cx .ma-progress{height:4px;border-radius:4px;background:#10151c;overflow:hidden;margin-top:3px}
#cx .ma-progress i{display:block;height:100%;background:var(--cx-lime)}
#cx .ma-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 10px;border:1px solid rgba(224,184,76,.2);border-radius:9px;background:rgba(224,184,76,.05)}
#cx .ma-contact__identity{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;color:inherit;text-decoration:none}
#cx .ma-contact img{width:34px;height:34px;object-fit:cover;border-radius:9px}
#cx .ma-contact div{display:grid;min-width:0}
#cx .ma-contact small{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--cx-lime)}
#cx .ma-contact strong{font-size:12.5px}
#cx .ma-contact span{font-size:11px;color:var(--cx-muted)}
#cx .ma-contact__actions a{font-size:11.5px;font-weight:700;color:#f0d68a;text-decoration:none;white-space:nowrap}

/* confirm popup */
.ma-modal{position:fixed;inset:0;z-index:9999;background:rgba(4,6,9,.78);display:grid;place-items:center;padding:20px}
.ma-modal[hidden]{display:none}
.ma-modal-card{position:relative;width:min(420px,100%);padding:22px;border-radius:14px;background:#141a22;border:1px solid #232c38;text-align:center;color:#f3f5f7}
.ma-modal-close{position:absolute;right:10px;top:6px;border:0;background:transparent;color:#fff;font-size:1.4rem;cursor:pointer}
.ma-modal-icon{display:block;font-size:1.8rem}
.ma-modal-card h2{margin:6px 0;font-size:18px}
.ma-modal-card p{margin:0;color:#9ea7b4;font-size:13.5px}
.ma-modal-actions{display:flex;gap:8px;margin-top:16px}
.ma-modal-actions button{flex:1;padding:8px;border:1px solid #232c38;border-radius:8px;background:transparent;color:#e6eaef;font:inherit;font-weight:700;cursor:pointer}
.ma-modal-actions .ma-primary-button{background:#e0b84c;border-color:#e0b84c;color:#000}

@media (max-width:1100px){
  #cx .ma-card summary{grid-template-columns:32px minmax(0,1fr) auto auto}
  #cx .ma-sum-mid,#cx .ma-card summary>.ma-rewards{display:none}
  #cx .ma-card-body{padding-left:14px}
  #cx .ms-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  #cx .ms-body{padding:8px!important;padding-bottom:84px!important;gap:6px}
  #cx .ms-mtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  #cx .ms-mtabs button,#cx .ms-mtabs a{padding:6px;border:1px solid var(--cx-line);border-radius:8px;background:var(--cx-panel);color:inherit;font:inherit;font-weight:700;font-size:12.5px;text-align:center;text-decoration:none}
  #cx .ms-mtabs button.is-active{border-color:var(--cx-lime);background:rgba(224,184,76,.12);color:#f0d68a}
  #cx .ms-stats{gap:4px}
  #cx .ms-stats article{padding:4px 9px}
  #cx .ms-stats strong{font-size:14px}
  #cx .ma-card summary{grid-template-columns:30px minmax(0,1fr) auto;gap:4px 10px;padding:5px 10px}
  #cx .ma-card-icon{grid-row:1/3;width:28px;height:28px}
  #cx .ma-status-chip{grid-column:2;grid-row:2;justify-self:start}
  #cx .ma-card-actions{grid-column:3;grid-row:1/3}
  #cx .ma-card-body{padding:4px 10px 10px}
  #cx .ma-contact{grid-template-columns:minmax(0,1fr)}
}