/* One compact card on public, portal, billing and feature recommendation pages. */
.plan-catalog-r21{container:plan-catalog / inline-size;min-width:0;text-align:left}
.plan-grid-r21{grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;margin:22px 0 14px}
@container plan-catalog (min-width:520px){.plan-grid-r21{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container plan-catalog (min-width:790px){.plan-grid-r21{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container plan-catalog (min-width:1060px){.plan-grid-r21{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container plan-catalog (min-width:1330px){.plan-grid-r21{grid-template-columns:repeat(5,minmax(0,1fr))}}
.plan-card-r21,.plan-card-r21.recommended{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:17px;border:1px solid var(--brand-border);border-radius:12px;box-shadow:0 3px 12px rgb(0 0 0 / .035);text-align:left}
.plan-card-r21.recommended{border-color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-primary),0 3px 12px rgb(0 0 0 / .035)}
.plan-card-r21.current{border-color:var(--brand-primary)}
.plan-card-r21>header{display:block;height:49px;min-width:0}
.plan-card-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;height:23px}
.plan-card-r21 .eyebrow{font-size:9px;letter-spacing:.045em;white-space:nowrap}
.plan-card-badges{display:flex;align-items:center;gap:4px}
.plan-card-r21 :is(.plan-recommendation,.plan-active-badge){font-size:10px;line-height:1.4;padding:3px 5px;background:var(--brand-active);color:var(--brand-link);border-radius:4px;white-space:nowrap}
.plan-card-r21 h3{font-size:20px;line-height:26px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-card-r21 .plan-tagline{font-size:12px;line-height:17px;height:34px;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.plan-card-r21 .plan-price{margin:0;display:flex;align-items:center;min-height:54px;height:54px;font-size:clamp(18px,1.35vw,23px);line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.plan-card-note{min-height:23px;font-size:11px;line-height:17px}
.plan-card-r21 :is(details,summary){box-sizing:border-box}
.plan-card-r21 :is(.plan-custom-note,.plan-unavailable){margin:0;border:0;padding:0;background:transparent;border-radius:0}
.plan-card-r21 .plan-custom-note>summary{padding:3px 0;cursor:pointer;list-style:none;color:var(--brand-link);font-size:11px;line-height:17px}
.plan-card-r21 :is(.plan-custom-note,.plan-unavailable)>p{font-size:12px;line-height:1.5;color:var(--brand-text-muted);margin:8px 0;overflow-wrap:anywhere}
.plan-card-r21 .plan-key-metrics{gap:7px;grid-template-rows:78px 65px 65px}
.plan-card-r21 .plan-metric{padding:7px 9px;column-gap:5px;grid-template-columns:15px minmax(0,1fr);grid-template-rows:14px 22px 13px;align-content:center}
.plan-card-r21 .plan-metric .ui-icon{width:14px;height:14px}
.plan-card-r21 .plan-metric>span{font-size:10px;line-height:14px;white-space:nowrap}
.plan-card-r21 .plan-metric strong{font-size:20px;line-height:22px;margin:0;overflow-wrap:anywhere}
.plan-card-r21 .plan-metric small{font-size:10px;line-height:13px;white-space:nowrap}
.plan-highlights{height:117px;min-height:117px;padding-top:10px;border-top:1px solid var(--brand-border);box-sizing:border-box}
.plan-card-r21 .plan-highlights h4{font-size:12px;line-height:17px;margin:0 0 6px}
.plan-card-r21 .plan-highlights ul{display:grid;grid-template-rows:repeat(4,19px);gap:2px;list-style:none;margin:0;padding:0}
.plan-card-r21 .plan-highlights li{display:flex;align-items:center;gap:7px;font-size:12px;line-height:19px;min-width:0;color:var(--brand-link)}
.plan-highlight-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;color:var(--brand-text)}
.plan-feature-detail{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.plan-additional{min-height:42px}
.plan-card-r21 .plan-more-r21{display:block;margin:0;padding:0;border:0;background:transparent}
.plan-card-r21 .plan-more-r21>summary{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:42px;padding:3px 0;cursor:pointer;color:var(--brand-text-muted);font-size:11px;line-height:16px;list-style:none}
.plan-card-r21 .plan-more-r21>summary :is(.plan-show-more,.plan-show-less){color:var(--brand-link);font-weight:600}
.plan-card-r21 .plan-more-r21:not([open])>summary .plan-show-less,.plan-card-r21 .plan-more-r21[open]>summary .plan-show-more{display:none}
.plan-card-r21 summary::-webkit-details-marker{display:none}
.plan-card-r21 summary:focus-visible,.plan-card-r21 a:focus-visible{outline:2px solid var(--brand-link);outline-offset:3px;border-radius:3px}
.plan-card-r21 .plan-more-content{display:grid;gap:12px;padding:5px 0 8px}
.plan-card-r21 .plan-more-content section{padding-top:10px}
.plan-card-r21 .plan-more-content li>span:first-child{color:var(--brand-link)}
.plan-no-more{display:block;padding:3px 0;font-size:11px;line-height:16px;color:var(--brand-text-muted)}
.plan-card-r21>footer{margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.plan-card-r21 .plan-primary-action form{margin:0;padding:0}
.plan-card-r21 .plan-primary-action .button{display:flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;min-height:48px;width:100%;padding:7px 8px;font-size:12px;line-height:17px;text-align:center;white-space:normal;overflow-wrap:anywhere}
.plan-card-r21 .plan-unavailable>summary{cursor:pointer;list-style:none}
.plan-card-r21 .plan-current-action{cursor:default;background:var(--brand-active);color:var(--brand-link)}
.plan-secondary-action{height:32px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:16px;text-align:center}
.plan-secondary-action a{color:var(--brand-link);text-decoration:underline;text-underline-offset:3px}
.plan-catalog-r21 :is(.plan-note,.registration-plan-note){margin:6px 0;font-size:11px}
#paketwechsel>.plan-catalog-r21{padding:0 16px 16px}
.locked-feature-page:has(.plan-catalog-r21){max-width:none}
@media(max-width:540px){.plan-card-r21,.plan-card-r21.recommended{padding:18px}.plan-card-r21 .plan-price{font-size:23px}}

.plan-card-r21 .plan-custom-note>summary{display:flex;align-items:center;gap:5px}
.plan-card-r21 :is(.plan-custom-note,.plan-unavailable) .ui-icon{width:13px;height:13px;flex:0 0 13px}

.plan-highlight-info dl{margin:0;display:grid;gap:8px;font-size:12px;line-height:1.45}
.plan-highlight-info dt{color:var(--brand-text);overflow-wrap:anywhere}
.plan-highlight-info dd{margin:2px 0 0;color:var(--brand-text-muted);font-size:11px;overflow-wrap:anywhere}

.plan-card-r21 :is(.metric-incoming,.metric-outgoing){grid-template-rows:14px 22px 26px}
.plan-card-r21 :is(.metric-incoming,.metric-outgoing) small{white-space:normal}
/* Public and authenticated shells must resolve secondary CTAs to the same theme tokens. */
.plan-card-r21 .plan-primary-action .button.secondary{background:var(--brand-surface);color:var(--brand-link)!important;border-color:var(--brand-border)}
.plan-card-r21 .plan-primary-action .button.secondary:hover{background:var(--brand-active);color:var(--brand-link)!important;border-color:var(--brand-primary)}
.plan-card-r21 .plan-primary-action .plan-current-action{background:var(--brand-active);color:var(--brand-link)!important}
.plan-card-r21 .plan-primary-action .button:not(.secondary){background:var(--brand-button-hover)!important;color:var(--brand-on-button-hover)!important;border-color:var(--brand-button-hover)!important}