.showcase-entry{margin:18px auto 0;max-width:440px;padding:18px;border:1px solid #477a82;border-radius:16px;background:rgba(31,134,139,.12)}
.showcase-entry p{margin:0 0 12px;color:var(--muted,#9fb3c7);line-height:1.5}
.showcase-banner{margin:16px 24px 6px;padding:16px 18px;border:2px solid #61d7c7;border-radius:14px;background:#102e35;color:#ecfffd;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px 20px;align-items:center}
.showcase-banner[hidden],.showcase-entry[hidden]{display:none!important}
.showcase-banner strong{font-size:17px}.showcase-banner p{margin:5px 0 0;color:#c0e4df;font-size:13px;line-height:1.4}
.showcase-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.showcase-order-dialog{max-width:540px}.showcase-order-dialog form{padding:20px}.showcase-order-dialog p{line-height:1.5}
body[data-showcase="true"] .read-only strong{color:#6ee8d5}
body[data-design="fxmonitor"] .showcase-banner{background:#e7f8f5;color:#145149;border-color:#2da99a}
body[data-design="fxmonitor"] .showcase-banner p{color:#3b6c66}
@media(max-width:820px){.showcase-banner{grid-template-columns:1fr;margin:12px}.showcase-actions{justify-content:flex-start}}