#bridgePage .bx-section{
    background:#ece9d8 !important;
    color:#0a0a0a !important;
    padding:64px 40px !important;
}
#bridgePage .bx-inner{ max-width:1280px !important; margin:0 auto !important; }

#bridgePage .bx-header{
    margin-bottom:56px !important;
    padding-bottom:0 !important;
    border-bottom:none !important;
    position:relative;
}
#bridgePage .bx-header::before{
    content:'CROSS-CHAIN · ETHEREUM ↔ CELLFRAME · NOX';
    display:inline-block;
    font-family:ui-monospace,'SF Mono',Menlo,monospace;
    font-size:0.72rem;
    letter-spacing:0.22em;
    color:rgba(10,10,10,0.55);
    border:1px solid rgba(10,10,10,0.20);
    padding:8px 14px;
    margin-bottom:28px;
}
#bridgePage .bx-header h1{
    font:800 96px/0.95 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    letter-spacing:-0.04em !important;
    color:#0a0a0a !important;
    margin:0 0 18px !important;
    max-width:920px;
}
#bridgePage .bx-header p{
    font:400 18px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    color:rgba(10,10,10,0.70) !important;
    max-width:680px !important;
    margin:0 0 36px !important;
}
#bridgePage .bx-header .hl{
    color:#1a7878 !important;
    font-weight:600 !important;
    background:none !important;
}

#bridgePage .bx-meta{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:0 !important;
    margin-top:36px !important;
    border-top:2px solid #0a0a0a;
    border-bottom:2px solid #0a0a0a;
}
#bridgePage .bx-meta-item{
    padding:18px 22px !important;
    border-right:1px solid rgba(10,10,10,0.20);
}
#bridgePage .bx-meta-item:last-child{ border-right:none; }
#bridgePage .bx-meta-item dt{
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.66rem !important;
    letter-spacing:0.20em !important;
    color:rgba(10,10,10,0.55) !important;
    text-transform:uppercase !important;
    margin-bottom:6px !important;
    font-weight:500 !important;
}
#bridgePage .bx-meta-item dd{
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.92rem !important;
    color:#0a0a0a !important;
    margin:0 !important;
}
#bridgePage .bx-meta-item dd.cyan{ color:#1a7878 !important; font-weight:600 !important; }

#bridgePage .bx-stats{
    display:grid !important;
    grid-template-columns:repeat(6,1fr) !important;
    background:#0a0a0a !important;
    gap:1px !important;
    margin-bottom:56px !important;
    border:none !important;
}
#bridgePage .bx-stat{
    background:#ece9d8 !important;
    padding:32px 22px !important;
    text-align:left !important;
    border:none !important;
}
#bridgePage .bx-stat strong{
    display:block !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:2.2rem !important;
    font-weight:600 !important;
    color:#0a0a0a !important;
    margin-bottom:10px !important;
    line-height:1 !important;
}
#bridgePage .bx-stat span{
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.64rem !important;
    letter-spacing:0.20em !important;
    color:rgba(10,10,10,0.55) !important;
    text-transform:uppercase !important;
}
#bridgePage .bx-stat strong.stat-updated{
    color:#1a7878 !important;
    text-shadow:none !important;
}

#bridgePage .bx-grid{
    display:grid !important;
    grid-template-columns:1fr 480px !important;
    gap:1px !important;
    background:#0a0a0a !important;
    align-items:start !important;
    border:2px solid #0a0a0a;
}

#bridgePage .bx-history{
    background:#ece9d8 !important;
    border:none !important;
}
#bridgePage .bx-history-header{
    padding:18px 22px !important;
    border-bottom:1px solid rgba(10,10,10,0.20) !important;
    background:#ece9d8 !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}
