.dsac-brand { width:100%; min-width:0; }
.dsac-logo-panel { background:#fff; border-radius:10px; padding:8px; }
.dsac-logo-panel img { display:block; width:100%; height:auto; }
.dsac-brand .dsac-credit { margin:10px 0 0; text-align:center; font-size:12px; line-height:1.5; color:#475569; }
.login-brand .dsac-brand { max-width:440px; }
.login-brand .dsac-credit { color:#cbd5e1; }
.sidebar > .dsac-brand { padding:0 8px; margin-bottom:22px; flex-shrink:0; }
.sidebar .dsac-credit { font-size:11px; }
@media(max-width:900px) { .mobile-brand { flex-direction:column; align-items:stretch; } .mobile-brand > strong { text-align:center; } }

/* Align desktop branding and sign-in card at their top edges. */
@media (min-width:901px) {
  .login-shell {
    align-items:start;
    align-content:center;
  }
  .login-brand .dsac-brand {
    max-width:none;
  }
}
.login-brand .dsac-credit {
  text-align:left;
}
.mobile-brand .dsac-credit {
  text-align:left;
}

/* Compact sidebar branding. Login styling remains separate. */
.sidebar > .dsac-brand {
  padding: 0 9px;
  margin-bottom: 14px;
}
.sidebar .dsac-logo-panel { width:100%; padding:0; border-radius:0; background:#fff; }
.sidebar .dsac-logo-panel img { position:static; display:block; width:100%; height:auto; max-width:100%; object-fit:contain; }
.sidebar .sidebar-brand {
  display: block;
  margin: 0 0 16px;
  padding: 0 9px 18px;
  border-bottom: 1px solid #e2e8f0;
}
.sidebar .sidebar-brand strong {
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: 0;
}
.sidebar .sidebar-brand small {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.4;
}
