/* Bitcoin Symbiotic wallet theme — matches cryptosymbiotic.com. Loaded after main.css. */
:root{
  --ink:#0f1113; --ink-2:#15181c; --ink-3:#1c2025;
  --line:#272c33; --line-2:#343a43;
  --bone:#e9e4d9; --bone-2:#bab5aa; --mute:#7f838b;
  --frost:#a9d6e5; --frost-2:#63b7cf; --ok:#8fd19e; --bad:#e08a8a;
  --r:16px;
}
html,body{background:var(--ink)!important;color:var(--bone)!important;font-family:Manrope,system-ui,sans-serif!important;font-size:16px;line-height:1.55}
body{-webkit-font-smoothing:antialiased}
div,p,input,label,td,th,select,textarea,button{font-family:Manrope,system-ui,sans-serif!important}
h1,h2,h3,.header-title,#main_logo,#menu_logo,.walletAmount{font-family:Syne,Manrope,sans-serif!important;font-weight:800!important;letter-spacing:-.02em}
a{color:var(--frost)}
a:hover{color:#fff}
::selection{background:rgba(169,214,229,.28)}
:focus-visible{outline:2px solid var(--frost);outline-offset:3px}

/* ---------- top bar (mobile) & side menu ---------- */
#topBar{background:rgba(15,17,19,.85)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);height:52px!important;line-height:52px!important;color:var(--bone)!important}
#topBar a.toggleMenu{color:var(--bone)!important;font-size:20px;padding:0 16px}
#menu{background:var(--ink-2)!important;border-right:1px solid var(--line)}
#menu a{color:var(--bone-2)!important;font-size:16px!important;font-weight:600!important;padding:12px 24px!important;margin:2px 12px;border-radius:12px;transition:background .15s,color .15s}
#menu a:hover,#menu a.active{background:var(--ink-3)!important;color:var(--bone)!important}
#menu a .icon{color:var(--frost)!important;width:26px;display:inline-block}
#menu #menu_logo{color:var(--bone)!important;font-size:20px!important;padding:22px 24px 14px!important;margin:0!important;background:none!important;border-radius:0}
#menu #menu_logo:hover{background:none!important}
#menu img{height:24px;width:auto;vertical-align:middle;margin-right:6px;filter:none}
#menu a:last-child{color:var(--bad)!important}

/* ---------- page shell ---------- */
#page{background:var(--ink)!important;color:var(--bone)}
#pageLoading{background:var(--ink)!important;color:var(--frost)!important}
.body-root{padding:0 24px 48px}
@media (min-width:600px){.body-root{padding:0 40px 64px;max-width:1040px}}
.body-header{border-bottom:1px solid var(--line)!important;margin-top:40px!important;padding-bottom:22px!important}
.header-title{color:var(--bone)!important;font-size:30px!important;line-height:1.05!important}
.header-title i{color:var(--frost);margin-right:6px;font-size:22px;vertical-align:2px}
.header-subtitle{color:var(--mute)!important;font-size:15px;margin-top:6px}
.body-content{padding-top:28px!important}

/* ---------- panels ---------- */
.panel{background:var(--ink-2)!important;border:1px solid var(--line);border-radius:var(--r)!important;box-shadow:none!important;padding:26px 24px!important;margin-bottom:20px!important;color:var(--bone)}
@media (min-width:600px){.panel{padding:30px 32px!important}}
.panel .header-title{font-size:15px!important;color:var(--mute)!important;font-family:Manrope,sans-serif!important;font-weight:600!important;letter-spacing:0;margin-bottom:12px!important}
.panel.inline{padding:16px 20px!important}
.walletAmount{font-size:clamp(30px,6vw,44px)!important;color:var(--bone)!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums}

/* progress */
.progress{background:var(--ink-3)!important;border-radius:999px!important;overflow:hidden;border:1px solid var(--line)}
.progress .bar{background:var(--frost)!important;color:var(--ink)!important;font-weight:700;border-radius:999px!important;font-size:12px}
.progress label{color:var(--mute)!important;font-size:13px}

/* ---------- buttons ---------- */
.btn,.button,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px!important;border-radius:999px!important;font-weight:700!important;font-size:15px!important;border:1px solid var(--line-2)!important;background:var(--ink-3)!important;color:var(--bone)!important;box-shadow:none!important;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;line-height:1.2;margin-top:0!important}
.btn:hover,.button:hover,button:hover{background:#272c33!important;border-color:#454c56!important;color:#fff!important}
.btn:active,.button:active{transform:translateY(1px)}
.btn.primary,.button.primary,.btn.basic,.button.basic{background:var(--bone)!important;color:var(--ink)!important;border-color:var(--bone)!important}
.btn.primary:hover,.button.primary:hover,.btn.basic:hover{background:#fff!important;border-color:#fff!important;color:var(--ink)!important}
.btn.mini{min-height:38px;padding:0 14px!important;font-size:13.5px!important}
.tab .button,.button{width:auto!important;min-width:180px}
.btn i,.button i{margin-right:6px}

/* ---------- inputs ---------- */
input,select,textarea{background:#0a0c0e!important;color:var(--bone)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:12px 14px!important;font-size:16px!important;width:100%;box-sizing:border-box;transition:border-color .15s}
input:focus,select:focus,textarea:focus{border-color:var(--frost-2)!important;outline:none}
input::placeholder,textarea::placeholder{color:var(--mute)}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--frost)}
label{color:var(--bone-2)!important;font-size:14.5px!important;font-weight:600}
.sendTab label{font-size:14.5px!important;margin-bottom:6px}
.sendTab .icon i{color:var(--frost)!important}
.sendTab .destinationInput .scanButton{background:var(--ink-3)!important;color:var(--frost)!important;border:1px solid var(--line-2)!important;border-radius:12px!important}
.receiveTab .fakeInput,.receiveTab .address input{background:#0a0c0e!important;color:var(--bone)!important;border:1px solid var(--line)!important;border-radius:12px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:13.5px!important;word-break:break-all}
.receiveTab .address .copy{color:var(--frost)!important}
.receiveTab .qrCode{background:var(--bone);display:inline-block;padding:14px;border-radius:16px}
.receiveTab .qrCode img{display:block}

/* ---------- transactions table ---------- */
.transactions table{width:100%;border-collapse:collapse}
.transactions .transaction{border-top:1px solid var(--line)!important}
.transactions .transaction td{padding:14px 8px!important;color:var(--bone-2)!important;font-size:14.5px}
.transactions .transaction .direction i{color:var(--frost)!important}
.transactions .transaction .timestamp{color:var(--mute)!important}
.transactions .transaction .amount{font-weight:700;font-variant-numeric:tabular-nums;color:var(--bone)!important}
.transactions .transaction .amount.more{color:var(--ok)!important}
.transactions .transaction .amount.less{color:var(--bad)!important}
.transactions .transaction .moreInfo i{color:var(--mute)!important;cursor:pointer}
.transactions .transaction .moreInfo i:hover{color:var(--frost)!important}
.transactions td.noTransactions{color:var(--mute)!important;padding:28px 0!important;text-align:center}
.transactions td.paymentId{color:var(--mute)!important;font-family:ui-monospace,monospace!important;font-size:12px;word-break:break-all}

/* ---------- home page ---------- */
.indexTab .mainBlock{background:var(--ink)!important;background-image:radial-gradient(90% 70% at 50% 30%,rgba(169,214,229,.08),transparent 70%)!important;min-height:calc(100vh - 0px)!important;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:96px 20px 64px!important;text-align:center}
.indexTab .mainBlock > .actions{position:absolute!important;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 20px!important;border-bottom:1px solid var(--line);background:rgba(15,17,19,.8);backdrop-filter:blur(12px);z-index:5}
@media (min-width:600px){.indexTab .mainBlock > .actions{padding:14px 32px!important}}
.indexTab .mainBlock > .actions .right{float:none!important;position:static!important;margin:0!important}
#main_logo{color:var(--bone)!important;font-size:18px!important;display:flex;align-items:center;gap:8px}
#main_logo img{height:26px!important;width:auto;filter:none}
.indexTab .mainBlock .headline{margin:0 auto!important;max-width:820px}
.indexTab .mainBlock h1{display:block!important;border:0!important;padding:0!important;color:var(--bone)!important;font-size:clamp(38px,8vw,84px)!important;line-height:.98!important;letter-spacing:-.035em;margin:0 0 20px!important}
.indexTab .mainBlock h2{color:var(--bone-2)!important;font-family:Manrope,sans-serif!important;font-weight:500!important;font-size:clamp(16px,2.2vw,20px)!important;letter-spacing:0;margin:0 auto 32px!important;max-width:48ch;line-height:1.5}
.indexTab .mainBlock .callToAction{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.indexTab .mainBlock .callToAction .btn{margin:0!important}
.indexTab .notesBlock{background:var(--ink)!important;padding:0 20px 72px!important;margin-top:-48px!important;position:relative;z-index:2}
.indexTab .notesBlock .container{display:grid;gap:14px;max-width:1040px;margin:0 auto}
@media (min-width:700px){.indexTab .notesBlock .container{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.indexTab .notesBlock .container{grid-template-columns:repeat(4,1fr);gap:18px}}
.indexTab .notes,.indexTab .notes:last-child{float:none!important;width:auto!important;padding:0!important;margin:0!important}
.indexTab .notes .block{height:auto!important;min-height:0;background:var(--ink-2)!important;border:1px solid var(--line);border-radius:var(--r)!important;box-shadow:none!important;padding:26px 22px!important;text-align:left!important}
.indexTab .block i{color:var(--frost)!important;font-size:24px!important;margin-bottom:14px}
.indexTab .block h3{color:var(--bone)!important;font-size:19px!important;margin:8px 0 6px!important}
.indexTab .block h4{color:var(--bone-2)!important;font-family:Manrope,sans-serif!important;font-weight:500!important;font-size:14.5px!important;margin:0!important;line-height:1.5}
.indexTab .block a h4{color:var(--frost)!important}

/* import selector */
.indexTab .walletImportSelector{background:rgba(15,17,19,.92)!important;backdrop-filter:blur(10px)}
.indexTab .walletImportSelector .close{color:var(--bone)!important}
.indexTab .walletImportSelector .container .text{color:var(--bone)!important}
.indexTab .walletImportSelector .container .walletOption .subcontainer{background:var(--ink-2)!important;border:1px solid var(--line);border-radius:var(--r);color:var(--bone)!important;box-shadow:none!important}
.indexTab .walletImportSelector .container .walletOption .subcontainer:hover{border-color:var(--frost-2);background:var(--ink-3)!important}
.indexTab .walletImportSelector .container .walletOption i{color:var(--frost)!important}

/* ---------- footer ---------- */
#copyright{background:var(--ink)!important;border-top:1px solid var(--line);color:var(--mute)!important;font-size:13.5px!important;padding:28px 20px!important;box-sizing:border-box}
#copyright a{color:var(--bone-2)!important;margin:0 8px}
#copyright a:hover{color:var(--bone)!important}
#copyright .links select{width:auto;display:inline-block;padding:6px 10px!important;font-size:13px!important;border-radius:8px!important;margin-right:8px}

/* ---------- sweetalert dialogs ---------- */
.swal2-popup{background:var(--ink-2)!important;color:var(--bone)!important;border:1px solid var(--line);border-radius:var(--r)!important;font-family:Manrope,sans-serif!important}
.swal2-title{color:var(--bone)!important;font-family:Syne,sans-serif!important;font-weight:800!important}
.swal2-content,.swal2-html-container{color:var(--bone-2)!important}
.swal2-confirm{background:var(--bone)!important;color:var(--ink)!important;border-radius:999px!important;font-weight:700!important;box-shadow:none!important}
.swal2-cancel{background:var(--ink-3)!important;color:var(--bone)!important;border:1px solid var(--line-2)!important;border-radius:999px!important}
.swal2-input,.swal2-textarea{background:#0a0c0e!important;color:var(--bone)!important;border:1px solid var(--line)!important;border-radius:12px!important}
.swal2-icon.swal2-success .swal2-success-ring{border-color:var(--ok)!important}
.swal2-icon.swal2-success [class^=swal2-success-line]{background:var(--ok)!important}
.swal2-icon.swal2-warning,.swal2-icon.swal2-info,.swal2-icon.swal2-question{border-color:var(--frost)!important;color:var(--frost)!important}
.swal2-icon.swal2-error{border-color:var(--bad)!important}
.swal2-icon.swal2-error [class^=swal2-x-mark-line]{background:var(--bad)!important}

/* ---------- misc pages ---------- */
.qrCodeScanningContainer{background:var(--ink)!important}
.qrCodeScanningContainer h2{color:var(--bone)!important}
.qrCodeScanningContainer .close{color:var(--bone)!important}
.importKeys{color:var(--bone-2)}
table{color:var(--bone)}
th{color:var(--mute);font-weight:600;font-size:13px}
hr{border:0;border-top:1px solid var(--line)}
code,pre{background:#0a0c0e;border:1px solid var(--line);border-radius:10px;padding:2px 6px;color:var(--frost);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- mobile fixes ---------- */
@media (max-width:600px){
  body:not(.menuDisabled) #page{padding-top:56px}
  #topBar{left:0!important;right:0;width:100%}
  .body-root{padding:0 18px 40px}
  .body-header{margin-top:24px!important}
  .header-title{font-size:26px!important}
  .panel{padding:22px 18px!important}
  .indexTab .mainBlock{padding:88px 18px 56px!important}
  .indexTab .mainBlock > .actions{padding:12px 16px!important}
  #main_logo{font-size:16px!important}
  #main_logo img{height:22px!important}
  .btn.mini{white-space:nowrap;font-size:12.5px!important;padding:0 12px!important;min-height:36px}
  .btn,.button{width:100%;max-width:420px}
  .indexTab .mainBlock .callToAction .btn{width:100%}
  .transactions .transaction td{padding:12px 4px!important;font-size:13.5px}
  #copyright{padding-left:18px!important;padding-right:18px!important}
  #copyright .links a{display:inline-block;margin:6px 8px}
}
@media (max-width:600px){
  .btn,.button{box-sizing:border-box;max-width:100%}
  .btn.mini{width:auto}
  .walletOption .btn,.walletOption .button{width:100%}
}

/* ---------- mobile header (top bar) as an app bar: menu, brand, language ---------- */
@media (max-width:600px){
  #topBar{display:flex!important;align-items:center;gap:10px;padding:0 10px!important;height:56px!important;line-height:56px!important;left:0!important;width:100%;box-sizing:border-box}
  #topBar a.toggleMenu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line-2);background:rgba(28,32,37,.7);padding:0!important;font-size:18px}
  #topBar::after{content:"BTCS";font-family:Syne,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.01em;color:var(--bone);flex:1}
  #topBar .langsw{position:static!important;margin-left:auto}
  body.menuDisabled #topBar{display:none!important}
  #menu{width:min(82vw,320px)!important;box-shadow:24px 0 60px rgba(0,0,0,.6)}
  #menu a{font-size:17px!important;padding:14px 20px!important}
  .indexTab .mainBlock > .actions{gap:8px}
  .indexTab .mainBlock > .actions .right{gap:8px}
}

/* ---------- header fixes (mobile) ---------- */
#veil{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}
.langsw button,#topBar .langsw button,.indexTab .mainBlock > .actions .langsw button{width:auto!important;min-width:44px!important;max-width:none!important;min-height:0!important;height:30px!important;padding:0 11px!important;border-radius:999px!important;font-size:12px!important;line-height:30px!important}
@media (max-width:600px){
  #topBar{display:flex!important}
  #topBar a.toggleMenu{order:0;flex:none}
  #topBar::after{order:1}
  #topBar .langsw{order:2;flex:none;margin-left:auto!important}
  .indexTab .mainBlock > .actions{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px!important;height:56px;box-sizing:border-box}
  .indexTab .mainBlock > .actions #main_logo{flex:none;font-size:15px!important;gap:6px}
  .indexTab .mainBlock > .actions #main_logo img{height:22px!important}
  .indexTab .mainBlock > .actions .right{flex:none;display:flex;align-items:center;gap:8px;margin:0!important}
  .indexTab .mainBlock > .actions .langsw{margin:0!important}
  .indexTab .mainBlock > .actions .btn.mini{width:auto!important;max-width:none;min-height:34px;height:34px;padding:0 12px!important;font-size:12px!important;white-space:nowrap}
  .indexTab .mainBlock{padding-top:96px!important}
}

/* ---------- language toggle switch ---------- */
button.langsw,#topBar button.langsw,.indexTab .mainBlock > .actions button.langsw{position:relative;display:inline-flex!important;align-items:center;width:78px!important;min-width:0!important;max-width:none!important;height:32px!important;min-height:0!important;padding:0!important;border-radius:999px!important;border:1px solid var(--line-2)!important;background:rgba(28,32,37,.85)!important;cursor:pointer;flex:none;overflow:hidden;box-shadow:none!important;transform:none!important}
.langsw .l{position:relative;z-index:2;flex:1;text-align:center;font:700 11.5px/32px Manrope,sans-serif!important;letter-spacing:.06em;color:var(--mute);transition:color .2s}
.langsw .knob{position:absolute;z-index:1;top:3px;left:3px;width:calc(50% - 4px);height:26px;border-radius:999px;background:var(--bone);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.langsw.is-en .knob{transform:translateX(calc(100% + 2px))}
.langsw:not(.is-en) .l.ru,.langsw.is-en .l.en{color:var(--ink)}
.langsw:hover{background:rgba(39,44,51,.9)!important}
#topBar .langsw,#topBar button.langsw{position:relative!important;top:auto!important;right:auto!important}

/* ---------- inline messages (password rules etc.) ---------- */
.message{background:var(--ink-3)!important;color:var(--bone-2)!important;border:1px solid var(--line-2);border-radius:12px!important;box-shadow:none!important;padding:14px 16px!important;margin:12px 0 4px!important;font-size:14px!important;line-height:1.5!important;word-break:normal!important;overflow-wrap:anywhere}
.message.error{background:rgba(224,138,138,.08)!important;border-color:rgba(224,138,138,.35);color:var(--bone)!important}
.message.warning{background:rgba(169,214,229,.08)!important;border-color:rgba(169,214,229,.35);color:var(--bone)!important}
.message > .title{color:var(--bone)!important}
.message .tc{margin-top:12px;text-align:left!important}
.message .btn.mini,.message .btn{width:auto!important;max-width:100%;min-height:36px;height:auto;padding:8px 14px!important;font-size:13px!important;white-space:normal!important;line-height:1.3;text-align:center}
#veil{pointer-events:none!important;z-index:0!important}
.indexTab .mainBlock .headline,.indexTab .mainBlock .callToAction,.indexTab .mainBlock > .actions{position:relative;z-index:3}

/* ---------- icon sizing in context (line icons from icons.css) ---------- */
#menu a .icon .fa{width:20px;height:20px;vertical-align:-5px}
.indexTab .block i.fa{width:28px;height:28px;display:block}
.header-title .fa{width:24px;height:24px;vertical-align:-4px;color:var(--frost)}
#topBar a.toggleMenu .fa{width:20px;height:20px}
.transactions .transaction .direction .fa{width:18px;height:18px}
.transactions .transaction .moreInfo .fa{width:16px;height:16px}
.sendTab .icon .fa{width:22px;height:22px}
#pageLoading .fa{width:40px;height:40px;color:var(--frost)}