#app{min-height:100vh;background:#061c2c}
#app>main{
  min-height:calc(100vh - 64px);
  background:
    linear-gradient(rgba(55,145,190,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(55,145,190,.055) 1px,transparent 1px),
    radial-gradient(circle at 82% 8%,rgba(37,119,159,.32),transparent 31%),
    radial-gradient(circle at 18% 105%,rgba(23,92,130,.2),transparent 34%),
    linear-gradient(145deg,#0c3048 0,#08263b 46%,#061c2c 100%);
  background-size:30px 30px,30px 30px,auto,auto,auto;
  background-attachment:fixed;
  background-color:#061c2c;
}
#app .view:not(#dashboard){min-height:calc(100vh - 115px)}
#app .view:not(#dashboard)>.section-head h2,
#app .view:not(#dashboard)>.section-head h3{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
#app .view:not(#dashboard)>.section-head .muted{color:#a9c6d6}
#app .view:not(#dashboard)>.section-head .eyebrow{color:#62cae3}
#overtime-content>.overtime-list>h3{color:var(--ink)}
#control-content>p.muted,#summary-output:empty+*{color:#fff}
#dashboard{isolation:isolate}
@media(max-width:600px){#app>main{min-height:calc(100vh - 74px);background-size:24px 24px,24px 24px,auto,auto,auto}}
@media print{#app>main{background:#fff!important}.view .section-head h2{color:#12222c!important;text-shadow:none!important}}