/* Bhakti Bhavna R15 — Professional Naam Jap / Ram Naam Bank / Passbook UI */
:root{--bank-maroon:#701b2a;--bank-maroon-2:#8d2831;--bank-saffron:#d88719;--bank-gold:#c9983c;--bank-gold-light:#f3d58d;--bank-ivory:#fffaf0;--bank-cream:#f8efe1;--bank-blue:#315b75;--bank-green:#2e6b4e}
.bank-pro-page{padding-top:12px}.bank-pro-page .subhead{margin-bottom:12px}.bank-pro-page .subhead h1{letter-spacing:.01em}.bank-tabs.bank-tabs-pro{padding:4px;background:#efe2cf;border:1px solid #e2cda8;border-radius:18px;gap:4px;box-shadow:inset 0 1px 2px #6e3a1f10}.bank-tabs.bank-tabs-pro button{border:0;background:transparent;border-radius:14px;min-height:49px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;font-size:.78rem}.bank-tabs.bank-tabs-pro button.selected{background:linear-gradient(135deg,var(--bank-maroon),#8f2933);box-shadow:0 4px 12px #5a182433;color:#fff}.bank-tabs.bank-tabs-pro .tab-ico{font-family:system-ui;font-size:1rem}
.bank-hero-card{position:relative;overflow:hidden;min-height:245px;border-radius:27px;padding:23px 18px 18px;background:radial-gradient(circle at 75% 28%,#fff3c7 0 13%,transparent 35%),linear-gradient(135deg,#641724 0%,#821f2d 54%,#a35424 100%);box-shadow:0 12px 28px #4e172b2b;border:1px solid #d6a350;color:#fff;margin-bottom:14px}.bank-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff12,transparent 42%,#ffd56e14);pointer-events:none}.bank-hero-copy{position:relative;z-index:2;width:58%;min-width:210px}.bank-hero-kicker{font-size:.75rem;color:#f8d889;font-weight:700;letter-spacing:.02em}.bank-hero-title{font-size:1.28rem;margin:5px 0 3px;color:#fff}.bank-balance-label{font-size:.72rem;color:#f8dfb4;margin-top:14px}.bank-hero-card .num{color:#fff;font-size:2.25rem;text-shadow:0 2px 10px #35101655;margin:3px 0}.bank-hero-id{display:inline-block;background:#fff2;border:1px solid #ffd57d55;border-radius:999px;padding:5px 9px;color:#ffe8b4;font-size:.68rem}.bank-hero-image{position:absolute;right:-22px;bottom:-18px;width:53%;max-width:235px;max-height:235px;object-fit:contain;z-index:1;filter:drop-shadow(0 8px 13px #2d0a1138)}.bank-hero-card.compact{min-height:205px}.bank-hero-card.compact .bank-hero-image{width:46%;right:-10px;bottom:-18px}.bank-hero-card.compact .num{font-size:2rem}
.bank-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.bank-stat-chip{background:#fff;border:1px solid #ead9c0;border-radius:18px;padding:13px;box-shadow:0 4px 12px #5f2c1410}.bank-stat-chip span{display:block;color:#8a7569;font-size:.7rem}.bank-stat-chip b{display:block;color:var(--bank-maroon);font-size:1.05rem;margin-top:3px;overflow-wrap:anywhere}.bank-status.pro{background:#fff8e9;border:1px solid #eddcb9;border-left:4px solid var(--bank-saffron);border-radius:16px;color:#67564d;padding:11px 13px}.bank-start.pro{background:linear-gradient(135deg,var(--bank-maroon),#932e36);box-shadow:0 7px 18px #5e19252c;min-height:52px;font-size:.98rem}.bank-actions.pro{margin:12px 0}.bank-actions.pro .action-card{background:linear-gradient(180deg,#fffdf9,#fff8ed);border-color:#ead6b7;box-shadow:0 4px 12px #5f2c1410}.bank-actions.pro .action-card em{font-family:system-ui}.manual-deposit{background:#fff;border:1px solid #ead9c0;border-radius:20px;padding:0 15px;margin-top:12px;box-shadow:0 4px 12px #5f2c1410}.manual-deposit summary{list-style:none;cursor:pointer;min-height:56px;display:flex;align-items:center;color:var(--bank-maroon);font-weight:700;font-size:.88rem}.manual-deposit summary::-webkit-details-marker{display:none}.manual-deposit summary:after{content:"＋";margin-left:auto;color:var(--bank-saffron);font-size:1.25rem}.manual-deposit[open] summary:after{content:"−"}.manual-deposit .manual-inner{padding:0 0 15px}.manual-deposit .primary{background:var(--bank-maroon)}
.jap-identity-card{background:linear-gradient(145deg,#fffdf9,#fff1d8);border:1px solid #e8c98e;border-radius:25px;padding:14px;margin-bottom:14px;box-shadow:0 8px 20px #71311713}.jap-identity-top{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center}.jap-identity-top .chosen-deity-image{width:78px!important;height:92px!important;border-radius:18px;background:radial-gradient(circle,#fff9dc,#edd6a1);padding:4px;box-shadow:0 5px 14px #7b38151c}.jap-eyebrow{display:block;color:#a36d25;font-size:.67rem;font-weight:700}.jap-mantra-name{font-size:1.25rem!important;color:var(--bank-maroon)!important;line-height:1.25}.jap-id{font-size:.66rem}.jap-today-badge{min-width:66px;text-align:center;border-left:1px solid #e4c994;padding-left:10px}.jap-today-badge span,.jap-today-badge small{display:block;color:#8b7569;font-size:.62rem}.jap-today-badge strong{display:block;color:var(--bank-maroon);font-size:1.25rem;line-height:1.2}.jap-picker{margin-top:12px;padding-top:12px;border-top:1px dashed #dec497}.jap-picker .field{margin:0}.jap-picker select{background:#fffdf7;border-color:#ddc49c}.jap-note{margin:10px 0 0!important}
#malaPanel.mala-card{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff7d9 0 25%,#fffaf1 50%,#f4e1bf 100%);border:1px solid #ddba76;border-radius:28px;padding:18px 14px 16px;box-shadow:0 10px 25px #6a2b161c;margin-top:15px}.mala-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b0792e12 1px,transparent 1px);background-size:17px 17px;pointer-events:none}.mala-head{position:relative;z-index:2}.mala-head h2{margin:0;color:var(--bank-maroon);font-size:1.24rem}.mala-head p{margin:3px 0 0;color:#7b695f;font-size:.72rem}.mala-intention{margin:7px 0 0;color:#a2702a;font-size:.74rem;font-weight:700;min-height:18px}.mala-stage{--mala-radius:clamp(126px,38vw,155px);position:relative;width:min(100%,350px);height:350px;margin:2px auto 0;z-index:2}.mala-stage:before{content:"";position:absolute;top:5px;left:50%;width:15px;height:18px;border-radius:50% 50% 55% 55%;background:linear-gradient(145deg,#e4b455,#8d5522);box-shadow:0 1px 0 #fff9 inset,0 2px 7px #63320e55;transform:translateX(-50%);z-index:4}.mala-beads{position:absolute!important;inset:0!important;display:block!important;margin:0!important;z-index:3}.mala-beads i{position:absolute!important;left:50%;top:50%;width:7px!important;height:7px!important;aspect-ratio:auto!important;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f3ddb0,#aa7948 65%,#6e4727)!important;border:1px solid #8b5f37!important;box-shadow:0 1px 2px #4d2d1744;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--mala-radius)));transform-origin:center;transition:background .18s,box-shadow .18s,scale .18s}.mala-beads i.filled{background:radial-gradient(circle at 30% 25%,#ffe49a,#d88c20 58%,#8c3f22)!important;border-color:#a95824!important;box-shadow:0 0 7px #e99e36aa}.mala-beads i.current{width:10px!important;height:10px!important;background:radial-gradient(circle,#fff5b5,#a51f34 62%,#671222)!important;box-shadow:0 0 0 3px #f1c66a66,0 0 13px #b5273faa}.mala-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-51%);width:184px;height:205px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 50% 20%,#fffbe9,#ffe7ad 74%,#e9be70);border:1px solid #dfb468;box-shadow:inset 0 0 0 6px #fff7df99,0 8px 24px #6b351e26;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:2}.mala-center img{width:105px;height:117px;object-fit:contain;filter:drop-shadow(0 5px 8px #6b2b2024);margin-top:-5px}.mala-center .mala-count{font-size:1.45rem!important;color:var(--bank-maroon);margin-top:-4px}.mala-center small{color:#7e695d;font-size:.62rem}.mala-tap.pro{position:relative;z-index:2;width:148px!important;min-width:148px!important;height:148px!important;min-height:148px!important;border-radius:50%!important;margin:-6px auto 8px!important;border:5px solid #f2d38e!important;background:radial-gradient(circle at 35% 25%,#9f3441,#711726 65%,#4f0d19)!important;box-shadow:0 0 0 5px #fff8df,0 10px 24px #59112045,inset 0 1px 6px #ffffff35!important;color:#fff!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;touch-action:manipulation}.mala-tap.pro:active{transform:scale(.97)}.mala-tap.pro .tap-name{font-size:1.85rem;font-weight:700;color:#ffe9a7;line-height:1.1;text-shadow:0 2px 5px #330812}.mala-tap.pro small{font-size:.62rem;color:#fff2d2;font-weight:400}.mala-progress-copy{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;color:#7d695e;font-size:.68rem;margin:5px 0 10px}.mala-progress-copy span:first-child{color:var(--bank-maroon);font-weight:700}.mala-celebration{appearance:none;width:100%;cursor:pointer;position:relative;z-index:2;background:#fff5d4;border:1px solid #dfbd70;border-radius:15px;padding:9px 12px;color:var(--bank-maroon);font-weight:700;font-size:.8rem;margin:8px auto 10px;max-width:320px}.mala-celebration:disabled{cursor:wait;opacity:.7}.mala-celebration[hidden]{display:none}.mala-card.milestone{animation:malaGlow .7s ease}.mala-petal{position:absolute;z-index:8;pointer-events:none;width:9px;height:13px;border-radius:70% 20% 70% 20%;background:linear-gradient(145deg,#ffb3aa,#d44550);top:58%;left:50%;opacity:0;animation:petalFall .85s ease-out forwards}.mala-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mala-actions #malaSave{grid-column:1/-1;min-height:48px;background:linear-gradient(135deg,var(--bank-maroon),#922c36)}.mala-actions .secondary{font-size:.74rem;padding:10px 8px}.mala-card.complete .mala-center{box-shadow:inset 0 0 0 6px #fff7df99,0 0 32px #e0a53880}.mala-card.complete .mala-beads i.filled{box-shadow:0 0 8px #e8a031cc}.goal-card{background:#fff;border:1px solid #ead9c0;border-radius:20px;padding:15px;margin:12px 0}.goal-card .progress{height:10px;background:#f0e2cf}.goal-card .progress i{background:linear-gradient(90deg,#b9552d,#d99a29)}.jap-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jap-stat{background:#fff;border:1px solid #ead9c0;border-radius:19px;padding:14px;text-align:center}.jap-stat .num{font-size:1.4rem}.jap-stat .muted{font-size:.68rem}
.passbook-head-card{background:linear-gradient(145deg,#fff7df,#fffdf9);border:1px solid #e6c98f;border-radius:24px;padding:17px;margin-bottom:13px;position:relative;overflow:hidden}.passbook-head-card:after{content:"";position:absolute;right:-22px;bottom:-18px;width:128px;height:128px;background:url('assets/sita_ram_bank_hero.png') center/contain no-repeat;opacity:.16}.passbook-head-card>*{position:relative;z-index:1}.passbook-head-card .num{font-size:2.1rem}.passbook-ledger-head{display:flex;align-items:end;justify-content:space-between;margin:18px 2px 10px}.passbook-ledger-head h2{font-size:1.05rem;color:var(--bank-maroon);margin:0}.passbook-ledger-head span{font-size:.67rem;color:#8b776b}.bank-entry{position:relative;overflow:hidden;padding:14px 14px 14px 17px;border-color:#ead9c0;border-radius:18px;background:linear-gradient(180deg,#fff,#fffaf3);box-shadow:0 3px 10px #5f2c140b}.bank-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#d78c24,#7c1e2d)}.bank-entry .entry-title{display:flex;align-items:center;gap:7px;color:var(--bank-maroon);font-weight:700;font-size:.88rem}.bank-entry .entry-date{color:#8a776d;font-size:.66rem;margin-top:4px}.bank-entry .entry-amount{color:var(--bank-green)!important;font-size:1.12rem!important}.bank-entry .entry-amount small{display:block;color:#8a776d;font-size:.58rem;font-weight:400;text-align:right}
.bank-welcome-hero{background:linear-gradient(145deg,#fff3d0,#fffdf7);border:1px solid #e6c688;border-radius:26px;padding:18px;text-align:center;overflow:hidden}.bank-welcome-hero img{width:210px;height:210px;object-fit:contain;margin:-18px auto -12px;filter:drop-shadow(0 7px 11px #66301820)}.bank-welcome-hero h2{color:var(--bank-maroon);margin:4px 0 5px}.bank-welcome-hero p{margin:0}.bank-how{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.bank-how div{background:#fff;border:1px solid #ead9c0;border-radius:17px;padding:12px}.bank-how b{display:block;color:var(--bank-maroon);font-size:.82rem}.bank-how small{display:block;color:#88756a;font-size:.67rem;line-height:1.45;margin-top:3px}
@keyframes petalFall{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),70px) rotate(180deg)}}@keyframes malaGlow{0%,100%{filter:none}50%{filter:drop-shadow(0 0 10px #e0a53880)}}
@media(max-width:390px){.bank-hero-card{min-height:230px}.bank-hero-copy{width:62%;min-width:0}.bank-hero-image{width:52%;right:-30px}.mala-stage{height:320px;--mala-radius:133px}.mala-center{width:168px;height:187px}.mala-center img{width:94px;height:105px}.jap-identity-top{grid-template-columns:68px 1fr auto}.jap-identity-top .chosen-deity-image{width:68px!important;height:82px!important}.bank-how{grid-template-columns:1fr}.mala-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mala-card.milestone,.mala-petal{animation:none!important}.mala-beads i{transition:none}}