/* SSP Custom Proposals: My Account panel */
/* Colours follow the theme's text colour so the panel works on light and dark themes. */
.sspcp-panel { --sspcp-accent: #2271b1; --sspcp-border: rgba(128, 128, 128, .45); --sspcp-muted: inherit; }
.sspcp-panel-heading { margin-top: 0; }
.sspcp-empty { padding: 1.5em; border: 1px dashed var(--sspcp-border); border-radius: 8px; text-align: center; }
.sspcp-tabs { margin: 1em 0 1.5em; display: flex; flex-wrap: wrap; gap: 1em 2em; }
.sspcp-tab-group-label { display: block; opacity: .7; font-size: .8em; text-transform: uppercase; letter-spacing: .05em; color: var(--sspcp-muted); margin-bottom: .3em; }
.sspcp-tabs ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5em; }
.sspcp-tab a { display: inline-flex; align-items: center; gap: .5em; padding: .45em .9em; border: 1px solid var(--sspcp-border); border-radius: 999px; text-decoration: none; }
.sspcp-tab.is-active a { border-color: var(--sspcp-accent); box-shadow: inset 0 0 0 1px var(--sspcp-accent); font-weight: 600; }
.sspcp-tab-status { font-size: .75em; opacity: .7; }
.sspcp-proposal-title { margin-top: 0; }
.sspcp-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1em; align-items: stretch; }
.sspcp-option { position: relative; display: flex; flex-direction: column; padding: 1.25em; border: 1px solid var(--sspcp-border); border-radius: 8px; background: transparent; }
.sspcp-option.is-preselected { border-color: var(--sspcp-accent); box-shadow: 0 0 0 2px var(--sspcp-accent); }
.sspcp-option.is-chosen { border-color: #00a32a; box-shadow: 0 0 0 2px #00a32a; }
.sspcp-option.is-disabled { opacity: .5; filter: grayscale(1); }
.sspcp-badge { align-self: flex-start; font-size: .75em; font-weight: 600; padding: .2em .6em; border-radius: 999px; margin-bottom: .5em; color: #fff; background: var(--sspcp-accent); }
.sspcp-badge-chosen { background: #00a32a; }
.sspcp-option-title { margin: 0 0 .4em; }
.sspcp-option-price { font-size: 1.15em; font-weight: 600; }
.sspcp-option-price-note { font-size: .85em; opacity: .8; margin: .2em 0 0; }
.sspcp-option-description { margin-top: .8em; flex: 1 1 auto; }
.sspcp-option-action { margin-top: 1em; }
.sspcp-option-action form { margin: 0; }
.sspcp-option-unavailable { font-size: .9em; font-weight: 600; margin: 0; }