/* ========================================
   Bitcoin Time Wallet — V2 Bento UI Styles
   ======================================== */

/* V2 CSS Variables (scoped to avoid classic conflicts) */
:root {
    --v2-bg: #050505;
    --v2-text-main: #ffffff;
    --v2-text-muted: #8892b0;
    --v2-accent-1: #6E56CF;
    --v2-accent-2: #21A893;
    --v2-accent-3: #E5484D;
    --v2-glass-bg: rgba(255,255,255,0.03);
    --v2-glass-border: rgba(255,255,255,0.08);
    --v2-radius-large: clamp(18px, 1.35vw, 24px);
    --v2-radius-medium: clamp(12px, 1vw, 16px);
    --v2-space-1: clamp(6px, 0.5vw, 10px);
    --v2-space-2: clamp(9px, 0.72vw, 13px);
    --v2-space-3: clamp(12px, 1vw, 16px);
    --v2-space-4: clamp(14px, 1.2vw, 18px);
    --v2-font-micro: clamp(0.58rem, 0.06vw + 0.57rem, 0.68rem);
    --v2-font-xs: clamp(0.66rem, 0.1vw + 0.64rem, 0.76rem);
    --v2-font-sm: clamp(0.74rem, 0.16vw + 0.7rem, 0.86rem);
    --v2-font-md: clamp(0.84rem, 0.18vw + 0.8rem, 0.96rem);
    --v2-font-lg: clamp(0.92rem, 0.24vw + 0.86rem, 1.04rem);
    --v2-font-display: clamp(1.65rem, 1rem + 1.65vw, 2.65rem);
}

/* ===== UI MODE SWITCH ===== */
#ui-mode-switch {
    position: fixed; top: 10px; right: 16px; z-index: 9999;
    display: flex; gap: 4px;
    background: rgba(0,0,0,0.7); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.15); border-radius: 100px;
    padding: 3px;
}
.mode-btn {
    padding: 6px 16px; border: none; border-radius: 100px;
    background: transparent; color: rgba(255,255,255,0.5);
    font-size: 0.8rem; font-weight: 600; cursor: pointer;
    transition: all 0.3s ease; font-family: inherit;
}
.mode-btn.active {
    background: rgba(255,255,255,0.15); color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.mode-btn:hover:not(.active) { color: rgba(255,255,255,0.8); }

/* ===== V2 ROOT ===== */
#v2-root {
    background: #050505;
    color: var(--v2-text-main);
    font-family: 'Outfit', sans-serif;
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    display: flex; flex-direction: column; align-items: stretch;
    position: relative;
    isolation: isolate;
    --v2-page-scale: 1;
    --v2-stage-width: 1440px;
    --v2-stage-height: 860px;
    --v2-panel-gap: clamp(6px, 0.8vw, 10px);
    --v2-card-pad: var(--v2-space-4);
    --v2-stat-pad-y: clamp(6px, 0.55vw, 8px);
    --v2-stat-pad-x: clamp(8px, 0.7vw, 10px);
}
#v2-root * { box-sizing: border-box; }

#v2-root .v2-scale-shell {
    flex: 1;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 4px;
}

#v2-root .v2-scale-viewport {
    width: calc(var(--v2-stage-width) * var(--v2-page-scale));
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
}

#v2-root .v2-scale-stage {
    width: var(--v2-stage-width);
    height: auto;
    min-height: var(--v2-stage-height);
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(var(--v2-page-scale));
    transform-origin: top left;
    will-change: transform;
}

/* Ambient Orbs */
#v2-root .ambient-orb { position: absolute; border-radius: 50%; filter: blur(88px); opacity: 0.18; z-index: 0; pointer-events: none; transform: translateZ(0); }
#v2-root .orb-1 { width: 50vw; height: 50vw; max-width: 600px; max-height: 600px; background: var(--v2-accent-1); top: -15%; left: -10%; }
#v2-root .orb-2 { width: 40vw; height: 40vw; max-width: 500px; max-height: 500px; background: var(--v2-accent-2); bottom: -15%; right: -10%; }

/* V2 Loading Overlay */
#v2-loadingOverlay {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(5,5,5,0.95); z-index: 200;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    transition: opacity 0.5s ease;
}
.loading-spinner-v2 { width: 60px; height: 60px; border: 3px solid rgba(255,255,255,0.1); border-top-color: var(--v2-accent-2); border-radius: 50%; animation: v2spin 0.8s linear infinite; }
@keyframes v2spin { 100% { transform: rotate(360deg); } }
#v2-loadingText { margin-top: 20px; color: var(--v2-text-muted); font-size: 1rem; }

/* Navbar */
#v2-root .top-navbar {
    width: 100%; height: clamp(44px, 3.3vw, 52px); flex-shrink: 0;
    background: rgba(0,0,0,0.5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--v2-glass-border);
    display: flex; align-items: center; justify-content: space-between; gap: clamp(10px, 1vw, 14px); z-index: 10;
    padding: 0 clamp(10px, 1.2vw, 18px);
}
#v2-root .nav-brand {
    display:flex; align-items:center; gap:10px; flex-shrink:0;
    color:#fff; text-decoration:none;
}
#v2-root .nav-brand:hover .nav-brand-text,
#v2-root .nav-brand:hover .nav-brand-logo {
    opacity: 1;
}
#v2-root .nav-brand-logo {
    width: clamp(26px, 1.85vw, 33px); height: clamp(26px, 1.85vw, 33px); object-fit: contain; flex-shrink: 0;
    display: block;
    filter: drop-shadow(0 2px 8px rgba(110,86,207,0.35));
    opacity: 0.96;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
#v2-root .nav-brand:hover .nav-brand-logo {
    transform: translateY(-1px);
}
#v2-root .nav-brand-text {
    font-size: clamp(1.12rem, 0.28vw + 1.04rem, 1.28rem); font-weight: 800; letter-spacing: 0.02em;
    color: rgba(255,255,255,0.96);
    white-space: nowrap;
    transition: opacity 0.2s ease;
}
#v2-root .nav-links {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(13px, 1.6vw, 22px);
}
#v2-root .nav-item {
    color: var(--v2-text-muted); text-decoration: none; font-weight: 700; font-size: clamp(0.9rem, 0.16vw + 0.86rem, 1rem);
    transition: color 0.3s; cursor: pointer; letter-spacing: 0.6px; text-transform: uppercase;
}
#v2-root .nav-item:hover, #v2-root .nav-item.active { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,0.5); }
#v2-root .nav-live { font-size: var(--v2-font-xs) !important; color: #ff5252; }
#v2-root .nav-classic-link { color: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.15); border-radius: 20px; padding: 4px 14px; font-size: var(--v2-font-xs) !important; transition: all 0.2s; }
#v2-root .nav-classic-link:hover { color: #fff; border-color: rgba(255,255,255,0.4); background: rgba(255,255,255,0.07); text-shadow: none; }
#v2-root .nav-ai-btn { background: linear-gradient(135deg, #7c3aed, #5b21b6); color: #fff !important; border: none; border-radius: 20px; padding: 5px 14px; font-size: var(--v2-font-xs) !important; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; cursor: pointer; transition: all 0.2s; box-shadow: 0 2px 8px rgba(124,58,237,0.4); }
#v2-root .nav-ai-btn:hover { background: linear-gradient(135deg, #8b5cf6, #6d28d9); box-shadow: 0 4px 14px rgba(124,58,237,0.6); transform: translateY(-1px); text-shadow: none; }

/* Main wrapper */
#v2-root .main-wrapper {
    flex: 1; width: 100%; display: flex; justify-content: center; align-items: stretch;
    padding: clamp(5px, 0.7vh, 10px) clamp(6px, 1vw, 12px);
    position: relative; z-index: 1; overflow: visible;
    min-height: 0;
}

#v2-root .v2-hub-footer {
    width: min(1400px, calc(100% - 12px));
    margin: 0 auto clamp(6px, 0.7vh, 10px);
    padding: 10px 14px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(17,17,24,0.9), rgba(10,10,14,0.94));
    box-shadow: 0 16px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}
#v2-root .v2-hub-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}
#v2-root .v2-hub-brand {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    cursor: default;
}
#v2-root .v2-hub-mark {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(110,86,207,0.22), rgba(33,168,147,0.18));
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}
#v2-root .v2-hub-mark img {
    width: 21px;
    height: 21px;
    object-fit: contain;
    display: block;
}
#v2-root .v2-hub-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#v2-root .v2-hub-copy strong {
    font-size: 0.82rem;
    line-height: 1.1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.96);
}
#v2-root .v2-hub-copy span {
    font-size: 0.75rem;
    line-height: 1.35;
    color: rgba(255,255,255,0.52);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#v2-root .v2-hub-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
#v2-root .v2-hub-link {
    appearance: none;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    color: rgba(255,255,255,0.82);
    border-radius: 999px;
    padding: 8px 12px;
    font-family: 'Outfit', sans-serif;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
#v2-root .v2-hub-link:hover {
    color: #fff;
    border-color: rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.08);
    transform: translateY(-1px);
}
#v2-root .v2-hub-link-more {
    background: linear-gradient(135deg, rgba(110,86,207,0.18), rgba(33,168,147,0.14));
    border-color: rgba(110,86,207,0.28);
    color: #f2ecff;
}
#v2-root .v2-hub-link-more:hover {
    border-color: rgba(110,86,207,0.44);
    background: linear-gradient(135deg, rgba(110,86,207,0.28), rgba(33,168,147,0.2));
}