#bridgePage .bx-history-header h3{
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.78rem !important;
    letter-spacing:0.18em !important;
    text-transform:uppercase !important;
    color:#0a0a0a !important;
    margin:0 !important;
    font-weight:600 !important;
}
#bridgePage .bx-live{
    width:8px !important;
    height:8px !important;
    background:#1a7878 !important;
    border-radius:0 !important;
}
#bridgePage .bx-tabs{
    display:flex !important;
    padding:0 22px !important;
    border-bottom:1px solid rgba(10,10,10,0.20) !important;
    background:#ece9d8 !important;
}
#bridgePage .bx-tab{
    padding:14px 18px !important;
    background:none !important;
    border:none !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.70rem !important;
    letter-spacing:0.18em !important;
    text-transform:uppercase !important;
    color:rgba(10,10,10,0.55) !important;
    cursor:pointer !important;
    border-bottom:2px solid transparent !important;
    margin-bottom:-1px !important;
    font-weight:500 !important;
}
#bridgePage .bx-tab:hover{ color:#0a0a0a !important; }
#bridgePage .bx-tab.active{ color:#1a7878 !important; border-color:#1a7878 !important; }
#bridgePage .bx-history-list{
    padding:18px 22px !important;
    background:#ece9d8 !important;
    min-height:280px !important;
    color:#0a0a0a !important;
}
#bridgePage .bx-empty{ text-align:center; padding:60px 20px; }
#bridgePage .bx-empty svg{ color:rgba(10,10,10,0.20) !important; }
#bridgePage .bx-empty p{
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.78rem !important;
    color:rgba(10,10,10,0.55) !important;
    letter-spacing:0.06em !important;
}

#bridgePage .bx-card{
    background:#ece9d8 !important;
    border:none !important;
    padding:28px 26px !important;
}
#bridgePage .bx-dir{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    background:#ece9d8 !important;
    border:1px solid #0a0a0a !important;
    margin-bottom:24px !important;
}
#bridgePage .bx-dir-btn{
    padding:14px !important;
    background:#ece9d8 !important;
    border:none !important;
    border-right:1px solid #0a0a0a !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.72rem !important;
    letter-spacing:0.16em !important;
    text-transform:uppercase !important;
    color:rgba(10,10,10,0.55) !important;
    cursor:pointer !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    font-weight:500 !important;
}
#bridgePage .bx-dir-btn:last-child{ border-right:none !important; }
#bridgePage .bx-dir-btn:hover{ background:#d8d4be !important; color:#0a0a0a !important; }
#bridgePage .bx-dir-btn.active{ background:#0a0a0a !important; color:#ece9d8 !important; }
#bridgePage .bx-dir-btn svg{ width:14px; height:14px; }

#bridgePage .bx-route{
    display:grid !important;
    grid-template-columns:1fr 40px 1fr !important;
    gap:14px !important;
    align-items:center !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid rgba(10,10,10,0.20) !important;
    margin-bottom:22px !important;
}
#bridgePage .bx-chain{ display:flex; align-items:center; gap:12px; }
#bridgePage .bx-chain-icon{
    width:36px !important; height:36px !important;
    border-radius:0 !important;
    border:1px solid #0a0a0a;
    background:#ece9d8 !important;
}
#bridgePage .bx-chain-icon.cf{ background:linear-gradient(135deg,#1a7878,#0d4b4b) !important; }
#bridgePage .bx-chain-info strong{
    color:#0a0a0a !important;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    font-size:0.92rem !important;
    font-weight:700 !important;
}
#bridgePage .bx-chain-info span{
    color:rgba(10,10,10,0.55) !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.66rem !important;
    letter-spacing:0.14em !important;
    text-transform:uppercase !important;
}
#bridgePage .bx-arrow{
    width:36px !important; height:36px !important;
    background:#ece9d8 !important;
    border:1px solid #0a0a0a !important;
    border-radius:0 !important;
    display:flex; align-items:center; justify-content:center;
}
#bridgePage .bx-arrow svg{ color:#0a0a0a !important; width:14px; height:14px; }
#bridgePage .bx-arrow.rev svg{ color:#1a7878 !important; }

