/* Owner-supplied concept branding, received 2026-09-13. */
.sidebar .brand {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 194px;
  max-width: 100%;
}
.sidebar .brand img, .login-panel .brand img {
  display: block;
  width: 100%;
  height: auto;
}
.sidebar { padding-top: 18px; }
.workspace-label {
  margin: 5px 0 20px;
  text-align: center;
  color: var(--ivory);
  letter-spacing: 3px;
}
.sidebar-footer {
  text-align: center;
  font: 10px/1.7 var(--sans);
  letter-spacing: 1.7px;
}
.sidebar-footer .tiny-rule { margin: 12px auto 0; }
.login-panel {
  padding-top: 54px;
  background: radial-gradient(ellipse at top, #0b2b22, #041a16 80%);
}
.login-panel .brand {
  display: block;
  width: 360px;
  max-width: 100%;
  margin: 0 auto;
}
.brand-services {
  color: #e4cd9d;
  text-align: center;
  font-size: 9px;
  letter-spacing: 2.5px;
  margin: 8px -10px 0;
}
.brand-services span { padding: 0 9px; }
.login-form-wrap { margin: 32px auto 45px; }
.login-form-wrap h1 {
  font: italic 31px/1.25 var(--serif);
  text-align: center;
  letter-spacing: .1px;
  margin: 0;
}
.login-divider {
  width: 38px;
  height: 2px;
  background: var(--brass);
  margin: 24px auto;
}
.error-brand {
  background: var(--forest-950);
  display: inline-block;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
}
@media (max-width: 1150px) {
  .brand-services { font-size: 8px; letter-spacing: 1.4px; }
  .brand-services span { padding: 0 4px; }
}
@media (max-width: 680px) {
  .login-panel { padding-top: 35px; }
  .login-panel .brand { width: 285px; }
  .login-form-wrap { margin-top: 28px; }
  .login-form-wrap h1 { font-size: 28px; }
}
