/* ============================================================
   AAROGYOM Dashboard — Page Content Styles
   dist/assets/vendor/css/db-pages.css
   ============================================================ */

/* ── STAT CARDS (dashboard) ───────────────────────────── */
.stat-card{background:white;border-radius:var(--radius);padding:18px 16px;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;align-items:center;gap:14px;transition:var(--ease);height:100%;}
.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(230,93,10,0.15);}
.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.si-orange{background:linear-gradient(135deg,rgba(230,93,10,0.13),rgba(255,133,52,0.07));color:var(--primary);}
.si-green{background:linear-gradient(135deg,rgba(16,185,129,0.12),rgba(5,150,105,0.07));color:#059669;}
.si-blue{background:linear-gradient(135deg,rgba(10,35,81,0.1),rgba(13,45,107,0.06));color:var(--dark-blue);}
.si-purple{background:linear-gradient(135deg,rgba(139,92,246,0.12),rgba(109,40,217,0.07));color:#7c3aed;}
.stat-info{flex:1;min-width:0;}
.stat-label{font-size:0.73rem;color:var(--muted);font-weight:600;margin-bottom:3px;}
.stat-value{font-size:1.45rem;font-weight:800;color:var(--text);line-height:1;}
.stat-trend{font-size:0.71rem;margin-top:3px;font-weight:600;color:var(--muted);}
.stat-trend.up{color:#059669;}
.fw-700{font-weight:700;}
.text-success{color:#059669!important;}

/* Quick action buttons */
.quick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:12px;background:#f7f8fc;border:2px solid transparent;color:var(--muted);font-size:0.72rem;font-weight:600;text-align:center;cursor:pointer;transition:var(--ease);text-decoration:none;width:100%;}
.quick-btn i{font-size:1.4rem;color:var(--primary);}
.quick-btn:hover{border-color:rgba(230,93,10,0.2);background:rgba(230,93,10,0.05);color:var(--primary);}

/* Referral snippet */
.referral-snippet{background:linear-gradient(135deg,rgba(230,93,10,0.06),rgba(255,133,52,0.03));border:2px dashed rgba(230,93,10,0.2);border-radius:14px;padding:14px 16px;}
.rs-label{font-size:0.67rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;}
.rs-code{font-size:1.25rem;font-weight:800;color:var(--dark-blue);letter-spacing:3px;font-family:monospace;}
.rs-sub{font-size:0.7rem;color:var(--muted);margin-top:2px;}

/* Member avatar */
.mem-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:inline-flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;color:white;flex-shrink:0;}

/* ── SUBSCRIPTION PAGE ────────────────────────────────── */
.active-plan-bar{background:linear-gradient(135deg,rgba(230,93,10,0.05),rgba(255,133,52,0.03))!important;border-color:rgba(230,93,10,0.15)!important;}
.apb-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:white;flex-shrink:0;}
.apb-title{font-weight:800;color:var(--text);font-size:0.95rem;}
.apb-sub{font-size:0.78rem;color:var(--muted);margin-top:2px;}
.flex-1{flex:1;}

.plan-card{background:white;border-radius:20px;border:2px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--ease);height:100%;}
.plan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.plan-card-featured{background:linear-gradient(145deg,var(--dark-blue),var(--mid-blue));border-color:transparent;box-shadow:0 20px 50px rgba(10,35,81,0.28);}
.plan-header{padding:26px 22px 18px;position:relative;border-bottom:1px solid rgba(0,0,0,0.06);}
.plan-card-featured .plan-header{border-color:rgba(255,255,255,0.08);}
.plan-active-badge{position:absolute;top:14px;right:14px;background:#d1fae5;color:#065f46;font-size:0.67rem;font-weight:700;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;}
.plan-icon-box{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:12px;}
.plan-card:not(.plan-card-featured) .plan-icon-box{background:rgba(230,93,10,0.1);color:var(--primary);}
.plan-card-featured .plan-icon-box{background:rgba(255,255,255,0.12);color:white;}
.plan-name{font-size:1rem;font-weight:800;color:var(--text);margin-bottom:2px;}
.plan-card-featured .plan-name{color:white;}
.plan-desc{font-size:0.77rem;color:var(--muted);}
.plan-card-featured .plan-desc{color:rgba(255,255,255,0.55);}
.plan-price{display:flex;align-items:baseline;gap:3px;margin:14px 0 0;}
.pc{font-size:0.95rem;font-weight:700;color:var(--primary);}
.plan-card-featured .pc{color:#ff9f6b;}
.pa{font-size:2rem;font-weight:800;color:var(--text);line-height:1;}
.plan-card-featured .pa{color:white;}
.pp{font-size:0.77rem;color:var(--muted);}
.plan-card-featured .pp{color:rgba(255,255,255,0.45);}
.plan-body{padding:0 22px 24px;}
.plan-feats{list-style:none;padding:0;margin:16px 0 20px;}
.plan-feats li{display:flex;align-items:flex-start;gap:9px;padding:8px 0;font-size:0.83rem;color:var(--text);border-bottom:1px solid #f3f4f8;line-height:1.4;}
.plan-card-featured .plan-feats li{color:rgba(255,255,255,0.82);border-color:rgba(255,255,255,0.07);}
.plan-feats li:last-child{border-bottom:none;}
.plan-feats li i{color:#10b981;flex-shrink:0;margin-top:2px;}
.plan-cta{width:100%;padding:13px;border-radius:50px;border:none;font-family:"Poppins",sans-serif;font-weight:700;font-size:0.87rem;cursor:pointer;transition:var(--ease);}
.plan-card:not(.plan-card-featured) .plan-cta{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;box-shadow:0 6px 18px rgba(230,93,10,0.28);}
.plan-card-featured .plan-cta{background:white;color:var(--primary);}
.plan-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(230,93,10,0.35);}
.plan-cta:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none;}

.ref-code-box{background:linear-gradient(135deg,rgba(230,93,10,0.05),rgba(255,133,52,0.03));border:2px dashed rgba(230,93,10,0.2);border-radius:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.rc-label{font-size:0.73rem;font-weight:600;color:var(--muted);margin-bottom:4px;}
.rc-value{font-size:1.4rem;font-weight:800;color:var(--primary);letter-spacing:3px;font-family:monospace;}
.rc-copy-btn{background:var(--primary);color:white;border:none;border-radius:10px;padding:10px 18px;font-family:"Poppins",sans-serif;font-size:0.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--ease);}
.rc-copy-btn:hover{background:var(--primary-dark);transform:scale(1.04);}

.info-card{background:white;border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;align-items:flex-start;gap:14px;height:100%;}
.ic-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;}
.ic-orange{background:rgba(230,93,10,0.1);color:var(--primary);}
.ic-green{background:rgba(16,185,129,0.1);color:#059669;}
.ic-blue{background:rgba(10,35,81,0.08);color:var(--dark-blue);}
.ic-purple{background:rgba(139,92,246,0.1);color:#7c3aed;}
.ic-title{font-size:0.85rem;font-weight:700;color:var(--text);margin-bottom:3px;}
.ic-text{font-size:0.78rem;color:var(--muted);line-height:1.5;margin:0;}

/* ── INVESTMENT PAGE ──────────────────────────────────── */
.inv-banner{background:linear-gradient(135deg,var(--dark-blue),var(--mid-blue));border-radius:var(--radius);padding:24px 20px;color:white;position:relative;overflow:hidden;}
.inv-banner::after{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(230,93,10,0.2),transparent 70%);border-radius:50%;pointer-events:none;}
.ib-val{font-size:1.7rem;font-weight:800;color:white;line-height:1;}
.ib-label{font-size:0.7rem;opacity:0.6;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}

.share-calc{background:linear-gradient(135deg,rgba(230,93,10,0.05),rgba(255,133,52,0.03));border:2px solid rgba(230,93,10,0.12);border-radius:12px;padding:14px 16px;}
.sc-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:0.83rem;border-bottom:1px dashed rgba(230,93,10,0.1);}
.sc-row:last-child{border-bottom:none;}
.sc-val{font-weight:700;color:var(--primary);}
.sc-total{font-weight:700;}
.sc-total .sc-val{font-size:1.05rem;}

.flow-steps{display:flex;flex-direction:column;gap:10px;}
.flow-step{display:flex;align-items:flex-start;gap:12px;}
.fs-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:white;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;flex-shrink:0;}
.fs-text{font-size:0.85rem;color:var(--text);padding-top:4px;line-height:1.5;}

.example-box{background:linear-gradient(135deg,rgba(230,93,10,0.05),rgba(255,133,52,0.03));border:2px solid rgba(230,93,10,0.12);border-radius:14px;padding:16px 18px;}
.eb-title{font-size:0.76rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:12px;}

/* ── TRANSACTION PAGE ─────────────────────────────────── */
.txn-sum-card{background:white;border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow-sm);border:1px solid var(--border);text-align:center;}
.ts-val{font-size:1.25rem;font-weight:800;color:var(--text);line-height:1;}
.ts-label{font-size:0.7rem;color:var(--muted);font-weight:600;margin-top:4px;}