/* Bento Grid */
#v2-root .bento-container {
    display: grid;
    grid-template-columns: minmax(240px,0.95fr) minmax(320px,1.3fr) minmax(250px,1fr);
    gap: var(--v2-panel-gap);
    width: 100%; max-width: 1400px;
    align-items: stretch;
    min-height: 0;
    height: 100%;
}
#v2-root .bento-column {
    min-width: 0;
    min-height: 0;
}
#v2-root .bento-column-left {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: var(--v2-panel-gap);
}
#v2-root .bento-column-center {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    overflow: hidden;
}
#v2-root .bento-column-right {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: var(--v2-panel-gap);
}
#v2-root .bento-box {
    background: var(--v2-glass-bg); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--v2-glass-border); border-radius: var(--v2-radius-large);
    padding: var(--v2-card-pad); display: flex; flex-direction: column; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, background-color 0.25s ease; position: relative; min-width: 0;
    box-shadow: 0 10px 24px rgba(0,0,0,0.14);
}
#v2-root .bento-box:hover,
#v2-root .bento-box:focus-within {
    border-color: rgba(255,255,255,0.24);
    box-shadow: 0 0 0 1px rgba(110,86,207,0.2), 0 18px 40px rgba(0,0,0,0.24), 0 0 26px rgba(110,86,207,0.12);
    transform: translateY(-2px);
}

/* Left Col */
#v2-root .box-wallet { flex-direction:row; align-items:center; justify-content:space-between; padding:clamp(10px, 0.9vw, 14px); cursor:pointer; }
#v2-root .box-wallet:hover { background: rgba(255,255,255,0.05); }
#v2-root .box-balance { background:linear-gradient(145deg,rgba(110,86,207,0.1),transparent); justify-content:center; align-items:center; text-align:center; padding:var(--v2-space-2); min-height:250px; }
#v2-root .box-actions { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:clamp(6px, 0.6vw, 8px); padding:0; background:transparent; border:none; backdrop-filter:none; min-height:0; height:clamp(68px, 7.2vh, 76px); max-height:clamp(68px, 7.2vh, 76px); align-self:start; }
#v2-root .action-btn {
    background:var(--v2-glass-bg); backdrop-filter:blur(24px); border:1px solid var(--v2-glass-border);
    border-radius:14px; color:var(--v2-text-main); font-family:inherit; font-size:var(--v2-font-md); font-weight:700;
    cursor:pointer; transition:all 0.2s ease; display:flex; align-items:center; justify-content:center; gap:clamp(4px, 0.4vw, 6px); height:clamp(68px, 7.2vh, 76px); min-height:0; max-height:clamp(68px, 7.2vh, 76px); padding:0 12px;
}
#v2-root .action-btn.send:hover { background:rgba(110,86,207,0.3); border-color:var(--v2-accent-1); }
#v2-root .action-btn.receive:hover { background:rgba(33,168,147,0.3); border-color:var(--v2-accent-2); }
#v2-root .box-community { display:flex; flex-direction:column; gap:10px; padding:16px 20px 18px; min-height:0; }
#v2-root .community-context { font-size:var(--v2-font-xs); color:rgba(255,255,255,0.48); }
#v2-root .comm-groups { display:flex; flex-direction:column; gap:10px; }
#v2-root .comm-group { display:flex; flex-direction:column; gap:9px; min-width:0; }
#v2-root .comm-group-title { font-size:var(--v2-font-micro); text-transform:uppercase; letter-spacing:0.14em; color:rgba(255,255,255,0.44); }
#v2-root .comm-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:start; }
#v2-root .comm-grid-official { grid-template-columns:repeat(3,1fr); }
#v2-root .comm-grid-social { grid-template-columns:repeat(4,1fr); }
#v2-root .comm-item-download { flex-direction:row; justify-content:flex-start; align-items:center; gap:12px; padding:12px 14px; border-radius:16px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); min-height:72px; }
#v2-root .comm-item-download .comm-icon { flex:0 0 auto; }
#v2-root .comm-item-download .comm-label { flex:1; max-width:none; text-align:left; font-size:var(--v2-font-xs); line-height:1.2; }
#v2-root .comm-item { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; min-height:86px; padding:4px 2px; cursor:pointer; color:var(--v2-text-muted); transition:color 0.2s, transform 0.2s; text-decoration:none; }
#v2-root .comm-item.comm-item-download { flex-direction:row; align-items:center; justify-content:flex-start; text-align:left; }
#v2-root .comm-item.comm-item-download .comm-icon { flex:0 0 auto; }
#v2-root .comm-item.comm-item-download .comm-label { flex:1; max-width:none; text-align:left; }
#v2-root .comm-item:hover { color:#fff; transform:translateY(-2px); }
#v2-root .comm-icon { width:42px; height:42px; background:rgba(0,0,0,0.4); border-radius:12px; display:flex; justify-content:center; align-items:center; font-size:1.24rem; border:1px solid rgba(255,255,255,0.05); }
#v2-root .comm-item:hover .comm-icon { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.2); }
#v2-root .comm-label { font-size:var(--v2-font-micro); text-align:center; line-height:1.25; max-width:86px; }
#v2-root .panel-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; }
#v2-root .panel-mobile-head { display:none; }
#v2-root .panel-mobile-copy { display:flex; flex-direction:column; gap:2px; min-width:0; }
#v2-root .panel-mobile-title {
    font-size:var(--v2-font-sm); color:rgba(255,255,255,0.88); text-transform:uppercase;
    letter-spacing:0.12em; font-weight:700;
}
#v2-root .panel-mobile-summary {
    font-size:var(--v2-font-xs); color:rgba(255,255,255,0.48); line-height:1.4;
}
#v2-root .panel-mobile-body { min-height:0; }
#v2-root .box-history .panel-mobile-body {
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    height:100%;
    overflow:hidden;
}
#v2-root .box-mining .panel-mobile-body {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    flex:1;
}
#v2-root .panel-subtext { font-size:var(--v2-font-xs); line-height:1.3; color:rgba(255,255,255,0.56); margin-bottom:8px; }

