/* KITA TABUNG V15.28 — Subscription & Billing UI */
.subscription-plan-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text-main);padding:8px 11px;border-radius:999px;font:800 .68rem/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.subscription-plan-chip i{color:var(--primary)}
.subscription-plan-chip.pro,.subscription-plan-chip.pro_plus{border-color:color-mix(in srgb,var(--primary) 36%,var(--border-color));background:var(--primary-soft);color:var(--primary)}
.subscription-sidebar-card{margin:14px 12px 12px;padding:13px;border-radius:16px;border:1px solid var(--border-color);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));display:flex;flex-direction:column;gap:7px}
.subscription-sidebar-card strong{font-size:.76rem;color:var(--text-main)}
.subscription-sidebar-card span{font-size:.63rem;line-height:1.45;color:var(--text-muted)}
.subscription-sidebar-card button{border:0;border-radius:10px;background:var(--primary);color:white;padding:9px 10px;font-weight:800;font-size:.67rem;cursor:pointer}
.subscription-nav-lock{margin-left:auto;font-size:.6rem!important;color:var(--text-muted);opacity:.85}
.subscription-lock-host{position:relative!important;min-height:130px}
.subscription-lock-overlay{position:absolute;z-index:25;inset:0;border-radius:inherit;display:flex;align-items:center;justify-content:center;padding:22px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.subscription-lock-card{max-width:420px;text-align:center;padding:22px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border-color));background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 18px 50px rgba(15,23,42,.12)}
.subscription-lock-icon{width:46px;height:46px;border-radius:14px;margin:0 auto 10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1rem}
.subscription-lock-card strong{display:block;font-size:.92rem;color:var(--text-main);margin-bottom:6px}
.subscription-lock-card p{font-size:.72rem;color:var(--text-muted);line-height:1.55;margin:0 0 13px}
.subscription-lock-card button{border:0;border-radius:11px;background:var(--primary);color:#fff;padding:10px 14px;font-weight:800;font-size:.72rem;cursor:pointer}
.subscription-inline-lock{position:relative}
.subscription-pro-badge{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:3px 6px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.55rem;font-weight:900;letter-spacing:.04em;vertical-align:middle}
.subscription-method-locked{position:relative;opacity:.82}
.subscription-method-locked::after{content:'PRO';position:absolute;top:9px;right:9px;border-radius:999px;padding:4px 7px;background:var(--primary);color:#fff;font-size:.53rem;font-weight:900;letter-spacing:.05em}
.subscription-settings-card{overflow:hidden}
.subscription-settings-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}
.subscription-settings-plan{display:flex;align-items:center;gap:10px}
.subscription-plan-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--primary-soft);color:var(--primary)}
.subscription-settings-plan strong{display:block;color:var(--text-main);font-size:.9rem}.subscription-settings-plan span{display:block;color:var(--text-muted);font-size:.65rem;margin-top:2px}
.subscription-price-tag{font-weight:900;color:var(--text-main);font-size:.88rem;text-align:right}.subscription-price-tag small{display:block;color:var(--text-muted);font-size:.58rem;font-weight:700;margin-top:2px}
.subscription-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}
.subscription-usage-box{padding:12px;border:1px solid var(--border-color);border-radius:14px;background:color-mix(in srgb,var(--bg) 64%,var(--surface))}.subscription-usage-box span{display:block;color:var(--text-muted);font-size:.58rem;font-weight:700}.subscription-usage-box strong{display:block;color:var(--text-main);font-size:.78rem;margin-top:4px}.subscription-progress{height:5px;border-radius:999px;background:var(--border-color);overflow:hidden;margin-top:8px}.subscription-progress>i{display:block;height:100%;width:0;background:var(--primary);border-radius:inherit}
.subscription-settings-actions{display:flex;gap:9px;flex-wrap:wrap}.subscription-settings-actions button{flex:1;min-width:130px}
.subscription-setup-warning{margin-top:10px;padding:9px 11px;border-radius:10px;background:var(--warning-soft);color:var(--warning);font-size:.62rem;line-height:1.45}
.subscription-pricing-modal .modal-content{max-width:1040px;width:min(1040px,calc(100vw - 28px));padding:0;overflow:hidden}
.subscription-pricing-shell{padding:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),var(--surface))}
.subscription-pricing-head{text-align:center;max-width:650px;margin:2px auto 22px}.subscription-pricing-head .eyebrow{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.59rem;font-weight:900;letter-spacing:.06em}.subscription-pricing-head h2{margin:10px 0 7px;font-size:1.55rem;color:var(--text-main)}.subscription-pricing-head p{margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.55}
.subscription-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.subscription-price-card{position:relative;border:1px solid var(--border-color);border-radius:20px;padding:19px;background:var(--surface);box-shadow:0 14px 36px rgba(15,23,42,.06);display:flex;flex-direction:column;min-height:510px}.subscription-price-card.recommended{border-color:color-mix(in srgb,var(--primary) 55%,var(--border-color));box-shadow:0 18px 46px color-mix(in srgb,var(--primary) 14%,transparent)}
.subscription-recommended{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.55rem;font-weight:900;letter-spacing:.05em}.subscription-price-card h3{margin:0;color:var(--text-main);font-size:1.05rem}.subscription-price-card .sub-copy{min-height:34px;margin:6px 0 12px;color:var(--text-muted);font-size:.68rem;line-height:1.45}.subscription-money{font-size:1.65rem;font-weight:900;letter-spacing:-.04em;color:var(--text-main)}.subscription-money small{font-size:.62rem;font-weight:700;color:var(--text-muted);letter-spacing:0}.subscription-quota-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.subscription-quota-pill{padding:9px 5px;border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--bg));text-align:center}.subscription-quota-pill strong{display:block;color:var(--text-main);font-size:.72rem}.subscription-quota-pill span{display:block;color:var(--text-muted);font-size:.5rem;margin-top:2px}.subscription-plan-button{width:100%;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--border-color));padding:11px 12px;background:transparent;color:var(--primary);font-weight:900;cursor:pointer;margin-bottom:14px}.subscription-price-card.recommended .subscription-plan-button,.subscription-price-card.plus .subscription-plan-button{background:var(--primary);color:#fff;border-color:var(--primary)}.subscription-plan-button[disabled]{opacity:.55;cursor:default;background:var(--bg)!important;color:var(--text-muted)!important;border-color:var(--border-color)!important}.subscription-feature-list{padding-top:13px;border-top:1px solid var(--border-color);display:grid;gap:9px}.subscription-feature{display:flex;gap:8px;align-items:flex-start;font-size:.65rem;line-height:1.42;color:var(--text-main)}.subscription-feature i{color:var(--success);margin-top:2px}.subscription-feature.off{color:var(--text-muted)}.subscription-feature.off i{color:var(--text-muted)}
.subscription-checkout-note{margin-top:16px;text-align:center;color:var(--text-muted);font-size:.6rem;line-height:1.5}
.subscription-notice{margin:0 0 15px;padding:10px 12px;border-radius:12px;background:var(--warning-soft);color:var(--warning);font-size:.66rem;line-height:1.5;display:none}.subscription-notice.show{display:block}
body.subscription-free #ai-float-btn::after{content:'PRO';position:absolute;top:-4px;right:-4px;background:var(--primary);color:white;border:2px solid var(--surface);font-size:.48rem;font-weight:900;padding:3px 5px;border-radius:999px}
body.subscription-free #group-smart-category{display:none!important}
body.subscription-free #smart-category-hint{display:none!important}
@media (max-width:880px){.subscription-pricing-grid{grid-template-columns:1fr}.subscription-price-card{min-height:0}.subscription-pricing-modal .modal-content{max-height:92dvh;overflow:auto}.subscription-usage-grid{grid-template-columns:1fr}.subscription-sidebar-card{display:none}}
@media (max-width:640px){.subscription-plan-chip{padding:8px}.subscription-plan-chip span{display:none}.subscription-pricing-shell{padding:18px 13px}.subscription-pricing-head h2{font-size:1.25rem}.subscription-price-card{padding:16px}.subscription-quota-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V15.28 lifetime billing states */
.subscription-notice.error{border-color:rgba(220,38,38,.24);background:rgba(220,38,38,.07);color:#b91c1c}
html[data-theme="dark"] .subscription-notice.error,body.dark .subscription-notice.error{color:#fca5a5;background:rgba(220,38,38,.12)}
.subscription-plan-button:disabled{cursor:not-allowed;opacity:.68}

/* V15.28.8 — simplified settings + payment approval hold */
.subscription-price-card.current-plan{border-color:color-mix(in srgb,var(--success) 62%,var(--primary));box-shadow:0 18px 48px color-mix(in srgb,var(--success) 13%,transparent)}
.subscription-current-badge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin:-2px 0 10px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--success) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 34%,var(--border-color));color:var(--success);font-size:.55rem;font-weight:900;letter-spacing:.045em}
.subscription-plan-current[disabled]{opacity:1!important;background:color-mix(in srgb,var(--success) 12%,var(--surface))!important;color:var(--success)!important;border-color:color-mix(in srgb,var(--success) 42%,var(--border-color))!important}
.subscription-plan-current i{margin-right:4px}

/* V15.28.8 Edit Profile consolidation */
.profile-edit-modal .theme-studio-card{margin:0}.profile-edit-modal .bento-card{box-sizing:border-box}.profile-personalization-card .btn-submit i{margin-right:7px}@media(max-width:760px){.profile-edit-modal{max-width:calc(100vw - 20px)!important;max-height:94vh!important;padding:18px!important}.profile-edit-modal .color-wheel-layout{grid-template-columns:1fr}.profile-edit-modal .color-wheel-shell{max-width:280px;margin:0 auto}.profile-edit-modal #theme-color-wheel{width:100%;height:auto}}