.txn-filters{display:flex;gap:8px;flex-wrap:wrap;}
.tf{padding:7px 16px;border-radius:50px;border:2px solid var(--border);background:white;color:var(--muted);font-size:0.78rem;font-weight:600;cursor:pointer;transition:var(--ease);font-family:"Poppins",sans-serif;}
.tf.active,.tf:hover{border-color:var(--primary);color:var(--primary);background:rgba(230,93,10,0.06);}

.tid{font-family:monospace;font-size:0.78rem;color:var(--muted);}
.ti-wrap{display:flex;align-items:center;gap:8px;}
.ti{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:0.95rem;flex-shrink:0;}
.ti-credit{background:rgba(16,185,129,0.1);color:#059669;}
.ti-debit{background:rgba(230,93,10,0.1);color:var(--primary);}
.ti-invest{background:rgba(10,35,81,0.08);color:var(--dark-blue);}
.ti-refer{background:rgba(139,92,246,0.1);color:#7c3aed;}
.ti-dividend{background:rgba(245,158,11,0.1);color:#d97706;}
.ta-credit{color:#059669;font-weight:700;}
.ta-debit{color:var(--primary);font-weight:700;}

/* ── PROFILE PAGE ─────────────────────────────────────── */
.prof-hero{background:linear-gradient(135deg,var(--dark-blue),var(--mid-blue));border-radius:var(--radius);padding:26px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;position:relative;overflow:hidden;}
.prof-hero::after{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(230,93,10,0.18),transparent 70%);border-radius:50%;pointer-events:none;}
.ph-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;color:white;flex-shrink:0;border:4px solid rgba(255,255,255,0.18);box-shadow:0 6px 20px rgba(0,0,0,0.2);position:relative;z-index:1;}
.ph-info{position:relative;z-index:1;}
.ph-name{font-size:1.25rem;font-weight:800;color:white;}
.ph-email{font-size:0.8rem;color:rgba(255,255,255,0.55);margin:3px 0 8px;}
.ph-badges{display:flex;gap:8px;flex-wrap:wrap;}

.prof-section{background:white;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden;}
.ps-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.ps-title{font-weight:700;font-size:0.93rem;color:var(--text);display:flex;align-items:center;gap:8px;margin:0;}
.ps-title i{color:var(--primary);}
.ps-body{padding:20px;}

.acct-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f8;font-size:0.84rem;}
.ar-val{font-weight:700;color:var(--text);}

.w-100{width:100%;}

/* ── TRANSACTION PAGE — filter tab disabled state ─────── */
.tf-disabled{opacity:.45;cursor:not-allowed!important;pointer-events:none;position:relative;}
.tf-disabled .tf-soon{font-size:0.6rem;background:var(--muted);color:white;border-radius:20px;padding:1px 6px;margin-left:5px;font-weight:700;vertical-align:middle;letter-spacing:0.3px;}

/* Summary card spinner alignment */
.ts-val .spinner-border{vertical-align:middle;}

/* ── SUBSCRIPTION CONFIRM MODAL ───────────────────────── */
.sub-confirm-overlay{position:fixed;inset:0;background:rgba(10,35,81,0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .22s ease;}
.sub-confirm-overlay.sco-visible{opacity:1;}
.sub-confirm-box{background:white;border-radius:22px;width:100%;max-width:420px;box-shadow:0 28px 70px rgba(10,35,81,0.22);transform:translateY(18px) scale(.97);transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .22s ease;opacity:0;overflow:hidden;}
.sub-confirm-overlay.sco-visible .sub-confirm-box{transform:translateY(0) scale(1);opacity:1;}
.scb-top{background:linear-gradient(135deg,var(--dark-blue),var(--mid-blue));padding:26px 24px 22px;position:relative;overflow:hidden;}
.scb-top::after{content:"";position:absolute;top:-50px;right:-50px;width:160px;height:160px;background:radial-gradient(circle,rgba(230,93,10,0.25),transparent 70%);border-radius:50%;pointer-events:none;}
.scb-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;margin-bottom:12px;position:relative;z-index:1;}
.scb-title{font-size:1.1rem;font-weight:800;color:white;margin:0 0 4px;position:relative;z-index:1;}
.scb-subtitle{font-size:0.78rem;color:rgba(255,255,255,0.55);margin:0;position:relative;z-index:1;}
.scb-body{padding:20px 24px;}
.scb-plan-row{background:linear-gradient(135deg,rgba(230,93,10,0.06),rgba(255,133,52,0.03));border:2px solid rgba(230,93,10,0.14);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.scb-plan-name{font-size:0.9rem;font-weight:800;color:var(--text);}
.scb-plan-price{font-size:1.1rem;font-weight:800;color:var(--primary);}
.scb-plan-price span{font-size:0.72rem;font-weight:600;color:var(--muted);}
.scb-warn{background:rgba(251,191,36,0.08);border:1.5px solid rgba(251,191,36,0.3);border-radius:10px;padding:10px 13px;display:flex;align-items:flex-start;gap:9px;margin-bottom:18px;}
.scb-warn i{color:#d97706;font-size:0.95rem;margin-top:1px;flex-shrink:0;}
.scb-warn p{font-size:0.77rem;color:#92400e;line-height:1.5;margin:0;}
.scb-actions{display:flex;gap:10px;}
.scb-cancel{flex:1;padding:12px;border-radius:50px;border:2px solid var(--border);background:white;color:var(--muted);font-family:"Poppins",sans-serif;font-size:0.85rem;font-weight:700;cursor:pointer;transition:var(--ease);}
.scb-cancel:hover{border-color:rgba(230,93,10,0.3);color:var(--primary);}
.scb-confirm{flex:2;padding:12px;border-radius:50px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;font-family:"Poppins",sans-serif;font-size:0.85rem;font-weight:700;cursor:pointer;transition:var(--ease);box-shadow:0 6px 18px rgba(230,93,10,0.28);}
.scb-confirm:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(230,93,10,0.38);}

/* ── FAQ PAGE ─────────────────────────────────────────────── */
.faq-category-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:50px;border:2px solid var(--border);background:white;color:var(--muted);font-size:0.78rem;font-weight:600;cursor:pointer;transition:var(--ease);font-family:"Poppins",sans-serif;}
.faq-category-pill i{font-size:0.9rem;}
.faq-category-pill.active,.faq-category-pill:hover{border-color:var(--primary);color:var(--primary);background:rgba(230,93,10,0.06);}
.faq-category-pill.active{background:rgba(230,93,10,0.08);}

.faq-search-wrap{position:relative;margin-bottom:24px;}
.faq-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1rem;pointer-events:none;}
.faq-search{width:100%;padding:11px 14px 11px 40px;border-radius:12px;border:2px solid var(--border);font-family:"Poppins",sans-serif;font-size:0.85rem;color:var(--text);background:white;transition:var(--ease);outline:none;}
.faq-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(230,93,10,0.1);}

