/* A compact task view; shared header and tab bar stay owned by the shell. */
body[data-mobile-page=reminders] main{padding-top:16px}
body[data-mobile-page=reminders] .heading{margin-bottom:12px}
body[data-mobile-page=reminders] .heading h1{font-size:24px;letter-spacing:-.5px;margin:0}
body[data-mobile-page=reminders] .search-card{padding:0;margin:0 0 12px}
body[data-mobile-page=reminders] .search-card form{flex-direction:row;flex-wrap:nowrap;gap:8px;padding:6px 8px 6px 12px;border-radius:12px}
body[data-mobile-page=reminders] .search-card input{width:0;flex:1;min-width:0;padding:8px 0}
body[data-mobile-page=reminders] .search-button{flex:none;padding:10px 12px;min-height:44px;font-size:13px}
body[data-mobile-page=reminders] .search-pin,
body[data-mobile-page=reminders] .search-hint,
body[data-mobile-page=reminders] .big-icon,
body[data-mobile-page=reminders] .time-note,
body[data-mobile-page=reminders] .card-bottom,
body[data-mobile-page=reminders] .small-icon,
body[data-mobile-page=reminders] #reminder-description,
body[data-mobile-page=reminders] #reminder-badge,
body[data-mobile-page=reminders] main>footer{display:none}
body[data-mobile-page=reminders] .dashboard{gap:12px}
body[data-mobile-page=reminders] .pickup-card,
body[data-mobile-page=reminders] .reminder-card{padding:16px;border-radius:14px}
body[data-mobile-page=reminders] .pickup-content{margin:14px 0 10px}
body[data-mobile-page=reminders] .pickup-content h2{font-size:28px;letter-spacing:-.6px;line-height:1.2}
body[data-mobile-page=reminders] .pickup-content p{font-size:14px;margin:4px 0 0;line-height:1.4}
body[data-mobile-page=reminders] .pickup-time{padding:10px 0 0}
body[data-mobile-page=reminders] .pickup-time>div:first-child{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body[data-mobile-page=reminders] .pickup-time strong{font-size:26px;margin:0}
body[data-mobile-page=reminders] .tag{font-size:11px;padding:4px 8px}
body[data-mobile-page=reminders] .reminder-heading{margin:0 0 8px}
body[data-mobile-page=reminders] .reminder-heading h2{font-size:19px}
body[data-mobile-page=reminders] .reminder-time{font-size:24px;margin:0 0 12px}
body[data-mobile-page=reminders] .reminder-time small{margin:4px 0 0}
body[data-mobile-page=reminders] .primary{min-height:46px;padding:12px;font-size:14px}
body[data-mobile-page=reminders] #calendar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;font-size:14px;line-height:1.3;flex:none}
body[data-mobile-page=reminders] #calendar>span{display:inline-flex;flex:none}
body[data-mobile-page=reminders] #calendar svg{width:18px;height:18px}
body[data-mobile-page=reminders] .week-card{padding:14px;margin-top:12px;border-radius:14px}
body[data-mobile-page=reminders] .week{margin-top:12px;gap:4px}
body[data-mobile-page=reminders] .week-day{padding:8px 2px;gap:5px}
body[data-mobile-page=reminders] .week-footer{margin-top:10px;padding-top:10px}
body[data-mobile-page=reminders] .schedule-note{font-size:12px}
body[data-mobile-page=reminders] .extra-home{margin-top:12px}
body[data-mobile-page=reminders] .extra-home>section{margin:0;padding:14px}
body[data-mobile-page=reminders] .extra-home .home-heading .caps{display:none}
body[data-mobile-page=reminders] .extra-home .home-heading h2{font-size:19px;margin:0}
body[data-mobile-page=reminders] .home-card{padding:16px;border-radius:12px}
body[data-mobile-page=reminders] .home-amount{margin:12px 0 6px;font-size:28px}
body[data-mobile-page=reminders] .home-card .home-meta{margin:8px 0;font-size:12px}
body[data-mobile-page=reminders] .lower{gap:12px;margin-top:12px}
@media(max-width:650px){
 body[data-mobile-page=reminders] main{padding:12px 12px 24px}
 body[data-mobile-page=reminders] .dashboard{grid-template-columns:1fr}
 body[data-mobile-page=reminders] .caps{font-size:10px;letter-spacing:1px}
 body[data-mobile-page=reminders] .extra-home .home-heading{display:block}
 body[data-mobile-page=reminders] .extra-home .home-heading>.fine{display:block;max-width:100%;text-align:left;margin-top:6px}
}