/* Branding UI repair: scoped to Admin -> Branding and shared branding runtime. */
#branding .panel.glass{padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(225,6,65,.045));border:1px solid rgba(255,255,255,.11);box-shadow:0 28px 80px rgba(0,0,0,.26)}
#branding .branding-form{display:grid;grid-template-columns:1.1fr .55fr .75fr 1fr auto;gap:14px;align-items:end;margin-top:18px}
#branding .brand-field{display:flex;flex-direction:column;gap:7px;min-width:0}
#branding .brand-field span,#branding .brand-placement-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.56);font-weight:800}
#branding input,#branding select,#branding textarea{width:100%;height:50px;padding:0 16px;border-radius:16px;background:rgba(4,3,8,.68);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.92);outline:none;font:inherit;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
#branding input[type=file]{display:flex;align-items:center;padding:12px;background:rgba(4,3,8,.52)}
#branding select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.78) 50%),linear-gradient(135deg,rgba(255,255,255,.78) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 12px) 21px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}
#branding option{background:#140811;color:#fff}
#branding input:focus,#branding select:focus,#branding textarea:focus{border-color:rgba(255,23,77,.66);box-shadow:0 0 0 4px rgba(225,6,65,.14),inset 0 0 0 1px rgba(255,255,255,.04)}
#branding .branding-placement-row{display:grid;grid-template-columns:210px minmax(260px,1fr) 96px 130px 140px 130px 84px;gap:12px;align-items:center;padding:14px 12px;margin:10px 0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09)}
#branding .branding-placement-row button,#branding button{height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ff174d,#8d0527);color:#fff;font-weight:900;padding:0 18px;box-shadow:0 14px 32px rgba(225,6,65,.22);cursor:pointer}
#branding button.secondary{background:rgba(255,255,255,.08);box-shadow:none}
#branding .branding-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:16px}
#branding .branding-card{border-radius:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:16px;min-height:260px;display:flex;flex-direction:column;gap:10px}
#branding .branding-card h3{margin:0;font-size:1rem}.branding-card .muted{min-height:32px}
#branding .branding-preview{height:148px;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,rgba(225,6,65,.18),rgba(5,3,8,.88));border:1px solid rgba(255,255,255,.08)}
#branding .branding-preview img{max-width:82%;max-height:82%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 18px 32px rgba(0,0,0,.62)) saturate(.95) contrast(.95)}
#branding .brand-save-status{font-size:.8rem;color:#75ff9c;margin-left:8px;opacity:0;transition:opacity .2s ease}.brand-save-status.show{opacity:1}
.brand-logo-img{display:block!important;max-height:34px!important;max-width:150px!important;width:auto!important;height:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 10px 24px rgba(225,6,65,.24)) saturate(.95) contrast(.96)!important;mix-blend-mode:screen!important}.brand-icon-img{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important;border-radius:8px!important;background:transparent!important;filter:drop-shadow(0 0 16px rgba(225,6,65,.42)) saturate(1.05) contrast(.94)!important;mix-blend-mode:screen!important}.brand-watermark{position:fixed!important;right:clamp(22px,4vw,70px)!important;bottom:clamp(22px,5vh,70px)!important;width:min(24vw,360px)!important;height:min(24vw,360px)!important;min-width:190px!important;min-height:190px!important;pointer-events:none!important;z-index:0!important;opacity:.045!important;mix-blend-mode:soft-light!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;filter:grayscale(.22) saturate(.9) contrast(.8) blur(.2px)!important;mask-image:radial-gradient(circle at center,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,0) 82%)!important;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,0) 82%)!important}.shell,.client-shell,.webmail-shell,.public-shell,.view,.panel,.glass,.sidebar,.hero{position:relative;z-index:1}
@media(max-width:1150px){#branding .branding-form{grid-template-columns:1fr 1fr}#branding .branding-placement-row{grid-template-columns:1fr 1fr}.brand-watermark{right:-45px;opacity:.035!important}}@media(max-width:720px){#branding .branding-form,#branding .branding-placement-row{grid-template-columns:1fr}.brand-watermark{display:none!important}}