/* Dashbread shortcodes — deliberately light so they sit inside any theme (and inside the app shell,
   where the --sui-* tokens take over). Only loaded on pages that render a styled tag. */
.sui-sc{--sc-primary:var(--sui-primary,#4f46e5);--sc-text:var(--sui-text,inherit);--sc-muted:var(--sui-text-2,#6b7280);--sc-border:var(--sui-border,rgba(0,0,0,.12));--sc-surface:var(--sui-card,transparent);--sc-radius:var(--sui-radius,10px);box-sizing:border-box;color:var(--sc-text)}
.sui-sc *,.sui-sc *::before,.sui-sc *::after{box-sizing:border-box}
.sui-sc p{margin:0 0 .75em}
.sui-sc p:last-child{margin-bottom:0}
.sui-sc-title{margin:0 0 .75em}
.sui-sc-small{font-size:.875em;color:var(--sc-muted)}
.sui-sc-actions{display:flex;flex-wrap:wrap;gap:.5em 1em;align-items:center}
.sui-sc-btn{display:inline-flex;align-items:center;gap:.4em;padding:.6em 1.1em;border-radius:var(--sc-radius,10px);background:var(--sui-primary,#4f46e5);color:#fff !important;font-weight:600;text-decoration:none !important;line-height:1.2;border:0;cursor:pointer}
.sui-sc-btn:hover,.sui-sc-btn:focus-visible{filter:brightness(1.08)}
.sui-sc-link{color:var(--sui-primary,#4f46e5);font-weight:600}

/* Sign-in form (wp_login_form markup) */
.sui-sc-login{max-width:420px;padding:1.25em;border:1px solid var(--sc-border);border-radius:var(--sc-radius);background:var(--sc-surface)}
.sui-sc-login form p{margin:0 0 .9em}
.sui-sc-login label{display:block;font-weight:600;margin-bottom:.3em}
.sui-sc-login input[type=text],.sui-sc-login input[type=password]{width:100%;padding:.6em .75em;border:1px solid var(--sc-border);border-radius:calc(var(--sc-radius) - 2px);font:inherit;background:#fff;color:#111}
.sui-sc-login .login-remember label{display:inline-flex;gap:.4em;align-items:center;font-weight:400}
.sui-sc-login input[type=submit]{padding:.65em 1.2em;border-radius:var(--sc-radius);background:var(--sui-primary,#4f46e5);color:#fff;border:0;font-weight:600;cursor:pointer;font:inherit;font-weight:600}
.sui-sc-signedin{max-width:none}

/* Members-only gate + app-only note */
.sui-sc-gate{padding:1.1em 1.25em;border:1px dashed var(--sc-border);border-radius:var(--sc-radius);background:var(--sc-surface)}
.sui-sc-note{margin:.5em 0}

/* Plan cards */
.sui-sc-plans{display:grid;grid-template-columns:repeat(var(--sc-cols,3),minmax(0,1fr));gap:1em;margin:1em 0}
@media (max-width:820px){.sui-sc-plans{grid-template-columns:1fr}}
.sui-sc-plan{display:flex;flex-direction:column;gap:.6em;padding:1.25em;border:1px solid var(--sc-border);border-radius:var(--sc-radius);background:var(--sc-surface)}
.sui-sc-plan.is-current{border-color:var(--sui-primary,#4f46e5);box-shadow:0 0 0 1px var(--sui-primary,#4f46e5)}
.sui-sc-plan-hd{display:flex;justify-content:space-between;align-items:baseline;gap:.5em;flex-wrap:wrap}
.sui-sc-plan-name{font-weight:700;font-size:1.1em}
.sui-sc-plan-price{font-weight:700;color:var(--sui-primary,#4f46e5)}
.sui-sc-plan-desc{color:var(--sc-muted);margin:0}
.sui-sc-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:.35em}
.sui-sc-plan li{display:flex;gap:.5em;align-items:flex-start}
.sui-sc-plan li::before{content:"✓";color:var(--sui-primary,#4f46e5);font-weight:700}
.sui-sc-plan .sui-sc-actions{margin-top:auto;padding-top:.4em}
.sui-sc-badge{display:inline-block;font-size:.75em;font-weight:700;padding:.2em .6em;border-radius:999px;background:var(--sui-primary,#4f46e5);color:#fff}