/* Compact screen typography; retain touch targets and mobile input legibility. */
@media screen {
 body h1 {font-size:20px;line-height:1.5}
 body h2, .admin-view #teamTitle {font-size:17px!important;line-height:1.5}
 body h3 {font-size:15px!important;line-height:1.5}
 #app main>header h1 {font-size:20px!important}
 body button, body input, body select, body textarea,
 #projects button, body nav button,
 .monda-insights .ai-bubble, .monda-insights textarea,
 .monda-insights .input-heading, .insight-input-label,
 .appearance-form, .message p, .summary-card, .team-card,
 body td, body th {font-size:var(--monda-size,12px)}
 .monda-insights .input-heading, .insight-input-label {font-weight:700}
 .monda-insights .ai-bubble {line-height:1.7}
 .logo b {font-size:21px}
 .stat b {font-size:26px}
 .chat-list-row strong {font-size:13px}
 #chatTitle {font-size:14px}
 .chat-more {font-size:20px}
 #backToChats {font-size:22px}
}
@media screen and (max-width:760px) {
 #app main>header h1 {font-size:17px!important}
 body h2, .admin-view #teamTitle {font-size:16px!important}
 body h3 {font-size:14px!important}
 #projects button, .tabs button, .item-switch button,
 .admin-section-tabs button, body td, body th {font-size:12px!important}
 body input, body select, body textarea,
 .monda-insights textarea {font-size:16px!important}
}