.sabaiPlans{padding:22px;max-width:520px}.sabaiPlans>p{color:var(--sub);font-size:14px;line-height:1.5}.planTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.planTabs button{min-height:44px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:600 15px Outfit}.planTabs [aria-selected=true]{background:var(--green);color:#103c3d;border-color:var(--green)}.planDetails{background:var(--surface);border:1px solid var(--border);border-bottom-width:5px;border-radius:24px;padding:18px}.planChang{height:110px;text-align:center}.planChang>svg{width:125px;height:110px}.planDetails h3{font-size:27px;margin:12px 0}.planDetails ul{list-style:none;padding:0;display:grid;gap:13px;margin:22px 0}.planDetails li{display:flex;align-items:center;gap:10px;font-size:15px}.planDetails li svg{width:20px;height:20px;color:var(--green)}.planDetails .primary,.sabaiPlans>.primary{width:100%;min-height:48px}.planPreviewNote{font-size:11px!important;color:var(--sub)}.planPreviewBanner{display:grid;gap:8px;margin-bottom:20px;padding:18px;background:var(--surface);border:1px solid var(--green);border-radius:18px}.planPreviewBanner span{font-size:13px;color:var(--sub)}.familySeats{display:flex;gap:8px}.familySeats span{flex:1;text-align:center;border:1px dashed var(--border);padding:16px 4px;border-radius:15px;font-size:12px}
.engagementToggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-top:1px solid var(--border);font-size:13px}.engagementToggle input{width:22px;height:22px;accent-color:var(--green)}
.planDialog{padding:0;border:1px solid var(--border);border-radius:26px;background:var(--bg);color:var(--text);width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - var(--app-safe-top) - var(--app-safe-bottom) - 28px);overflow:auto;font:inherit;box-shadow:0 24px 90px #001d2480}.planDialog::backdrop{background:#06262dd9;backdrop-filter:blur(8px)}.planDialog .sabaiPlans{margin:0;max-width:none!important}.planDialog .sheetHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.planDialog .sheetHeader h2{font-size:25px;margin:0}.planDialog .sheetHeader .close{min-width:44px;min-height:44px}.planDialog button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.planPeriods{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.planPeriods button{min-height:40px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--sub);font:600 13px Outfit}.planPeriods [aria-pressed=true]{border-color:var(--green);color:var(--green);background:var(--surface2)}#restorePlanStatus{font-size:12px;color:var(--sub);line-height:1.4}#restorePlanPurchases{margin-top:8px;min-height:40px}
.planDialog .planChang{height:88px}.planDialog .planChang>svg{width:110px;height:88px}.planDialog .planDetails{padding:16px}.planDialog .planDetails h3{font-size:25px;margin:8px 0}.planDialog .planDetails ul{margin:14px 0;gap:10px}.planDialog .planDetails li{font-size:14px}.planDialog .planPeriods{margin:8px 0}