/* Dar Teachers Academy: supplied logos, synchronized with the existing theme. */
html body .dta-logo-pair {
  display:inline-grid;
  place-items:center;
  position:relative;
  width:80px;
  height:64px;
  flex:0 0 auto;
  box-sizing:border-box;
  line-height:0;
  vertical-align:middle;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
html body .dta-logo-pair > img {
  grid-area:1/1;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .dta-logo-pair > .dta-logo-light { display:block!important; }
html body .dta-logo-pair > .dta-logo-dark { display:none!important; }
html[data-theme="dark"] body .dta-logo-pair > .dta-logo-light { display:none!important; }
html[data-theme="dark"] body .dta-logo-pair > .dta-logo-dark { display:block!important; }
@media(prefers-color-scheme:dark) {
  html:not([data-theme]) body .dta-logo-pair > .dta-logo-light { display:none!important; }
  html:not([data-theme]) body .dta-logo-pair > .dta-logo-dark { display:block!important; }
}
html body .brand-logo-wrap:has(> .dta-logo-pair) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:80px!important;
  height:64px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
  flex:0 0 auto;
}
html body .brand:has(.dta-logo-pair) { min-width:0; }
html body .brand:has(.dta-logo-pair) .brand-copy { min-width:0; }
/* The light logo gets a light surface inside the permanently navy auth panel. */
html body .auth-brand > .dta-logo-pair.auth-logo {
  width:200px;
  height:160px;
  max-width:100%;
  padding:12px;
  margin:0 0 22px;
  border-radius:12px;
  background:var(--studio-card,#fff);
}
html body .auth-card-logo > .dta-logo-pair { width:76px; height:61px; }
html body .trial-ended-logo > .dta-logo-pair { width:200px; height:160px; max-width:100%; margin-bottom:16px; }
html body.admin-page .admin-header:has(.dta-logo-pair) { height:auto; min-height:80px; gap:12px; padding-top:8px; padding-bottom:8px; flex-wrap:wrap; }
html body.admin-page .admin-header .brand-copy small { color:inherit; opacity:.8; }
@media(max-width:640px) {
  html body .brand-logo-wrap:has(> .dta-logo-pair),
  html body .brand-logo-wrap > .dta-logo-pair { width:72px!important; height:58px!important; }
  html body .brand:has(.dta-logo-pair) { max-width:100%; gap:10px; }
  html body .brand:has(.dta-logo-pair) .brand-copy strong { white-space:normal!important; overflow-wrap:break-word; line-height:1.35; max-width:100%; }
  html body .auth-brand > .dta-logo-pair.auth-logo { width:168px; height:134px; }
  html body .auth-card-logo > .dta-logo-pair { width:64px; height:51px; }
}
html body.admin-page .admin-header .dta-logo-pair { padding:5px; border-radius:8px; background:var(--studio-card,#fff); }