/* Günlük giriş ödülü + away card extras. Dark ink on parchment, never white text (docs/hud-layout.md). */
.login-days { list-style: none; margin: 8px 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(76px, 1fr)); gap: 6px; }
.login-day { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 4px; border: 1px solid var(--border-soft); border-radius: 8px; background: var(--surface-inset); color: var(--ink); font-size: var(--text-xs); }
.login-day.is-today { background: var(--surface-selected); border-color: var(--border); }
.login-day.is-claimed, .login-day.is-past { background: var(--success-surface); }
.login-day b { font-family: var(--font-display); }
/* Görevler: the 7-day strip is numbers only, seven in a row (the prize shows on the day's card above while it is untaken). */
#panel .login-reward > .ui-section-head { display: none; }
#panel .login-days { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin: 6px 0; }
#panel .login-day { padding: 6px 0; }
#panel .login-day .ui-cost { display: none; }
.away-bonus, .away-raid { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--ink); }
.away-raid { background: var(--warning-surface); border-radius: 8px; padding: 6px 8px; }
/* Dönüş kartı (public/return-card.js): tek satır ödül özeti, haftalık/tatbikat satırları ve en çok 3 hedef satırı. Dar ekranda satırlar sarılır, taşmaz. */
.intro-card .away-grants, .intro-card .away-recap, .intro-card .away-drill { margin: 0 0 8px; padding: 6px 8px; border-radius: var(--radius-md); background: var(--success-surface); color: var(--ink); font-size: var(--text-sm); line-height: 1.4; overflow-wrap: anywhere; }
.away-targets { margin-bottom: 12px; }
.away-targets ul { display: grid; gap: 6px; list-style: none; margin: 0; padding: 0; }
.away-grant { white-space: nowrap; }
/* Every row (Hasım included) is the same two lines: name + tags, then strength and loot. */
.away-card .away-target { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; width: 100%; min-width: 0; min-height: var(--touch-target, 44px); padding: 6px 10px; text-align: left; border: 1px solid var(--border-soft); border-radius: var(--radius-md); background: var(--surface); color: var(--ink); }
.away-target-name, .away-target-facts { min-width: 0; overflow-wrap: anywhere; }
.away-target-facts small { color: var(--muted); }