/* ================= V5: INÍCIO COMPACTA + ÍCONES ================= */
:root { --hero-card: rgba(255,255,255,0.08); --hero-card-line: rgba(255,255,255,0.12); --hero-btn-bg: #FFFFFF; --hero-btn-fg: #000000; }
[data-theme="lilas"] { --hero-card: rgba(255,255,255,0.62); --hero-card-line: rgba(255,255,255,0.9); --hero-btn-bg: linear-gradient(135deg, #E27BEF 0%, #B57CF2 100%); --hero-btn-fg: #FFFFFF; }
[data-theme="indigo"] { --hero-card: rgba(255,255,255,0.12); --hero-card-line: rgba(255,255,255,0.18); --hero-btn-bg: #FFFFFF; --hero-btn-fg: #4A4BD4; }

/* Início */
.hero-compact { padding: calc(var(--safe-t) + 16px) 20px 48px; }
.hero-compact .hero-top { gap: 12px; justify-content: flex-start; }
.hero-hi { flex: 1; min-width: 0; }
.hero-compact .hero-app { font-size: 18px; }
.hero-compact .hero-date { display: flex; align-items: center; gap: 5px; font-size: 13px; margin-top: 2px; }
.hero-compact .hero-date svg { width: 13px; height: 13px; flex: none; }
.avatar { position: relative; width: 46px; height: 46px; border-radius: 50%; flex: none; overflow: hidden; background: linear-gradient(140deg, #FFD9C2, #F4A8C0); display: grid; place-items: center; box-shadow: 0 0 0 2px var(--hero-card-line); }
.avatar span { font-size: 19px; font-weight: 500; color: #5A2E3A; }
.avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: inherit; }

.today { margin-top: 18px; padding: 16px; border-radius: 22px; background: var(--hero-card); border: 1px solid var(--hero-card-line); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.today-kicker { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--hero-muted); }
.today-kicker svg { width: 14px; height: 14px; flex: none; }
.today-title { font-size: 22px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; margin: 6px 0 10px; text-wrap: balance; }
.today-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--hero-meta); margin-bottom: 14px; }
.today-meta span { display: inline-flex; align-items: center; gap: 5px; }
.today-meta svg { width: 14px; height: 14px; }
.btn-hero { background: var(--hero-btn-bg); color: var(--hero-btn-fg); height: 52px; font-size: 16px; }
.btn-hero:active { opacity: 0.85; }
.sheet-main { padding-bottom: calc(var(--safe-b) + 32px); }
.home-label { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; color: var(--text-secondary); margin: 0 2px 12px; }
.home-label svg, .section-label svg, .reminders h3 svg { width: 16px; height: 16px; flex: none; color: var(--accent-icon); }
.section-label, .reminders h3 { display: flex; align-items: center; gap: 8px; }
.last b { display: inline-flex; align-items: center; gap: 5px; }
.last b svg { width: 13px; height: 13px; }

/* Ícones em etiquetas e textos */
.tag { gap: 6px; }
.tag svg { width: 14px; height: 14px; flex: none; color: var(--accent-icon); }
.row-sub { display: flex; align-items: center; gap: 5px; }
.row-sub > svg { width: 12px; height: 12px; flex: none; color: var(--grey-450); }
.row-sub > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.block-meta { display: inline-flex; align-items: center; gap: 4px; }
.block-meta svg { width: 12px; height: 12px; margin-left: 4px; }
.meta-icons { display: flex !important; align-items: center; gap: 4px; }
.meta-icons svg { width: 12px; height: 12px; flex: none; }
.rest-pref-head span { display: inline-flex; align-items: center; gap: 8px; }
.rest-pref-head span svg { width: 16px; height: 16px; color: var(--accent-icon); }
.method { display: flex; gap: 10px; align-items: flex-start; }
.method > svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--accent-icon); }
.confirm-ico { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: #FFF4E5; color: #E08A1E; margin: -6px 0 12px; }
.confirm-ico svg { width: 24px; height: 24px; }

/* Player */
.set-label { display: inline-flex; align-items: center; gap: 6px; }
.set-label svg { width: 15px; height: 15px; opacity: 0.8; }
.set-caption { display: flex; align-items: center; gap: 5px; }
.set-caption svg { width: 13px; height: 13px; }
.step-val small { display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; width: 100%; }
.step-val small svg { width: 12px; height: 12px; flex: none; }
.clock-center .clock-ico { width: 22px; height: 22px; color: var(--text-tertiary); margin-bottom: 2px; }
.clock-center .clock-ico svg { width: 22px; height: 22px; }
.rest-actions .btn svg { width: 17px; height: 17px; }
.ico { display: grid; place-items: center; width: 22px; height: 22px; margin: 0 auto 4px; color: var(--text-tertiary); font-style: normal; }
.ico svg { width: 18px; height: 18px; }
.done-card > .ico { margin-bottom: 6px; }

/* Vídeo inteiro no cartão (sem cortar os pés) */
.media-card { position: relative; }
.media-card video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #FFFFFF; }
.sheet-media { position: relative; }
.sheet-media video { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: contain; background: #FFFFFF; }

/* texto pequeno do contador não herda o tamanho do número */
.steppers .step-val small span, .step-val small span { display: inline; font-size: inherit; letter-spacing: normal; line-height: inherit; }