@font-face{font-family:'MIS Sarabun';src:url('../person/vendor/fonts/sarabun.ttf') format('truetype');font-weight:100 900;font-display:swap}
/* Only screens: preserve A4 reports and print/PDF layouts supplied by each module. */
@media screen {
html[data-mis-typography],html[data-mis-typography] body .mis-type-preview{--mis-font-family:var(--mis-type-font-family);--mis-text-body:var(--mis-type-text-body);--mis-text-menu:var(--mis-type-text-menu);--mis-nav-font-size:var(--mis-type-nav-font-size);--mis-text-heading:var(--mis-type-text-heading);--mis-text-section:var(--mis-type-text-section);--mis-text-subheading:var(--mis-type-text-subheading);--mis-text-table:var(--mis-type-text-table);--mis-text-small:var(--mis-type-text-small);--mis-text-chart:var(--mis-type-text-chart);}

html[data-mis-typography]{font-size:var(--mis-text-body,16px)!important}
html[data-mis-typography] body{font-family:var(--mis-font-family)!important;font-size:var(--mis-text-body)!important;line-height:1.65!important}
html[data-mis-typography] body :where(*:not(i,svg,svg *,canvas,code,code *,pre,pre *,[class*="fa-"],.fa,.fas,.far,.fab,[class^="ph"],[class*=" ph"],.material-icons,.material-symbols-outlined,[data-mis-font-preserve],[data-mis-font-preserve] *)){font-family:var(--mis-font-family)!important;font-size:inherit!important}
html[data-mis-typography] body :is(input,button,textarea,select){font-family:var(--mis-font-family)!important;font-size:var(--mis-text-body)!important;line-height:1.5!important}
html[data-mis-typography] body :is(h1,.mis-type-h1){font-size:var(--mis-text-heading)!important;line-height:1.5!important}
html[data-mis-typography] body :is(h2,.mis-type-h2){font-size:var(--mis-text-section)!important;line-height:1.5!important}
html[data-mis-typography] body :is(h3,h4,h5,h6,.mis-type-h3){font-size:var(--mis-text-subheading)!important;line-height:1.5!important}
html[data-mis-typography] body :is(h1,h2,h3,h4,h5,h6)>:where(span,strong,a,b){font-size:inherit!important}
html[data-mis-typography] body :is(small,.hint,.note,.text-xs,.text-sm,.eyebrow,.section-number,.optional,.preview-caption){font-size:var(--mis-text-small)!important}
html[data-mis-typography] body :is(table,th,td){font-size:var(--mis-text-table)!important;line-height:1.65!important}
html[data-mis-typography] body :is(th,td) :where(span,div,p,a,strong,small,b,label,button,input,select){font-size:var(--mis-text-table)!important}
html[data-mis-typography] body :is(nav,.tabs,.sidebar,.mis-sidebar,.mis-menu,.top-tabs){font-size:var(--mis-text-menu)!important}
html[data-mis-typography] body :is(nav,.tabs,.sidebar,.mis-sidebar,.mis-menu,.top-tabs) :where(a,button,span,p,div,h2,h3,strong,small){font-size:var(--mis-text-menu)!important;line-height:1.5!important}
html[data-mis-typography] body .mis-sidebar :is(.mis-menu-item,.mis-menu-group-button){font-size:var(--mis-text-menu)!important;height:auto}
html[data-mis-typography] body .mis-sidebar.is-compact .mis-menu-item{width:54px;height:54px}
html[data-mis-typography] body .mis-sidebar-brand{font-size:var(--mis-text-menu)!important}
html[data-mis-typography] body .mis-status-bar{min-height:max(48px,calc(var(--mis-text-menu)*2.8));height:auto}
html[data-mis-typography] body .mis-login-hero h1{font-size:var(--mis-text-heading)!important}
html[data-mis-typography] body :is(.mis-sidebar-name,.mis-sidebar-department,.mis-menu-count){font-size:var(--mis-text-menu)!important}
html[data-mis-typography] body svg text{font-family:var(--mis-font-family)!important;font-size:var(--mis-text-chart)!important}
/* Explicit opt-in preview uses draft values without changing the application. */
html[data-mis-typography] body .mis-type-preview{font-family:var(--mis-font-family)!important;font-size:var(--mis-text-body)!important}
html[data-mis-typography] body .mis-type-preview :is(p,input,button,textarea,select){font-size:var(--mis-text-body)!important}
html[data-mis-typography] body .mis-type-preview :is(h1,h2){font-size:var(--mis-text-heading)!important}
html[data-mis-typography] body .mis-type-preview :is(table,th,td){font-size:var(--mis-text-table)!important}
html[data-mis-typography] body .mis-type-preview small{font-size:var(--mis-text-small)!important}
html[data-mis-typography] body .mis-type-preview nav,html[data-mis-typography] body .mis-type-preview nav :is(span,button){font-size:var(--mis-text-menu)!important}
html[data-mis-typography] body .mis-type-preview svg text{font-size:var(--mis-text-chart)!important}
}