/* Commander missions share their station overview's faction palette. */
.tradefront-board{--mission-rgb:128,190,223;--mission-accent:#80bedf}
.tradefront-board[data-faction="wayne_frontier_guild"]{--mission-rgb:223,180,120;--mission-accent:#dfb478}
.tradefront-board[data-faction="ember_caravan"]{--mission-rgb:220,142,119;--mission-accent:#dc8e77}
.tradefront-board[data-faction="nyx_quantum_collective"]{--mission-rgb:182,157,222;--mission-accent:#b69dde}
.tradefront-page .tradefront-board{padding:18px;border:1px solid rgba(var(--mission-rgb),.4);background:radial-gradient(ellipse at top left,rgba(var(--mission-rgb),.1),transparent 68%),linear-gradient(145deg,#111c32,#091126);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(var(--mission-rgb),.05)}
.tradefront-board>.trade-bubble-header{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid rgba(var(--mission-rgb),.16)}
.tradefront-board>.trade-bubble-header h2{margin:5px 0 0;line-height:1.3}
.tradefront-board .tradefront-kicker{color:var(--mission-accent)}
.tradefront-title-line{display:flex;align-items:center;gap:9px;min-width:0}
.tradefront-board .tradefront-info-button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;margin:0;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--mission-accent);cursor:pointer}
.tradefront-info-button>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(var(--mission-rgb),.45);border-radius:50%;background:linear-gradient(145deg,rgba(var(--mission-rgb),.18),rgba(var(--mission-rgb),.04));font-family:Georgia,serif;font-size:17px;font-weight:700;line-height:1}
.tradefront-info-button:hover>span{border-color:var(--mission-accent);background-color:rgba(var(--mission-rgb),.1)}
.tradefront-board .tradefront-route-options{grid-column:1/-1;display:grid;gap:16px;min-width:0}
.tradefront-route-choice{margin:0;color:#a6b8cc;font-size:.73rem;line-height:1.6}
.tradefront-route-option{min-width:0}
.tradefront-route-option+.tradefront-route-option{padding-top:16px;border-top:1px solid rgba(var(--mission-rgb),.22)}
.tradefront-route-heading{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap;margin-bottom:8px}
.tradefront-route-heading h4{margin:0;color:var(--mission-accent);font-size:.86rem;line-height:1.5;min-width:0}
.tradefront-route-heading>span,.tradefront-route-selected{font-size:.68rem;color:var(--mission-accent);line-height:1.5}
.tradefront-board .tradefront-route-capacity{font-size:.73rem;line-height:1.5;margin:6px 0;color:#b8c9e0}
.tradefront-board .tradefront-route-option .tradefront-reward{margin:10px 0 12px}
.tradefront-board .tradefront-launch .trade-inline-field{margin:0}
.tradefront-mission-info{inset:0;margin:auto;padding:0;box-sizing:border-box;width:min(620px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border:1px solid rgba(var(--mission-rgb),.4);border-radius:15px;background:radial-gradient(ellipse at top left,rgba(var(--mission-rgb),.13),transparent 68%),linear-gradient(145deg,#111c32,#091126);color:#bdcde3;overflow:hidden}
.tradefront-mission-info[open]{display:flex;flex-direction:column}
.tradefront-mission-info::backdrop{background:rgba(2,6,17,.8)}
.tradefront-mission-info>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(var(--mission-rgb),.18);flex:none}
.tradefront-mission-info h3{margin:0;font-size:.95rem;line-height:1.5;color:var(--mission-accent)}
.tradefront-mission-info button{min-height:44px;padding:8px 12px;border:1px solid rgba(var(--mission-rgb),.4);border-radius:9px;background:linear-gradient(145deg,rgba(var(--mission-rgb),.18),rgba(var(--mission-rgb),.055));color:#e9f2ff;font:inherit;font-size:.73rem;line-height:1.4;cursor:pointer}
.tradefront-mission-info-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px 14px 12px;font-size:.78rem;line-height:1.65;overflow-wrap:anywhere}
.tradefront-mission-info-body:focus-visible{outline:2px solid var(--mission-accent);outline-offset:-3px}
.tradefront-mission-tabs{display:none}
.tradefront-board .tradefront-contract-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}
.tradefront-board .tradefront-contract{--contract-rgb:var(--mission-rgb);display:block;grid-row:auto;border:1px solid rgba(var(--mission-rgb),.27);border-radius:13px;background:linear-gradient(135deg,rgba(var(--mission-rgb),.055),transparent 75%),#0a1427;box-shadow:none;overflow-wrap:anywhere}
.tradefront-board .tradefront-contract[hidden],.tradefront-board .tradefront-contract-content[hidden]{display:none!important}
.tradefront-board .tradefront-contract-heading{display:block;min-height:0;padding:0;border:0}
.tradefront-board .tradefront-contract-heading h3{margin:0;font-size:inherit}
.tradefront-board .tradefront-contract-toggle,.tradefront-board .tradefront-mission-tab{width:100%;font:inherit;cursor:pointer;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px;border:0;border-radius:12px;color:#e6edf9;text-align:left;background:transparent;min-height:68px}
.tradefront-board .tradefront-mission-number{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid rgba(var(--mission-rgb),.3);background:rgba(var(--mission-rgb),.06);color:var(--mission-accent);font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums}
.tradefront-board .tradefront-mission-name{grid-column:2;grid-row:1;font-size:.85rem;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
.tradefront-board .tradefront-mission-state{grid-column:2;grid-row:2;color:var(--mission-accent);font-size:.67rem;line-height:1.45;font-weight:500}
.tradefront-board .tradefront-mission-fold{grid-column:3;grid-row:1/3;color:var(--mission-accent);font-size:.63rem;font-weight:600}
.tradefront-board .tradefront-contract-toggle[aria-expanded="true"] .when-closed{display:none}
.tradefront-board .tradefront-contract-toggle[aria-expanded="true"] .when-open{display:inline}
.tradefront-board .tradefront-card-live{grid-column:2/-1;font-size:.67rem;line-height:1.5;color:#b9cbe1}
.tradefront-board .tradefront-contract-toggle[aria-expanded="true"]{border-radius:12px 12px 0 0;background:rgba(var(--mission-rgb),.06);border-bottom:1px solid rgba(var(--mission-rgb),.18)}
.tradefront-board .tradefront-contract-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px 22px;padding:16px;min-width:0}
.tradefront-board .tradefront-contract-content>div,.tradefront-board .tradefront-contract-content>footer{padding:0;margin:0;min-height:0;font-size:.79rem}
.tradefront-board .tradefront-contract-description{margin:0;min-height:0;line-height:1.6;font-size:.8rem;color:#d0dcef}
.tradefront-board .tradefront-contract-requirements{min-height:0;margin-top:10px}
.tradefront-board .tradefront-contract-requirements p{font-size:.74rem;line-height:1.55;margin:7px 0 0}
.tradefront-board .tradefront-materials{margin:8px 0 0;gap:5px}
.tradefront-board .tradefront-reward{display:flex;flex-wrap:wrap;align-items:baseline;align-content:start;gap:5px;margin:0;min-height:0}
.tradefront-board .tradefront-reward strong{font-size:.73rem;color:#b8c9e0;line-height:1.5}
.tradefront-board .tradefront-reward span,.tradefront-board .tradefront-materials span{padding:4px 7px;border-radius:7px;line-height:1.45;font-size:.68rem}
.tradefront-board .tradefront-reward span:first-of-type{color:var(--mission-accent);text-shadow:0 0 7px rgba(var(--mission-rgb),.17);border-color:rgba(var(--mission-rgb),.2)}
.tradefront-board .tradefront-contract-actions{display:block;grid-column:1/-1;padding-top:13px!important;border-top:1px solid rgba(var(--mission-rgb),.14)}
.tradefront-board .tradefront-contract-actions>p{margin:0;font-size:.77rem}
.tradefront-board .tradefront-launch{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr) minmax(70px,.5fr) minmax(120px,.8fr);align-items:end;gap:10px;margin:0}
.tradefront-board .tradefront-launch .trade-inline-field{display:grid;gap:5px;min-width:0}
.tradefront-board .tradefront-launch .trade-inline-field>span{font-size:.68rem;color:#a6bddb;line-height:1.4}
.tradefront-board .tradefront-launch input,.tradefront-board .tradefront-launch select{min-height:44px;width:100%;font-size:.79rem}
.tradefront-board .tradefront-launch-info{grid-column:1/-1;display:flex;align-items:baseline;gap:5px 16px;flex-wrap:wrap;color:#a9bed9;font-size:.7rem}
.tradefront-board .tradefront-launch .tradefront-quote{min-height:0;margin:0;line-height:1.6;font-size:.7rem;color:#b7cee9}
.tradefront-board .tradefront-contract .btn{min-height:44px;padding:9px 12px;font-size:.75rem;border:1px solid rgba(var(--mission-rgb),.4);border-radius:10px;background:linear-gradient(145deg,rgba(var(--mission-rgb),.18),rgba(var(--mission-rgb),.055));color:#e9f2ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);white-space:normal;line-height:1.4;cursor:pointer}
.tradefront-board .tradefront-contract .btn:disabled{opacity:.42;box-shadow:none;cursor:not-allowed}
.tradefront-board .tradefront-contract .btn:hover:not(:disabled){border-color:var(--mission-accent);background-color:rgba(var(--mission-rgb),.09)}
.tradefront-board .tradefront-launch>button{grid-column:auto;min-width:0;margin:0}
.tradefront-board .tradefront-delivery-action{display:flex;flex-direction:row;align-items:center;gap:10px 20px}
.tradefront-board .tradefront-delivery-action p{flex:1;margin:0;font-size:.75rem;line-height:1.55}
.tradefront-board .tradefront-delivery-action form{flex:0 1 200px}
.tradefront-board .tradefront-delivery-action button{width:100%}
.tradefront-board .tradefront-flight{gap:6px 14px;margin:0;font-size:.77rem;color:#b8cce8}
.tradefront-board .tradefront-contract-footer{grid-column:1/-1;padding-top:8px!important;border-top:1px solid rgba(var(--mission-rgb),.14);min-height:0}
.tradefront-board .tradefront-alternative,.tradefront-board .tradefront-report{margin:0;border:0;padding:0}
.tradefront-board .tradefront-alternative+.tradefront-report{margin-top:8px}
.tradefront-board .tradefront-alternative>summary,.tradefront-board .tradefront-report>summary,.tradefront-board .tradefront-combat-note>summary{list-style:none;padding:8px 0;min-height:36px;display:flex;align-items:center;cursor:pointer;font-size:.72rem;line-height:1.5;color:var(--mission-accent)}
.tradefront-board .tradefront-combat-note>summary::-webkit-details-marker{display:none}
.tradefront-board .tradefront-alternative p,.tradefront-board .tradefront-report p{margin:5px 0 10px;font-size:.75rem}
.tradefront-board button:focus-visible,.tradefront-board summary:focus-visible,.tradefront-board input:focus-visible,.tradefront-board select:focus-visible,.tradefront-board a:focus-visible{outline:2px solid var(--mission-accent);outline-offset:3px}
.tradefront-board .tradefront-rules{margin:14px 0 0;border-color:rgba(var(--mission-rgb),.2);background:rgba(5,13,29,.35)}
.tradefront-board .tradefront-rules>summary{min-height:44px;padding:10px 12px;font-size:.76rem;color:#bdcde3}
.tradefront-board .tradefront-rules .tradefront-fold-toggle{color:var(--mission-accent);border-color:rgba(var(--mission-rgb),.22)}
.tradefront-rules-info{padding:2px 12px 10px;font-size:.75rem;color:#a6b8cc}
.tradefront-board .tradefront-rules-info p{margin:8px 0;line-height:1.6}
.tradefront-board .tradefront-period{gap:6px 18px;margin:9px 0;color:var(--mission-accent);font-size:.73rem}
.tradefront-board .tradefront-grace-title{margin:18px 0 10px;color:var(--mission-accent);font-size:.83rem;line-height:1.5}
@media(min-width:800px){
  .tradefront-mission-set.has-mission-ui>.tradefront-mission-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
  .tradefront-board .tradefront-mission-tab{grid-template-columns:30px minmax(0,1fr);align-content:center;min-height:78px;padding:11px;border:1px solid rgba(var(--mission-rgb),.2);background:rgba(5,13,29,.45)}
  .tradefront-board .tradefront-mission-tab .tradefront-mission-name{font-size:.83rem}
  .tradefront-board .tradefront-mission-tab[aria-selected="true"]{border-color:rgba(var(--mission-rgb),.58);background:linear-gradient(130deg,rgba(var(--mission-rgb),.16),rgba(var(--mission-rgb),.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 10px rgba(var(--mission-rgb),.07)}
  .tradefront-board .tradefront-mission-tab:hover{border-color:var(--mission-accent)}
  .tradefront-mission-set.has-mission-ui .tradefront-contract-heading{display:none}
}
@media(max-width:799px){
  .tradefront-board .tradefront-contract-content{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
  .tradefront-board .tradefront-launch{grid-template-columns:minmax(0,1fr) 85px}
  .tradefront-board .tradefront-launch>.trade-inline-field:first-of-type{grid-column:1/-1}
  .tradefront-board .tradefront-launch>button{grid-column:1/-1;grid-row:4}
  .tradefront-board .tradefront-launch-info{grid-row:3;gap:3px 12px}
  .tradefront-board .tradefront-delivery-action{flex-direction:column;align-items:stretch;gap:10px}
  .tradefront-board .tradefront-delivery-action form{flex:auto}
}
@media(max-width:620px){
  .tradefront-page .tradefront-board{padding:12px}
  .tradefront-board>.trade-bubble-header{margin-bottom:10px;padding-bottom:10px}
  .tradefront-board .tradefront-contract-toggle{gap:3px 8px;padding:10px;min-height:66px;grid-template-columns:27px minmax(0,1fr) auto}
  .tradefront-board .tradefront-mission-number{width:27px;height:27px;font-size:.64rem}
  .tradefront-board .tradefront-mission-name{font-size:.81rem}
  .tradefront-board .tradefront-mission-state{font-size:.65rem}
  .tradefront-board .tradefront-mission-fold{font-size:.59rem}
}