/* HG Edu v18.11-RC2: daily collection readability and desktop auto-hide sidebar. */
#appSidebar button[data-page]{
  color:#edf2f7!important;
}
#appSidebar button[data-page]>span{color:inherit!important}
#appSidebar button[data-page]:hover,
#appSidebar button[data-page]:focus-visible{
  color:#fff!important;
  background:#1d304a!important;
  text-shadow:0 0 10px rgba(255,255,255,.22);
}
#appSidebar button[data-page].active{
  color:#fff!important;
}
#dailyPayTotals{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
#dailyPayTotals>div{
  min-width:0;
  min-height:64px;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid var(--line,#334155);
  border-radius:11px;
  background:linear-gradient(180deg,#111d30,#0c1728);
}
#dailyPayTotals span{
  display:block;
  color:var(--muted,#94a3b8);
  font-size:12px;
  line-height:1.25;
}
#dailyPayTotals b{
  display:block;
  min-width:0;
  margin-top:5px;
  color:#facc15;
  font-size:19px;
  line-height:1.25;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
.hg1811-daily-table-scroll{
  width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
#tblDailyPayments{
  min-width:980px;
  table-layout:auto;
}
#tblDailyPayments th,
#tblDailyPayments td{
  vertical-align:top;
  overflow-wrap:anywhere;
}
#tblDailyPayments th:nth-child(1),
#tblDailyPayments td:nth-child(1),
#tblDailyPayments th:nth-child(2),
#tblDailyPayments td:nth-child(2),
#tblDailyPayments th:nth-child(7),
#tblDailyPayments td:nth-child(7),
#tblDailyPayments th:nth-child(8),
#tblDailyPayments td:nth-child(8){
  white-space:nowrap;
}
#tblDailyPayments th:nth-child(7),
#tblDailyPayments td:nth-child(7),
#tblDailyPayments th:nth-child(8),
#tblDailyPayments td:nth-child(8){
  text-align:right;
  font-variant-numeric:tabular-nums;
}

@media(max-width:1050px){
  #dailyPayTotals{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  #dailyPayTotals{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #dailyPayTotals>div{min-height:58px;padding:8px 9px}
  #dailyPayTotals b{font-size:16px}
}

@media(min-width:901px) and (hover:hover) and (pointer:fine){
  :root{
    --hg1811-sidebar-width:214px;
    --side:var(--hg1811-sidebar-width)!important;
  }
  header{left:var(--hg1811-sidebar-width)!important}
  .wrap{grid-template-columns:var(--hg1811-sidebar-width) minmax(0,1fr)!important}
  .wrap>nav{
    width:var(--hg1811-sidebar-width)!important;
    padding:12px 6px!important;
    overflow-x:hidden!important;
    transform:none!important;
    transition:none!important;
    box-shadow:none!important;
    border-right:1px solid #52657d!important;
  }
  .wrap>nav>*{
    opacity:1!important;
    pointer-events:auto!important;
  }
  #hg1811SidebarHoverZone{display:none!important}
}
@media(max-width:900px), (hover:none), (pointer:coarse){
  #hg1811SidebarHoverZone{display:none!important}
}