.tenant-branding h3 { margin-bottom: .35rem; }
.tenant-branding .muted { margin: .2rem 0 .8rem; }
.tenant-logo-drop { display: grid; grid-template-columns: 100px 1fr auto auto; align-items: center; gap: .8rem; padding: .8rem; border: 1px dashed #91adb7; border-radius: 10px; background: #f7fbfa; }
.tenant-logo-drop:focus { outline: 0; border-color: var(--blue); box-shadow: 0 0 0 3px #176fa322; }
.tenant-logo-drop > div:nth-child(2) { display: grid; gap: .25rem; }
.tenant-logo-drop small { color: var(--muted); font-size: .75rem; font-weight: 400; }
.tenant-logo-preview { display: grid; place-items: center; width: 100px; height: 64px; padding: .35rem; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--muted); font-size: .7rem; text-align: center; }
.tenant-logo-preview img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
@media (max-width: 620px) { .tenant-logo-drop { grid-template-columns: 1fr; } .tenant-logo-preview { width: 100%; height: 80px; } }
.branding-extra { margin-top: 1rem; }
.tenant-branding .form-grid { margin: .8rem 0; }
.tenant-branding input[type="color"] { width: 100%; padding: .2rem; }
.tenant-branding .branding-mode-help { display: block; margin: -.45rem 0 0; line-height: 1.45; }
.white-label-switch { margin-top: 1rem; padding: .9rem 1rem; border: 1px solid #b8d1d9; border-radius: 10px; background: #f4faf9; }
.white-label-switch span { display: grid; gap: .2rem; }
.white-label-switch small { color: var(--muted); font-weight: 400; }
#createWhiteLabelOptions { margin-top: .9rem; padding: .1rem 1rem 1rem; border-left: 3px solid var(--blue); }