/* Shared utilities for migrated inline styles */
.brand-lockup {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 9px;
}

.brand-mark {
  display: block;
  flex-shrink: 0;
}

.brand-word {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: #fff;
}

.dot-red { background: #FF5F57; }
.dot-amber { background: #FFBD2E; }
.dot-green { background: #28CA42; }

.u-mt-8 { margin-top: 8px; }
.u-hidden-feedback {
  display: none;
  margin-top: 16px;
  padding: 16px;
  border-radius: 8px;
  text-align: center;
}

.u-template-grad-blue { background: linear-gradient(135deg,#c8d4e8,#b0c0d8); }
.u-template-grad-sand { background: linear-gradient(135deg,#e8d8c8,#d4c0a8); }
.u-bg-green { background: #16A34A; }

.u-opacity-30 { opacity: .3; }
.u-opacity-20 { opacity: .2; }
.u-opacity-10 { opacity: .1; }
.u-border-white-50 { border-color: rgba(255,255,255,.5); }
.u-bg-sky-window { background: rgba(135,206,235,.6); border-color: rgba(255,255,255,.8); }
.u-bg-furniture-warm { background: rgba(160,100,80,.3); }
.u-bg-light-warm { background: rgba(255,220,150,.8); }