/* Center Col */
#v2-root .box-history { display:flex; flex-direction:column; min-height:0; min-width:0; height:100%; max-height:100%; overflow:hidden; }
#v2-root .panel-head-history { align-items:flex-start; flex-direction:column; gap:6px; }
#v2-root .history-tab-row { display:flex; flex-wrap:wrap; gap:6px; }
#v2-root .history-panel-tab {
    border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.68);
    border-radius:999px; padding:4px 10px; font-size:var(--v2-font-xs); font-weight:700; letter-spacing:0.03em; text-transform:uppercase; cursor:pointer; transition:all 0.2s;
}
#v2-root .history-panel-tab:hover { background:rgba(255,255,255,0.08); color:#fff; }
#v2-root .history-panel-tab.active { background:rgba(110,86,207,0.22); border-color:rgba(110,86,207,0.48); color:#e7ddff; }
#v2-root .history-filter-row { display:flex; flex-wrap:wrap; gap:6px; }
#v2-root .history-filter-chip {
    border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.68);
    border-radius:999px; padding:4px 9px; font-size:var(--v2-font-xs); font-weight:600; cursor:pointer; transition:all 0.2s;
}
#v2-root .history-filter-chip:hover { background:rgba(255,255,255,0.08); color:#fff; }
#v2-root .history-filter-chip.active { background:rgba(110,86,207,0.22); border-color:rgba(110,86,207,0.48); color:#e7ddff; }
#v2-root .memo-search-row { width:100%; }
#v2-root .memo-search-box {
    width:100%; display:flex; align-items:center; gap:10px;
    padding:8px 10px; border-radius:12px; background:rgba(0,0,0,0.18);
    border:1px solid rgba(255,255,255,0.08); color:rgba(255,255,255,0.58);
}
#v2-root .memo-search-box i { color:rgba(255,255,255,0.48); font-size:0.82rem; }
#v2-root .memo-search-box input {
    width:100%; border:none; outline:none; background:transparent; color:#fff;
    font:inherit; font-size:0.82rem;
}
#v2-root .memo-search-box input::placeholder { color:rgba(255,255,255,0.42); }
#v2-root .memo-highlight {
    background:rgba(255,210,95,0.24); color:#fff0bc; padding:0 2px; border-radius:4px;
}
#v2-root .history-list { margin-top:6px; display:flex; flex-direction:column; gap:6px; overflow-y:auto; overflow-x:hidden; flex:1 1 auto; min-height:0; max-height:100%; padding-right:4px; overscroll-behavior:contain; }
#v2-root .history-list::-webkit-scrollbar { width:3px; }
#v2-root .history-list::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.1); border-radius:3px; }
#v2-root .tx-item { display:flex; align-items:center; background:rgba(0,0,0,0.2); padding:clamp(7px, 0.55vw, 9px) clamp(9px, 0.7vw, 12px); border-radius:var(--v2-radius-medium); gap:clamp(7px, 0.6vw, 10px); transition:background 0.15s; min-width:0; }
#v2-root .tx-item[onclick]:hover { background:rgba(255,255,255,0.07); }
#v2-root .tx-icon { width:26px; height:26px; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:0.82rem; flex-shrink:0; }
#v2-root .tx-icon.in { background:rgba(33,168,147,0.2); color:var(--v2-accent-2); }
#v2-root .tx-icon.out { background:rgba(229,72,77,0.2); color:var(--v2-accent-3); }
#v2-root .tx-icon.info { background:rgba(110,86,207,0.2); color:var(--v2-accent-1); }
#v2-root .tx-info { flex-grow:1; overflow:hidden; }
#v2-root .tx-type-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:2px; }
#v2-root .tx-type { font-weight:600; font-size:var(--v2-font-md); }
#v2-root .tx-time { font-size:var(--v2-font-micro); color:var(--v2-text-muted); }
#v2-root .tx-memo { margin-top:3px; font-size:var(--v2-font-xs); color:#f2df9b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#v2-root .tx-memo i { margin-right:6px; color:#ffd25f; }
#v2-root .memo-item .tx-icon.memo { background:rgba(255,210,95,0.14); color:#ffd86e; }
#v2-root .memo-body {
    display:-webkit-box;
    line-clamp:2;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#ffe49d;
}
#v2-root .memo-hash-inline { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:170px; display:inline-block; }
#v2-root .memo-load-more-btn {
    width:100%; border:none; border-radius:14px; padding:12px 14px; cursor:pointer;
    background:rgba(255,255,255,0.05); color:rgba(255,255,255,0.82); font:inherit; font-weight:700;
    border:1px solid rgba(255,255,255,0.08); transition:all 0.2s;
}
#v2-root .memo-load-more-btn:hover { background:rgba(110,86,207,0.16); border-color:rgba(110,86,207,0.34); color:#efe7ff; }
#v2-root .tx-meta { display:flex; align-items:center; gap:8px; margin-top:4px; font-size:var(--v2-font-micro); color:rgba(255,255,255,0.44); }
#v2-root .tx-badge {
    display:inline-flex; align-items:center; justify-content:center; min-width:40px;
    padding:4px 8px; border-radius:999px; font-size:0.64rem; font-weight:700; letter-spacing:0.08em;
}
#v2-root .tx-badge.in { background:rgba(33,168,147,0.14); color:#95f0dc; }
#v2-root .tx-badge.out { background:rgba(229,72,77,0.14); color:#ffb3ae; }
#v2-root .memo-badge {
    display:inline-flex; align-items:center; justify-content:center; min-width:50px;
    padding:4px 9px; border-radius:999px; font-size:0.64rem; font-weight:800; letter-spacing:0.08em;
}
#v2-root .memo-badge.sent { background:rgba(255,122,92,0.14); color:#ff9f8b; }
#v2-root .memo-badge.received { background:rgba(68,208,182,0.14); color:#7be6d1; }
#v2-root .memo-badge.burn { background:rgba(229,72,77,0.16); color:#ff8e93; }
#v2-root .memo-badge.global { background:rgba(110,86,207,0.16); color:#cfbcff; }
#v2-root .tx-amount { font-family:'Space Mono',monospace; font-weight:bold; font-size:var(--v2-font-md); white-space:nowrap; }
#v2-root .tx-amount.in { color:var(--v2-accent-2); }
#v2-root .tx-amount.out { color:var(--v2-accent-3); }

/* Right Col */
#v2-root .box-network { display:flex; flex-direction:column; gap:clamp(4px, 0.45vw, 6px); padding:clamp(10px, 0.85vw, 13px); min-height:0; min-width:0; overflow:hidden; overscroll-behavior:contain; }
#v2-root .panel-head-network { margin-bottom:0; }
#v2-root .network-live-pill {
    display:inline-flex; align-items:center; justify-content:center; min-width:96px;
    padding:5px 10px; border-radius:999px; font-size:var(--v2-font-xs); font-weight:700;
    border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.05); color:rgba(255,255,255,0.72);
}
#v2-root .network-live-pill.is-live { background:rgba(33,168,147,0.16); border-color:rgba(33,168,147,0.34); color:#9af3df; }
#v2-root .network-live-pill.is-connecting { background:rgba(229,72,77,0.12); border-color:rgba(229,72,77,0.26); color:#ffbdb6; }
#v2-root .stat-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:var(--v2-stat-pad-y) var(--v2-stat-pad-x); background:rgba(0,0,0,0.2); border-radius:12px; border:1px solid rgba(255,255,255,0.03); min-width:0; }
#v2-root .stat-row.compact { padding:calc(var(--v2-stat-pad-y) - 1px) calc(var(--v2-stat-pad-x) - 1px); }
#v2-root .stat-label { font-size:var(--v2-font-sm); color:var(--v2-text-muted); text-transform:uppercase; letter-spacing:1px; }
#v2-root .stat-val { font-family:'Space Mono',monospace; font-weight:bold; font-size:clamp(0.95rem, 0.3vw + 0.9rem, 1.05rem); }
#v2-root .stat-val.highlight { color:var(--v2-accent-2); }
#v2-root .network-pool-card {
    padding:clamp(7px, 0.6vw, 9px); border-radius:14px; border:1px solid rgba(255,255,255,0.08);
    background:linear-gradient(145deg, rgba(33,168,147,0.08), rgba(255,255,255,0.02));
}
#v2-root .network-pool-title {
    display:flex; align-items:center; gap:8px; font-size:var(--v2-font-xs); font-weight:700; letter-spacing:0.05em;
    text-transform:uppercase; color:rgba(255,255,255,0.74); margin-bottom:5px;
}
#v2-root .network-updated { margin-top:0; font-size:var(--v2-font-micro); color:rgba(255,255,255,0.42); }
#v2-root .box-mining { background:linear-gradient(145deg,rgba(33,168,147,0.05),transparent); align-items:stretch; justify-content:flex-start; flex-grow:1; padding-top:clamp(10px, 0.85vw, 13px); min-height:0; min-width:0; overflow:hidden; overscroll-behavior:contain; }

#v2-root #memoDetailModal .v2-modal-content {
    width:640px; max-width:94vw; padding:26px 26px 28px;
}
#v2-root .memo-detail-modal {
    border-color:rgba(255,210,95,0.22);
    box-shadow:0 26px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,210,95,0.08);
}
#v2-root .memo-detail-badge-row {
    display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;
}
#v2-root .memo-detail-badge {
    display:inline-flex; align-items:center; justify-content:center; min-width:56px;
    padding:5px 10px; border-radius:999px; font-size:0.68rem; font-weight:800; letter-spacing:0.08em;
    background:rgba(110,86,207,0.16); color:#cfbcff;
}
#v2-root .memo-detail-badge.sent { background:rgba(255,122,92,0.14); color:#ff9f8b; }
#v2-root .memo-detail-badge.received { background:rgba(68,208,182,0.14); color:#7be6d1; }
#v2-root .memo-detail-badge.burn { background:rgba(229,72,77,0.16); color:#ff8e93; }
#v2-root .memo-detail-badge.global { background:rgba(110,86,207,0.16); color:#cfbcff; }
#v2-root .memo-detail-age { font-size:0.74rem; color:rgba(255,255,255,0.48); }
#v2-root .memo-detail-message {
    padding:16px 18px; border-radius:18px; background:rgba(255,210,95,0.08); border:1px solid rgba(255,210,95,0.16);
    color:#fff0c2; font-size:0.94rem; line-height:1.6; white-space:pre-wrap; word-break:break-word; margin-bottom:16px;
}
#v2-root .memo-detail-grid {
    display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin-bottom:14px;
}
#v2-root .memo-detail-card,
#v2-root .memo-detail-meta-box {
    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:16px;
}
#v2-root .memo-detail-card {
    padding:14px 15px; display:flex; flex-direction:column; gap:7px;
}
#v2-root .memo-detail-card span,
#v2-root .memo-detail-meta-row span {
    font-size:0.72rem; color:rgba(255,255,255,0.46); text-transform:uppercase; letter-spacing:0.06em;
}
#v2-root .memo-detail-card strong,
#v2-root .memo-detail-meta-row strong {
    font-size:0.86rem; color:#fff; word-break:break-all; line-height:1.45;
}
#v2-root .memo-detail-meta-box { padding:8px 14px; margin-bottom:16px; }
#v2-root .memo-detail-meta-row {
    display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:10px 0;
}
#v2-root .memo-detail-meta-row + .memo-detail-meta-row { border-top:1px solid rgba(255,255,255,0.06); }
#v2-root .memo-detail-actions {
    display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
/* Typography */
#v2-root .section-title { font-size:var(--v2-font-sm); color:var(--v2-text-muted); text-transform:uppercase; letter-spacing:1.3px; font-weight:600; margin-bottom:8px; }
#v2-root .balance-amount {
    font-size:var(--v2-font-display); font-weight:800; line-height:1; margin:4px 0;
    background:linear-gradient(to right,#fff,#a5b4fc); -webkit-background-clip:text; background-clip:text; color:transparent;
}
#v2-root .balance-usd { font-size:var(--v2-font-md); color:var(--v2-text-muted); font-family:'Space Mono',monospace; }
#v2-root .balance-head { display:flex; flex-direction:column; gap:4px; width:100%; }
#v2-root .balance-context { font-size:var(--v2-font-xs); color:rgba(255,255,255,0.54); }
#v2-root .selected-balance-wrap {
    margin-top: 10px;
    padding-top: 9px;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.08);
}
#v2-root .selected-balance-label-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
#v2-root .selected-balance-label {
    font-size: var(--v2-font-micro);
    color: var(--v2-text-muted);
    text-transform: uppercase;
    letter-spacing: 1.8px;
    margin-bottom: 0;
}
#v2-root .selected-wallet-name {
    font-size:var(--v2-font-xs); font-weight:700; color:rgba(255,255,255,0.82);
    max-width:55%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