.faq-group{margin-bottom:10px;}
.faq-item{border:1.5px solid var(--border);border-radius:14px;overflow:hidden;background:white;transition:var(--ease);}
.faq-item.open{border-color:rgba(230,93,10,0.25);box-shadow:0 4px 18px rgba(230,93,10,0.08);}
.faq-item+.faq-item{margin-top:8px;}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;user-select:none;}
.faq-q-text{font-size:0.88rem;font-weight:700;color:var(--text);line-height:1.4;flex:1;}
.faq-item.open .faq-q-text{color:var(--primary);}
.faq-chevron{width:28px;height:28px;border-radius:8px;background:#f3f4f8;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:0.8rem;flex-shrink:0;transition:var(--ease);}
.faq-item.open .faq-chevron{background:rgba(230,93,10,0.1);color:var(--primary);transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;}
.faq-item.open .faq-a{max-height:400px;}
.faq-a-inner{padding:0 18px 18px;font-size:0.83rem;color:var(--muted);line-height:1.7;border-top:1px solid #f3f4f8;padding-top:12px;}
.faq-a-inner strong{color:var(--text);}

.faq-contact-card{background:linear-gradient(135deg,var(--dark-blue),var(--mid-blue));border-radius:var(--radius);padding:24px;text-align:center;position:relative;overflow:hidden;}
.faq-contact-card::after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(230,93,10,0.22),transparent 70%);border-radius:50%;pointer-events:none;}
.fcc-title{font-size:1rem;font-weight:800;color:white;margin-bottom:6px;}
.fcc-sub{font-size:0.78rem;color:rgba(255,255,255,0.55);margin-bottom:18px;line-height:1.5;}
.fcc-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;font-family:"Poppins",sans-serif;font-size:0.82rem;font-weight:700;text-decoration:none;transition:var(--ease);border:none;cursor:pointer;}
.fcc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(230,93,10,0.35);color:white;}

