/* Shared readable type scale for every demo workspace. */
body[data-demo-role]{font-size:15px!important}
body[data-demo-role] .side .workspace{font-size:12px!important}
body[data-demo-role] .side-nav .nav-group{font-size:11px!important}
body[data-demo-role] .side-nav a,
body[data-demo-role] .side-utility a{font-size:14px!important;min-height:43px!important}
body[data-demo-role] .profile strong{font-size:12px!important}
body[data-demo-role] .profile small{font-size:11px!important}

body[data-demo-role] .portal-main p{font-size:13px!important;line-height:1.5}
body[data-demo-role] .portal-main small{font-size:11px!important;line-height:1.4}
body[data-demo-role] .portal-main label{font-size:12px!important;line-height:1.35}
body[data-demo-role] .portal-main :is(input,select,textarea,button){font-size:13px!important}
body[data-demo-role] .portal-main :is(input,select,textarea){line-height:1.35}
body[data-demo-role] .portal-tag,
body[data-demo-role] .portal-main :is(.section-intro,.agent-section-intro,.crm-card-head,.portfolio-panel-head,.tenancy-card-head,.report-card-head)>div>span,
body[data-demo-role] .portal-main :is(.section-intro,.agent-section-intro,.crm-card-head,.portfolio-panel-head,.tenancy-card-head,.report-card-head)>span{font-size:11px!important}

body[data-demo-role] .portal-main :is(.agent-tabs,.customer-list-tabs,.property-tabs,.listing-tabs,.finance-tabs,.tenancy-tabs,.investment-tabs,.portal-tabs,[role="tablist"]) button{font-size:13px!important}
body[data-demo-role] .portal-main :is(.agent-tabs,.customer-list-tabs,.property-tabs,.listing-tabs,.finance-tabs,.tenancy-tabs,.investment-tabs) b{font-size:10px!important}

body[data-demo-role] .portal-main :is(.agent-table-head,.customer-table-head,.property-list-head,.finance-table-head,.tenancy-table-head,.report-table-head){font-size:10px!important;letter-spacing:.05em!important}
body[data-demo-role] .portal-main :is(.agent-person,.customer-person,.property-identity) strong,
body[data-demo-role] .portal-main :is(.agent-row,.customer-row,.property-row,.finance-table article,.tenancy-table article) strong{font-size:12px!important;line-height:1.35}
body[data-demo-role] .portal-main :is(.agent-person,.customer-person,.property-identity) small,
body[data-demo-role] .portal-main :is(.agent-row,.customer-row,.property-row,.finance-table article,.tenancy-table article) small{font-size:11px!important}
body[data-demo-role] .portal-main :is(.agent-status,.crm-stage,.commission-plan,.status-pill,.finance-status,.tenancy-status){font-size:10px!important}

body[data-demo-role] .portal-main :is(.agent-stats,.customer-kpis,.property-stats,.investment-stats,.sales-kpis,.tenancy-kpis) small{font-size:11px!important}
body[data-demo-role] .portal-main :is(.agent-stats,.customer-kpis,.property-stats,.investment-stats,.sales-kpis,.tenancy-kpis) em,
body[data-demo-role] .portal-main :is(.agent-stats,.customer-kpis,.property-stats,.investment-stats,.sales-kpis,.tenancy-kpis) span:not([class]){font-size:10px!important}

/* Realtor directory, onboarding, commission rules and network. */
body[data-demo-role] .portal-main :is(.agent-section-intro,.signup-settings,.commission-preview,.network-summary)>span{font-size:11px!important}
body[data-demo-role] .portal-main :is(.approval-queue,.agent-rule-row,.commission-section-title,.level-rules,.override-list,.network-root,.network-branch,.network-summary) strong{font-size:12px!important}
body[data-demo-role] .portal-main :is(.approval-queue,.agent-rule-row,.commission-section-title,.level-rules,.override-list,.network-root,.network-branch,.network-summary) small{font-size:10px!important}
body[data-demo-role] .portal-main :is(.commission-form-grid,.agent-program-inputs,.level-controls) label{font-size:11px!important}
body[data-demo-role] .portal-main .level-rules>article>span{font-size:10px!important}
body[data-demo-role] .portal-main .commission-preview :is(dt,dd){font-size:12px!important}
body[data-demo-role] .portal-main .preview-total span{font-size:11px!important}
body[data-demo-role] .portal-main .preview-total small,
body[data-demo-role] .portal-main .cap-meter small{font-size:10px!important}
body[data-demo-role] .portal-main .recruiter-disabled-note{font-size:12px!important}

/* Customer records and CRM. */
body[data-demo-role] .portal-main :is(.customer-activity-list,.journey-list,.profile-timeline,.profile-note) strong{font-size:12px!important}
body[data-demo-role] .portal-main :is(.customer-activity-list,.journey-list,.profile-timeline,.profile-note) :is(p,small){font-size:11px!important}
body[data-demo-role] .portal-main :is(.profile-contact-grid,.profile-details,.interested-property) :is(strong,dt,dd){font-size:12px!important}
body[data-demo-role] .portal-main .profile-panel section>span{font-size:10px!important}

/* Property, payments and tenancy registers. */
body[data-demo-role] .portal-main :is(.listing-type,.enquiry-count,.updated-at) strong{font-size:12px!important}
body[data-demo-role] .portal-main :is(.listing-type,.enquiry-count,.updated-at) small{font-size:11px!important}
body[data-demo-role] .portal-main :is(.attention-list,.setting-row,.property-footer-row) strong{font-size:12px!important}
body[data-demo-role] .portal-main :is(.attention-list,.setting-row,.property-footer-row) small{font-size:11px!important}
body[data-demo-role] .portal-main .property-footer-row a{font-size:12px!important}
body[data-demo-role] .portal-main :is(.finance-table,.tenancy-table){font-size:12px!important}
body[data-demo-role] .portal-main :is(.finance-table,.tenancy-table) time{font-size:11px!important}
body[data-demo-role] .portal-main :is(.table-footer,.tenancy-table-footer){font-size:11px!important}

/* Forms, drawers, dialogs and confirmations. */
body[data-demo-role] :is(.action-drawer,.ownership-terms-modal,.tenancy-drawer,.report-detail-dialog,.agent-drawer,.add-customer-drawer,.customer-profile-drawer) label{font-size:12px!important}
body[data-demo-role] :is(.action-drawer,.ownership-terms-modal,.tenancy-drawer,.report-detail-dialog,.agent-drawer,.add-customer-drawer,.customer-profile-drawer) :is(input,select,textarea,button){font-size:13px!important}
body[data-demo-role] :is(.action-drawer,.ownership-terms-modal,.tenancy-drawer,.report-detail-dialog,.agent-drawer,.add-customer-drawer,.customer-profile-drawer) small{font-size:11px!important}
body[data-demo-role] :is(.action-drawer,.ownership-terms-modal,.tenancy-drawer,.report-detail-dialog,.agent-drawer,.add-customer-drawer,.customer-profile-drawer) :is(legend,header>div>span){font-size:11px!important}

@media(max-width:760px){
  body[data-demo-role]{font-size:14px!important}
  body[data-demo-role] .portal-main :is(input,select,textarea,button){font-size:14px!important}
}