#v2-root .selected-balance-value {
    font-family: 'Space Mono', monospace;
    font-size: var(--v2-font-md);
    font-weight: 700;
    color: rgba(255,255,255,0.92);
}
#v2-root .selected-balance-note {
    margin-top:6px; font-size:var(--v2-font-xs); line-height:1.45; color:rgba(255,255,255,0.5);
}
#v2-root .wallet-icon { width:clamp(36px, 3vw, 40px); height:clamp(36px, 3vw, 40px); background:linear-gradient(135deg,var(--v2-accent-1),#9b8cf0); border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:clamp(1.05rem, 0.5vw + 0.95rem, 1.2rem); flex-shrink:0; }
#v2-root .wallet-address { font-family:'Space Mono',monospace; font-size:var(--v2-font-sm); display:flex; align-items:center; gap:8px; color:var(--v2-text-muted); }
#v2-root .wallet-topline { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
#v2-root .wallet-count-badge {
    display:inline-flex; align-items:center; justify-content:center; padding:4px 9px; border-radius:999px;
    background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.08); color:rgba(255,255,255,0.7);
    font-size:var(--v2-font-micro); font-weight:700;
}
#v2-root .wallet-copy-btn {
    width:28px; height:28px; border-radius:10px; border:1px solid rgba(110,86,207,0.22); background:rgba(110,86,207,0.1);
    color:var(--v2-accent-1); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s;
}
#v2-root .wallet-copy-btn:hover { background:rgba(110,86,207,0.18); border-color:rgba(110,86,207,0.4); }
#v2-root .wallet-copy-btn.copied { background:rgba(33,168,147,0.16); border-color:rgba(33,168,147,0.38); color:#9af3df; }

/* Mining */
#v2-root .panel-head-miner { margin-bottom:4px; display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:nowrap; }
#v2-root .mining-status-badge {
    display:inline-flex; align-items:center; justify-content:center; min-width:88px;
    padding:5px 10px; border-radius:999px; border:1px solid rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.05); color:rgba(255,255,255,0.72);
    white-space:nowrap; flex:0 0 auto; line-height:1;
}
#v2-root .mining-status-badge.is-active { background:rgba(33,168,147,0.18); border-color:rgba(33,168,147,0.4); color:#9af3df; }
#v2-root .mining-inline-note {
    margin: 0 0 8px;
    font-size: var(--v2-font-sm);
    line-height: 1.4;
    color: rgba(255,255,255,0.62);
    word-break: break-all;
}
#v2-root .mining-address-note {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}
#v2-root .mining-address-label {
    font-size: var(--v2-font-micro);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.48);
}
#v2-root .mining-address-value {
    color: rgba(255,255,255,0.94);
    font-size: var(--v2-font-xs);
    line-height: 1.35;
    word-break: break-all;
}
#v2-root #v2-mining-address {
    color: rgba(255,255,255,0.92);
    font-size: var(--v2-font-xs);
    line-height: 1.3;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    word-break: break-all;
}
#v2-root #v2-mining-rewards {
    color: rgba(255,255,255,0.92);
    font-size: 0.7rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
}
#v2-root .mining-meta-row { display:grid; grid-template-columns:1fr 1fr; gap:clamp(6px, 0.5vw, 8px); margin:0 0 clamp(8px, 0.7vw, 10px); }
#v2-root .mining-meta-card {
    padding:clamp(7px, 0.55vw, 9px) clamp(8px, 0.65vw, 10px); border-radius:12px; background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.04);
    display:flex; flex-direction:column; gap:5px;
}
#v2-root .mining-meta-label {
    font-size:var(--v2-font-micro); text-transform:uppercase; letter-spacing:0.08em; color:rgba(255,255,255,0.46);
}
#v2-root .mining-meta-card strong { font-size:var(--v2-font-md); color:rgba(255,255,255,0.9); }
#v2-root .circle-progress { width:clamp(82px, 7vw, 108px); height:clamp(82px, 7vw, 108px); border-radius:50%; border:2px dashed rgba(255,255,255,0.1); display:flex; flex-direction:column; justify-content:center; align-items:center; margin:6px auto clamp(8px, 0.7vw, 10px); position:relative; transition:border-color 0.3s; align-self:center; flex-shrink:0; }
#v2-root .circle-progress.active { border-color:var(--v2-accent-2); }
#v2-root .circle-progress.is-mining { box-shadow:0 0 0 10px rgba(33,168,147,0.05); }
#v2-root .circle-inner { position:absolute; display:flex; flex-direction:column; align-items:center; }
#v2-root .circle-progress.active .circle-inner { transform:none; }
#v2-root .hashrate-val { font-family:'Space Mono',monospace; font-size:clamp(1rem, 0.48vw + 0.92rem, 1.24rem); font-weight:bold; color:#fff; }
#v2-root .hashrate-unit { font-size:var(--v2-font-xs); color:var(--v2-accent-2); }

/* Mining Mode Toggle (Pool / Solo) — same style as Standby/Mining */
#v2-root .mine-type-toggle {
    background:rgba(0,0,0,0.4); border-radius:100px; padding:5px;
    width:100%; display:flex; position:relative; cursor:pointer; margin-bottom:8px;
}
#v2-root .mine-type-slider {
    position:absolute; width:calc(50% - 5px); height:calc(100% - 10px);
    background:var(--v2-accent-2); border-radius:100px;
    transition:transform 0.3s cubic-bezier(0.85,0,0.15,1);
}
#v2-root .mine-type-slider.solo { transform:translateX(100%); }
#v2-root .mine-type-opt {
    flex:1; text-align:center; padding:5px 0; font-weight:600; font-size:var(--v2-font-md);
    z-index:1; color:rgba(255,255,255,0.35); transition:color 0.3s; letter-spacing:0.5px;
}
#v2-root .mine-type-opt.active { color:#000; }

/* Mining slider */
#v2-root .miner-type-tabs { display:none; }
#v2-root .mining-mode-selector { display:none; }
#v2-root .mining-mode-desc { display:none; }
#v2-root .cpu-slider-container { width:100%; margin-bottom:clamp(8px, 0.7vw, 10px); padding:0; --v2-slider-thumb-size:14px; position:relative; }
#v2-root .slider-header { display:flex; justify-content:space-between; font-size:var(--v2-font-sm); color:var(--v2-text-muted); margin-bottom:6px; }
#v2-root .slider-header-label {
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
}
#v2-root .cpu-recommend-copy {
    font-size: var(--v2-font-micro);
    color: rgba(255,255,255,0.56);
    white-space: nowrap;
}
#v2-root .cpu-slider-control { position:relative; height:28px; cursor:pointer; user-select:none; }
#v2-root .cpu-presets { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:6px; margin-top:8px; }
#v2-root .cpu-preset-btn {
    border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.72);
    border-radius:10px; padding:7px 0; font-size:var(--v2-font-xs); font-weight:700; cursor:pointer; transition:all 0.2s;
}
#v2-root .cpu-preset-btn:hover { background:rgba(255,255,255,0.08); color:#fff; }
#v2-root .cpu-preset-btn.active { background:rgba(33,168,147,0.16); border-color:rgba(33,168,147,0.36); color:#a8f5e5; }
#v2-root .cpu-slider-rail {
    position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);
    height:4px; border-radius:999px; background:rgba(255,255,255,0.1);
    overflow:hidden; pointer-events:none;
}
#v2-root .cpu-slider-fill {
    height:100%; width:0;
    background:linear-gradient(90deg,rgba(255,255,255,0.18),rgba(255,255,255,0.34));
    border-radius:999px;
}
#v2-root .cpu-slider-thumb {
    position:absolute;
    top:50%; left:0;
    width:var(--v2-slider-thumb-size); height:var(--v2-slider-thumb-size);
    border-radius:50%; background:#fff;
    transform:translateY(-50%);
    box-shadow:0 0 10px rgba(255,255,255,0.5);
    pointer-events:none;
    z-index:2;
}
#v2-root input[type=range] {
    -webkit-appearance:none !important; appearance:none !important;
    width:auto !important; height:28px !important; background:transparent !important;
    border:none !important; outline:none !important;
    padding:0 !important; margin:0 !important; box-shadow:none !important;
    cursor:pointer; display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:calc(var(--v2-slider-thumb-size) / -2);
    right:calc(var(--v2-slider-thumb-size) / -2);
    z-index:3; touch-action:none; pointer-events:none;
}
#v2-root input[type=range]::-webkit-slider-container { margin:0 !important; padding:0 !important; }
#v2-root input[type=range]:focus { outline:none !important; box-shadow:none !important; }
#v2-root input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none !important;
    height:var(--v2-slider-thumb-size); width:var(--v2-slider-thumb-size); border-radius:50%;
    background:transparent; cursor:pointer;
    margin-top:-6px; box-shadow:none;
    border:none !important;
}
#v2-root input[type=range]::-webkit-slider-runnable-track {
    width:100% !important; height:4px !important; cursor:pointer;
    background:transparent !important; border-radius:2px;
    margin:0 !important; padding:0 !important; border:none !important;
}
@supports not selector(::-webkit-slider-thumb) {
    #v2-root input[type=range]::-moz-range-track {
        height:4px !important; background:transparent !important; border:none !important;
    }
    #v2-root input[type=range]::-moz-range-thumb {
        height:var(--v2-slider-thumb-size); width:var(--v2-slider-thumb-size); border:none; border-radius:50%; background:transparent;
        box-shadow:none;
    }
}
#v2-root .toggle-container { background:rgba(0,0,0,0.4); border-radius:100px; padding:5px; width:100%; display:flex; position:relative; cursor:pointer; }
#v2-root .toggle-slider { position:absolute; width:calc(50% - 5px); height:calc(100% - 10px); background:#fff; border-radius:100px; transition:transform 0.3s cubic-bezier(0.85,0,0.15,1); }
#v2-root .toggle-slider.on { transform:translateX(100%); background:var(--v2-accent-2); }
#v2-root .toggle-option { flex:1; text-align:center; padding:6px 0; font-weight:600; font-size:var(--v2-font-md); z-index:1; color:var(--v2-text-muted); transition:color 0.3s; }
#v2-root .toggle-option.active { color:#000; }

/* V2 Modals */
.v2-modal-overlay {
    position:fixed; top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.6); backdrop-filter:blur(12px);
    display:flex; justify-content:center; align-items:center;
    z-index:100; opacity:0; pointer-events:none; transition:opacity 0.3s ease;
}
.v2-modal-overlay.show { opacity:1; pointer-events:auto; }
.v2-modal-content {
    background:#111; border:1px solid var(--v2-glass-border); border-radius:var(--v2-radius-large);
    padding:30px; width:520px; max-width:94vw; max-height:80vh; overflow-y:auto; overflow-x:hidden;
    box-shadow:0 30px 60px rgba(0,0,0,0.5);
    transform:scale(0.95) translateY(20px); transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
    font-family:'Outfit', sans-serif; color: #fff;
}
#walletModal .v2-modal-content {
    width: 560px;
    max-width: 95vw;
}
.v2-modal-overlay.show .v2-modal-content { transform:scale(1) translateY(0); }
.v2-modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.v2-modal-header h2 { font-size:1.3rem; margin:0; }
.close-btn { background:none; border:none; color:var(--v2-text-muted); font-size:1.2rem; cursor:pointer; }
.input-group-v2 { margin-bottom:16px; }
.input-group-v2 label { display:block; margin-bottom:6px; font-size:0.85rem; color:var(--v2-text-muted); }
.input-group-v2 input, .input-group-v2 textarea {
    width:100%; background:rgba(0,0,0,0.5); border:1px solid var(--v2-glass-border);
    padding:12px; border-radius:12px; color:#fff; font-family:'Space Mono',monospace; font-size:0.85rem;
}
.btn-primary {
    width:100%; background:var(--v2-accent-1); color:#fff; border:none;
    padding:14px; border-radius:100px; font-size:1rem; font-weight:bold; cursor:pointer; margin-top:10px;
    transition:background 0.2s; font-family:'Outfit', sans-serif;
}
.btn-primary:hover { background:#5a44b0; }
.btn-secondary { background:var(--v2-glass-bg); border:1px solid var(--v2-glass-border); color:var(--v2-text-main); }
.btn-secondary:hover { background:rgba(255,255,255,0.1); }

#v2-root #hubMoreModal {
    background: rgba(4,4,8,0.76);
}
#v2-root #hubMoreModal .v2-modal-content {
    width: min(760px, 95vw);
    max-height: min(84vh, 860px);
    padding: 24px 24px 22px;
    border-radius: 26px;
    background:
        radial-gradient(circle at top left, rgba(110,86,207,0.14), transparent 28%),
        radial-gradient(circle at top right, rgba(33,168,147,0.1), transparent 24%),
        linear-gradient(180deg, rgba(18,18,26,0.98), rgba(10,10,15,0.98));
    border-color: rgba(255,255,255,0.08);
    box-shadow: 0 34px 90px rgba(0,0,0,0.54);
}
#v2-root .hub-more-header {
    align-items: flex-start;
    margin-bottom: 12px;
}
#v2-root .hub-more-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(110,86,207,0.14);
    color: #d7ceff;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
#v2-root .hub-more-header h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.28rem;
    color: rgba(255,255,255,0.97);
}
#v2-root .hub-more-header h2 i {
    color: #c0b3ff;
}
#v2-root .hub-more-lead {
    margin-bottom: 18px;
    color: rgba(255,255,255,0.64);
    font-size: 0.86rem;
    line-height: 1.65;
}
#v2-root .hub-more-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
#v2-root .hub-more-card {
    min-width: 0;
    padding: 16px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.025));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
#v2-root .hub-more-card-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}
#v2-root .hub-more-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(110,86,207,0.16), rgba(33,168,147,0.14));
    color: #f3eeff;
    border: 1px solid rgba(255,255,255,0.08);
}
#v2-root .hub-more-card h3 {
    margin: 0 0 4px;
    font-size: 0.92rem;
    color: rgba(255,255,255,0.96);
}
#v2-root .hub-more-card p {
    margin: 0;
    color: rgba(255,255,255,0.5);
    font-size: 0.76rem;
    line-height: 1.5;
}
#v2-root .hub-more-links-grid {
    display: grid;
    gap: 8px;
}
#v2-root .hub-more-link {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 14px;
    text-decoration: none;
    color: rgba(255,255,255,0.86);
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.06);
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
#v2-root .hub-more-link:hover {
    color: #fff;
    background: rgba(255,255,255,0.07);
    border-color: rgba(110,86,207,0.24);
    transform: translateY(-1px);
}
#v2-root .hub-more-link span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 0.8rem;
    font-weight: 700;
}
#v2-root .hub-more-link > i {
    flex: 0 0 auto;
    font-size: 0.76rem;
    color: rgba(255,255,255,0.42);
}

/* ── Ask AI footer button ── */
#v2-root .v2-hub-link-ai {
    background: linear-gradient(135deg, rgba(110,86,207,0.25), rgba(33,168,147,0.25));
    border: 1px solid rgba(110,86,207,0.45);
    color: #c0aeff;
}
#v2-root .v2-hub-link-ai:hover {
    background: linear-gradient(135deg, rgba(110,86,207,0.4), rgba(33,168,147,0.4));
    border-color: rgba(110,86,207,0.7);
    color: #fff;
}
#v2-root .v2-hub-link-ai i { margin-right: 4px; }

/* ── AI Modal ── */
#v2-root .ai-modal-content {
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 90dvh;
}
#v2-root .ai-modal-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 12px;
    padding: 16px 20px 20px;
}
#v2-root .ai-chat-window {
    flex: 1;
    min-height: 280px;
    max-height: 400px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.1) transparent;
}
#v2-root .ai-msg {
    display: flex;
    max-width: 88%;
}
#v2-root .ai-msg-user {
    align-self: flex-end;
    flex-direction: row-reverse;
}
#v2-root .ai-msg-bot {
    align-self: flex-start;
}
#v2-root .ai-msg-bubble {
    padding: 10px 14px;
    border-radius: 14px;
    font-size: var(--v2-font-sm);
    line-height: 1.55;
    word-break: break-word;
}
#v2-root .ai-msg-user .ai-msg-bubble {
    background: linear-gradient(135deg, rgba(110,86,207,0.55), rgba(33,168,147,0.35));
    border: 1px solid rgba(110,86,207,0.4);
    color: #e8e0ff;
    border-bottom-right-radius: 4px;
}
#v2-root .ai-msg-bot .ai-msg-bubble {
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--v2-glass-border);
    color: var(--v2-text-main);
    border-bottom-left-radius: 4px;
}
#v2-root .ai-thinking {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--v2-text-muted);
    font-size: var(--v2-font-xs);
}
#v2-root .ai-input-row {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}
#v2-root .ai-input {
    flex: 1;
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--v2-glass-border);
    border-radius: 10px;
    padding: 10px 14px;
    color: #fff;
    font-size: var(--v2-font-sm);
    font-family: inherit;
    outline: none;
    transition: border-color 0.2s;
    resize: none;
    overflow-y: auto;
    min-height: 40px;
    max-height: 120px;
    line-height: 1.5;
}
#v2-root .ai-input:focus {
    border-color: rgba(110,86,207,0.6);
    box-shadow: 0 0 0 2px rgba(110,86,207,0.15);
}
#v2-root .ai-input::placeholder { color: var(--v2-text-muted); }
#v2-root .ai-send-btn {
    flex: 0 0 auto;
    width: 40px; height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #6E56CF, #21A893);
    border: none;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
    display: flex; align-items: center; justify-content: center;
}
#v2-root .ai-send-btn:hover:not(:disabled) { opacity: 0.85; transform: scale(1.05); }
#v2-root .ai-send-btn:disabled { opacity: 0.4; cursor: not-allowed; }
#v2-root .ai-disclaimer {
    font-size: var(--v2-font-xs);
    color: var(--v2-text-muted);
    text-align: center;
    opacity: 0.7;
}

/* Wallet Modal Items */
.wl-item {
    padding:14px; background:rgba(255,255,255,0.03); border:1px solid var(--v2-glass-border);
    border-radius:12px; margin-bottom:8px; transition:all 0.2s;
    display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; overflow:hidden;
}
.wl-item:hover { background:rgba(255,255,255,0.08); border-color:var(--v2-accent-1); }
.wl-item.is-active { background:rgba(110,86,207,0.12); border-color:rgba(110,86,207,0.42); box-shadow:0 0 0 1px rgba(110,86,207,0.18) inset; }
.wl-title-row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.wl-name { font-weight:600; font-size:0.95rem; }
.wl-status-badge {
    display:inline-flex; align-items:center; justify-content:center; padding:4px 8px; border-radius:999px;
    font-size:0.64rem; font-weight:700; letter-spacing:0.06em; background:rgba(255,255,255,0.06); color:rgba(255,255,255,0.64);
}
.wl-item.is-active .wl-status-badge { background:rgba(110,86,207,0.22); color:#ebddff; }
.wl-addr { font-family:'Space Mono',monospace; font-size:0.75rem; color:var(--v2-text-muted); margin:4px 0; }
.wl-bal { font-family:'Space Mono',monospace; font-size:0.85rem; color:var(--v2-accent-2); }
.wl-bal.is-loading { color: rgba(255,255,255,0.72); display:flex; align-items:center; gap:8px; }
.wl-loading-dot {
    width:8px; height:8px; border-radius:50%; background:var(--v2-accent-2);
    box-shadow:0 0 0 rgba(33,168,147,0.5); animation:wlPulse 1.4s infinite ease-in-out;
    flex-shrink:0;
}
@keyframes wlPulse {
    0%, 100% { transform:scale(0.9); opacity:0.7; box-shadow:0 0 0 0 rgba(33,168,147,0.35); }
    50% { transform:scale(1.15); opacity:1; box-shadow:0 0 0 8px rgba(33,168,147,0); }
}
.wl-info { flex:1 1 100%; cursor:pointer; }
.wl-rename-row {
    width:100%;
    max-width:100%;
    min-width:0;
    display:flex;
    gap:6px;
    align-items:center;
    overflow:hidden;
}
.wl-rename-input {
    flex:1 1 auto;
    width:auto;
    max-width:100%;
    min-width:0;
    background:rgba(0,0,0,0.45);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:10px;
    padding:8px 10px;
    color:#fff;
    font-family:'Outfit', sans-serif;
    font-size:0.85rem;
}
.wl-rename-input:focus {
    outline:none;
    border-color:rgba(110,86,207,0.8);
    box-shadow:0 0 0 3px rgba(110,86,207,0.18);
}
.wl-inline-btn {
    flex:0 0 28px;
    width:28px; min-width:28px; max-width:28px; height:28px;
    padding:0; margin:0;
    border-radius:10px; border:1px solid rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.05); color:#fff; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:all 0.2s;
}
.wl-inline-save:hover { background:rgba(33,168,147,0.16); border-color:rgba(33,168,147,0.6); color:var(--v2-accent-2); }
.wl-inline-cancel:hover { background:rgba(229,72,77,0.16); border-color:rgba(229,72,77,0.6); color:var(--v2-accent-3); }
.wl-actions {
    width:100%;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:6px;
    align-items:stretch;
}
.wl-btn {
    width:100%; height:34px; border:1px solid var(--v2-glass-border); border-radius:8px;
    background:rgba(255,255,255,0.05); color:var(--v2-text-muted); cursor:pointer;
    display:flex; align-items:center; justify-content:center; font-size:0.8rem; transition:all 0.2s;
}
.wl-btn-rename:hover { background:rgba(110,86,207,0.18); color:#b7a7ff; border-color:rgba(110,86,207,0.65); }
.wl-btn-copy:hover { background:rgba(64,136,255,0.16); color:#8db7ff; border-color:rgba(64,136,255,0.6); }
.wl-btn-export:hover { background:rgba(33,168,147,0.16); color:var(--v2-accent-2); border-color:rgba(33,168,147,0.65); }
.wl-btn-danger:hover { background:rgba(255,60,60,0.15); color:#ff6b6b; border-color:#ff6b6b; }

/* Burn */
.burn-group { display:flex; align-items:center; gap:8px; margin-bottom:16px; }
.burn-group input[type=checkbox] { width:18px; height:18px; accent-color:var(--v2-accent-3); cursor:pointer; }
.burn-group label { font-size:0.85rem; cursor:pointer; color:var(--v2-text-muted); }
.burn-warn { font-size:0.75rem; color:var(--v2-accent-3); }

/* Send Modal Tone */
#v2-root #sendModal .v2-modal-content {
    padding: 26px 26px 28px;
}
#v2-root #sendModal .close-btn {
    color: rgba(255,255,255,0.78);
}
#v2-root #sendModal .close-btn:hover {
    color: #d9ceff;
}
#v2-root #sendModal .v2-modal-header h2 {
    color: rgba(255,255,255,0.96);
}
#v2-root #sendModal .v2-modal-header h2 i {
    color: #b7a7ff;
}
#v2-root #sendModal .v2-modal-header {
    margin-bottom: 2px;
}
#v2-root #sendModal.send-mode-burn .v2-modal-content {
    border-color: rgba(229,72,77,0.38);
    box-shadow: 0 26px 60px rgba(0,0,0,0.34), 0 0 0 1px rgba(229,72,77,0.18);
}
#v2-root #sendModal .send-mode-banner {
    margin: 4px 0 18px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.1);
    background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(110,86,207,0.12));
}
#v2-root #sendModal .send-mode-banner-title {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.92);
    margin-bottom: 5px;
}
#v2-root #sendModal .send-mode-banner-text {
    font-size: 0.82rem;
    line-height: 1.55;
    color: rgba(255,255,255,0.74);
}
#v2-root #sendModal.send-mode-burn .send-mode-banner {
    background: linear-gradient(135deg, rgba(229,72,77,0.2), rgba(255,166,77,0.12));
    border-color: rgba(229,72,77,0.26);
}
#v2-root #sendModal.send-mode-burn .v2-modal-header h2 i,
#v2-root #sendModal.send-mode-burn .send-mode-banner-title,
#v2-root #sendModal.send-mode-burn .burn-group .fa-fire {
    color: #ff8a7a;
}
#v2-root #sendModal .input-group-v2 {
    margin-bottom: 18px;
}
#v2-root #sendModal .input-group-v2 label,
#v2-root #sendModal .burn-group label {
    color: rgba(255,255,255,0.8);
}
#v2-root #sendModal .input-group-v2 label {
    margin-bottom: 8px;
}
#v2-root #sendModal .input-group-v2 input {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.14);
    color: rgba(255,255,255,0.97);
    min-height: 46px;
    padding: 13px 14px;
    border-radius: 14px;
    line-height: 1.25;
    vertical-align: middle;
}
#v2-root #sendModal.send-mode-burn .input-group-v2 input {
    background: rgba(255,255,255,0.06);
}
#v2-root #sendModal.send-mode-burn #v2-send-recipient {
    background: rgba(229,72,77,0.16);
    border-color: rgba(229,72,77,0.34);
    color: #ffd2cb;
}
#v2-root #sendModal .input-group-v2 input:focus {
    outline: none;
    border-color: rgba(110,86,207,0.72);
    box-shadow: 0 0 0 3px rgba(110,86,207,0.14);
}
#v2-root #sendModal.send-mode-burn .input-group-v2 input:focus {
    border-color: rgba(229,72,77,0.58);
    box-shadow: 0 0 0 3px rgba(229,72,77,0.14);
}
#v2-root #sendModal .input-group-v2 input::placeholder {
    color: rgba(255,255,255,0.46);
    line-height: 1.25;
}
#v2-root #sendModal .burn-group {
    margin: 4px 0 14px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 0;
    align-items: center;
}
#v2-root #sendModal .burn-group input[type=checkbox] {
    filter: brightness(1.08);
    margin: 0;
}
#v2-root #sendModal .burn-group label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.2;
    min-width: 0;
}
#v2-root #sendModal .burn-group .fa-fire {
    color: #9f8cff;
}
#v2-root #sendModal .burn-warn {
    margin-top: -2px;
    margin-bottom: 14px;
    padding: 14px 15px;
    line-height: 1.55;
    border-radius: 16px;
    border: 1px solid rgba(229,72,77,0.32);
    background: linear-gradient(135deg, rgba(229,72,77,0.18), rgba(255,153,102,0.1));
    color: #ffd7d2;
}
#v2-root #sendModal .burn-warn-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #fff0ed;
    margin-bottom: 6px;
}
#v2-root #sendModal .burn-warn-text {
    font-size: 0.8rem;
}
#v2-root #sendModal .send-summary,
#v2-root #sendModal .send-confirm-panel {
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.09);
    background: rgba(255,255,255,0.04);
}
#v2-root #sendModal .send-summary {
    padding: 12px 15px;
    margin-bottom: 14px;
}
#v2-root #sendModal .send-summary-row {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 7px 0;
}
#v2-root #sendModal .send-summary-row + .send-summary-row {
    border-top: 1px solid rgba(255,255,255,0.06);
}
#v2-root #sendModal .send-summary-row span {
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.52);
}
#v2-root #sendModal .send-summary-row strong {
    min-width: 0;
    word-break: break-word;
    font-size: 0.82rem;
    line-height: 1.35;
    color: rgba(255,255,255,0.9);
}
#v2-root #sendModal .send-confirm-panel {
    margin-bottom: 14px;
    padding: 11px 14px;
    border-color: rgba(229,72,77,0.24);
    background: rgba(229,72,77,0.1);
}
#v2-root #sendModal .send-confirm-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #fff2ef;
    margin-bottom: 6px;
}
#v2-root #sendModal .send-confirm-text {
    font-size: 0.76rem;
    line-height: 1.35;
    color: rgba(255,255,255,0.82);
}
#v2-root #sendModal.send-confirm-armed .send-mode-banner,
#v2-root #sendModal.send-confirm-armed .burn-group,
#v2-root #sendModal.send-confirm-armed .burn-warn,
#v2-root #sendModal.send-confirm-armed #v2-send-recipient-group {
    display: none;
}
#v2-root #sendModal.send-confirm-armed .send-summary {
    margin-top: 2px;
}
#v2-root #sendModal.send-confirm-armed .send-confirm-panel {
    margin-bottom: 10px;
}
#v2-root #sendModal .btn-primary {
    margin-top: 14px;
}
#v2-root #sendModal.send-mode-burn .btn-primary {
    background: linear-gradient(135deg, #d94a4f, #ff7a5c);
}
#v2-root #sendModal.send-mode-burn .btn-primary:hover {
    background: linear-gradient(135deg, #c53d44, #f0694b);
}

/* Receive */
.receive-addr-box {
    background:rgba(0,0,0,0.5); border:1px solid var(--v2-glass-border);
    padding:16px; border-radius:12px; text-align:center; font-family:'Space Mono',monospace;
    font-size:0.85rem; word-break:break-all; line-height:1.6; color:var(--v2-accent-2);
}

/* Toast */
#v2-toastMsg {
    position:fixed; bottom:40px; left:50%; transform:translateX(-50%) translateY(100px);
    background:var(--v2-accent-2); color:#000; padding:12px 24px; border-radius:100px; font-weight:bold;
    box-shadow:0 10px 20px rgba(0,0,0,0.3); opacity:0; transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); z-index:1000;
    font-family:'Outfit', sans-serif;
}
#v2-toastMsg.show { opacity:1; transform:translateX(-50%) translateY(0); }

/* ===== RESPONSIVE ===== */
@media (max-height: 980px) and (min-width: 861px) {
    #v2-root {
        --v2-panel-gap: 6px;
        --v2-card-pad: 12px;
        --v2-stat-pad-y: 5px;
        --v2-stat-pad-x: 8px;
        --v2-font-display: clamp(1.45rem, 1.15rem + 1.35vw, 2.1rem);
        --v2-font-lg: clamp(0.86rem, 0.18vw + 0.84rem, 0.98rem);
    }
    #v2-root .main-wrapper { padding: 4px 8px; }
    #v2-root .v2-hub-footer {
        padding: 9px 12px;
    }
    #v2-root .v2-hub-copy span {
        max-width: 360px;
    }
    #v2-root .box-actions {
        min-height: 0;
        height: 64px;
        max-height: 64px;
    }
    #v2-root .action-btn {
        min-height: 0;
        height: 64px;
        max-height: 64px;
    }
    #v2-root .comm-groups,
    #v2-root .comm-group {
        gap: 5px;
    }
    #v2-root .comm-item-download {
        min-height: 54px;
    }
    #v2-root .circle-progress {
        width: 74px;
        height: 74px;
    }
    #v2-root .history-list {
        gap: 5px;
    }
}

@media (max-height: 860px) and (min-width: 861px) {
    #v2-root {
        overflow: hidden;
        --v2-panel-gap: 5px;
        --v2-card-pad: 10px;
        --v2-stat-pad-y: 4px;
        --v2-stat-pad-x: 7px;
        --v2-font-display: clamp(1.28rem, 0.92rem + 1.05vw, 1.8rem);
        --v2-font-lg: clamp(0.8rem, 0.14vw + 0.78rem, 0.92rem);
        --v2-font-md: clamp(0.76rem, 0.12vw + 0.74rem, 0.88rem);
    }
    #v2-root .main-wrapper {
        padding: 3px 6px 6px;
        align-items: stretch;
    }
    #v2-root .v2-hub-footer {
        margin-bottom: 6px;
        padding: 8px 10px;
        border-radius: 16px;
    }
    #v2-root .v2-hub-link {
        padding: 7px 11px;
    }
    #v2-root .bento-container {
        height: 100%;
        min-height: 0;
    }
    #v2-root .box-actions {
        min-height: 0;
        height: 58px;
        max-height: 58px;
    }
    #v2-root .action-btn {
        min-height: 0;
        height: 58px;
        max-height: 58px;
    }
    #v2-root .panel-subtext {
        margin-bottom: 5px;
        line-height: 1.22;
    }
    #v2-root .mining-meta-row {
        grid-template-columns: 1fr 1fr;
    }
    #v2-root .circle-progress {
        width: 66px;
        height: 66px;
        margin-bottom: 6px;
    }
    #v2-root .cpu-slider-container {
        margin-bottom: 6px;
    }
    #v2-root .tx-item {
        padding: 6px 8px;
    }
    #v2-root .comm-item {
        min-height: 44px;
    }
    #v2-root .comm-icon {
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 861px) {
    #v2-root.v2-scaled-layout {
        --v2-panel-gap: 6px;
        --v2-card-pad: 12px;
        --v2-stat-pad-y: 5px;
        --v2-stat-pad-x: 8px;
        --v2-font-micro: 0.62rem;
        --v2-font-xs: 0.72rem;
        --v2-font-sm: 0.8rem;
        --v2-font-md: 0.9rem;
        --v2-font-lg: 0.98rem;
        --v2-font-display: 2.05rem;
    }
    #v2-root.v2-scaled-layout .main-wrapper {
        flex: 0 0 auto;
        height: calc(var(--v2-stage-height) - 28px);
        max-height: calc(var(--v2-stage-height) - 28px);
        overflow: hidden;
    }
    #v2-root.v2-scaled-layout .bento-container {
        height: 100%;
        max-height: 100%;
        overflow: visible;
        padding-top: 8px;
    }
    #v2-root.v2-scaled-layout .bento-column {
        height: 100%;
        overflow: visible;
    }
    #v2-root.v2-scaled-layout .top-navbar {
        height: 52px;
        gap: 12px;
        padding: 0 14px;
    }
    #v2-root.v2-scaled-layout .nav-brand-logo {
        width: 30px;
        height: 30px;
    }
    #v2-root.v2-scaled-layout .nav-brand-text {
        font-size: 1.18rem;
    }
    #v2-root.v2-scaled-layout .nav-links {
        gap: 15px;
    }
    #v2-root.v2-scaled-layout .nav-item {
        font-size: 0.94rem;
    }
    #v2-root.v2-scaled-layout .box-community {
        gap: 8px;
        padding: 12px 16px 14px;
    }
    #v2-root.v2-scaled-layout .box-balance {
        min-height: 270px;
    }
    #v2-root.v2-scaled-layout .comm-groups {
        gap: 8px;
    }
    #v2-root.v2-scaled-layout .comm-group {
        gap: 7px;
    }
    #v2-root.v2-scaled-layout .comm-grid {
        gap: 8px;
    }
    #v2-root.v2-scaled-layout .comm-item {
        min-height: 72px;
        gap: 6px;
        padding: 2px;
    }
    #v2-root.v2-scaled-layout .comm-item-download {
        min-height: 60px;
        padding: 10px 12px;
        gap: 10px;
    }
    #v2-root.v2-scaled-layout .comm-icon {
        width: 36px;
        height: 36px;
        font-size: 1.02rem;
    }
    #v2-root.v2-scaled-layout .comm-label {
        max-width: 74px;
    }
    #v2-root.v2-scaled-layout .comm-item-download .comm-label {
        max-width: none;
    }
    #v2-root.v2-scaled-layout .box-actions {
        height: 66px;
        max-height: 66px;
    }
    #v2-root.v2-scaled-layout .action-btn {
        height: 66px;
        max-height: 66px;
        font-size: 0.92rem;
    }
    #v2-root.v2-scaled-layout .box-mining {
        padding-top: 10px;
    }
    #v2-root.v2-scaled-layout .panel-head-miner {
        margin-bottom: 4px;
        gap: 8px;
    }
    #v2-root.v2-scaled-layout .mining-status-badge {
        padding: 5px 10px;
    }
    #v2-root.v2-scaled-layout .mine-type-toggle {
        margin-bottom: 8px;
    }
    #v2-root.v2-scaled-layout .mining-inline-note {
        margin-bottom: 8px;
    }
    #v2-root.v2-scaled-layout #v2-mining-rewards {
        font-size: 0.66rem;
    }
    #v2-root.v2-scaled-layout .slider-header-label {
        gap: 4px;
    }
    #v2-root.v2-scaled-layout .cpu-recommend-copy {
        font-size: 0.58rem;
    }
    #v2-root.v2-scaled-layout .circle-progress {
        width: 72px;
        height: 72px;
        margin: 4px auto 8px;
        border-width: 2px;
    }
    #v2-root.v2-scaled-layout .hashrate-val {
        font-size: 1.02rem;
    }
    #v2-root.v2-scaled-layout .mining-meta-row {
        gap: 6px;
        margin-bottom: 8px;
    }
    #v2-root.v2-scaled-layout .mining-meta-card {
        padding: 7px 8px;
    }
    #v2-root.v2-scaled-layout .cpu-slider-container {
        margin-bottom: 8px;
        --v2-slider-thumb-size: 14px;
    }
    #v2-root.v2-scaled-layout .cpu-presets {
        gap: 6px;
        margin-top: 6px;
    }
    #v2-root.v2-scaled-layout .cpu-preset-btn {
        padding: 6px 0;
    }
    #v2-root.v2-scaled-layout .toggle-option {
        padding: 6px 0;
    }
}

@media (max-width: 1100px) {
    #v2-root .bento-container {
        grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);
    }
    #v2-root .nav-links { gap: 16px; }
}
@media (max-width: 860px) {
    html, body { height: auto; overflow-y: auto; }
    #v2-root { height: auto; min-height: 100svh; max-height: none; overflow: hidden; }
    #v2-root .v2-scale-shell { display:block; overflow:visible; }
    #v2-root .v2-scale-viewport {
        width: 100%;
        height: auto;
        max-width: none;
        max-height: none;
        overflow: visible;
    }
    #v2-root .v2-scale-stage {
        width: 100%;
        height: auto;
        position: static;
        transform: none;
    }
    #v2-root .main-wrapper { overflow: visible; flex: none; width: 100%; }
    #v2-root .v2-hub-footer {
        width: calc(100% - 16px);
        margin: 8px auto 12px;
        padding: 12px 14px;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    #v2-root .v2-hub-inner {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    #v2-root .v2-hub-links {
        justify-content: center;
    }
    #v2-root #hubMoreModal .v2-modal-content {
        width: min(92vw, 720px);
    }
    #v2-root .hub-more-grid {
        grid-template-columns: 1fr;
    }
    #v2-root #sendModal .send-summary-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
    #v2-root .panel-head-network { align-items:flex-start; flex-direction:column; }
    #v2-root .panel-head-miner { align-items:center; flex-direction:row; flex-wrap:nowrap; }
    #v2-root .bento-container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        height: auto;
    }
    #v2-root .bento-column {
        display: contents;
    }
    #v2-root .box-wallet,
    #v2-root .box-balance,
    #v2-root .box-network,
    #v2-root .box-actions,
    #v2-root .box-mining,
    #v2-root .box-history,
    #v2-root .box-community { grid-row: auto; }
    #v2-root .box-wallet  { grid-column: 1 / span 2; }
    #v2-root .box-balance { grid-column: 1; }
    #v2-root .box-network { grid-column: 2; }
    #v2-root .box-actions { grid-column: 1; height: 64px; grid-template-columns: 1fr 1fr; min-height: 64px; }
    #v2-root .box-mining  { grid-column: 2; }
    #v2-root .box-history { grid-column: 1 / span 2; min-height: 260px; }
    #v2-root .box-community { grid-column: 1 / span 2; }
    #v2-root .action-btn { min-height: 64px; }
    #v2-root .top-navbar { gap: 12px; padding: 0 12px; }
    #v2-root .nav-brand-logo { width: 24px; height: 24px; }
    #v2-root .nav-links { gap: 12px; justify-content: flex-end; }
    #v2-root .memo-detail-grid,
    #v2-root .memo-detail-actions { grid-template-columns: 1fr; }
    #v2-root .memo-detail-meta-row { flex-direction: column; gap: 6px; }
    #v2-root .memo-hash-inline { max-width: 120px; }
}
@media (max-width: 560px) {
    #v2-root .bento-container { grid-template-columns: 1fr; }
    #v2-root .bento-column { display: contents; }
    #v2-root .box-wallet, #v2-root .box-balance, #v2-root .box-network,
    #v2-root .box-actions, #v2-root .box-mining, #v2-root .box-history,
    #v2-root .box-community { grid-column: 1; grid-row: auto; }
    /* Mobile read order */
    #v2-root .box-wallet    { order: 1; }
    #v2-root .box-balance   { order: 2; }
    #v2-root .box-actions   { order: 3; }
    #v2-root .box-history   { order: 4; }
    #v2-root .box-network   { order: 5; }
    #v2-root .box-mining    { order: 6; }
    #v2-root .box-community { order: 7; }
    #v2-root .is-collapsible {
        align-items: stretch;
        justify-content: flex-start;
        text-align: left;
    }
    #v2-root .box-balance { min-height: auto; }
    #v2-root .box-history { min-height: auto; }
    #v2-root .box-history:not(.is-collapsed) { min-height: 260px; }
    #v2-root .panel-mobile-head {
        display:flex; align-items:center; justify-content:space-between; gap:12px;
        margin-bottom:0;
    }
    #v2-root .panel-toggle-btn {
        display: flex; align-items: center; justify-content: center;
        width: 28px; height: 28px; flex-shrink: 0;
        background: rgba(255,255,255,0.08); border: none; border-radius: 8px;
        color: var(--v2-text-muted); cursor: pointer; font-size: 0.85rem;
        transition: background 0.2s;
    }
    #v2-root .panel-toggle-btn:hover { background: rgba(255,255,255,0.15); }
    #v2-root .panel-toggle-icon { transition: transform 0.25s ease; }
    #v2-root .is-collapsible:not(.is-collapsed) .panel-toggle-icon { transform: rotate(180deg); }
    #v2-root .is-collapsible.is-collapsed .panel-mobile-body { display: none; }
    #v2-root .is-collapsible:not(.is-collapsed) .panel-mobile-body {
        display:block;
        margin-top:14px;
    }
    #v2-root .box-actions { display: flex; flex-direction: row; height: 60px; }
    #v2-root .box-actions .action-btn {
        flex: 1 1 0;
        min-width: 0;
        min-height: 60px;
        height: 60px;
    }
    #v2-root .circle-progress {
        margin: 10px auto 20px;
    }
    #v2-root .top-navbar { gap: 10px; padding: 0 14px 0 12px; justify-content: space-between; }
    #v2-root .nav-brand { gap: 8px; padding-left: 2px; }
    #v2-root .nav-brand-logo { width: 22px; height: 22px; }
    #v2-root .nav-brand-text { display: none; }
    #v2-root .nav-links { gap: 10px; overflow-x: auto; justify-content: flex-end; scrollbar-width: none; }
    #v2-root .nav-links::-webkit-scrollbar { display: none; }
    #v2-root .nav-item { letter-spacing: 0; white-space: nowrap; }
    #v2-root .nav-classic-link { padding: 3px 8px; }
    #v2-root .nav-ai-btn { padding: 4px 10px; }
    #v2-root .v2-hub-brand {
        gap: 10px;
    }
    #v2-root .v2-hub-mark {
        width: 34px;
        height: 34px;
    }
    #v2-root .v2-hub-copy span {
        white-space: normal;
    }
    #v2-root .comm-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }
    #v2-root .comm-grid-official { grid-template-columns: repeat(3, 1fr); }
    #v2-root .comm-icon { width: 40px; height: 40px; }
    #v2-root .comm-item-download { padding: 11px 12px; }
    #v2-root .selected-balance-label-row,
    #v2-root .wallet-topline { align-items:flex-start; flex-direction:column; gap:6px; }
    #v2-root .selected-wallet-name { max-width:100%; }
    #v2-root .mining-meta-row,
    #v2-root .cpu-presets { grid-template-columns: 1fr 1fr; }
    #v2-root .history-list {
        overflow: visible;
        flex-grow: 0;
        max-height: none;
        padding-right: 0;
    }
    #v2-root .tx-type-row { align-items:flex-start; flex-direction:column; }
    #v2-root .tx-meta { flex-wrap:wrap; gap:8px; }
    .v2-modal-content {
        width: min(94vw, 520px);
        padding: 22px 16px;
        border-radius: 22px;
    }
    #v2-root #hubMoreModal .v2-modal-content {
        width: min(94vw, 560px);
        padding: 18px 14px 16px;
        border-radius: 22px;
    }
    #v2-root .hub-more-lead {
        font-size: 0.8rem;
        margin-bottom: 14px;
    }
    #v2-root .hub-more-card {
        padding: 14px;
        border-radius: 18px;
    }
    #v2-root .hub-more-link {
        padding: 10px 11px;
    }
    #v2-root .hub-more-link span {
        font-size: 0.78rem;
    }
    #walletModal .v2-modal-content {
        width: min(95vw, 540px);
    }
    .wl-item {
        padding: 12px;
        gap: 8px;
    }
    .wl-rename-row {
        gap:5px;
    }
    .wl-rename-input {
        padding:7px 9px;
        font-size:0.8rem;
    }
    .wl-actions {
        gap: 5px;
    }
    .wl-btn {
        height: 32px;
    }
    .wl-inline-btn {
        flex:0 0 26px;
        width:26px;
        min-width:26px;
        max-width:26px;
        height:26px;
    }
}