.faq-empty{text-align:center;padding:40px 20px;color:var(--muted);}
.faq-empty i{font-size:2.2rem;display:block;margin-bottom:10px;opacity:.4;}
.faq-empty p{font-size:0.83rem;margin:0;}

/* ── ALERT / NOTIFICATIONS PAGE ───────────────────────────── */
.alert-tab-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;}
.at-tab{padding:7px 18px;border-radius:50px;border:2px solid var(--border);background:white;color:var(--muted);font-size:0.78rem;font-weight:600;cursor:pointer;transition:var(--ease);font-family:"Poppins",sans-serif;display:flex;align-items:center;gap:6px;}
.at-tab.active,.at-tab:hover{border-color:var(--primary);color:var(--primary);background:rgba(230,93,10,0.06);}
.at-tab .at-cnt{background:var(--primary);color:white;font-size:0.65rem;font-weight:800;border-radius:20px;padding:1px 7px;min-width:18px;text-align:center;}
.at-tab.active .at-cnt{background:white;color:var(--primary);}

.alert-mark-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:2px solid var(--border);background:white;color:var(--muted);font-family:"Poppins",sans-serif;font-size:0.78rem;font-weight:600;cursor:pointer;transition:var(--ease);}
.alert-mark-btn:hover{border-color:var(--primary);color:var(--primary);}

.alert-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:14px;border:1.5px solid var(--border);background:white;transition:var(--ease);position:relative;}
.alert-item.unread{border-color:rgba(230,93,10,0.2);background:rgba(230,93,10,0.025);}
.alert-item:hover{box-shadow:0 4px 16px rgba(0,0,0,0.07);}
.alert-item+.alert-item{margin-top:8px;}
.ai-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px;transition:var(--ease);}
.alert-item.read .ai-dot{background:#d1d5db;}
.ai-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.ai-icon-info{background:rgba(10,35,81,0.08);color:var(--dark-blue);}
.ai-icon-success{background:rgba(16,185,129,0.1);color:#059669;}
.ai-icon-warn{background:rgba(245,158,11,0.1);color:#d97706;}
.ai-icon-danger{background:rgba(239,68,68,0.1);color:#dc2626;}
.ai-icon-promo{background:rgba(230,93,10,0.1);color:var(--primary);}
.ai-icon-system{background:rgba(139,92,246,0.1);color:#7c3aed;}
.ai-body{flex:1;min-width:0;}
.ai-title{font-size:0.87rem;font-weight:700;color:var(--text);margin-bottom:3px;line-height:1.3;}
.alert-item.unread .ai-title{color:var(--dark-blue);}
.ai-msg{font-size:0.8rem;color:var(--muted);line-height:1.55;margin:0 0 6px;}
.ai-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ai-time{font-size:0.72rem;color:var(--muted);font-weight:500;}
.ai-tag{font-size:0.67rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;}
.ai-tag-info{background:rgba(10,35,81,0.08);color:var(--dark-blue);}
.ai-tag-success{background:#d1fae5;color:#065f46;}
.ai-tag-warn{background:#fef3c7;color:#92400e;}
.ai-tag-danger{background:#fee2e2;color:#991b1b;}
.ai-tag-promo{background:rgba(230,93,10,0.1);color:var(--primary);}
.ai-tag-system{background:rgba(139,92,246,0.1);color:#6d28d9;}
.ai-action{font-size:0.76rem;color:var(--primary);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.ai-action:hover{text-decoration:underline;color:var(--primary-dark);}

.alert-empty{text-align:center;padding:50px 20px;color:var(--muted);}
.alert-empty i{font-size:2.5rem;display:block;margin-bottom:10px;opacity:.35;}
.alert-empty p{font-size:0.83rem;margin:0;}

.unread-banner{background:linear-gradient(135deg,rgba(230,93,10,0.07),rgba(255,133,52,0.04));border:1.5px solid rgba(230,93,10,0.15);border-radius:12px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.ub-text{font-size:0.8rem;font-weight:600;color:var(--primary);}

/* ── MEMBERSHIP CARD ──────────────────────────────────────── */
.mc-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;}
.mc-no-sub{text-align:center;padding:32px 20px;color:var(--muted);}
.mc-no-sub i{font-size:2.2rem;display:block;margin-bottom:10px;opacity:.35;}
.mc-no-sub p{font-size:0.83rem;margin:0 0 14px;}

/* Card shell — standard CR80 landscape aspect ratio */
.membership-card{
    width:100%;max-width:480px;
    aspect-ratio:1.586;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 22px 55px rgba(10,35,81,0.28),0 6px 18px rgba(0,0,0,0.12);
    display:flex;flex-direction:column;
    font-family:"Poppins",sans-serif;
    position:relative;
    background:white;
    cursor:default;
    user-select:none;
}

/* ── Top band (header) ── */
.mc-header{
    flex:0 0 44%;
    background:linear-gradient(130deg,#0a2351 0%,#0d3a8a 55%,#e65d0a 130%);
    padding:14px 18px 10px;
    display:flex;align-items:flex-start;justify-content:space-between;
    position:relative;overflow:hidden;
}
.mc-header::before{
    content:"";position:absolute;top:-40px;left:-40px;
    width:160px;height:160px;
    background:radial-gradient(circle,rgba(255,133,52,0.18),transparent 70%);
    border-radius:50%;pointer-events:none;
}
.mc-header::after{
    content:"";position:absolute;bottom:-30px;right:90px;
    width:120px;height:120px;
    background:radial-gradient(circle,rgba(255,255,255,0.06),transparent 70%);
    border-radius:50%;pointer-events:none;
}

.mc-brand{display:flex;align-items:center;gap:9px;position:relative;z-index:1;}
.mc-logo{
    width:36px;height:36px;border-radius:10px;
    background:rgba(255,255,255,0.1);border:1.5px solid rgba(255,255,255,0.2);
    display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;
}
.mc-logo img{width:28px;height:28px;object-fit:contain;filter:brightness(1.5);}
.mc-logo-fb{font-size:1rem;font-weight:800;color:#e65d0a;display:none;}
.mc-logo img[style*="display:none"] + .mc-logo-fb{display:block;}
.mc-brand-text{}
.mc-brand-name{
    font-size:0.95rem;font-weight:800;color:#fff;
    letter-spacing:2px;text-transform:uppercase;line-height:1.1;
}
.mc-brand-tag{font-size:0.55rem;color:rgba(255,255,255,0.5);letter-spacing:1px;text-transform:uppercase;}

/* Avatar top-right */
.mc-avatar-box{
    position:relative;z-index:1;flex-shrink:0;
    width:58px;height:58px;border-radius:14px;
    background:rgba(255,255,255,0.92);
    border:2.5px solid rgba(255,255,255,0.3);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    box-shadow:0 4px 14px rgba(0,0,0,0.18);
}
.mc-avatar-initials{
    font-size:1.35rem;font-weight:800;
    color:var(--dark-blue,#0a2351);line-height:1;
}

/* Plan chip inside header */
.mc-plan-chip{
    position:absolute;bottom:10px;left:18px;z-index:1;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:20px;padding:2px 10px;
    font-size:0.58rem;font-weight:700;color:rgba(255,255,255,0.9);
    letter-spacing:1.5px;text-transform:uppercase;
    backdrop-filter:blur(4px);
}

/* Divider line between header and body */
.mc-divider{
    height:4px;flex-shrink:0;
    background:linear-gradient(90deg,#e65d0a,#ff8534,rgba(230,93,10,0.2));
}

/* ── Bottom body ── */
.mc-body{
    flex:1;background:#fff;
    padding:10px 16px 10px;
    display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
}

.mc-fields{flex:1;display:flex;flex-direction:column;gap:5px;}
.mc-row{display:flex;align-items:baseline;gap:6px;line-height:1.3;}
.mc-lbl{
    font-size:0.6rem;font-weight:700;color:#aaa;
    text-transform:uppercase;letter-spacing:0.8px;
    min-width:52px;flex-shrink:0;
}
.mc-val{font-size:0.72rem;font-weight:700;color:#0a2351;}
.mc-card-no{
    font-size:0.75rem;font-weight:800;color:#e65d0a;
    letter-spacing:2px;font-family:monospace;
}
.mc-valid-range{font-size:0.65rem;font-weight:600;color:#555;}

/* Footer bar */
.mc-footer{
    height:22px;flex-shrink:0;
    background:linear-gradient(90deg,#0a2351,#0d3a8a);
    display:flex;align-items:center;justify-content:center;
}
.mc-footer-text{
    font-size:0.5rem;font-weight:600;
    color:rgba(255,255,255,0.45);letter-spacing:2px;text-transform:uppercase;
}

/* QR box */
.mc-qr-box{
    flex-shrink:0;display:flex;flex-direction:column;
    align-items:center;gap:3px;
}
.mc-qr-box canvas,
.mc-qr-box img{width:62px!important;height:62px!important;border-radius:6px;}
.mc-qr-label{font-size:0.48rem;color:#aaa;letter-spacing:0.5px;font-weight:600;}

/* Download button */
.mc-download-btn{
    display:inline-flex;align-items:center;gap:7px;
    padding:10px 22px;border-radius:50px;border:none;
    background:linear-gradient(135deg,var(--primary,#e65d0a),var(--primary-dark,#c44d08));
    color:white;font-family:"Poppins",sans-serif;font-size:0.82rem;font-weight:700;
    cursor:pointer;transition:all .2s ease;
    box-shadow:0 6px 18px rgba(230,93,10,0.28);
}
.mc-download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(230,93,10,0.38);}
.mc-download-btn:disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;transform:none;cursor:not-allowed;}

.mc-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}