:root{ --wcpm-accent:#ffbf80; --wcpm-radius:14px; --wcpm-padding:5px; --wcpm-font:14px; }
.wcpm-chip{ display:inline-flex; align-items:center; gap:6px; font-size:var(--wcpm-font); line-height:1; padding: 3px 5px; border-radius:999px; background:var(--wcpm-accent); color:#111; font-weight:600; border:1px solid rgba(0,0,0,.1); white-space:nowrap; }
.wcpm-cta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; border:1px solid rgba(0,0,0,.08); background:#fafafa; border-radius:24px; padding:var(--wcpm-padding); font-size:var(--wcpm-font); }
.wcpm-cta .wcpm-cta-note{ width:100%; margin-top:4px; opacity:.6; font-size:12px; }
.wcpm-cta .wcpm-cta-link{ margin-left:auto; text-decoration:none; font-weight:600; display:inline-flex; align-items:center; gap:6px; }
.wcpm-variant-outlined{ background:transparent; border:1px dashed var(--wcpm-accent); }
.wcpm-variant-ghost{ background:transparent; border:0; }
.wcpm-variant-bar{ background:var(--wcpm-accent); border-color:transparent; }
.wcpm-badge-inline{ display:block; margin-top:6px; font-size:12px; background:#f6f6f6; padding:6px 8px; border-radius:8px; }
.wcpm-badge-loop{ display:inline-block; }
@media (min-width: 480px){ .wcpm-cta{ flex-wrap:nowrap; } .wcpm-cta .wcpm-cta-note{ width:auto; margin-left:8px; } }
@media (max-width: 479px){ .wcpm-cta .wcpm-cta-link{ display:none !important; width:100%; justify-content:flex-start; margin-left:0; } }
.wcpm-admin .wcpm-admin-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.wcpm-admin .wcpm-admin-card{ background:#fff; border:1px solid #e6e6e6; border-radius:12px; padding:16px; }
.wcpm-admin .wcpm-admin-preview{ padding:8px; background:#f6f6f6; border-radius:10px; }
.wcpm-meta .widefat{ width:100%; }
.wcpm-meta .wcpm-manual-grid{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }