/* css/screens/more.css — Grand Mumtoz Director · «Ещё / Yana» hub (DESIGN-screen-misc §5.11) — decorations added by js/screens/more.js
   over core's built-in hub: serif day line + summary, monogram stamps on the row icons, live sub-lines, staggered enter. */

.more__day { padding: 2px 4px 14px; display: flex; flex-direction: column; gap: 2px; }
.more__day-date { font: 600 24px/28px var(--font-display); color: var(--text-1); text-wrap: balance; }
.more__day-date::first-letter { text-transform: uppercase; }
.more__day-sum { font: 500 13px/18px var(--font-ui); color: var(--text-2); }

.more--decorated .more__list .row__icon { position: relative; overflow: visible; }
.more__stamp { position: absolute; right: -4px; bottom: -4px; width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center;
  font: 700 10px/1 var(--font-display); color: var(--accent); background: var(--bg-2); border: 1px solid var(--line-gold); box-shadow: var(--shadow-1);
  animation: moreStampIn 260ms var(--e-spring) both; animation-delay: calc(var(--i, 0) * 45ms + 120ms); }
.more--decorated .more__row { animation: moreRowIn var(--t-med) var(--e-enter) both; animation-delay: calc(var(--i, 0) * 35ms); }
.more--decorated .more__list .row__sub { display: block; font: 500 12px/16px var(--font-ui); color: var(--text-3); }
.more--decorated .more__list .row__sub.is-danger { color: var(--danger); }
.more--decorated .more__list .row__body { display: flex; flex-direction: column; gap: 1px; }

@keyframes moreRowIn { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
@keyframes moreStampIn { from { opacity: 0; transform: scale(1.3); } to { opacity: 1; transform: scale(1); } }
html[data-motion="reduced"] .more__stamp, html[data-motion="reduced"] .more--decorated .more__row { animation: none; }
@media (prefers-reduced-motion: reduce) { .more__stamp, .more--decorated .more__row { animation: none; } }
