/* Tayra Parceiro (reaproveita /app.css) */
body { background: #F3F4F6; }
.tp-top { background: #0F172A; color: #fff; padding: calc(14px + env(safe-area-inset-top)) 18px 16px; display: flex; align-items: center; justify-content: space-between; }
.tp-top small { display: block; color: #86EFAC; font-size: 12px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
.tp-top b { font-size: 18px; }
.tp-out { background: rgba(255,255,255,.12); color: #fff; border: 0; border-radius: 99px; padding: 7px 14px; font-weight: 600; }
.tp-wrap { padding-top: 16px; padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
.tp-nav { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; border-top: 1px solid #E5E7EB; display: grid; grid-template-columns: repeat(3, 1fr); padding: 6px 0 calc(6px + env(safe-area-inset-bottom)); }
.tp-nav button { background: none; border: 0; display: flex; flex-direction: column; align-items: center; gap: 3px; color: #6B7280; font-size: 12px; font-weight: 600; padding: 6px 0; }
.tp-nav button.on { color: #00963C; }
.tp-hero { background: #0F172A !important; }
.tp-muted { color: #6B7280; font-size: 13.5px; margin: 6px 0 12px; line-height: 1.4; }
.tp-or { text-align: center; color: #9CA3AF; font-size: 13px; margin: 10px 0; }
.tp-cam { width: 100%; border-radius: 14px; margin-top: 10px; background: #000; max-height: 320px; object-fit: cover; }
.tp-found .tp-client { font-size: 20px; font-weight: 800; }
.tp-found .tp-what { color: #374151; margin-top: 2px; }
.tp-found .tp-what b { color: #00963C; }
.tp-rules { margin: 8px 0 0; padding-left: 18px; color: #6B7280; font-size: 13px; }
.tp-calc { margin: 6px 0 12px; }
.tp-calc > div { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px dashed #E5E7EB; font-size: 15px; }
.tp-calc > div:last-child { border-bottom: 0; }
.tp-calc .g { color: #00963C; }
.tp-calc .tot { font-size: 18px; font-weight: 800; }
.tp-done { text-align: center; }
.tp-done .tp-calc { text-align: left; }
.tp-ok { width: 64px; height: 64px; border-radius: 50%; background: #E7F8EE; color: #00963C; display: flex; align-items: center; justify-content: center; margin: 4px auto 8px; }
.tp-month { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; text-transform: capitalize; }
.tp-month button { width: 40px; height: 40px; border-radius: 12px; border: 1px solid #E5E7EB; background: #fff; font-size: 20px; }
.tp-undo { background: none; border: 1px solid #E5E7EB; border-radius: 99px; padding: 5px 10px; font-size: 12px; color: #6B7280; margin-left: 8px; }
.tp-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tp-tag { font-size: 11px; color: #00963C; background: #E7F8EE; padding: 2px 7px; border-radius: 99px; font-weight: 700; }