.production-brand>.tenant-brand-mark,.tr-brand-live-preview>.tenant-brand-mark,.tr-brand-card-mark{--tr-brand-logo-size:44px;--tr-brand-logo-padding:4px;--tr-brand-logo-radius:10px;display:grid;place-items:center;flex:0 0 54px;width:54px;height:48px;padding:var(--tr-brand-logo-padding);border-radius:var(--tr-brand-logo-radius);overflow:hidden;background:transparent}
.tenant-brand-mark[data-background="light"]{background:#fff;box-shadow:inset 0 0 0 1px #d9e4ee}
.tenant-brand-mark>img{display:block;width:var(--tr-brand-logo-size);height:var(--tr-brand-logo-size);max-width:100%;max-height:100%;object-fit:contain;object-position:center;border:0}
.tenant-brand-mark>.tenant-brand-fallback{width:43px;height:48px;padding:0}
.tr-brand-logo-settings{border:1px solid #dce7ef;border-radius:18px;padding:22px;background:linear-gradient(145deg,#fff,#f7fbff)}
.tr-brand-logo-settings>h2{margin:0 0 8px;color:#153957}.tr-brand-logo-settings>p{color:#61758a;margin:0 0 18px}
.tr-brand-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #dce7ef;border-radius:15px;background:#fff}.tr-brand-card>div{display:grid;gap:4px;flex:1}.tr-brand-card small{color:#718399}.tr-brand-card button,.tr-brand-actions button,.tr-brand-dialog footer button{border:1px solid #c8d7e4;border-radius:11px;padding:10px 14px;background:#fff;color:#153957;font-weight:700}.tr-brand-card button:not(:disabled),.tr-brand-dialog [data-save]{background:#153957;color:#fff;border-color:#153957}
.tr-brand-logo-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:22px;color:#153957;box-shadow:0 24px 80px #102f4d55}.tr-brand-logo-dialog::backdrop{background:#102f4d99;backdrop-filter:blur(4px)}
.tr-brand-dialog{padding:24px;overflow:auto;max-height:calc(100dvh - 32px)}.tr-brand-dialog>header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce7ef;padding-bottom:16px}.tr-brand-dialog>header span{font-size:11px;letter-spacing:1.4px;color:#718399}.tr-brand-dialog h2{font-size:27px;margin:4px 0}.tr-brand-dialog header p{margin:0;color:#61758a}.tr-brand-dialog [data-close]{border:0;border-radius:12px;width:44px;height:44px;font-size:28px;color:#153957;background:#eef5fa}
.tr-brand-live-preview{height:82px;margin:20px 0;display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #dce7ef;border-radius:16px;background:#f7fbff}.tr-brand-live-preview b{display:block;font-size:24px}.tr-brand-live-preview small{display:block;margin-top:3px;color:#6e8194}
.tr-brand-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.tr-brand-actions button:first-child{background:#e9ad2e;border-color:#e9ad2e;color:#153957}.tr-brand-actions button:disabled{opacity:.45}
.tr-brand-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tr-brand-controls label{display:grid;gap:8px;border:1px solid #dce7ef;border-radius:13px;padding:13px;background:#fff}.tr-brand-controls output{justify-self:end;color:#61758a;margin-top:-24px}.tr-brand-controls input,.tr-brand-controls select{width:100%}.tr-brand-note{color:#61758a;font-size:12px}.tr-brand-dialog [data-status]{min-height:20px;color:#9a5210}.tr-brand-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid #dce7ef}
@media(max-width:760px){.tr-brand-controls{grid-template-columns:1fr}.tr-brand-card{align-items:flex-start;flex-wrap:wrap}.tr-brand-card button{width:100%}.tr-brand-dialog{padding:18px}.tr-brand-live-preview{margin:14px 0}}
@media(max-width:1200px){.production-brand>.tenant-brand-mark{flex-basis:48px;width:48px}.production-brand>.tenant-brand-mark>img{max-width:44px}}