/* Subscriptions & plans page (/subscriptions.php) only. Card colours and sizes copied from the app plan builder (app/assets/app-theme.css + app-addons.css). */
#main .adhder-plans{--plans-bg:#0c0d0e;--plans-surface:#191a1c;--plans-raised:#292b2e;--plans-text:#f5f5f5;--plans-muted:#aaaeb4;--plans-accent:#52e36c;--plans-on-accent:#101510;max-width:1000px;margin:8px auto 0;padding:34px 30px 30px;border-radius:18px;background:var(--plans-bg);color:var(--plans-text);scroll-margin-top:110px}
#main .adhder-plans [id]{scroll-margin-top:110px}
#main .adhder-plans .adhder-plans-header{text-align:center}
#main .adhder-plans .adhder-plans-header h2{margin:8px 0 6px;font-size:38px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.02em!important;color:var(--plans-text)}
#main .adhder-plans .adhder-plans-header p{margin:0;color:var(--plans-muted);font-size:16px;line-height:1.5}
#main .adhder-plans .adhder-plans-free{margin:22px 0 24px;text-align:center;color:var(--plans-muted);font-size:14px;line-height:1.6}
#main .adhder-plans .adhder-plans-free strong{color:var(--plans-text)}
#main .adhder-plans .adhder-plans-heading{margin:22px 0 10px;color:var(--plans-accent);font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.08em!important}
#main .adhder-plans .adhder-plans-hint{margin:-4px 0 12px;color:var(--plans-muted);font-size:13.5px;line-height:1.5}
#main .adhder-plans .adhder-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
#main .adhder-plans .adhder-plans-card{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;padding:14px 16px;border:1px solid var(--plans-raised);border-radius:12px;background:var(--plans-surface);color:var(--plans-text)}
#main .adhder-plans .adhder-plans-card-team{background:linear-gradient(160deg,color-mix(in srgb,var(--plans-accent) 8%,var(--plans-surface)),var(--plans-surface))}
#main .adhder-plans .adhder-plans-text{flex:1;min-width:0}
#main .adhder-plans .adhder-plans-text strong{display:block;font-size:15px;line-height:1.3}
#main .adhder-plans .adhder-plans-text small{display:block;margin-top:3px;color:var(--plans-muted);font-size:12.5px;line-height:1.3}
#main .adhder-plans .adhder-plans-price{font-weight:700;font-size:18px;white-space:nowrap}
#main .adhder-plans .adhder-plans-price small{font-size:12px;font-weight:400;color:var(--plans-muted)}
#main .adhder-plans .adhder-plans-family{margin:14px 0 0;color:var(--plans-muted);font-size:13.5px;line-height:1.5}
#main .adhder-plans .adhder-plans-family strong{color:var(--plans-text)}
#main .adhder-plans .adhder-plans-notice{margin:18px 0 0;padding:14px;border-radius:10px;background:var(--plans-raised);color:var(--plans-text);font-size:14px;line-height:1.55}
#main .adhder-plans .adhder-plans-total{display:flex;align-items:center;gap:14px 22px;margin-top:26px;padding:16px 24px;border-radius:14px;background:var(--plans-accent);color:var(--plans-on-accent);font-weight:700}
#main .adhder-plans .adhder-plans-summary{flex:1;margin:0;font-size:17px;line-height:1.35;color:var(--plans-on-accent)}
#main .adhder-plans .adhder-plans-continue,#main .adhder-plans .adhder-plans-login{display:inline-flex;align-items:center;min-height:44px;padding:10px 22px;border-radius:9px;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;white-space:nowrap}
#main .adhder-plans .adhder-plans-continue{background:var(--plans-on-accent);color:var(--plans-text)}
#main .adhder-plans .adhder-plans-login{color:var(--plans-on-accent);text-decoration:underline;text-underline-offset:3px}
#main .adhder-plans .adhder-plans-continue:focus-visible,#main .adhder-plans .adhder-plans-login:focus-visible{outline:2px solid var(--plans-on-accent);outline-offset:3px}
#main .adhder-plans .adhder-plans-footnote{margin:16px 0 0;color:var(--plans-muted);font-size:12px;line-height:1.6}
@media(max-width:860px){#main .adhder-plans .adhder-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 #main .adhder-plans{padding:26px 16px 20px;border-radius:14px}
 #main .adhder-plans .adhder-plans-header h2{font-size:28px!important}
 #main .adhder-plans .adhder-plans-grid{grid-template-columns:1fr}
 #main .adhder-plans .adhder-plans-total{flex-wrap:wrap;gap:8px 14px;padding:14px 16px}
 #main .adhder-plans .adhder-plans-summary{flex-basis:100%;font-size:15px}
}