.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.brand-panel .brand-visual {
  width: min(420px, 80%);
  height: 120px;
  place-items: start;
}

.brand-panel .brand-logo {
  max-width: 100%;
  max-height: 112px;
  object-position: left center;
}

.brand-panel {
  background: #eef5e8;
  color: #0e392f;
}

.brand-panel p {
  color: #315f52;
}

.brand-panel::after {
  border-color: rgba(21, 84, 67, 0.16);
  box-shadow: 0 0 0 70px rgba(21, 84, 67, 0.045),
              0 0 0 140px rgba(21, 84, 67, 0.025);
}

/* Dashboard memakai panel terang agar ikon hijau-kuning dan tulisan merek
   tetap kontras pada layar laptop maupun ponsel. */
aside {
  background: #eef5e8;
  color: #0e392f;
  border-right: 1px solid #d8e5dc;
}

aside .logo span,
aside .nav,
aside .logout,
aside .storage,
aside .storage small {
  color: #315f52;
}

aside .nav.active,
aside .nav:hover {
  background: #dcebdd;
  color: #0e392f;
}

aside .meter {
  background: rgba(21, 84, 67, 0.13);
}