/* Product artwork is supplied as local vector paths. Parent branding remains Socialyzd. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand-social{--brand:#7c3aed;--brand-tint:#f4eeff}.brand-tasks{--brand:#2563eb;--brand-tint:#eff6ff}.brand-newsletters{--brand:#0f766e;--brand-tint:#ecfdf5}.brand-madar{--brand:#6338ff;--brand-tint:#f4f0ff}
.product-lockup{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:40/17;object-fit:contain;object-position:center;background:transparent}
.system-card,.center-system-card{border-top:3px solid var(--brand);gap:14px}
.system-card .product-lockup,.center-system-card .product-lockup{margin:4px auto 10px;flex:none}
.system-card .system-open,.center-system-card>button{color:var(--brand);background:var(--brand-tint)}
.system-icon{background:var(--brand-tint);padding:5px}.system-icon img{width:100%;height:100%;object-fit:contain}
.badge.preview{color:#735111;background:#fff5dd;border:1px solid #eedbad}
.systems-grid,.center-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.portal{max-width:1400px}.center-system-card{display:flex;padding:20px}.system-card{padding:22px}
.center-system-card .system-card-state{margin-top:auto}.center-system-card p{min-height:64px}
.madar-preview-dialog>.product-lockup{margin:0 auto 22px}.madar-panel .product-lockup{max-width:250px}
.madar-panel-body{padding:24px}.madar-panel-body>.system-open{max-width:320px}.madar-panel .keyvals{padding:8px 0}.madar-panel .keyvals>div{flex-wrap:wrap}.madar-panel .keyvals strong{font-weight:400}
.madar-panel .hint{margin:16px 0!important}.center-layout aside,aside{background:#fff}
[data-szy-brand=tasks]{--purple:#2563eb;--teal:#2563eb}[data-szy-brand=newsletters]{--purple:#0f766e;--teal:#0f766e}
@media(max-width:1250px){.systems-grid,.center-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.center-system-card .product-lockup{max-width:280px}.center-system-card p{min-height:0}}
@media(max-width:640px){.systems-grid,.center-system-grid{grid-template-columns:1fr}.center-system-card{display:flex}.system-card .product-lockup,.center-system-card .product-lockup{max-width:270px}.madar-panel-body{padding:18px}}