/* v0.22 — missions : fenêtre « Cadeaux » à onglets (Jour, Semaine, Succès) */
.daily-box { max-width: 720px; }
.miss-tabs { margin: 10px 0 4px; }
.miss-tabs button { position: relative; }
.miss-tabs .badge-on::after { content: ""; position: absolute; top: -4px; right: -4px; width: 12px; height: 12px; border-radius: 50%; background: var(--c-red); border: 2px solid var(--c-ink); }
.miss-pane > .section-h:first-child { margin-top: 10px; }

/* Semaine : récompense sous le nom, bouton Réclamer à droite */
.mission.wk { grid-template-columns: 22px 1fr auto 90px 104px; }
.mission.wk .m-name small { display: block; font-size: 11px; color: var(--c-gold2); font-weight: 700; }
.mission.wk button { padding: 5px 8px; font-size: 12px; min-width: 0; }
.mission.wk .m-check { color: #b6ff8a; }
.mission.wk.ready { border-color: var(--c-gold2); background: rgba(122, 90, 28, .45); box-shadow: 0 0 10px rgba(226, 189, 95, .3); }
.mission.wk.ready .m-check { color: var(--c-gold2); border-color: var(--c-gold2); }
.mission.wk.claimed { opacity: .72; }

/* Succès */
.ach-head { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; align-items: end; margin-top: 10px; padding: 10px 12px; border: 1px solid var(--c-gold); background: #1a2550; }
.ach-sum { display: grid; gap: 4px; font-size: 13px; }
.ach-sum b { font-family: var(--font-title); font-size: 16px; color: var(--c-gold2); }
.ach-title { display: grid; gap: 3px; font-size: 11px; color: var(--muted); font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.ach-title select { font-size: 13px; text-transform: none; letter-spacing: 0; padding: 5px 6px; max-width: 280px; border-radius: 3px; }
.ach-head #achAll { grid-column: 1 / -1; }
.ach-list { display: grid; gap: 5px; }
.ach { display: grid; grid-template-columns: 1fr 96px 104px; gap: 10px; align-items: center; padding: 7px 9px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(200, 160, 74, .3); border-radius: 3px; }
.ach.ready { border-color: var(--c-gold2); background: rgba(122, 90, 28, .45); box-shadow: 0 0 10px rgba(226, 189, 95, .3); }
.ach.complete { border-color: #5f8f58; background: rgba(47, 90, 52, .3); }
.ach.locked .ach-desc { color: var(--muted); }
.ach-main { display: grid; gap: 3px; min-width: 0; }
.ach-name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ach-name b { font-family: var(--font-title); font-size: 14px; }
.ach-desc { font-size: 12px; }
.ach-pips { display: inline-flex; gap: 3px; }
.ach-pips i { width: 11px; height: 11px; transform: rotate(45deg); border: 1px solid var(--c-gold); background: rgba(0, 0, 0, .3); }
.ach-pips i.got { background: var(--c-gold2); }
.ach-pips i.ready { background: #fff1c4; box-shadow: 0 0 6px #fff1c4; }
.ach-rew { display: grid; justify-items: center; gap: 1px; text-align: center; }
.ach-rew b { font-family: var(--font-title); font-size: 15px; color: #cfe6ff; }
.ach-rew small { font-size: 10px; color: var(--muted); }
.ach-rew .hl-tag { font-size: 9px; line-height: 1.3; padding: 1px 4px; white-space: normal; }
.ach button { padding: 5px 8px; font-size: 12px; min-width: 0; }

/* Titre affiché au Camp, à côté du nom */
.cp-who { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cp-title { font-family: Nunito, sans-serif; font-size: 10px; padding: 1px 6px; cursor: pointer; line-height: 1.5; white-space: nowrap; }
.cp-title:hover { filter: brightness(1.12); }

@media (max-width: 600px) {
  .mission.wk { grid-template-columns: 22px 1fr auto; row-gap: 5px; }
  .mission.wk .bar { display: block; grid-column: 2 / 3; }
  .mission.wk .m-prog { display: none; }
  .mission.wk button { grid-column: 3; grid-row: 1 / span 2; }
  .ach-head { grid-template-columns: 1fr; }
  .ach-title select { max-width: none; width: 100%; }
  .ach { grid-template-columns: 1fr auto; gap: 6px 8px; }
  .ach-rew { grid-column: 1; grid-row: 2; display: flex; align-items: baseline; gap: 5px; justify-items: start; }
  .ach button { grid-column: 2; grid-row: 1 / span 2; }
}
/* v0.31 : quête du jour verrouillée (contenu pas encore ouvert) : ne compte pas pour le coffre */
.mission.q-locked { opacity: .85; }
.mission.q-locked .m-name small { display: block; font-size: 11px; color: #c9c3b5; font-weight: 600; }