/* RingUp — shared readable typography. Titles retain their existing light scale. */
:root{--parade-text-control:14px;--parade-text-body:15px;--parade-text-meta:13px;--parade-text-badge:12px}
#app-preview{--page-control-font:var(--parade-text-control)}
#app-preview .app-nav button{font-size:14px;font-weight:500}
#app-preview :is(.button,.text-action,.parade-select-trigger,.search-field input,.segmented button){font-size:var(--parade-text-control);font-weight:500}
#app-preview :is(.sales-tools,.followup-toolbar) .segmented button,#app-preview .sales-status-pills button,#app-preview .sales-tools .search-field input{font-size:var(--parade-text-control);font-weight:500}
#app-preview :is(.app-title p,.n-sub,.inline-label,.sale-context,.sale-filter-date,.followup-toolbar>span){font-size:var(--parade-text-meta);line-height:1.5}
#app-preview .app-title .home-stud-name{font-size:19px;font-weight:300;line-height:1.35}
#app-preview :is(.badge,.dot-badge,.catalogue-sex-badge,.catalogue-lot-chip,.catalogue-pick-chip,.photo-tag){font-size:var(--parade-text-badge);font-weight:500;line-height:1.4}
#app-preview :is(.sales-table-head,.contact-table-head){font-size:12px;font-weight:500;line-height:1.5}
#app-preview .sale-row strong{font-size:15px;font-weight:500;line-height:1.35}
#app-preview .sale-row small{font-size:13px;line-height:1.35}
#app-preview .sale-row .sale-numeric{font-size:15px}
#app-preview .mobile-cell-label{font-size:12px}
#app-preview :is(.catalogue-card-meta,.catalogue-card-bottom,#registry-count,.catalogue-photo-placeholder>span){font-size:13px;line-height:1.5}
#app-preview .catalogue-card-pedigree{font-size:14px;line-height:1.55}
#app-preview .catalogue-card-open{font-size:13px;font-weight:500}
#app-preview .catalogue-card-bottom{flex-wrap:wrap;row-gap:8px}
#app-preview :is(.broker-head strong,.request-name,.visit-history-identity strong,.directory-row strong,.admin-row-name strong){font-size:16px;font-weight:500;line-height:1.45}
#app-preview :is(.broker-head small,.visit-note-preview>small,.note-audience,.visit-history-identity small,.visit-share-label,.visit-history-content>small,.directory-row small,.admin-row-name small,.directory-coordinates p,.directory-visit>small){font-size:13px;line-height:1.55}
#app-preview :is(.visit-note-preview p,.visit-history-content p,.followup-empty,.registry-copy,.registry-visit p,.directory-visit>p:not(.n-sub),.administration-panel p){font-size:15px;line-height:1.6}
#app-preview :is(.visit-note-preview strong,.registry-visit strong,.followup-card-heading h4){font-size:14px;font-weight:500;line-height:1.5}
#app-preview :is(.visit-note-preview .text-action,.card-foot .button,.request .button){font-size:14px;line-height:1.4}
#app-preview :is(.followup-card-heading>span,.registry-visit small,.registry-exams span,.directory-count small,.directory-metrics small,.directory-detail-heading .n-sub){font-size:12px;line-height:1.5}
#app-preview :is(.sale-shortcut strong,.visit-row-copy strong,.contact-person strong,.sale-lot-name .horse-name-link){font-size:15px;font-weight:500}
#app-preview :is(.sale-shortcut small,.visit-row-copy small,.contact-person small,.sale-lot-name small,.sale-lot-source,.stud-pick-toggle,.sale-source-status,.sale-source-status strong,.stat-heading,.portfolio-kpi>div,.portfolio-kpi small,.stat-foot,.gauge-label span,.coverage-legend span){font-size:13px;line-height:1.5}
#app-preview :is(.profile-popover,.profile-language,.profile-popover label,.profile-stud-name,.profile-menu-links button){font-size:14px}
#app-preview :is(.profile-menu-identity small,.profile-demo,.profile-demo p){font-size:13px;line-height:1.5}
#app-preview .profile-menu-identity strong{font-size:16px}
.parade-select-menu{font-size:var(--parade-text-control)}
.parade-select-menu [role=option]{min-height:44px;line-height:1.5}
dialog :is(label,select,input:not([type=checkbox]):not([type=radio]),.parade-select-trigger,.button,.reaction-options label){font-size:14px}
dialog :is(textarea,.internal-note-field textarea){font-size:15px;line-height:1.6}
dialog :is(.n-sub,.micro,.note-meta,.reaction-field>p,.internal-note-field>p,.followup-visit-identity small,.followup-demo-note){font-size:13px;line-height:1.55}
/* Allow controls to widen or wrap instead of shrinking their labels. */
#app-preview .catalogue-heading-actions{max-width:100%}
#app-preview .catalogue-heading-actions .search-field{width:280px}
#app-preview .split-action{gap:14px}
#app-preview .sales-tools .search-field{width:280px;max-width:100%}
#app-preview .broker-head{flex-wrap:wrap;row-gap:10px}
@media(min-width:601px) and (max-width:1000px){
 #app-preview>.app-bar{grid-template-columns:180px 1fr;row-gap:16px}
 #app-preview .app-bar>.app-nav{grid-column:1/-1;grid-row:2;justify-self:center}
 #app-preview .app-bar>.header-tools{grid-column:2;grid-row:1}
}
@media(max-width:600px){
 :root{--parade-text-control:16px;--parade-text-body:16px}
 #app-preview .app-title .home-stud-name{font-size:18px}
 #app-preview .catalogue-heading-actions .search-field{width:100%}
 #app-preview .catalogue-card-pedigree{font-size:15px}
 #app-preview :is(.visit-note-preview p,.visit-history-content p,.followup-empty,.registry-copy,.registry-visit p,.directory-visit>p:not(.n-sub)){font-size:16px}
 #app-preview :is(.request .button,.card-foot .button,.visit-note-preview .text-action){font-size:16px}
 #app-preview .sales-status-pills button{font-size:14px;padding-inline:9px}
 #app-preview .app-bar .app-nav{background:#485634}
 #app-preview .followup-toolbar .segmented{height:auto;min-height:48px}
 #app-preview .followup-toolbar .segmented button{height:auto;min-height:42px;white-space:normal}
 #app-preview .directory-tabs button{font-size:14px}
 dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.parade-select-trigger,.button){font-size:16px}
}