/* 0.7.7 «Задания дня и недели» (src/missions-ui.js): bars on the left, the reward on the right, 360 px first. */
.missions-page .mission-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:28px 0 12px}
.missions-page .mission-head .subheading{margin:0}
.missions-page .mission-reset{color:var(--c-text-2);font-size:12px;font-variant-numeric:tabular-nums}
.missions-page .mission-list{display:grid;gap:10px}
.missions-page .mission-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px}
.missions-page .mission-card h3{margin:0;font-size:var(--fs-l);line-height:1.3;overflow-wrap:anywhere}
.missions-page .mission-card .progress-track{height:6px;margin:9px 0 5px}
.missions-page .mission-card small{color:var(--c-text-2);font-variant-numeric:tabular-nums}
.missions-page .mission-card.done{border-color:var(--c-gold-line)}
.missions-page .mission-card.done .progress-track i{background:var(--c-gold)}
.missions-page .mission-card.done small{color:var(--c-gold)}
.missions-page .mission-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.missions-page .mission-reward{color:var(--c-gold);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.missions-page .mission-side button{width:auto;min-height:36px;padding:6px 12px;margin:0;font-size:var(--fs-m);white-space:nowrap}
.missions-page .mission-note{margin:8px 0 0;color:var(--r-common);font-size:12px}
@media (max-width:420px){
 .missions-page .mission-card{gap:10px;padding:12px}
 .missions-page .mission-card h3{font-size:14px}
 .missions-page .mission-reward{font-size:var(--fs-m)}
}