/* Triple D application readability baseline.
   This file loads after product styles so no workspace can silently shrink the
   interface back to the former compact 8–12px presentation. */
:root{--app-readable-body:1rem;--app-readable-small:.8rem;--app-readable-label:.84rem;--app-readable-control:1rem}
html{font-size:16px}
body{font-size:var(--app-readable-body);line-height:1.55}

@media(min-width:768px){html{font-size:17px}}
@media(min-width:1200px){html{font-size:18px}}

/* Navigation remains readable and touch-friendly at every desktop width. */
#app-navigation{min-height:4rem}
#app-navigation>div{min-height:4rem!important;padding-top:.65rem!important;padding-bottom:.65rem!important}
#app-navigation a,#app-navigation button{font-size:.8rem!important;line-height:1.25!important}
#app-navigation .signed-in-identity{font-size:.72rem!important}
.app-account-utilities button,.pwa-install-nav{min-height:2.35rem;padding:.55rem .75rem!important}

/* Common Tailwind utility sizes used by most operational applications. */
.app-shell-content .text-xs{font-size:.8rem!important;line-height:1.25rem!important}
.app-shell-content .text-sm{font-size:.92rem!important;line-height:1.45rem!important}
.app-shell-content [class~="text-[10px]"],.app-shell-content [class~="text-[11px]"]{font-size:.76rem!important;line-height:1.15rem!important}
.app-shell-content input:not([type="checkbox"]):not([type="radio"]),.app-shell-content select,.app-shell-content textarea{font-size:var(--app-readable-control);line-height:1.4}
.app-shell-content button{min-height:2.35rem}

/* Remove the deliberately compressed dashboard treatment. */
.dashboard-compact{font-size:1rem!important;max-width:90rem!important;padding-top:1.5rem!important;padding-bottom:2.5rem!important}
.dashboard-compact>section:nth-of-type(3) h2{font-size:1.15rem!important;line-height:1.4!important}
.dashboard-compact>section:nth-of-type(3) a,.dashboard-compact>section:nth-of-type(3) p{font-size:.88rem!important;line-height:1.45!important}
.dashboard-compact>section:nth-of-type(3) table{font-size:.86rem!important;line-height:1.4!important}
.dashboard-compact>section:nth-of-type(3) th{padding:.65rem .75rem!important;font-size:.72rem!important}
.dashboard-compact>section:nth-of-type(3) td{padding:.7rem .75rem!important}
.dashboard-compact>section:nth-of-type(3) td p{font-size:.78rem!important}
.dashboard-compact>section:nth-of-type(4) article:nth-child(3) .group span{font-size:.7rem!important}

/* Shared form, table, card, and descriptive text floors. */
.form-fields label,.school-form label,.vertical-form label,.np-form p,.fx-form-grid label>span,.fx-admin-forms label>span{font-size:var(--app-readable-label)!important}
.form-fields .helptext,.vertical-form .helptext,.school-form .helptext,.np-form .helptext,.fx-form-grid label>small,.fx-admin-forms label>small{font-size:.76rem!important;line-height:1.45!important}
.vertical-panel>p,.vertical-icon span,.vertical-stats small,.np-table th,.np-table td,.np-badge{font-size:.8rem!important;line-height:1.4!important}
.vertical-form button,.vertical-action{font-size:.84rem!important;min-height:2.7rem}
.vertical-table{font-size:.84rem!important}.vertical-table th{font-size:.72rem!important}.vertical-table th,.vertical-table td{padding:.78rem!important}

/* Educat and virtual labs previously contained many 8–11px labels. */
.educat-examples,.educat-batch-summary,.educat-preview-panel h3,.educat-options>span,.educat-solution p,.educat-save label,.educat-save select,.educat-save button,.educat-empty p,.educat-notice p,.educat-notice a{font-size:.82rem!important;line-height:1.5!important}
.educat-expression small,.educat-solution small,.educat-options small,.educat-safety b,.educat-safety p,.educat-flow span{font-size:.74rem!important;line-height:1.4!important}
.lab-card .lab-subject,.lab-card p,.lab-card strong,.lab-instructions p,.lab-observation p,.lab-controls label,.lab-journal textarea,.lab-filter a,.lab-actions button,.coordinate-point,.learning-path ul,.learning-practice p{font-size:.8rem!important;line-height:1.5!important}
.lab-card{min-height:230px!important;padding:1.25rem!important}.lab-card h2{font-size:1.15rem!important}.lab-controls label{padding:.85rem!important}.lab-journal textarea{min-height:9rem}

/* Reporting charts: larger plotting area and legible axes/legends. */
.reporting-shell{max-width:90rem!important}
.report-chart{height:360px!important;min-height:360px!important}.report-chart svg{max-height:360px!important}
.chart-axis{font:14px system-ui!important}.donut-total{font:bold 34px system-ui!important}.donut-label{font:14px system-ui!important}
.donut-layout li,.report-card header p,.report-card header span,.report-chart-empty span,.report-table-wrap th,.report-table-wrap td,.report-definition,.reporting-foot,.reporting-kpis p,.reporting-kpis code,.reporting-meta{font-size:.8rem!important;line-height:1.45!important}
.report-card h2{font-size:1.12rem!important}.report-card{padding:1.35rem!important}

/* Triple D platform operations and its system charts use the same standard. */
.platform-operations-body{font-size:1rem}.platform-console{width:min(calc(100% - 2rem),96rem)!important}
.platform-operations-links a,.platform-operations-links button{font-size:.8rem!important}.platform-operations-links>span{font-size:.75rem!important}
.platform-console-hero p,.platform-console-hero aside p,.platform-panel-heading p,.platform-panel-heading>small,.platform-app-grid p,.platform-search-results p,.platform-compact-list p,.platform-detail-list dd,.platform-diagnostic p,.platform-checklist,.platform-lab-summary span,.platform-device-controls>p{font-size:.8rem!important;line-height:1.5!important}
.platform-stat-grid span,.platform-stat-grid small,.platform-app-grid dt,.platform-directory-form label,.platform-action-form label,.platform-search-results a span,.platform-compact-list span,.platform-compact-list small,.platform-pill,.platform-table-action,.platform-breadcrumb,.platform-diagnostic h3,.platform-lab-summary b,.platform-card-actions a{font-size:.74rem!important;line-height:1.35!important}
.platform-chart{min-height:290px!important}.platform-chart .chart-label{font-size:14px!important}.platform-chart .chart-value,.platform-chart .chart-legend text,.platform-chart .chart-total-label{font-size:13px!important}.platform-chart .chart-total{font-size:36px!important}
.platform-chart-grid h3{font-size:.95rem!important}.platform-chart-grid>article{padding:1.25rem!important}

/* CE Vault has its own document shell, so give authenticated members the same scale. */
.ceu-member-app{font-size:1rem}.ceu-member-app .ceu-nav a,.ceu-member-app .ceu-nav button{font-size:.82rem!important}
.ceu-member-app :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button){font-size:.92rem}

@media(max-width:767px){
  #app-navigation{min-height:3.6rem}#app-navigation>div{min-height:3.6rem!important}
  .report-chart{height:300px!important;min-height:300px!important}.report-chart svg{max-height:300px!important}
  .platform-chart{min-height:240px!important}
}