/* Static target portraits; scoped to missions, no gameplay or HUD restyling. */
#missionModal .mission-shell {
    width:min(1080px,92vw); height:min(750px,88vh); max-height:calc(100dvh - 32px);
    display:flex; flex-direction:column; min-height:0;
    background:linear-gradient(145deg,#071a28,#020b14); border:1px solid #24859e;
    border-radius:15px; box-shadow:0 18px 50px #0009;
}
#missionModal .mission-header { flex:none; padding:17px 18px; border-color:#164052; gap:14px; }
#missionModal .mission-header strong { font-size:16px; letter-spacing:2px; line-height:1.3; }
#missionModal .mission-header small { display:block; margin-top:6px; font-size:12px; color:#90afbe; }
#missionModal .mission-close { flex:none; width:36px; height:36px; border:1px solid #29647a; background:#071b28; }
#missionModal .mission-filters { flex:none; padding:10px 14px; gap:6px; border-color:#164052; }
#missionModal .mission-filter { letter-spacing:.4px; background:#071c28; color:#8dbacc; }
#missionModal .mission-filter.active { color:#d7faff; border-color:#0dddf3; background:#063f50; box-shadow:inset 0 -2px #07cce8; }
#missionModal #missionList {
    flex:1 1 auto; min-height:0; max-height:none; align-content:start;
    grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:12px;
    scrollbar-width:thin; scrollbar-color:#219db4 #071923; overscroll-behavior:contain;
}
#missionModal #missionList::-webkit-scrollbar { width:8px; }
#missionModal #missionList::-webkit-scrollbar-track { background:#071923; }
#missionModal #missionList::-webkit-scrollbar-thumb { border-radius:8px; background:#219db4; border:2px solid #071923; }
#missionModal .mission-card { grid-template-columns:156px minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; min-height:245px; height:auto; align-items:stretch; border-radius:12px; background:linear-gradient(130deg,#0b2533,#04131e); border-color:#1a4658; }
#missionModal .mission-card.active { border-color:#28d7ee; box-shadow:inset 0 0 0 1px #28d7ee22; }
#missionModal .mission-card.complete { border-color:#d7b456; }
#missionModal .mission-card.finished { opacity:1; filter:none; background:#091823; border-color:#355163; }
#missionModal .mission-card.finished .mission-target-figure { opacity:.72; }
#missionModal .mission-preview { grid-column:1; grid-row:1 / span 2; padding:12px 8px; display:flex; flex-direction:column; gap:10px; justify-content:space-between; border-color:#1a4658; background:radial-gradient(ellipse at center,#14506b66,transparent 72%),#030e18; }
#missionModal .mission-preview-heading { font-size:8px; letter-spacing:1px; color:#66b6cc; text-align:center; }
#missionModal .mission-target-gallery { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; margin:auto 0; }
#missionModal .mission-target-gallery.multiple { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 5px; }
#missionModal .mission-target-figure { margin:0; min-width:0; text-align:center; }
#missionModal .mission-target-art { height:122px; display:grid; place-items:center; }
#missionModal .mission-target-art img { display:block; width:100%; height:100%; object-fit:contain; min-width:0; }
#missionModal .multiple .mission-target-art { height:65px; }
#missionModal .mission-target-figure figcaption { color:#bfe8f3; font-size:10px; line-height:1.3; margin-top:5px; overflow-wrap:anywhere; }
#missionModal .multiple figcaption { font-size:9px; }
#missionModal .mission-target-figure > small { font-size:9px; color:#6d99ad; }
#missionModal .mission-region { position:static; align-self:center; text-align:center; line-height:1.4; padding:4px 7px; font-size:8px; letter-spacing:.3px; }
#missionModal .mission-content { grid-column:2; grid-row:1; padding:13px 13px 0; gap:0; display:block; min-width:0; min-height:0; overflow:visible; box-sizing:border-box; }
#missionModal .mission-card-body { min-width:0; min-height:auto; }
/* UIFIX5: recompensa/acao sao uma linha real do grid, nao parte comprimivel do corpo. */
#missionModal .mission-card-footer { grid-column:2; grid-row:2; position:static; min-width:0; align-self:end; padding:0 13px 13px; display:block; visibility:visible; box-sizing:border-box; }
/* Compatibilidade com markup anterior: se o footer ainda estiver dentro de .mission-content, deixa tudo em fluxo normal e visivel. */
#missionModal .mission-content > .mission-reward,
#missionModal .mission-content > .mission-action-slot,
#missionModal .mission-content > .mission-action { position:static; display:block; visibility:visible; width:auto; }
#missionModal .mission-content > .mission-action-slot { display:flex; }
#missionModal .mission-card-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px; margin-bottom:9px; }
#missionModal .mission-state-label { color:#88b6c8; font-size:8px; font-weight:800; letter-spacing:.6px; }
#missionModal .active .mission-state-label { color:#4ee6f2; }
#missionModal .complete .mission-state-label { color:#ffe084; }
#missionModal .finished .mission-state-label { color:#94bfae; }
#missionModal .mission-difficulty { position:static; font-size:8px; color:#dbc884; letter-spacing:.5px; white-space:nowrap; }
#missionModal .mission-content h3 { font-size:13px; line-height:1.35; letter-spacing:.4px; margin:0 0 6px; }
#missionModal .mission-target-label { font-size:10px; line-height:1.4; color:#76d4ec; }
#missionModal .mission-description { font-size:12px; line-height:1.45; color:#9eb7c5; margin:9px 0 12px; }
#missionModal .mission-reward { margin-top:0; padding-top:10px; border-top:1px solid #1a3544; line-height:1.5; font-size:11px; color:#efcf72; }
#missionModal .mission-reward small { display:block; color:#6d9bb0; letter-spacing:1px; font-size:8px; margin-bottom:3px; }
#missionModal .mission-action-slot { flex:none; min-height:34px; margin-top:9px; display:flex; align-items:stretch; }
#missionModal .mission-action-slot .mission-action { width:100%; margin-top:0; display:block; flex:1 1 auto; }
#missionModal .mission-action { min-height:34px; font-size:10px; letter-spacing:.4px; }
#missionModal .mission-action:disabled { opacity:.6; }
#missionModal .mission-card-progress { margin:0 0 12px; }
#missionModal .mission-card-progress > span { display:flex; justify-content:space-between; color:#79cddd; font-size:9px; margin-bottom:6px; }
#missionModal .mission-progress-track { height:5px; }
#missionModal .mission-empty { grid-column:1/-1; padding:40px 12px; text-align:center; color:#92b5c5; }
#missionModal .mission-visual-missing { font-size:10px; color:#7697aa; padding:8px; }
#missionModal [hidden] { display:none !important; }
#missionModal .mission-pilot-symbol { width:86px; height:86px; fill:none; stroke:#63cce8; stroke-width:2; }
#missionModal .pve-refinery-mineral-visual { width:58px; height:64px; }
#missionModal button:focus-visible { outline:2px solid #b4f1ff; outline-offset:2px; }
@media (max-width:1000px) {
    #missionModal .mission-card { grid-template-columns:128px minmax(0,1fr); }
    #missionModal .mission-target-art { height:105px; }
    #missionModal .multiple .mission-target-art { height:55px; }
}
@media (max-width:800px) {
    #missionModal #missionList { grid-template-columns:minmax(0,1fr); }
    #missionModal .mission-card { grid-template-columns:150px minmax(0,1fr); min-height:225px; }
}
@media (max-width:480px) {
    #missionModal { padding:8px; }
    #missionModal .mission-shell { width:100%; height:92dvh; max-height:calc(100dvh - 16px); }
    #missionModal .mission-header { padding:12px; }
    #missionModal .mission-header strong { font-size:12px; letter-spacing:1px; }
    #missionModal .mission-header small { font-size:11px; letter-spacing:0; }
    #missionModal .mission-filters { grid-template-columns:repeat(3,minmax(0,1fr)); padding:8px; }
    #missionModal .mission-filter { font-size:8px; min-height:36px; }
    #missionModal #missionList { padding:8px; gap:8px; }
    #missionModal .mission-card { grid-template-columns:112px minmax(0,1fr); }
    #missionModal .mission-content { padding:10px 10px 0; min-height:0; }
    #missionModal .mission-card-footer { padding:0 10px 10px; }
    #missionModal .mission-content h3 { font-size:12px; }
    #missionModal .mission-preview { padding:10px 5px; }
    #missionModal .multiple .mission-target-art { height:48px; }
}
@media (max-height:540px) {
    #missionModal { padding:8px; }
    #missionModal .mission-shell { height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); }
    #missionModal .mission-header { padding:9px 12px; }
    #missionModal .mission-filters { padding:6px 10px; gap:4px; }
    #missionModal .mission-filter { min-height:28px; }
}