/* Butterfly-inspired vault surface. Presentation only: all chain reads and writes stay in r35. */
:root{--bnbs-vault-ink:#070706;--bnbs-vault-panel:#0d0d0b;--bnbs-vault-panel-2:#14130f;--bnbs-vault-gold:#d8b877;--bnbs-vault-gold-soft:#f0d69b;--bnbs-vault-teal:#4da89b;--bnbs-vault-teal-soft:#82d6c8;--bnbs-vault-line:#383226;--bnbs-vault-muted:#a8a096}
#bnbs-vault-center-open{border-color:rgba(216,184,119,.72);background:linear-gradient(135deg,#f0d69b,#b18b48);color:#161109;border-radius:9px;box-shadow:0 8px 22px rgba(216,184,119,.2)}
#bnbs-vault-center{padding:22px;background:transparent;color:#f5f0e8}
.bnbs-vault-center-backdrop{background:rgba(0,0,0,.79);backdrop-filter:blur(8px)}
.bnbs-vault-center-dialog{width:min(940px,100%);max-height:min(900px,calc(100vh - 44px));border:1px solid var(--bnbs-vault-line);border-radius:20px;background:radial-gradient(900px 320px at 18% -4%,rgba(216,184,119,.13),transparent 55%),radial-gradient(720px 300px at 95% 18%,rgba(77,168,155,.1),transparent 56%),var(--bnbs-vault-ink);box-shadow:0 30px 100px rgba(0,0,0,.72),0 0 0 1px rgba(216,184,119,.04) inset;scrollbar-color:#5d5039 #0b0b09}
.bnbs-vault-center-dialog>header{align-items:center;gap:18px;padding:22px 24px 18px;border-bottom:1px solid rgba(216,184,119,.22);background:linear-gradient(180deg,rgba(20,19,15,.82),rgba(10,10,8,.72));backdrop-filter:blur(12px)}
.bnbs-vault-butterfly-hero{display:flex;align-items:center;min-width:0;gap:14px}.bnbs-vault-butterfly-hero>div:last-child{min-width:0}.bnbs-vault-center-dialog>header span{color:var(--bnbs-vault-gold);font-size:10px;letter-spacing:.16em}.bnbs-vault-center-dialog h2{margin:4px 0 4px;font-size:24px;font-weight:800;letter-spacing:.01em}.bnbs-vault-center-dialog header p{color:var(--bnbs-vault-muted);font-size:12px}
.bnbs-vault-butterfly-seal{position:relative;display:grid;place-items:center;width:52px;height:52px;flex:none;overflow:hidden;border:1px solid rgba(216,184,119,.65);border-radius:15px;background:linear-gradient(145deg,#1d1810,#080806);box-shadow:0 0 28px rgba(216,184,119,.2),inset 0 0 20px rgba(216,184,119,.1)}.bnbs-vault-butterfly-seal:before,.bnbs-vault-butterfly-seal:after{position:absolute;content:"";background:rgba(240,214,155,.66)}.bnbs-vault-butterfly-seal:before{width:1px;height:28px}.bnbs-vault-butterfly-seal:after{width:28px;height:1px}.bnbs-vault-butterfly-seal i{position:relative;z-index:1;width:17px;height:17px;border:1px solid rgba(240,214,155,.85);border-radius:5px;background:#19150d;box-shadow:0 0 14px rgba(216,184,119,.28)}.bnbs-vault-butterfly-seal i:after{position:absolute;right:-13px;bottom:-13px;width:28px;height:4px;content:"";border-radius:999px;background:var(--bnbs-vault-teal)}
.bnbs-vault-center-dialog>header>button{width:34px;height:34px;border-color:#51472f;border-radius:10px;background:#16140f;color:var(--bnbs-vault-gold-soft);font-size:22px}.bnbs-vault-center-dialog>header>button:hover{border-color:var(--bnbs-vault-gold);background:#241e13}
.bnbs-vault-center-policy{margin:16px 24px 12px;padding:14px 15px;border:1px solid rgba(216,184,119,.26);border-left:3px solid var(--bnbs-vault-gold);border-radius:12px;background:linear-gradient(100deg,rgba(216,184,119,.1),rgba(77,168,155,.05))}.bnbs-vault-center-policy span{border-color:rgba(216,184,119,.45);border-radius:999px;color:var(--bnbs-vault-gold-soft)}
.bnbs-vault-center-portfolio{margin:0 24px 16px;padding:15px;border-color:var(--bnbs-vault-line);border-radius:14px;background:linear-gradient(145deg,rgba(29,25,16,.8),rgba(13,13,11,.92));box-shadow:inset 0 1px 0 rgba(240,214,155,.05)}.bnbs-vault-center-portfolio-head h3{color:#f6f1e7;font-size:15px}.bnbs-vault-center-portfolio-head button,.bnbs-vault-r30-quick button{border-color:rgba(216,184,119,.42);border-radius:8px;background:#201a10;color:var(--bnbs-vault-gold-soft)}.bnbs-vault-center-portfolio-card{padding:10px;border-color:#373226;border-radius:11px;background:rgba(8,8,7,.72);transition:border-color .18s ease,transform .18s ease,background .18s ease}.bnbs-vault-center-portfolio-card:hover,.bnbs-vault-center-portfolio-card:focus-visible{border-color:var(--bnbs-vault-gold);background:#19160f;transform:translateY(-1px)}.bnbs-vault-center-portfolio-icon{width:38px;height:38px;border:1px solid rgba(216,184,119,.34);background:#1c1911}.bnbs-vault-center-portfolio-copy strong{font-size:13px}.bnbs-vault-center-portfolio-copy small{color:var(--bnbs-vault-muted)}.bnbs-vault-center-portfolio-copy em,.bnbs-vault-center-portfolio-arrow{color:var(--bnbs-vault-teal-soft)}
.bnbs-vault-center-lookup{gap:12px;padding:0 24px}.bnbs-vault-center-lookup label,.bnbs-vault-action label{color:var(--bnbs-vault-muted);font-size:11px;font-weight:650;letter-spacing:.025em}.bnbs-vault-center-lookup input,.bnbs-vault-action input,.bnbs-vault-r30-premium-form input{border-color:#403928;border-radius:10px;background:rgba(5,5,4,.9);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.bnbs-vault-center-lookup input:focus,.bnbs-vault-action input:focus,.bnbs-vault-r30-premium-form input:focus{border-color:var(--bnbs-vault-gold);box-shadow:0 0 0 3px rgba(216,184,119,.12)}.bnbs-vault-center-lookup button,.bnbs-vault-action button,.bnbs-vault-r30-premium-form button{border-radius:10px;background:linear-gradient(135deg,#f0d69b,#c59d5b);color:#161109;box-shadow:0 8px 20px rgba(216,184,119,.14)}
.bnbs-vault-center-status{margin:13px 24px;border-color:#39352b;border-radius:10px;background:rgba(18,18,14,.86);color:#b9b3a8}.bnbs-vault-center-status.is-ok{border-color:rgba(77,168,155,.65);color:var(--bnbs-vault-teal-soft);background:rgba(28,76,69,.2)}.bnbs-vault-center-status.is-error{border-color:#74423d;background:rgba(100,36,31,.17)}
.bnbs-vault-center-content{padding:0 24px 28px}.bnbs-vault-center-content.is-empty{min-height:160px;color:#837c72}.bnbs-vault-center-summary{gap:14px;padding:18px 0 15px;border-bottom-color:rgba(216,184,119,.2)}.bnbs-vault-center-summary img{width:52px;height:52px;border:1px solid rgba(216,184,119,.43);box-shadow:0 0 22px rgba(216,184,119,.12)}.bnbs-vault-center-summary h3{font-size:19px}.bnbs-vault-center-summary p{color:var(--bnbs-vault-muted)}.bnbs-vault-center-position{margin-top:14px;padding:12px 14px;border:1px solid rgba(77,168,155,.34);border-left:3px solid var(--bnbs-vault-teal);border-radius:10px;background:linear-gradient(100deg,rgba(77,168,155,.12),rgba(20,19,14,.8));color:#d7e9e5}.bnbs-vault-center-position strong{color:var(--bnbs-vault-teal-soft)}
.bnbs-vault-center-content section{padding-top:18px}.bnbs-vault-center-content h4{color:var(--bnbs-vault-gold-soft);font-size:14px}.bnbs-vault-auto-list li,.bnbs-vault-action{border-color:#383226;border-radius:12px;background:linear-gradient(135deg,rgba(25,23,17,.92),rgba(12,12,10,.92));box-shadow:inset 0 1px 0 rgba(240,214,155,.035)}.bnbs-vault-auto-list li{padding:12px 13px}.bnbs-vault-auto-list span{background:#2a2213;color:var(--bnbs-vault-gold-soft);border:1px solid rgba(216,184,119,.26);border-radius:999px}.bnbs-vault-auto-list small,.bnbs-vault-action small,.bnbs-vault-r30-note,.bnbs-vault-r30-muted{color:#9d968b}.bnbs-vault-action{padding:13px}.bnbs-vault-action strong{color:#f4efe6}.bnbs-vault-center-none{border-color:#383226;border-radius:12px;background:#15140f}
.bnbs-vault-r30-overview,.bnbs-vault-r30-panel{padding:16px;border-color:var(--bnbs-vault-line);border-radius:14px;background:linear-gradient(145deg,rgba(26,23,16,.88),rgba(12,12,10,.94));box-shadow:inset 0 1px 0 rgba(240,214,155,.045)}.bnbs-vault-r30-overview h4,.bnbs-vault-r30-panel h4{color:var(--bnbs-vault-gold-soft)}.bnbs-vault-r30-stat{padding:12px;border-color:#3b3528;border-radius:11px;background:rgba(7,7,6,.54)}.bnbs-vault-r30-stat span,.bnbs-vault-r30-allocation span{color:#aaa297}.bnbs-vault-r30-stat b{color:#fbf6ed}.bnbs-vault-r30-allocation{border-color:#3b3528;border-radius:10px;background:rgba(7,7,6,.48)}.bnbs-vault-r30-allocation b,.bnbs-vault-r30-position-row>span,.bnbs-vault-r30-position-row b,.bnbs-vault-r30-reward-row small b{color:var(--bnbs-vault-gold-soft)}.bnbs-vault-r30-reward-row,.bnbs-vault-r30-position-row{border-color:#3b3528;border-radius:10px;background:rgba(7,7,6,.46)}.bnbs-vault-r30-premium-form{border-color:rgba(216,184,119,.38);border-radius:11px;background:linear-gradient(100deg,rgba(216,184,119,.1),rgba(77,168,155,.05))}.bnbs-vault-r30-premium-locked{border-color:#70463d;border-radius:10px;background:rgba(104,47,39,.18);color:#ffc2b9}
.bnbs-vault-center-reward-avatar{border-color:rgba(216,184,119,.5);background:#1d1810;color:var(--bnbs-vault-gold-soft)}
@media(max-width:640px){#bnbs-vault-center{padding:0}.bnbs-vault-center-dialog{max-height:100vh;border:0;border-radius:0}.bnbs-vault-center-dialog>header{padding:16px}.bnbs-vault-butterfly-seal{width:45px;height:45px;border-radius:13px}.bnbs-vault-center-dialog h2{font-size:20px}.bnbs-vault-center-dialog header p{max-width:230px;font-size:11px}.bnbs-vault-center-policy,.bnbs-vault-center-portfolio,.bnbs-vault-center-status{margin-left:16px;margin-right:16px}.bnbs-vault-center-lookup,.bnbs-vault-center-content{padding-left:16px;padding-right:16px}.bnbs-vault-center-portfolio{padding:12px}.bnbs-vault-center-portfolio-icon{width:34px;height:34px}.bnbs-vault-r30-overview,.bnbs-vault-r30-panel{padding:12px}.bnbs-vault-center-position{padding:11px}.bnbs-vault-action{padding:12px}}

/* r36: full-page Butterfly vault dashboard for every vault template. */
#bnbs-vault-center{place-items:stretch;padding:0;background:#050504;color:#f6f1e7}
.bnbs-vault-center-backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(7px)}
.bnbs-vault-page-dialog{width:100%;max-height:100vh;border:0;border-radius:0;background:radial-gradient(980px 480px at 7% -10%,rgba(188,255,0,.08),transparent 56%),radial-gradient(760px 420px at 88% 8%,rgba(77,168,155,.12),transparent 58%),#050504;box-shadow:none}
.bnbs-vault-page-topbar{position:sticky!important;top:0;z-index:5;padding:14px clamp(14px,4vw,34px)!important;border-bottom:1px solid rgba(216,184,119,.2)!important;background:rgba(5,5,4,.88)!important;backdrop-filter:blur(14px)}
.bnbs-vault-page-topbar .bnbs-vault-butterfly-hero{max-width:1120px;width:100%;margin:0 auto}
.bnbs-vault-page-topbar>button{margin-left:auto}
.bnbs-vault-center-status{max-width:1120px;margin:14px auto!important;border-color:#3a3324;background:rgba(12,12,10,.78)}
.bnbs-vault-center-content{max-width:1120px;margin:0 auto;padding:10px clamp(14px,4vw,34px) 28px!important}
.bnbs-vault-page-shell{display:grid;gap:18px}
.bnbs-vault-page-crumb{color:#9f978d;font-size:13px;letter-spacing:.02em}
.bnbs-vault-page-token{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;border:1px solid rgba(216,184,119,.22);background:#121211;border-radius:0;box-shadow:0 0 0 1px rgba(188,255,0,.04) inset}
.bnbs-vault-page-token-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(216,184,119,.45);background:#2a2b2c;color:#f6f1e7;overflow:hidden}.bnbs-vault-page-token-icon img{width:100%;height:100%;object-fit:cover}
.bnbs-vault-page-token small{display:block;color:#9f978d;font-size:12px}.bnbs-vault-page-token h3{margin:4px 0 4px;color:#fff;font-size:22px;letter-spacing:.02em}.bnbs-vault-page-token p{margin:0;color:#a9a298;font-size:13px}.bnbs-vault-page-token a{color:#82d6c8;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.bnbs-vault-page-card{border:1px solid rgba(216,184,119,.22);background:linear-gradient(145deg,rgba(18,18,16,.9),rgba(6,6,5,.96));box-shadow:inset 0 1px 0 rgba(240,214,155,.05),0 18px 70px rgba(0,0,0,.22);padding:18px;border-radius:0}
.bnbs-vault-page-card h4,.bnbs-vault-r30-overview h4,.bnbs-vault-r30-panel h4{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#f6f1e7;font-size:18px}.bnbs-vault-page-card h4:before,.bnbs-vault-r30-overview h4:before,.bnbs-vault-r30-panel h4:before{content:"";width:22px;height:22px;border:1px solid rgba(216,184,119,.35);border-radius:7px;background:linear-gradient(135deg,rgba(216,184,119,.18),rgba(188,255,0,.08))}
.bnbs-vault-page-loading{min-height:360px;display:grid;place-items:center;text-align:center}.bnbs-vault-page-loading h3{margin:10px 0 4px;font-size:22px}.bnbs-vault-page-loading p{margin:0;color:#a8a096}
.bnbs-vault-page-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;position:relative;overflow:hidden;padding:28px;border-color:rgba(216,184,119,.45);background:radial-gradient(360px 220px at 84% 48%,rgba(77,168,155,.16),transparent 62%),linear-gradient(135deg,rgba(44,37,22,.88),rgba(8,9,8,.96))}
.bnbs-vault-page-risk{display:inline-flex;margin-bottom:8px;padding:3px 8px;border:1px solid rgba(255,88,116,.5);border-radius:4px;background:rgba(128,28,46,.22);color:#ff8fa3;font-size:12px;font-weight:800}
.bnbs-vault-page-hero-copy h3{margin:0 0 10px;font-size:34px;line-height:1.08;color:#fff;text-shadow:0 0 24px rgba(216,184,119,.22)}.bnbs-vault-page-hero-copy p{max-width:610px;margin:0;color:#d3cabd;line-height:1.8;font-size:14px}
.bnbs-vault-page-hero-seal{display:grid;place-items:center;width:150px;height:130px;border:1px solid rgba(216,184,119,.22);background:linear-gradient(135deg,rgba(216,184,119,.08),rgba(77,168,155,.08));box-shadow:0 0 42px rgba(216,184,119,.12)}
.bnbs-vault-page-metrics,.bnbs-vault-r30-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bnbs-vault-page-metric,.bnbs-vault-r30-stat{min-width:0;padding:16px;border:1px solid #353024;border-radius:8px;background:rgba(5,5,4,.74)}.bnbs-vault-page-metric span,.bnbs-vault-r30-stat span{display:block;color:#a8a096;font-size:12px}.bnbs-vault-page-metric b,.bnbs-vault-r30-stat b{display:block;margin-top:8px;color:#fff;font-size:20px;line-height:1.25;overflow-wrap:anywhere}.bnbs-vault-page-metric small,.bnbs-vault-r30-stat small{display:block;margin-top:7px;color:#837c72;font-size:11px;line-height:1.45}
.bnbs-vault-r30-overview,.bnbs-vault-r30-panel{border-radius:0!important;border-color:rgba(216,184,119,.22)!important;background:linear-gradient(145deg,rgba(18,18,16,.9),rgba(6,6,5,.96))!important}
.bnbs-vault-r30-allocation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bnbs-vault-r30-allocation{border-radius:8px}
.bnbs-vault-r30-position-row,.bnbs-vault-r30-reward-row{border-radius:8px}
.bnbs-vault-action{grid-template-columns:minmax(180px,1.15fr) repeat(2,minmax(130px,1fr)) auto;border-radius:8px}
.bnbs-vault-action button,.bnbs-vault-r30-premium-form button,.bnbs-vault-center-lookup button{background:#bcff00!important;color:#101300!important;border:1px solid #d8ff62!important;box-shadow:0 0 26px rgba(188,255,0,.18)!important}
.bnbs-vault-r30-quick button{border-color:rgba(188,255,0,.42)!important;color:#dfff75!important}
.bnbs-vault-page-tools{max-width:1120px;margin:0 auto 36px;padding:0 clamp(14px,4vw,34px);color:#a8a096}.bnbs-vault-page-tools>summary{cursor:pointer;max-width:320px;margin:8px 0 14px;padding:10px 13px;border:1px solid #383226;background:#11100c;color:#f0d69b;border-radius:8px;font-size:13px}.bnbs-vault-page-tools[open]{padding-bottom:20px}.bnbs-vault-page-tools .bnbs-vault-center-portfolio,.bnbs-vault-page-tools .bnbs-vault-center-lookup{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
@media(max-width:760px){.bnbs-vault-page-token{grid-template-columns:auto minmax(0,1fr);padding:14px}.bnbs-vault-page-token a{grid-column:1/-1}.bnbs-vault-page-hero-card{grid-template-columns:1fr;padding:20px}.bnbs-vault-page-hero-copy h3{font-size:28px}.bnbs-vault-page-hero-seal{display:none}.bnbs-vault-page-metrics,.bnbs-vault-r30-stat-grid,.bnbs-vault-r30-allocation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bnbs-vault-action{grid-template-columns:1fr}.bnbs-vault-action button{width:100%}}
@media(max-width:420px){.bnbs-vault-page-metrics,.bnbs-vault-r30-stat-grid,.bnbs-vault-r30-allocation-grid{grid-template-columns:1fr}.bnbs-vault-page-token-icon{width:58px;height:58px}.bnbs-vault-page-token h3{font-size:19px}}

/* r38: registry-selected safe built-in vault dashboard surfaces. */
.bnbs-vault-page-shell.bnbs-vault-ui--butterfly-dashboard{--bnbs-vault-accent:#bcff00}
.bnbs-vault-page-shell.bnbs-vault-ui--butterfly-dashboard .bnbs-vault-page-risk{border-color:rgba(188,255,0,.42);background:rgba(188,255,0,.1);color:#dfff75}
.bnbs-vault-page-shell.bnbs-vault-ui--default-dashboard .bnbs-vault-page-risk{border-color:rgba(216,184,119,.42);background:rgba(216,184,119,.12);color:#f0d69b}
