.vs1-trial-banner { display: flex; align-items: center; gap: 14px; margin: 0 1.5rem 1rem; padding: 12px 16px; border: 1px solid var(--dm-line, #d7e7ef); border-left: 4px solid #00a3d3; border-radius: 8px; background: var(--dm-paper, #f4fafd); color: var(--dm-ink, #3a3b45); font-size: 15px; line-height: 1.4; }
.vs1-trial-banner.is-ended { border-left-color: #f6c23e; background: var(--dm-paper, #fffaf0); }
.vs1-trial-icon { flex: 0 0 auto; color: #00a3d3; font-size: 18px; }
.vs1-trial-banner.is-ended .vs1-trial-icon { color: #d4a017; }
.vs1-trial-text { flex: 1 1 auto; }
.vs1-trial-actions { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.vs1-trial-close { color: var(--dm-muted, #858796); padding: 4px 8px; }
.vs1-trial-close:hover, .vs1-trial-close:focus-visible { color: var(--dm-ink, #3a3b45); }
@media (max-width: 600px) {
  .vs1-trial-banner { flex-wrap: wrap; margin: 0 0.75rem 0.75rem; }
  .vs1-trial-actions { width: 100%; justify-content: flex-end; }
}