/* Shared Thai/Latin family. TI/EIR binary exports retain their original templates and renderer fonts. */
:root{--het-font:HETMixed,"Segoe UI Light","Segoe UI",Arial,sans-serif}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,label,table,th,td,a,summary,.brand{font-family:var(--het-font)!important}
body :is(span,div,strong,b,em,i,small,ul,ol,li,dt,dd,legend,fieldset,output,code,pre,text){font-family:var(--het-font)!important}
body{line-height:1.55}input,select,textarea{line-height:1.45}
/* Reset inherited horizontal flex bases and wrapping in the left navigation. */
#app[data-het-sidebar]>.manager-nav{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;z-index:900!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;overflow-x:hidden!important;overflow-y:auto!important;gap:10px;padding:10px 10px;max-width:100vw}
#app[data-het-sidebar] .manager-nav-primary,#app[data-het-sidebar] .manager-nav-tools{flex:0 0 auto!important;flex-wrap:nowrap!important;min-width:0!important;max-width:100%!important;align-self:stretch;box-sizing:border-box}
#app[data-het-sidebar] .manager-nav-primary>* ,#app[data-het-sidebar] .manager-nav-tools>*{min-width:0!important;max-width:100%!important;box-sizing:border-box;flex:none!important;margin-left:0!important}
#app[data-het-sidebar] .manager-nav-tools{margin-top:auto!important;justify-content:flex-start!important}
#app[data-het-sidebar] .manager-nav-tools>details,#app[data-het-sidebar] .manager-nav-tools>div{width:100%!important}
#app[data-het-sidebar] .manager-nav .nav-item,#app[data-het-sidebar] .manager-nav-tools>button{min-height:38px;padding:7px 10px;font-size:15px;overflow-wrap:anywhere}
#app[data-het-sidebar] .nav-more-menu .nav-item,#app[data-het-sidebar] .nav-more-menu>button{width:100%;text-align:left;white-space:normal}
#app[data-het-sidebar] .nav-more[open]>.nav-more-menu{display:flex!important;flex-direction:column!important;grid-template-columns:minmax(0,1fr)!important;gap:6px;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
#app[data-het-sidebar] .manager-nav-primary .manager-nav-secondary{display:block!important}
#app[data-het-sidebar]>.sidebar-shade{z-index:899!important}
#app[data-het-sidebar]>.sidebar-toggle{z-index:901!important}
#app[data-sidebar-open]>.sidebar-toggle{position:fixed;left:auto;right:10px;top:10px;margin:0}
.sidebar-title{padding:5px 8px}
[data-het-admin-compact] #app>header,[data-het-admin-compact]>header,[data-het-admin-compact]>.app-header{padding:8px 18px!important;gap:14px!important;min-height:54px!important}
[data-het-admin-compact] #app>header img,[data-het-admin-compact]>header img{width:88px!important;max-height:42px;object-fit:contain}
[data-het-admin-compact] #app>header .brand,[data-het-admin-compact]>header .brand{font-size:12px!important;line-height:1.3!important;padding-left:14px!important;max-width:280px!important}
[data-het-admin-compact] .env{white-space:nowrap;flex-shrink:0}
[data-het-admin-compact] :is(.water-hero,.tr-top,.eir-admin-header,.access-page-head,.hero){padding:8px 18px!important;gap:14px!important;min-height:0!important;margin-bottom:10px!important}
[data-het-admin-compact] :is(.water-hero,.tr-top,.eir-admin-header,.access-page-head,.hero) h1{font-size:24px!important;line-height:1.3!important;margin:0!important}
[data-het-admin-compact] :is(.water-hero,.tr-top,.eir-admin-header,.access-page-head,.hero) p{margin:2px 0!important;font-size:13px!important}
[data-het-admin-compact] :is(.tr-top,.eir-admin-header) img{width:88px!important;max-height:40px;object-fit:contain}
[data-het-admin-compact] .main{padding:12px 18px!important}
[data-het-admin-compact] .main>.top,[data-het-admin-compact] .rd-header{margin-bottom:10px!important;gap:12px!important;padding-top:0!important;padding-bottom:0!important}
[data-het-admin-compact] .main h1,[data-het-admin-compact] .rd-header h1{font-size:25px!important;line-height:1.35;margin:0 0 3px!important;letter-spacing:0}
[data-het-admin-compact] .main>.top p,[data-het-admin-compact] .rd-header p{margin:3px 0!important}
[data-het-admin-compact] .panel{padding:13px 15px!important;margin-bottom:12px!important}
[data-het-admin-compact] .panel h2{margin-bottom:9px!important;font-size:20px!important}
[data-het-admin-compact] .toolbar,[data-het-admin-compact] .rd-toolbar{gap:8px!important;margin:8px 0!important;padding:8px!important}
[data-het-admin-compact] .toolbar label{min-width:0}
[data-het-admin-compact] .kpis{gap:10px!important;margin:10px 0!important}
[data-het-admin-compact] .kpi{padding:12px!important;min-height:0!important}
[data-het-admin-compact] .kpi strong{font-size:30px!important}
[data-het-admin-compact] input:not([type=checkbox]):not([type=radio]),[data-het-admin-compact] select,[data-het-admin-compact] button,[data-het-admin-compact] .nav-item{min-height:38px}
[data-het-admin-compact] .review-tabs{margin:7px 0!important;padding:4px!important}
[data-het-admin-compact] .report-review-heading{margin-bottom:7px!important}
[data-het-admin-compact] .usage-summary{margin:10px 0;gap:10px}
[data-het-admin-compact] .usage-summary article{padding:10px 14px}
.report-evaluation{border-top:1px solid #d5dfe6;margin-top:12px;padding-top:10px}
.report-evaluation-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}
.report-evaluation-buttons button{white-space:normal;line-height:1.4;padding:8px;min-height:44px}
.report-evaluation-buttons .selected{border:2px solid #188246;background:#eaf6ee;color:#145f35}
.report-timing{font-size:14px;color:#526878;margin:5px 0}.report-timing .late{color:#b50020;font-weight:700}
@media(min-width:901px){[data-het-admin-compact] .request-list-filters,[data-het-admin-compact] .request-filters{display:flex;flex-wrap:wrap;align-items:end;gap:8px}[data-het-admin-compact] .request-list-filters input,[data-het-admin-compact] .request-list-filters select{flex:1;min-width:200px}}
@media(min-width:901px){[data-het-admin-compact] .toolbar:has(>#request-search){display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(180px,.4fr) auto auto!important;align-items:center!important}[data-het-admin-compact] .toolbar:has(>#request-search)>*{margin:0!important;min-height:40px!important}[data-het-admin-compact] .request-tabs{margin:8px 0!important;padding:4px!important}}
@media(max-width:900px){[data-het-admin-compact] .main{padding:10px 12px!important}#app[data-het-sidebar] .manager-nav .nav-item,#app[data-het-sidebar] .manager-nav-tools>button{min-height:44px}.report-evaluation-buttons{gap:5px}.report-evaluation-buttons button{font-size:14px}}
@media print{[data-het-admin-compact] #app>.manager-nav{display:none!important}}
