/* ========== Large Font Override ========== */
/* Override app.css for large-font version. Linked via index-lg.html. */

@import url('app.css');

/* --- Core: scale up fonts and key dimensions --- */
body{font-size:17px;line-height:1.55}

/* Cards */
.card{border-radius:16px}
.stat-card{border-radius:14px;padding:14px 6px}

/* Buttons */
.btn-primary{padding:16px;font-size:17px;border-radius:16px}
.btn-secondary{padding:8px 16px;font-size:13px;border-radius:22px}
.btn-call{padding:8px 18px;font-size:12px;border-radius:10px}

/* Tags */
.tag{font-size:12px;padding:3px 10px;border-radius:7px}
.tag-type{font-size:11px;padding:3px 8px;border-radius:5px}

/* Thumb - bigger */
.thumb{width:56px;height:56px;border-radius:14px;font-size:21px}

/* Select */
.select-glass{padding:16px 18px;font-size:17px;border-radius:16px}

/* Phone links */
.phone-link{padding:7px 14px;font-size:13px;border-radius:10px}

/* Grade bar */
.grade-bar{height:8px;border-radius:4px}
.grade-bar-fill{border-radius:4px}

/* Summary */
.summary-box{font-size:13px;padding:10px 12px;border-radius:10px;line-height:1.65}

/* Header - two-row layout needs more room */
.header-bar{padding:14px 18px}

/* Tabs - offset for taller header */
.tab-btn{padding:14px 18px;font-size:15px}
.tab-bar{top:56px}

/* Bottom bar */
.bottom-bar{padding:14px 18px}

/* Glass card */
.glass-card{border-radius:16px}

/* Type toggle */
.type-btn{padding:13px 0;font-size:15px}
.type-btn span{font-size:13px}
.type-toggle{padding:10px 18px}

/* Wheel picker */
.wheel-wrap{height:220px}
.wheel-highlight{top:80px;height:48px;border-radius:12px}
.wheel-scroll{padding:80px 0}
.wheel-item{height:48px;font-size:16px}
.wheel-item.selected{font-size:24px}
.wheel-mask-top{height:76px}
.wheel-mask-bottom{height:76px}

/* Picker sheet */
.picker-sheet{border-radius:22px 22px 0 0}

/* Toast */
.toast{padding:14px 22px;font-size:15px;border-radius:14px}

/* Empty state */
.empty-state{font-size:14px;padding:48px 0}

/* --- Override inline font-sizes in views.js via lg-mode class --- */
.lg-mode [style*="font-size:24px"]{font-size:28px !important}
.lg-mode [style*="font-size:22px"]{font-size:26px !important}
.lg-mode [style*="font-size:17px"]{font-size:20px !important}
.lg-mode [style*="font-size:14px"]{font-size:16px !important}
.lg-mode [style*="font-size:13px"]{font-size:15px !important}
.lg-mode [style*="font-size:12px"]{font-size:14px !important}
.lg-mode [style*="font-size:11px"]{font-size:13px !important}
.lg-mode [style*="font-size:10px"]{font-size:12px !important}
.lg-mode [style*="font-size:9px"]{font-size:11px !important}
.lg-mode [style*="font-size:8px"]{font-size:10px !important}

/* Home logo icon - larger */
.lg-mode [style*="width:72px"]{width:84px !important;height:84px !important;font-size:28px !important}