#bridgePage .bx-form{ display:block; }
#bridgePage .bx-field{ margin-bottom:18px; }
#bridgePage .bx-field label{
    display:flex !important;
    justify-content:space-between !important;
    margin-bottom:8px !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.66rem !important;
    letter-spacing:0.20em !important;
    text-transform:uppercase !important;
    color:rgba(10,10,10,0.55) !important;
    font-weight:500 !important;
}
#bridgePage .bx-field .bal{
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.74rem !important;
    color:#1a7878 !important;
    cursor:pointer !important;
    text-transform:none !important;
    letter-spacing:0.04em !important;
    font-weight:600 !important;
}
#bridgePage .bx-input{
    width:100% !important;
    background:#fff !important;
    border:1px solid #0a0a0a !important;
    border-radius:0 !important;
    padding:14px !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:1rem !important;
    color:#0a0a0a !important;
    transition:border-color 0.12s !important;
}
#bridgePage .bx-input:focus{
    outline:none !important;
    border-color:#1a7878 !important;
    box-shadow:0 0 0 1px #1a7878 inset !important;
}
#bridgePage .bx-input::placeholder{ color:rgba(10,10,10,0.30) !important; }
#bridgePage .bx-input-wrap{ position:relative; }
#bridgePage .bx-input-wrap .token{
    color:#1a7878 !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.78rem !important;
    font-weight:600 !important;
    letter-spacing:0.10em !important;
}
#bridgePage .bx-wallet{
    background:#fff !important;
    border:1px solid #0a0a0a !important;
    border-radius:0 !important;
    padding:12px 14px !important;
}
#bridgePage .bx-wallet .addr{
    color:rgba(10,10,10,0.55) !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.78rem !important;
}
#bridgePage .bx-wallet .addr.on{ color:#1a7878 !important; font-weight:600 !important; }
#bridgePage .bx-wallet .btn-sm{
    background:#0a0a0a !important;
    color:#ece9d8 !important;
    border:none !important;
    border-radius:0 !important;
    padding:8px 14px !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.66rem !important;
    letter-spacing:0.18em !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
}
#bridgePage .bx-wallet .btn-sm:hover{ background:#1a7878 !important; }
#bridgePage .bx-summary{
    background:#fff !important;
    border:1px solid rgba(10,10,10,0.20) !important;
    padding:16px !important;
    margin:18px 0 !important;
}
#bridgePage .bx-row{
    color:#0a0a0a !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.78rem !important;
}
#bridgePage .bx-row span:first-child{ color:rgba(10,10,10,0.55) !important; }
#bridgePage .bx-row span:last-child{ color:#0a0a0a !important; }
#bridgePage .bx-row .cyan{ color:#1a7878 !important; font-weight:600 !important; }
#bridgePage .bx-limits{
    color:rgba(10,10,10,0.55) !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.66rem !important;
    letter-spacing:0.10em !important;
}
#bridgePage .bx-submit{
    background:#0a0a0a !important;
    color:#ece9d8 !important;
    border:none !important;
    border-radius:0 !important;
    padding:18px !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.84rem !important;
    letter-spacing:0.18em !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
    width:100% !important;
    transition:background 0.14s !important;
}
#bridgePage .bx-submit:hover{
    background:#1a7878 !important;
    box-shadow:none !important;
}
#bridgePage .bx-submit:disabled{
    background:#d8d4be !important;
    color:rgba(10,10,10,0.40) !important;
    cursor:not-allowed !important;
}
#bridgePage .bx-submit .spin{ border-color:rgba(236,233,216,0.30); border-top-color:#ece9d8; }

#bridgePage .bx-security{
    background:#fff !important;
    border:1px solid rgba(10,10,10,0.20) !important;
    margin-top:18px !important;
    padding:14px 16px !important;
}
#bridgePage .bx-security svg{ color:#1a7878 !important; }
#bridgePage .bx-security p{
    color:rgba(10,10,10,0.70) !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.72rem !important;
    line-height:1.55 !important;
}
#bridgePage .bx-security strong{ color:#1a7878 !important; font-weight:600 !important; }

