.universal-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.universal-kpis article{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:15px}.universal-kpis i{width:40px;height:40px;border-radius:11px;background:#ede9fe;color:#6d28d9;display:grid;place-items:center;font-style:normal}.universal-kpis span{display:grid}.universal-kpis small{font-size:7px;color:#64748b}.universal-kpis b{font-size:22px}.universal-list{display:grid;gap:10px}.universal-list>article{display:grid;grid-template-columns:150px 1fr auto;gap:14px;background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:12px;align-items:center}.universal-list>article.inactive{opacity:.62}.universal-list>article>img,.universal-placeholder{width:150px;height:95px;border-radius:10px;object-fit:cover}.universal-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff;font-size:30px}.universal-list>article>div:nth-child(2){display:grid;gap:6px}.universal-list>article>div>span{display:flex;align-items:center;gap:8px}.universal-list em{font-size:7px;font-style:normal;font-weight:900;background:#ede9fe;color:#6d28d9;padding:4px 7px;border-radius:999px}.universal-list h3{margin:0}.universal-list p{font-size:9px;color:#64748b;margin:0;line-height:1.45}.universal-list small{font-size:8px;color:#7b8493}.universal-list aside{display:grid;grid-template-columns:1fr 1fr;gap:6px}.universal-list aside>span{display:grid;text-align:center;background:#f8fafc;border-radius:8px;padding:7px}.universal-list aside form button{width:100%;border:1px solid #ddd6fe;background:#fff;color:#6d28d9;border-radius:7px;padding:7px}.universal-list aside .danger{color:#b91c1c;border-color:#fecaca}.universal-dialog{width:min(700px,calc(100% - 22px))}.universal-dialog select[multiple]{height:auto;padding:8px}.universal-display{border:0;padding:0;background:transparent;width:min(460px,calc(100% - 24px));overflow:visible}.universal-display::backdrop{background:#111827aa;backdrop-filter:blur(3px)}.universal-display>article{position:relative;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px #0005}.universal-display-banner,.universal-display-hero{width:100%;height:190px;object-fit:cover}.universal-display-hero{display:grid;place-items:center;background:linear-gradient(135deg,#35116e,#7c3aed);color:#fff;font-size:60px}.universal-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#11182799;color:#fff;font-size:21px}.universal-display-body{display:grid;gap:10px;padding:20px}.universal-display-body>em{justify-self:start;font-style:normal;font-size:8px;font-weight:900;color:#6d28d9;background:#ede9fe;border-radius:999px;padding:5px 8px}.universal-display-body h2{font-size:22px;margin:0}.universal-display-body p{font-size:11px;line-height:1.55;color:#64748b;margin:0;white-space:pre-line}.universal-contact{border:1px solid #e2e8f0;border-radius:9px;padding:11px;color:#334155;text-decoration:none;font-size:10px}.universal-display-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.universal-display-actions a,.universal-display-actions button{border:0;border-radius:9px;padding:12px 15px;text-align:center;text-decoration:none;font-weight:900}.universal-display-actions button{background:#f1f5f9;color:#475569}.universal-display-body>label{font-size:9px;color:#64748b}@media(max-width:700px){.universal-kpis{grid-template-columns:1fr}.universal-list>article{grid-template-columns:85px 1fr}.universal-list>article>img,.universal-placeholder{width:85px;height:75px}.universal-list aside{grid-column:1/-1}.universal-display{width:100%;max-width:none;margin:0 0 env(safe-area-inset-bottom);align-self:end}.universal-display>article{border-radius:20px 20px 0 0}.universal-display-banner,.universal-display-hero{height:155px}.universal-display-actions{grid-template-columns:1fr}.universal-display-actions button{order:2}}