/* Focus mode only; other Bhakti Bhavna screens are not styled. */
#jap .bank-tabs-pro{display:none!important}
#jap .bank-pro-page{padding-bottom:26px}
#bbJapFocus{border-radius:22px;background:linear-gradient(150deg,#fffaf0 10%,#fff0d6 90%);border:1px solid #e3bf85;padding:17px 15px 13px;box-shadow:0 8px 22px #5b291414;color:#532b22}
#bbJapFocus .bbjf-head{text-align:center;margin-bottom:11px}
#bbJapFocus .bbjf-eyebrow{font-size:12px;color:#854824;letter-spacing:.35px}
#bbJapFocus h2{font-size:clamp(1.55rem,5.2vw,2.1rem);font-weight:850;line-height:1.3;margin:3px 0;color:#742c21}
#bbJapFocus .bbjf-head p{font-size:.88rem;margin:0;color:#675440}
#bbJapFocus .bbjf-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#bbJapFocus .bbjf-field{min-width:0}
#bbJapFocus label{display:block;font-size:.82rem;font-weight:750;margin-bottom:5px;color:#5a3030}
#bbJapFocus select{display:block;width:100%;min-width:0;min-height:46px;font-size:.9rem;font-weight:700;border-radius:12px;background:#fff;border:1px solid #d9b48c;color:#2f3431;padding:8px 25px 8px 9px}
#bbJapFocus .bbjf-deity{display:flex;align-items:center;gap:13px;background:#fffdf8;border:1px solid #f0d3ab;margin:12px 0 10px;padding:9px 11px;border-radius:17px}
#bbJapFocus .bbjf-deity img{width:64px;height:68px;object-fit:contain;flex-shrink:0}
#bbJapFocus .bbjf-deity strong{display:block;font-size:1.15rem;color:#872c27}
#bbJapFocus .bbjf-deity span{font-size:.88rem;color:#304f47;line-height:1.6;overflow-wrap:anywhere}
#bbJapFocus .bbjf-audio{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
#bbJapFocus .bbjf-audio label{width:100%;margin:0 0 -2px}
#bbJapFocus #bbjfAudio{flex:1;max-width:230px}
#bbJapFocus .bbjf-haptic{border:1px solid #b28b72;background:#fffcf4;color:#68321f;border-radius:11px;font-size:.85rem;font-weight:700;min-height:46px;padding:6px 12px}
#bbJapFocus .bbjf-haptic[aria-pressed=true]{background:#296b55;color:#fff}
#bbJapFocus .bbjf-feedback{margin:10px 0 0;color:#5a4640;font-size:.78rem;line-height:1.55}
#jap #malaPanel{margin-top:12px;border:2px solid #dcbe81;background:linear-gradient(175deg,#fff9e9,#f7eed8 90%);border-radius:24px;box-shadow:0 10px 32px #3b22171c;padding:20px 12px}
#jap #malaPanel .mala-head h2{font-size:1.4rem;line-height:1.4;color:#7d291f}
#jap #malaPanel #malaTap{min-height:77px;border-radius:19px;max-width:440px;margin:12px auto;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.3rem;background:linear-gradient(135deg,#b43c26,#792c26);box-shadow:0 7px 15px #68241f33}
#jap #malaPanel #malaTap .tap-name{display:block;font-size:1.3rem;font-weight:900;line-height:1.4}
#jap #malaPanel .mala-count{font-size:clamp(1.3rem,5.4vw,2.1rem);font-weight:900;color:#7b2b20}
#bbjfExtras{margin-top:14px;border:1px solid #ded4ba;border-radius:16px;overflow:hidden;background:#fffef9}
#bbjfExtras>summary{cursor:pointer;list-style-position:inside;color:#563a2b;font-weight:800;padding:16px 12px;background:#f9f2e7}
#bbjfExtras .bbjf-extras-body{padding:9px 10px 16px}
#bbjfExtras .jap-identity-card{box-shadow:none}
#bbjfExtras .jap-picker{padding:4px 0}
@media(max-width:390px){#bbJapFocus .bbjf-choices{grid-template-columns:1fr}#jap #malaPanel{padding-inline:8px}}

/* Jap Focus V2 COMPACT: one visual system; only #jap is affected. */
#jap .bank-pro-page{padding-bottom:20px!important}
#bbJapFocus{padding:11px 12px 9px!important;border-radius:19px!important;box-shadow:0 4px 14px #43241610!important}
#bbJapFocus .bbjf-head{margin-bottom:7px!important}
#bbJapFocus .bbjf-eyebrow,#bbJapFocus .bbjf-head p{display:none!important}
#bbJapFocus .bbjf-head h2{font-size:1.2rem!important;line-height:1.22!important;margin:0!important;color:#742d28!important}
#bbJapFocus .bbjf-choices{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
#bbJapFocus label{font-size:.75rem!important;line-height:1.1;margin:0 0 4px!important}
#bbJapFocus select{font-size:.82rem!important;min-height:42px!important;padding:7px 21px 7px 9px!important;border-radius:10px!important}
#bbJapFocus .bbjf-deity{padding:5px 8px!important;margin:8px 0!important;gap:9px!important;min-height:51px!important;border-radius:12px!important}
#bbJapFocus .bbjf-deity img{height:44px!important;width:42px!important;object-fit:contain!important}
#bbJapFocus .bbjf-deity strong{font-size:1rem!important;line-height:1.2!important}
#bbJapFocus .bbjf-deity span{font-size:.77rem!important;line-height:1.2!important;display:block!important}
#bbJapFocus .bbjf-audio{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important}
#bbJapFocus .bbjf-audio label{display:none!important}
#bbJapFocus #bbjfAudio{max-width:none!important;min-height:39px!important}
#bbJapFocus .bbjf-haptic{min-height:39px!important;padding:4px 10px!important;font-size:.78rem!important;border-radius:10px!important}
#bbJapFocus .bbjf-feedback{margin:5px 0 0!important;font-size:.72rem!important;line-height:1.28!important}
#jap #malaPanel{margin-top:8px!important;padding:12px 11px 14px!important;border-radius:20px!important;box-shadow:0 5px 18px #3b221719!important}
#jap #malaPanel .mala-head{margin:0 0 4px!important;padding:0!important}
#jap #malaPanel .mala-head h2{font-size:1.12rem!important;line-height:1.3!important;margin:0!important}
#jap #malaPanel .mala-head p{font-size:.72rem!important;line-height:1.2!important;margin:3px 0 2px!important}
#jap #malaPanel .mala-intention:empty{display:none!important}
/* Make the 108-bead circle shorter without resizing individual bead values/data. */
#jap #malaPanel .mala-stage{width:min(79vw,310px)!important;max-width:310px!important;height:min(79vw,310px)!important;min-height:0!important;aspect-ratio:1/1!important;margin:7px auto!important;position:relative!important}
#jap #malaPanel .mala-beads{max-width:100%!important;max-height:100%!important}
#jap #malaPanel .mala-center{max-width:67%!important;max-height:67%!important}
#jap #malaPanel .mala-center img{height:72px!important;max-width:95px!important;object-fit:contain!important}
#jap #malaPanel .mala-center .mala-count{font-size:1.5rem!important;line-height:1.1!important}
#jap #malaPanel .mala-center small{font-size:.72rem!important;line-height:1.15!important}
#jap #malaPanel #malaTap{width:min(48vw,164px)!important;height:min(48vw,164px)!important;max-width:164px!important;max-height:164px!important;min-width:136px!important;min-height:136px!important;margin:8px auto!important;border-radius:50%!important;padding:9px!important;font-size:1.1rem!important}
#jap #malaPanel #malaTap .tap-name{font-size:1.15rem!important;line-height:1.2!important}
#jap #malaPanel #malaTap small{font-size:.75rem!important;line-height:1.18!important}
#jap #malaPanel .mala-progress-copy{font-size:.78rem!important;padding:0 2px!important;margin:5px 0!important}
#jap #malaPanel .mala-actions{gap:7px!important;margin:5px 0 8px!important}
#jap #malaPanel .mala-actions button{min-height:38px!important;padding:7px 9px!important;font-size:.78rem!important;line-height:1.22!important}
#jap #bbjfLedger{text-align:left!important;background:#fffdf8;border:1px solid #e9cfaa;border-radius:15px;padding:11px 10px 9px;margin-top:10px;box-shadow:0 2px 8px #2c1f0f0b}
#jap #bbjfLedger .bbjf-ledger-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
#jap #bbjfLedger .bbjf-ledger-title b{font-size:.99rem;color:#702b26}
#jap #bbjfLedger .bbjf-ledger-title small{font-size:.68rem;color:#675c52}
#jap #bbjfLedger .bbjf-ledger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#jap #bbjfLedger .bbjf-metric{min-width:0;background:#f9f3e9;border:1px solid #f0e3cd;border-radius:12px;padding:9px 9px 8px;min-height:65px}
#jap #bbjfLedger .bbjf-metric span{display:block;font-size:.73rem;line-height:1.35;font-weight:680;color:#615046}
#jap #bbjfLedger .bbjf-metric strong{display:block;font-size:1.2rem;line-height:1.3;color:#772d27;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#jap #bbjfLedger .bbjf-ledger-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
#jap #bbjfLedger .bbjf-ledger-actions button{background:#fffaf0;border:1px solid #d5a96b;min-height:40px;border-radius:10px;font-size:.77rem;font-weight:750;color:#18554a;padding:7px 6px;cursor:pointer}
#jap #bbjfLedger .bbjf-ledger-actions button:focus-visible{outline:3px solid #176456;outline-offset:2px}
#jap #bbjfLedger .bbjf-ledger-note{font-size:.69rem;line-height:1.4;margin:7px 2px 0;color:#675646}
#jap #bbjfExtras{margin-top:9px!important}
#jap #bbjfExtras>summary{padding:12px!important;font-size:.88rem!important}
@media(max-width:390px){#bbJapFocus .bbjf-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}#jap #malaPanel .mala-stage{width:min(79vw,290px)!important;height:min(79vw,290px)!important}#jap #bbjfLedger .bbjf-ledger-title small{font-size:.63rem}}
@media(min-width:540px){#jap #malaPanel .mala-stage{width:310px!important;height:310px!important}}
@media(prefers-reduced-motion:reduce){#jap #malaPanel *{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* V5 — Bhakti Bhavna Ram Naam Bank: genuine passbook/balance visual hierarchy.
   Presentation only. All figures remain native app read-only source values. */
#jap #bbjfLedger{
  display:block!important;padding:0!important;margin:12px auto 0!important;
  border-radius:17px!important;overflow:hidden!important;text-align:left!important;
  background:#fffaf0!important;border:1.5px solid #cba969!important;
  box-shadow:0 9px 22px rgba(36,48,43,.11)!important;color:#253b35!important;
  font-family:inherit!important;
}
#jap #bbjfLedger .bbjf-bankface{background:linear-gradient(130deg,#124c4b 0%,#113a3e 50%,#172f40 100%);color:#fffdf2;position:relative;overflow:hidden}
#jap #bbjfLedger .bbjf-bankface:after{content:"";position:absolute;right:-55px;top:-45px;width:150px;height:150px;border:1px solid rgba(245,222,161,.24);border-radius:50%;pointer-events:none}
#jap #bbjfLedger .bbjf-bankhead{display:flex;gap:9px;align-items:center;padding:14px 14px 9px;border-bottom:1px solid rgba(241,215,149,.24)}
#jap #bbjfLedger .bbjf-bankmark{width:39px;height:39px;border-radius:11px;border:1px solid #ebd5a2;display:grid;place-items:center;font-size:1.08rem;font-weight:850;background:#f7e7bc;color:#693526;flex:none}
#jap #bbjfLedger .bbjf-bankbrand{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;line-height:1.3}
#jap #bbjfLedger .bbjf-bankbrand b{color:#fff8e6;font-size:.95rem;letter-spacing:.1px}
#jap #bbjfLedger .bbjf-bankbrand small{font-size:.70rem;color:#ead6ab;line-height:1.32}
#jap #bbjfLedger .bbjf-bankseal{font-size:.63rem;line-height:1.25;border:1px solid #c7ac79;color:#ffe4a7;border-radius:20px;padding:5px 7px;white-space:nowrap}
#jap #bbjfLedger .bbjf-mainbalance{padding:14px 16px 15px}
#jap #bbjfLedger .bbjf-balance-label{display:block;font-size:.79rem;font-weight:700;color:#e8d5ad}
#jap #bbjfLedger .bbjf-balance-line{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:3px 0 6px}
#jap #bbjfLedger .bbjf-balance-line strong{font-size:clamp(2rem,9vw,2.9rem);color:#fff9e7;font-variant-numeric:tabular-nums;font-weight:900;line-height:1.2;letter-spacing:1px;overflow-wrap:anywhere;text-shadow:none}
#jap #bbjfLedger .bbjf-balance-line>span{font-size:.8rem;color:#e8d5ad;font-weight:700}
#jap #bbjfLedger .bbjf-current-devotee{font-size:.7rem;color:#f1ddb8;border-top:1px dashed rgba(245,222,161,.23);padding-top:8px;margin-top:7px}
#jap #bbjfLedger .bbjf-statement{padding:13px 13px 11px!important}
#jap #bbjfLedger .bbjf-statement-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
#jap #bbjfLedger .bbjf-statement-head b{font-size:.91rem;line-height:1.35;color:#6e2d26}
#jap #bbjfLedger .bbjf-statement-head small{font-size:.65rem;color:#756c5c;text-align:right;line-height:1.3}
#jap #bbjfLedger .bbjf-ledger-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;border:1px solid #e6d8bb;border-radius:11px;overflow:hidden;background:#fffcf5!important}
#jap #bbjfLedger .bbjf-metric{border:0!important;border-right:1px solid #e8ddc9!important;border-bottom:1px solid #e8ddc9!important;border-radius:0!important;min-height:67px!important;padding:10px 11px!important;background:#fffcf5!important;box-shadow:none!important}
#jap #bbjfLedger .bbjf-metric:nth-child(2){border-right:0!important}
#jap #bbjfLedger .bbjf-metric-all{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#faf4e7!important;min-height:48px!important;border-bottom:0!important;border-right:0!important}
#jap #bbjfLedger .bbjf-metric span{font-size:.73rem!important;line-height:1.25!important;font-weight:700;color:#565043!important}
#jap #bbjfLedger .bbjf-metric strong{font-size:1.24rem!important;line-height:1.2!important;color:#163e3a!important;margin-top:6px!important;font-variant-numeric:tabular-nums!important}
#jap #bbjfLedger .bbjf-metric-all strong{margin:0!important;font-size:1.14rem!important;color:#6e2d26!important;white-space:nowrap}
#jap #bbjfLedger .bbjf-ledger-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
#jap #bbjfLedger .bbjf-ledger-actions button{width:100%!important;min-width:0!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:9px 8px!important;font-size:.84rem!important;font-weight:850!important;line-height:1.18!important;border-radius:10px!important;cursor:pointer!important;transition:filter .15s ease,transform .15s ease!important}
#jap #bbjfLedger .bbjf-ledger-actions .bbjf-passbook{background:#154f4c!important;color:#fffaf0!important;border:1px solid #154f4c!important;box-shadow:0 2px 5px #143e3b25!important}
#jap #bbjfLedger .bbjf-ledger-actions .bbjf-details{background:#fffaf0!important;color:#143e3b!important;border:1px solid #a58a60!important}
#jap #bbjfLedger .bbjf-ledger-actions button:active{transform:scale(.98)!important}
#jap #bbjfLedger .bbjf-ledger-actions button:focus-visible{outline:3px solid #c17b2d!important;outline-offset:2px!important}
#jap #bbjfLedger .bbjf-icon{font-weight:900;font-size:1.15rem;line-height:1;flex:none}
#jap #bbjfLedger .bbjf-arrow{font-size:1.35rem;line-height:1;margin-left:auto;flex:none}
#jap #bbjfLedger .bbjf-ledger-note{font-size:.69rem!important;line-height:1.48!important;border-top:1px dashed #ddcaa6!important;margin:10px 0 0!important;padding:9px 2px 0!important;color:#65594c!important}
@media(max-width:370px){#jap #bbjfLedger .bbjf-statement{padding:10px!important}#jap #bbjfLedger .bbjf-ledger-actions button{font-size:.75rem!important}#jap #bbjfLedger .bbjf-bankseal{font-size:.60rem!important}#jap #bbjfLedger .bbjf-bankhead{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#jap #bbjfLedger *{transition:none!important}}
/* The global AI shortcut remains available, but does not cover bank controls. */
body:has(#jap.active) .floating-ai{width:48px!important;height:48px!important;border-radius:50%!important;padding:5px!important;right:10px!important;bottom:85px!important;gap:0!important;justify-content:center!important;background:#164b48!important;box-shadow:0 3px 11px rgba(0,0,0,.22)!important}
body:has(#jap.active) .floating-ai img{width:35px!important;height:35px!important}
body:has(#jap.active) .floating-ai span{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;overflow:hidden!important;white-space:nowrap!important}

/* Four mala materials; bead position, 108 count and current/filled classes remain native. */
#jap #malaPanel[data-mala-design=tulsi],#bbMalaDesignPicker [data-mala-design=tulsi]{--bbmd-bead:repeating-linear-gradient(80deg,#ffffff00 0 3px,#72502b35 3px 4px),radial-gradient(circle at 30% 25%,#eed8a5,#b68850 65%,#79542f);--bbmd-border:#805a35}
#jap #malaPanel[data-mala-design=rudraksha],#bbMalaDesignPicker [data-mala-design=rudraksha]{--bbmd-bead:repeating-conic-gradient(from 12deg,#59301c88 0deg 12deg,#bc754d44 12deg 40deg),radial-gradient(circle at 30% 25%,#c98b5f,#884527 65%,#4f291b);--bbmd-border:#68361f}
#jap #malaPanel[data-mala-design=chandan],#bbMalaDesignPicker [data-mala-design=chandan]{--bbmd-bead:radial-gradient(circle at 30% 25%,#fff0bd,#d8af69 65%,#9a7035);--bbmd-border:#a98041}
#jap #malaPanel[data-mala-design=sphatik],#bbMalaDesignPicker [data-mala-design=sphatik]{--bbmd-bead:conic-gradient(from 25deg,#ffffff,#bfd6e2,#f8fcff,#8faeba,#fff,#c8e2ec,#ffffff);--bbmd-border:#7c9eae}
html body #app #jap #malaPanel[data-mala-design] #malaBeads>i{background:var(--bbmd-bead)!important;border-color:var(--bbmd-border)!important}
html body #app #jap #malaPanel[data-mala-design] #malaBeads>i.filled{outline:1px solid #b77620!important;box-shadow:0 0 4px #ce931b!important;filter:brightness(1.17)!important}
html body #app #jap #malaPanel[data-mala-design] #malaBeads>i.current{outline:2px solid #8b354d!important;outline-offset:2px!important;box-shadow:0 0 0 4px #f2d69b99!important}
html body #app #jap #bbMalaDesignPicker{max-width:360px!important;margin:10px auto 12px!important;text-align:left!important;background:#fffdf7!important;border:1px solid #d7c7a8!important;border-radius:14px!important;overflow:hidden!important}
html body #app #jap #bbMalaDesignPicker>summary{display:flex!important;align-items:center!important;gap:9px!important;list-style:none!important;cursor:pointer!important;padding:10px 12px!important;min-height:44px!important;font-size:15px!important;line-height:1.45!important;color:#514131!important;font-weight:600!important;background:transparent!important}
#bbMalaDesignPicker>summary::-webkit-details-marker{display:none}
#bbMalaDesignPicker .bbmd-chevron{margin-left:auto;transition:transform .15s}
#bbMalaDesignPicker[open] .bbmd-chevron{transform:rotate(180deg)}
html body #app #jap #bbMalaDesignPicker .bbmd-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 10px 8px!important}
html body #app #jap #bbMalaDesignPicker button{min-width:0!important;min-height:68px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;margin:0!important;padding:9px 7px!important;border:1px solid #dacdb4!important;border-radius:10px!important;background:#fffcf5!important;color:#574534!important;font:inherit!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;cursor:pointer!important}
html body #app #jap #bbMalaDesignPicker button[aria-pressed=true]{border:2px solid #246b60!important;background:#edf5ef!important;color:#174f46!important;padding:8px 6px!important}
html body #app #jap #bbMalaDesignPicker :is(button,summary):focus-visible{outline:3px solid #8b354d!important;outline-offset:-3px!important}
#bbMalaDesignPicker .bbmd-check{visibility:hidden;color:#246b60}
#bbMalaDesignPicker [aria-pressed=true] .bbmd-check{visibility:visible}
#bbMalaDesignPicker :is(.bbmd-preview,.bbmd-sample){display:flex;align-items:center;gap:1px;flex:none}
html body #app #jap #bbMalaDesignPicker :is(.bbmd-preview,.bbmd-sample)>i{display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:var(--bbmd-bead)!important;border:1px solid var(--bbmd-border)!important;box-shadow:inset -1px -1px 1px #40302022!important}
html body #app #jap #bbMalaDesignPicker p{margin:0!important;padding:0 12px 10px!important;font-size:12px!important;line-height:1.5!important;color:#6b5b45!important}
@media(prefers-reduced-motion:reduce){#bbMalaDesignPicker .bbmd-chevron{transition:none}}