#bridgePage .bx-terminal{
    background:#0a0a0a !important;
    border:2px solid #0a0a0a !important;
    border-radius:0 !important;
    margin-top:48px !important;
}
#bridgePage .bx-term-header{
    background:#0a0a0a !important;
    border-bottom:1px solid rgba(236,233,216,0.20) !important;
    padding:10px 14px !important;
}
#bridgePage .bx-term-title{
    color:rgba(236,233,216,0.55) !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.66rem !important;
    letter-spacing:0.18em !important;
    text-transform:uppercase !important;
}
#bridgePage .bx-term-body{
    background:#0a0a0a !important;
    color:rgba(236,233,216,0.70) !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.78rem !important;
    line-height:1.7 !important;
}
#bridgePage .bx-term-body .hdr{ color:#ece9d8 !important; }
#bridgePage .bx-term-body .cy{ color:#1a7878 !important; }
#bridgePage .bx-term-body .gr{ color:#28c840 !important; }
#bridgePage .bx-cursor{ background:#1a7878 !important; }

#bridgePage .bx-networks{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:1px !important;
    background:#0a0a0a !important;
    border:2px solid #0a0a0a !important;
    margin-top:48px !important;
}
#bridgePage .bx-net{
    background:#ece9d8 !important;
    padding:24px 26px !important;
}
#bridgePage .bx-net-header{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
#bridgePage .bx-net-header img{
    width:36px; height:36px;
    border-radius:0 !important;
    border:1px solid #0a0a0a;
}
#bridgePage .bx-net-header .name{
    color:#0a0a0a !important;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
    font-size:1rem !important;
    font-weight:700 !important;
}
#bridgePage .bx-net-header .status{
    color:#1a7878 !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.68rem !important;
    letter-spacing:0.14em !important;
    text-transform:uppercase !important;
    margin-top:4px !important;
}
#bridgePage .bx-net-header .dot{ background:#1a7878 !important; border-radius:0 !important; width:6px !important; height:6px !important; }
#bridgePage .bx-net-row{
    color:#0a0a0a !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.74rem !important;
}
#bridgePage .bx-net-row span:first-child{ color:rgba(10,10,10,0.55) !important; letter-spacing:0.04em; }
#bridgePage .bx-net-row span:last-child{ color:#0a0a0a !important; }

#bridgePage .bx-cf-wallet-box{
    background:#fff !important;
    border:1px solid #0a0a0a !important;
    border-radius:0 !important;
    padding:16px !important;
    margin-bottom:22px !important;
}
#bridgePage .bx-cf-wallet-box.has-wallet{ border-color:#1a7878 !important; box-shadow:0 0 0 1px #1a7878 inset !important; }
#bridgePage .cf-no-wallet p{ color:rgba(10,10,10,0.70) !important; }
#bridgePage .cf-no-wallet .btn{ background:#0a0a0a !important; color:#ece9d8 !important; border-radius:0 !important; }
#bridgePage .cf-no-wallet .btn:hover{ background:#1a7878 !important; }
#bridgePage .cf-wallet-icon{
    border-radius:0 !important;
    background:linear-gradient(135deg,#1a7878,#0d4b4b) !important;
    color:#ece9d8 !important;
    border:1px solid #0a0a0a;
}
#bridgePage .cf-wallet-name{ color:#0a0a0a !important; }
#bridgePage .cf-wallet-addr{ color:#1a7878 !important; }
#bridgePage .cf-wallet-balance{ color:#1a7878 !important; }
#bridgePage .cf-wallet-switch{
    background:none !important;
    border:1px solid rgba(10,10,10,0.30) !important;
    border-radius:0 !important;
    color:rgba(10,10,10,0.70) !important;
}
#bridgePage .cf-wallet-switch:hover{ border-color:#1a7878 !important; color:#1a7878 !important; }

