/* TeddyTools UX v4.4 — exact uploaded artwork as web brand logo */
.tm-brand-image,
.brand-logo-image,
.sidebar-logo-image,
.verify-logo-image {
  display: block;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  object-fit: cover;
  object-position: center;
  border-radius: 11px;
  background: #b80000;
}

.sidebar .tm-brand-image,
.sidebar .brand-logo-image,
.sidebar .sidebar-logo-image {
  width: 46px;
  height: 46px;
  flex-basis: 46px;
}

@media (max-width: 620px) {
  .tm-brand-image,
  .brand-logo-image,
  .sidebar-logo-image,
  .verify-logo-image {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 9px;
  }
}


/* TeddyTools UX v4.5 — brand polish for transparent neon logo */
.sidebar-brand,
.auth-brand {
  display:flex;
  align-items:center;
  gap:12px;
}

.tm-brand-copy {
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px;
}

.tm-logo-mark,
.auth-brand .tm-logo-mark {
  background: radial-gradient(circle at 50% 50%, rgba(255,110,26,.14) 0%, rgba(255,75,29,.06) 38%, rgba(14,17,24,.92) 78%);
  border-color: rgba(255,146,94,.34);
  box-shadow: 0 14px 36px rgba(255,90,28,.16), inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px rgba(255,125,55,.08);
}

.tm-logo-mark img,
.tm-brand-image,
.brand-logo-image,
.sidebar-logo-image,
.verify-logo-image,
.auth-brand img,
.auth-logo .icon img {
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 0 5px rgba(255,98,24,.65)) drop-shadow(0 0 16px rgba(255,84,17,.40)) drop-shadow(0 0 26px rgba(255,52,10,.26));
}

.tm-wordmark {
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  line-height:1;
  font-size:1.06rem;
  letter-spacing:-.04em;
}

.tm-wordmark strong {
  color:#fff7f1;
  font-weight:800;
}

.tm-wordmark b {
  color:#ff8a3d;
  font-weight:800;
}

.tm-brand-sub {
  margin-left:0;
  color:rgba(255,226,214,.72);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tm-page-eyebrow {
  color:#ff9859 !important;
}

.auth-brand strong {
  font-size:1.02rem;
  font-weight:800;
  letter-spacing:-.02em;
  color:#fff7f1;
}

.auth-logo .icon {
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  margin:0 auto 18px;
  border-radius:22px;
  background: radial-gradient(circle at 50% 50%, rgba(255,110,26,.16) 0%, rgba(255,75,29,.08) 42%, rgba(12,15,22,.92) 78%);
  border:1px solid rgba(255,146,94,.30);
  box-shadow: 0 18px 48px rgba(255,90,28,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

html[data-theme="light"] .tm-wordmark strong { color:#1b1f2a; }
html[data-theme="light"] .tm-wordmark b { color:#e15b1c; }
html[data-theme="light"] .tm-brand-sub { color:rgba(84,36,22,.72); }
html[data-theme="light"] .tm-page-eyebrow { color:#d8581b !important; }

@media (max-width: 860px) {
  .sidebar-brand { gap:10px; }
  .tm-logo-mark { width:44px; height:44px; border-radius:13px; }
  .tm-wordmark { font-size:.98rem; }
}