.woo-surface .woo-preview { border: 1px solid var(--ck-border); border-radius: var(--ck-r-lg); box-shadow: var(--ck-shadow-lg); background: #fff; overflow: hidden; } .woo-preview-top { padding: 16px 20px; border-bottom: 1px solid var(--ck-border); font-size: .85rem; font-weight: 700; background: var(--ck-bg-soft); } .woo-preview-top span { display: block; font-size: .7rem; font-weight: 400; color: var(--ck-text-secondary); } .woo-preview-body { padding: 22px; } .woo-preview-label { font-size: .75rem; font-weight: 700; color: var(--ck-text-secondary); margin-bottom: 8px; } .woo-question, .woo-reply { border: 1px solid var(--ck-border); border-radius: var(--ck-r); padding: 14px; font-size: .92rem; } .woo-question { background: var(--ck-bg-soft); } .woo-facts { display: grid; gap: 3px; font-size: .8rem; color: var(--ck-text-secondary); padding: 12px 0; } .woo-preview-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; } .woo-preview-actions span { padding: 7px 12px; border: 1px solid var(--ck-border); border-radius: var(--ck-r-sm); font-size: .8rem; font-weight: 700; } .woo-preview-actions span:first-child { background: var(--ck-primary); color: #fff; } .woo-centered-link { text-align: center; margin-top: 28px; } .woo-legal-links { margin-top: 24px; } .woo-billing-notice, .woo-sandbox { max-width: 900px; margin: 0 auto 26px; } .woo-connected-site { max-width: 900px; margin: 0 auto 24px; font-weight: 600; overflow-wrap: anywhere; } .woo-sandbox { border-color: #b58316; background: #fff8e4; } .woo-plan-actions { margin-top: 20px; } .woo-plan-actions .btn { margin: 8px 0; } .woo-surface button:disabled { cursor: not-allowed; opacity: .55; } .woo-account-card { max-width: 900px; margin: 28px auto 0; } .woo-account-card h2 { font-size: 1.2rem; } .woo-account-card p { margin-bottom: 12px; } .woo-cancel-confirm { margin-top: 20px; } .woo-billing-help { max-width: 900px; margin: 24px auto 0; color: var(--ck-text-secondary); font-size: .9rem; } .woo-surface [hidden] { display: none !important; } @media (max-width: 600px) { .woo-preview-body { padding: 16px; } .woo-plan-actions .btn { white-space: normal; } }