#bridgePage .bridge-instructions{ display:flex; flex-direction:column; gap:14px; }
#bridgePage .bi-num{
    background:#0a0a0a !important;
    color:#ece9d8 !important;
    border-radius:0 !important;
    border:1px solid #0a0a0a;
    width:28px; height:28px;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-weight:700 !important;
}
#bridgePage .bi-content strong{ color:#0a0a0a !important; }
#bridgePage .bi-content p{ color:rgba(10,10,10,0.70) !important; }
#bridgePage .bi-address{
    background:#fff !important;
    border:1px solid rgba(10,10,10,0.20) !important;
    border-radius:0 !important;
    padding:8px 12px !important;
}
#bridgePage .bi-address code{ color:#0a0a0a !important; }
#bridgePage .btn-copy{
    background:#0a0a0a !important;
    color:#ece9d8 !important;
    border-radius:0 !important;
    border:none !important;
    font-family:ui-monospace,'SF Mono',Menlo,monospace !important;
    font-size:0.66rem !important;
    letter-spacing:0.16em !important;
    text-transform:uppercase !important;
    padding:5px 12px !important;
}
#bridgePage .btn-copy:hover{ background:#1a7878 !important; }
#bridgePage .bi-warn{ color:#a01818 !important; }

@media(max-width:1100px){
    #bridgePage .bx-section{ padding:48px 28px !important; }
    #bridgePage .bx-header h1{ font-size:64px !important; }
    #bridgePage .bx-meta{ grid-template-columns:1fr 1fr !important; }
    #bridgePage .bx-stats{ grid-template-columns:repeat(3,1fr) !important; }
    #bridgePage .bx-grid{ grid-template-columns:1fr !important; }
    #bridgePage .bx-networks{ grid-template-columns:1fr !important; }
}
@media(max-width:600px){
    #bridgePage .bx-section{ padding:32px 16px !important; }
    #bridgePage .bx-header h1{ font-size:42px !important; letter-spacing:-0.03em !important; }
    #bridgePage .bx-header p{ font-size:15px !important; }
    #bridgePage .bx-stats{ grid-template-columns:1fr 1fr !important; }
    #bridgePage .bx-stat{ padding:22px 14px !important; }
    #bridgePage .bx-stat strong{ font-size:1.6rem !important; }
    #bridgePage .bx-meta{ grid-template-columns:1fr !important; }
    #bridgePage .bx-meta-item{ border-right:none !important; border-bottom:1px solid rgba(10,10,10,0.20); }
    #bridgePage .bx-meta-item:last-child{ border-bottom:none; }
    #bridgePage .bx-card{ padding:20px 18px !important; }
}

/* === Layout repair v2 — kill black void between columns === */
#bridgePage .bx-grid{
    background:transparent !important;
    gap:0 !important;
    border:2px solid #0a0a0a !important;
    align-items:stretch !important;
}
#bridgePage .bx-history{
    border-right:1px solid #0a0a0a !important;
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    background:#ece9d8 !important;
}
#bridgePage .bx-history-list{
    flex:1 1 auto !important;
    max-height:none !important;
    min-height:auto !important;
    display:flex !important;
    flex-direction:column !important;
}
#bridgePage .bx-history-list > *{ flex-shrink:0; }
#bridgePage .bx-empty{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    padding:40px 20px !important;
}
#bridgePage .bx-card{
    height:100% !important;
    background:#ece9d8 !important;
    display:flex !important;
    flex-direction:column !important;
}
#bridgePage .bx-form{ flex:1 1 auto; display:flex; flex-direction:column; }
#bridgePage .bx-card .bx-summary,
#bridgePage .bx-card .bx-limits{ flex-shrink:0; }
#bridgePage .bx-submit{ margin-top:auto; }

/* terminal: keep dark aesthetic but tighten spacing so it doesn't dwarf the page */
#bridgePage .bx-terminal{ margin-top:40px !important; }
#bridgePage .bx-term-body{ min-height:160px !important; max-height:280px !important; padding:14px 18px !important; }

/* networks footer cards: equal height + cream alignment */
#bridgePage .bx-networks{ align-items:stretch !important; }
#bridgePage .bx-net{ display:flex; flex-direction:column; }
#bridgePage .bx-net-details{ margin-top:auto !important; padding-top:18px; }