/* ZU Mining — Live Crypto Mining Profitability Scanner Styles (v2 Pro Analytics Upgrade) */
.mining-shell {
    width: min(1290px, calc(100% - 32px));
    margin: 0 auto;
}

.mining-hero {
    padding: 30px 0 24px;
    background: radial-gradient(circle at 85% 15%, rgba(0, 212, 255, 0.16), transparent 34%),
                radial-gradient(circle at 12% 85%, rgba(251, 191, 36, 0.12), transparent 34%),
                linear-gradient(135deg, #030c1a 0%, #071934 55%, #0c2850 100%);
    color: #fff;
    border-bottom: 2px solid #f59e0b;
    box-shadow: 0 12px 28px rgba(3, 12, 26, 0.35);
}

.mining-hero .tool-crumb {
    color: #9eb6cf;
    margin-bottom: 12px;
    font-size: 12px;
}

.mining-hero .tool-crumb a {
    color: #52d2ff;
}

.mining-hero-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.mining-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
}

.mining-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #e2f1ff;
}

.mining-badge.live-ok {
    background: rgba(16, 185, 129, 0.18);
    border-color: rgba(52, 211, 153, 0.45);
    color: #6ee7b7;
}

.mining-badge.live-warn {
    background: rgba(245, 158, 11, 0.22);
    border-color: rgba(251, 191, 36, 0.5);
    color: #fde68a;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.22);
    display: inline-block;
}

.mining-hero h1 {
    font-size: clamp(27px, 3.8vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.035em;
    margin: 4px 0 8px;
    color: #fff;
}

.mining-hero p {
    color: #c6d7eb;
    font-size: 14.5px;
    line-height: 1.55;
    max-width: 860px;
    margin: 0;
}

/* Telemetry Status Bar */
.telemetry-bar {
    margin-top: 18px;
    padding: 12px 16px;
    border-radius: 14px;
    background: rgba(4, 18, 37, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.14);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 12px;
}

.telemetry-sources {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    color: #cbd5e1;
}

.telemetry-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 11px;
    color: #e2e8f0;
}

.telemetry-chip .dot-ok { color: #34d399; font-weight: 900; }
.telemetry-chip .dot-err { color: #f87171; font-weight: 900; }

.telemetry-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-refresh-telemetry {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: linear-gradient(135deg, #00d4ff 0%, #0284c7 48%, #0c6fe8 100%);
    color: #fff;
    border: 1px solid #38bdf8;
    box-shadow: 0 5px 14px rgba(12, 111, 232, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.42);
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s, opacity 0.15s;
}

.btn-refresh-telemetry:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0, 212, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.btn-refresh-telemetry:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.mining-alert-banner {
    margin: 14px 0 0;
    padding: 11px 15px;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #f59e0b;
    color: #92400e;
    font-size: 12.5px;
    display: none;
    align-items: center;
    gap: 10px;
}

.mining-alert-banner.visible {
    display: flex;
}

/* Main Dashboard Container */
.mining-main {
    padding: 24px 0 70px;
    background: #f4f8fc;
}

/* 1. Top Mining Category Navigation Menu */
.mining-category-nav-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 16px;
    padding: 10px 14px;
    margin-bottom: 14px;
    box-shadow: 0 6px 20px rgba(12, 45, 88, 0.05);
}

.mining-cat-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.mining-cat-tab {
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #1e293b;
    border-radius: 11px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.18s ease;
}

.mining-cat-tab:hover {
    border-color: #0c6fe8;
    color: #0c6fe8;
    background: #eff6ff;
}

.mining-cat-tab.active {
    background: linear-gradient(135deg, #061831, #0b3260);
    color: #fff;
    border-color: #061831;
    box-shadow: 0 6px 16px rgba(6, 24, 49, 0.2);
}

.mining-cat-tab .cat-count {
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.2);
}

.mining-cat-tab:not(.active) .cat-count {
    background: #e2e8f0;
    color: #334155;
}

.btn-toggle-all-coins {
    border: 1px solid #0c6fe8;
    background: #eff6ff;
    color: #0c6fe8;
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 12.5px;
    font-weight: 850;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s;
}

.btn-toggle-all-coins:hover,
.btn-toggle-all-coins.open {
    background: #0c6fe8;
    color: #fff;
}

/* 2. Top Cryptocurrency Carousel with Arrows & Swipe */
.coin-carousel-wrapper {
    position: relative;
    margin-bottom: 16px;
}

.carousel-header-hint {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 12px;
    color: #475569;
    font-weight: 700;
}

.carousel-nav-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.carousel-arrow-btn {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    display: inline-grid;
    place-items: center;
    box-shadow: 0 3px 10px rgba(12, 45, 88, 0.06);
    transition: all 0.15s;
}

.carousel-arrow-btn:hover {
    background: #0c6fe8;
    color: #fff;
    border-color: #0c6fe8;
}

.market-carousel-track {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 4px 2px 10px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
    -webkit-overflow-scrolling: touch;
}

.market-carousel-track::-webkit-scrollbar {
    height: 6px;
}

.market-carousel-track::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.market-coin-card {
    flex: 0 0 218px;
    background: #fff;
    border: 2px solid #dbe5f0;
    border-radius: 15px;
    padding: 13px 14px;
    box-shadow: 0 4px 14px rgba(12, 45, 88, 0.04);
    transition: transform 0.16s, border-color 0.16s, box-shadow 0.16s;
    cursor: pointer;
    position: relative;
    user-select: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.market-coin-card:hover {
    transform: translateY(-3px);
    border-color: #0c6fe8;
    box-shadow: 0 10px 24px rgba(12, 111, 232, 0.12);
}

.market-coin-card.active-coin {
    border-color: #0c6fe8;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
    box-shadow: 0 10px 26px rgba(12, 111, 232, 0.18);
}

.market-coin-card .selected-pill {
    position: absolute;
    top: -9px;
    right: 12px;
    background: #0c6fe8;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    padding: 2px 8px;
    border-radius: 999px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.market-mini-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.market-mini-coin {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 850;
    font-size: 13px;
    color: #0f172a;
}

.market-mini-coin img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.chg-badge {
    font-size: 10.5px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 6px;
}

.chg-pos { background: #dcfce7; color: #15803d; }
.chg-neg { background: #fee2e2; color: #b91c1c; }

.market-mini-price {
    font-size: 17px;
    font-weight: 900;
    color: #071a33;
}

.market-mini-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    color: #475569;
    border-top: 1px solid #edf2f7;
    padding-top: 6px;
}

.market-mini-live {
    font-size: 10px;
    color: #64748b;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.live-dot-sm {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    display: inline-block;
    margin-right: 4px;
}

/* Expandable "View All Coins" Directory Drawer */
.all-coins-drawer {
    display: none;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 18px;
    padding: 18px;
    margin-bottom: 22px;
    box-shadow: 0 12px 32px rgba(12, 45, 88, 0.08);
}

.all-coins-drawer.open {
    display: block;
}

.all-coins-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.all-coins-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
    gap: 10px;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 4px;
}

/* 3 & 4 & 5 & 6: Main Two-Column Calculator & Live Profitability Workspace */
.scanner-control-grid {
    display: grid;
    grid-template-columns: 1.06fr 0.94fr;
    gap: 22px;
    margin-bottom: 28px;
    align-items: start;
}

.scanner-card {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 22px;
    box-shadow: 0 14px 40px rgba(12, 45, 88, 0.07);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.scanner-card-head {
    padding: 16px 22px;
    background: linear-gradient(135deg, #061831, #0b3260);
    color: #fff;
    border-bottom: 3px solid #f39c12;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.scanner-card-head h2 {
    margin: 0;
    font-size: 18px;
    color: #fff;
}

.scanner-card-head span {
    font-size: 11px;
    color: #9eb6cf;
    font-weight: 700;
}

.scanner-card-body {
    padding: 20px 22px;
    flex: 1;
}

/* Selected Coin Banner inside Left Calculator */
.selected-coin-banner {
    background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    padding: 12px 15px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.selected-coin-info {
    display: flex;
    align-items: center;
    gap: 11px;
}

.selected-coin-info img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.selected-coin-info h3 {
    margin: 0;
    font-size: 16px;
    color: #071a33;
}

.selected-coin-info small {
    display: block;
    font-size: 11.5px;
    color: #475569;
    margin-top: 2px;
}

/* Hardware Mode Switcher inside Left Calculator (GPU / ASIC / CPU / Custom) */
.hw-mode-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    background: #f1f5f9;
    padding: 5px;
    border-radius: 12px;
    margin-bottom: 16px;
}

.hw-mode-tab {
    border: 0;
    background: transparent;
    color: #475569;
    padding: 9px 8px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
    text-align: center;
    transition: all 0.15s;
}

.hw-mode-tab:hover {
    color: #0c6fe8;
}

.hw-mode-tab.active {
    background: #fff;
    color: #071a33;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
}

.hw-calc-subpanel {
    display: none;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf2f7;
}

.hw-calc-subpanel.active {
    display: block;
}

.step-section {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf2f7;
}

.step-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.step-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    font-weight: 850;
    color: #0a2b59;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}

.step-label-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.step-num {
    background: #0c6fe8;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    font-size: 11px;
    font-weight: 900;
    flex-shrink: 0;
}

.control-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.control-row.three-col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mining-field label {
    display: block;
    font-size: 11.5px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 5px;
}

.mining-input-wrap {
    display: flex;
    align-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 11px;
    background: #f8fafc;
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.mining-input-wrap:focus-within {
    border-color: #0c6fe8;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(12, 111, 232, 0.12);
}

.mining-input-wrap input,
.mining-input-wrap select {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 10px 12px;
    font-size: 13.5px;
    font-weight: 650;
    color: #0f172a;
    outline: none;
    font-family: inherit;
}

.mining-input-wrap em {
    font-style: normal;
    font-size: 11px;
    font-weight: 750;
    color: #64748b;
    padding-right: 10px;
    white-space: nowrap;
}

/* Prominent "Your Mining Hashrate" Box */
.custom-hashrate-card {
    background: linear-gradient(180deg, #f8fbff 0%, #f1f5f9 100%);
    border: 1.5px solid #bfdbfe;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 16px;
}

.hashrate-mode-toggle {
    display: inline-flex;
    background: #e2e8f0;
    padding: 3px;
    border-radius: 9px;
    gap: 4px;
}

.hashrate-mode-btn {
    border: 0;
    background: transparent;
    color: #334155;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.hashrate-mode-btn.active {
    background: #0c6fe8;
    color: #fff;
}

.combined-power-summary-bar {
    margin-top: 12px;
    padding: 10px 13px;
    border-radius: 10px;
    background: #071a33;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
}

.combined-power-summary-bar strong {
    color: #38bdf8;
    font-size: 13.5px;
}

/* Multi-GPU Mixed Rig Builder */
.mixed-rig-box {
    margin-top: 12px;
    padding: 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px dashed #94a3b8;
}

.mixed-rig-row {
    display: grid;
    grid-template-columns: 1fr 90px 36px;
    gap: 8px;
    align-items: center;
    margin-top: 8px;
}

.btn-remove-rig-row {
    border: 1px solid #fca5a5;
    background: #fef2f2;
    color: #dc2626;
    border-radius: 8px;
    height: 34px;
    font-weight: 900;
    cursor: pointer;
}

.btn-add-rig-row {
    margin-top: 10px;
    border: 1px solid #0c6fe8;
    background: #eff6ff;
    color: #0c6fe8;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 11.5px;
    font-weight: 800;
    cursor: pointer;
}

.preset-chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.preset-chip {
    border: 1px solid #dbe5f0;
    background: #f1f5f9;
    color: #334155;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
    transition: all 0.15s;
}

.preset-chip:hover,
.preset-chip.active {
    background: #0c6fe8;
    color: #fff;
    border-color: #0c6fe8;
}

/* Right-Side Interactive Profitability Panel */
.live-result-hero {
    background: linear-gradient(135deg, #061831 0%, #0b3260 100%);
    color: #fff;
    border-radius: 16px;
    padding: 18px 20px;
    margin-bottom: 14px;
}

.live-result-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 12px;
    margin-bottom: 14px;
}

.live-result-top small {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9eb6cf;
    margin-bottom: 4px;
}

.live-result-top h3 {
    margin: 0;
    font-size: 19px;
    color: #fff;
}

.period-kpi-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.period-kpi-box {
    background: rgba(255, 255, 255, 0.07);
    border: 1.5px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    padding: 12px;
    cursor: pointer;
    transition: transform 0.15s, border-color 0.15s, background 0.15s;
    position: relative;
}

.period-kpi-box:hover,
.period-kpi-box.active-breakdown {
    transform: translateY(-2px);
    border-color: #38bdf8;
    background: rgba(56, 189, 248, 0.14);
}

.period-kpi-box small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #cbd5e1;
}

.period-kpi-box strong {
    display: block;
    font-size: 21px;
    margin: 4px 0;
    font-weight: 900;
}

.period-kpi-box strong.profit-pos { color: #4ade80; }
.period-kpi-box strong.profit-neg { color: #f87171; }

.period-kpi-box span {
    display: block;
    font-size: 10.5px;
    color: #9eb6cf;
}

/* Interactive Expandable Math Breakdown Drawer */
.interactive-breakdown-panel {
    background: #0f172a;
    color: #e2e8f0;
    border: 1px solid #334155;
    border-left: 4px solid #38bdf8;
    border-radius: 13px;
    padding: 14px 16px;
    margin-bottom: 14px;
    font-size: 12.5px;
    line-height: 1.55;
}

.interactive-breakdown-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.interactive-breakdown-head strong {
    color: #38bdf8;
    font-size: 13px;
}

.breakdown-math-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.breakdown-math-row {
    background: rgba(255, 255, 255, 0.05);
    padding: 7px 10px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.breakdown-math-row span { color: #94a3b8; }
.breakdown-math-row b { color: #fff; font-weight: 800; }

/* Clickable Summary Metric Cards */
.result-metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 14px;
}

.result-metric-item {
    background: #f8fafc;
    border: 1px solid #dbe5f0;
    border-radius: 11px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, transform 0.12s;
}

.result-metric-item:hover,
.result-metric-item.active-breakdown {
    border-color: #0c6fe8;
    background: #eff6ff;
    transform: translateY(-1px);
}

.result-metric-item .metric-label-text {
    color: #475569;
    display: flex;
    align-items: center;
}

.result-metric-item b {
    color: #0f172a;
    font-weight: 850;
    text-align: right;
}

.info-hint-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    border-radius: 50%;
    background: #e2ecf7;
    border: 1px solid #cbdcf0;
    color: #334155;
    font-style: normal;
    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1;
    flex-shrink: 0;
    box-sizing: border-box;
}

.beginner-explainer-box {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #0c6fe8;
    border-radius: 12px;
    padding: 13px 15px;
    font-size: 12.5px;
    line-height: 1.55;
    color: #1e3a8a;
}

.beginner-explainer-box strong {
    color: #071a33;
}

/* Smart Recommendations Grid */
.rec-section {
    margin-bottom: 26px;
}

.rec-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.rec-card {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-top: 3px solid #0c6fe8;
    border-radius: 16px;
    padding: 15px;
    box-shadow: 0 6px 18px rgba(12, 45, 88, 0.04);
    display: flex;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
}

.rec-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(12, 45, 88, 0.09);
}

.rec-card.accent-orange { border-top-color: #ff8a00; }
.rec-card.accent-green { border-top-color: #10b981; }
.rec-card.accent-purple { border-top-color: #6366f1; }

.rec-card-kicker {
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.rec-card h3 {
    margin: 0;
    font-size: 14.5px;
    color: #071a33;
    line-height: 1.3;
}

.rec-card-value {
    font-size: 19px;
    font-weight: 900;
    color: #0c6fe8;
    margin: 2px 0;
}

.rec-card p {
    margin: 0;
    font-size: 11.8px;
    color: #475569;
    line-height: 1.45;
}

/* Scanner Navigation Tabs */
.scanner-tabs-bar {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    border-bottom: 2px solid #dbe5f0;
    padding-bottom: 12px;
}

.scanner-tab-btn {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    padding: 11px 18px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.15s;
}

.scanner-tab-btn:hover {
    border-color: #0c6fe8;
    color: #0c6fe8;
}

.scanner-tab-btn.active {
    background: linear-gradient(135deg, #061831, #0b3260);
    color: #fff;
    border-color: #061831;
    box-shadow: 0 6px 16px rgba(6, 24, 49, 0.18);
}

.scanner-tab-count {
    background: rgba(255, 255, 255, 0.18);
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 11px;
}

.scanner-tab-btn:not(.active) .scanner-tab-count {
    background: #e2e8f0;
    color: #334155;
}

.scanner-tab-panel {
    display: none;
}

.scanner-tab-panel.active {
    display: block;
}

/* Filter Toolbar inside Tabs */
.table-filter-bar {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 16px;
    padding: 14px 18px;
    margin-bottom: 14px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.filter-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.filter-group select,
.filter-group input[type="text"],
.filter-group input[type="number"] {
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    padding: 8px 11px;
    font-size: 12.5px;
    font-weight: 600;
    color: #0f172a;
    background: #f8fafc;
}

/* Professional Data Tables */
.mining-table-wrap {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(12, 45, 88, 0.05);
    overflow-x: auto;
}

.mining-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.8px;
    min-width: 960px;
}

.mining-table th {
    background: #f1f5f9;
    color: #1e293b;
    font-weight: 850;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 13px 14px;
    text-align: left;
    border-bottom: 2px solid #dbe5f0;
    white-space: nowrap;
}

.mining-table td {
    padding: 13px 14px;
    border-bottom: 1px solid #edf2f7;
    color: #334155;
    vertical-align: middle;
}

.mining-table tbody tr {
    transition: background 0.12s;
}

.mining-table tbody tr:hover {
    background: #f8fbff;
}

.mining-table tbody tr.selected-row {
    background: #eff6ff;
}

.coin-cell {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.coin-cell img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    flex-shrink: 0;
}

.coin-symbol-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0c6fe8, #0a2b59);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
}

.algo-tag {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    background: #e0f2fe;
    color: #0369a1;
    font-size: 11px;
    font-weight: 800;
}

.hw-tag {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 800;
    margin-right: 4px;
}

.hw-tag.gpu { background: #dcfce7; color: #15803d; }
.hw-tag.asic { background: #fef3c7; color: #b45309; }
.hw-tag.cpu { background: #ede9fe; color: #6d28d9; }

.conf-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
}

.conf-high { background: #dcfce7; color: #166534; }
.conf-medium { background: #fef9c3; color: #854d0e; }
.conf-low { background: #fee2e2; color: #991b1b; }

.val-pos { color: #15803d; font-weight: 850; }
.val-neg { color: #dc2626; font-weight: 850; }

.btn-table-select {
    border: 1px solid #0c6fe8;
    background: #eff6ff;
    color: #0c6fe8;
    padding: 6px 11px;
    border-radius: 8px;
    font-size: 11.5px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-table-select:hover,
.btn-table-select.active-btn {
    background: #0c6fe8;
    color: #fff;
}

/* Charts & Analytics Grid */
.charts-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 16px;
}

.chart-card {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 8px 24px rgba(12, 45, 88, 0.05);
}

.chart-card h3 {
    margin: 0 0 6px;
    font-size: 16px;
    color: #071a33;
}

.chart-card p {
    margin: 0 0 14px;
    font-size: 12px;
    color: #64748b;
}

.chart-bars-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chart-bar-row {
    display: grid;
    grid-template-columns: 165px 1fr 95px;
    gap: 10px;
    align-items: center;
    font-size: 12px;
}

.chart-bar-label {
    font-weight: 750;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chart-bar-track {
    height: 16px;
    background: #f1f5f9;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.chart-bar-fill {
    height: 100%;
    border-radius: 999px;
    transition: width 0.3s ease;
}

.chart-bar-fill.pos { background: linear-gradient(90deg, #10b981, #34d399); }
.chart-bar-fill.neg { background: linear-gradient(90deg, #ef4444, #f87171); }
.chart-bar-fill.blue { background: linear-gradient(90deg, #0c6fe8, #20c7ff); }

.chart-bar-val {
    text-align: right;
    font-weight: 850;
}

/* Beginner Glossary Cards */
.glossary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.glossary-card {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 16px;
    padding: 18px;
}

.glossary-card h4 {
    margin: 0 0 8px;
    font-size: 14.5px;
    color: #071a33;
    display: flex;
    align-items: center;
    gap: 8px;
}

.glossary-card p {
    margin: 0;
    font-size: 12.5px;
    color: #475569;
    line-height: 1.55;
}

@media (max-width: 1120px) {
    .scanner-control-grid {
        grid-template-columns: 1fr;
    }
    .rec-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .charts-grid {
        grid-template-columns: 1fr;
    }
    .glossary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .hw-mode-tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .control-row,
    .control-row.three-col,
    .period-kpi-grid,
    .result-metrics-grid,
    .breakdown-math-grid,
    .rec-grid,
    .glossary-grid {
        grid-template-columns: 1fr;
    }
    .chart-bar-row {
        grid-template-columns: 120px 1fr 80px;
    }
}

/* ==================== V3 PREMIUM UPGRADE: SEARCHABLE COMBOBOX, ALGO STRIP, POOLS, SOFTWARE & MARKETPLACE ==================== */

.premium-coin-selector-card {
    background: linear-gradient(135deg, #f8fbff 0%, #eff6ff 100%);
    border: 1.5px solid #bfdbfe;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 18px;
    position: relative;
}

.premium-coin-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.premium-coin-combobox {
    position: relative;
    flex: 1;
    min-width: 260px;
}

.coin-combo-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff;
    border: 1.5px solid #93c5fd;
    border-radius: 12px;
    padding: 10px 14px;
    cursor: pointer;
    text-align: left;
    transition: all 0.16s ease;
    box-shadow: 0 3px 10px rgba(12, 111, 232, 0.08);
}

.coin-combo-trigger:hover,
.coin-combo-trigger:focus-visible {
    border-color: #0c6fe8;
    box-shadow: 0 4px 14px rgba(12, 111, 232, 0.16);
    outline: none;
}

.coin-combo-trigger-left {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.coin-combo-trigger-left img,
.coin-combo-option img,
.coin-combo-opt-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: contain;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.coin-combo-title {
    font-size: 15px;
    font-weight: 850;
    color: #071a33;
    display: block;
    line-height: 1.2;
}

.coin-combo-sub {
    font-size: 11.5px;
    color: #475569;
    font-weight: 600;
}

.coin-combo-chevron {
    font-size: 12px;
    font-weight: 900;
    color: #0c6fe8;
    background: #eff6ff;
    padding: 5px 10px;
    border-radius: 8px;
    white-space: nowrap;
}

.coin-combo-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1.5px solid #93c5fd;
    border-radius: 14px;
    box-shadow: 0 20px 45px rgba(7, 26, 51, 0.22);
    z-index: 95;
    padding: 12px;
}

.coin-combo-dropdown.open {
    display: block;
}

.coin-combo-search-wrap {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.coin-combo-search-input {
    flex: 1;
    min-width: 180px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    padding: 9px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    outline: none;
}

.coin-combo-search-input:focus {
    border-color: #0c6fe8;
}

.coin-combo-cat-pills {
    display: flex;
    gap: 4px;
}

.coin-combo-cat-pill {
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.coin-combo-cat-pill.active {
    background: #0c6fe8;
    color: #fff;
    border-color: #0c6fe8;
}

.coin-combo-list {
    max-height: 290px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.coin-combo-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background 0.12s;
}

.coin-combo-option:hover,
.coin-combo-option.focused {
    background: #f0f7ff;
    border-color: #bfdbfe;
}

.coin-combo-option.selected {
    background: #eff6ff;
    border-color: #0c6fe8;
}

/* Prominent Mining Algorithm & Telemetry Strip */
.prominent-algo-strip {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #bfdbfe;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.algo-highlight-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    background: #071a33;
    color: #fff;
    padding: 10px 14px;
    border-radius: 11px;
}

.algo-highlight-main {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.algo-kicker-label {
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #93c5fd;
}

.algo-prominent-value {
    font-size: 14px;
    font-weight: 900;
    color: #071a33;
    background: linear-gradient(135deg, #38bdf8, #22d3ee);
    padding: 4px 11px;
    border-radius: 7px;
    letter-spacing: 0.02em;
}

.algo-telemetry-pills {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.algo-telemetry-pill {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 9px;
    padding: 7px 10px;
}

.algo-telemetry-pill small {
    display: block;
    font-size: 9.5px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 2px;
}

.algo-telemetry-pill strong {
    display: block;
    font-size: 12px;
    font-weight: 850;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 4-Period KPI Grid (24h, 7d, 30d, 365d) */
.period-kpi-grid.four-periods {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.period-kpi-box.projection-box {
    border-color: rgba(56, 189, 248, 0.45);
    background: rgba(14, 116, 144, 0.18);
}

.projection-tag {
    display: inline-block;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(56, 189, 248, 0.2);
    color: #7dd3fc;
    margin-top: 3px;
}

.annual-projection-drawer {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 11px 14px;
    margin-bottom: 14px;
    font-size: 12px;
    color: #334155;
}

.annual-projection-drawer summary {
    cursor: pointer;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.annual-assumptions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e2e8f0;
}

.annual-assumption-item {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 10px;
}

.annual-assumption-item span {
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
}

.annual-assumption-item strong {
    display: block;
    font-size: 12.5px;
    color: #0f172a;
    margin-top: 2px;
}

/* Compatible Mining Pools, Software & Hardware Marketplace Sections */
.feature-block-section {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 20px;
    padding: 22px 24px;
    margin-bottom: 24px;
    box-shadow: 0 10px 28px rgba(12, 45, 88, 0.05);
}

.feature-block-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf2f7;
}

.feature-block-head h2 {
    margin: 4px 0 4px;
    font-size: 21px;
    color: #071a33;
}

.feature-block-head p {
    margin: 0;
    font-size: 12.8px;
    color: #64748b;
}

.affiliate-disclosure-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 6px 11px;
    border-radius: 999px;
}

.pools-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.pool-card {
    background: #fff;
    border: 1.5px solid #dbe5f0;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    transition: all 0.16s ease;
    cursor: pointer;
}

.pool-card:hover {
    border-color: #60a5fa;
    box-shadow: 0 8px 22px rgba(12, 111, 232, 0.09);
    transform: translateY(-1px);
}

.pool-card.active-pool-card {
    border-color: #0c6fe8;
    background: #f8fbff;
}

.pool-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.pool-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pool-brand img {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    object-fit: contain;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 3px;
}

.pool-brand h3 {
    margin: 0;
    font-size: 15.5px;
    color: #071a33;
}

.pool-brand small {
    font-size: 11px;
    color: #64748b;
}

.pool-specs-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    background: linear-gradient(135deg, #06152d 0%, #0b2347 52%, #0e3263 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.52);
    box-shadow: 0 6px 16px rgba(6, 21, 45, 0.16), inset 0 1px 0 rgba(125, 211, 252, 0.25);
    border-radius: 11px;
    padding: 9px 6px;
}

.pool-spec-cell {
    background: transparent;
    border: none;
    border-right: 1px solid rgba(56, 189, 248, 0.24);
    border-radius: 0;
    padding: 2px 8px;
    min-width: 0;
}

.pool-spec-cell:last-child {
    border-right: none;
}

.pool-spec-cell span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #7dd3fc;
}

.pool-spec-cell strong,
.pool-spec-cell b {
    display: block;
    font-size: 11.4px;
    font-weight: 800;
    color: #ffffff;
    margin-top: 3px;
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
}

.pool-card-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid #edf2f7;
}

.btn-visit-external {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #0c6fe8;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 14px;
    border-radius: 9px;
    text-decoration: none;
    transition: background 0.15s;
}

.btn-visit-external:hover {
    background: #0958b8;
    color: #fff;
}

.pool-detail-drawer {
    display: none;
    margin-top: 16px;
    background: #0b2242;
    color: #e2e8f0;
    border-radius: 14px;
    padding: 16px 18px;
}

.pool-detail-drawer.open {
    display: block;
}

/* Hardware Marketplace Section */
.marketplace-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.seller-offer-card {
    background: #fff;
    border: 1.5px solid #dbe5f0;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}

.seller-tier-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 850;
}

.seller-tier-badge.official { background: #dcfce7; color: #166534; }
.seller-tier-badge.authorized { background: #dbeafe; color: #1e40af; }
.seller-tier-badge.retailer { background: #f3e8ff; color: #6b21a8; }

.price-disclaimer-banner {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 12px;
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Compatible Mining Software Grid */
.software-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.software-card {
    background: #f8fafc;
    border: 1px solid #dbe5f0;
    border-radius: 14px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 1024px) {
    .pools-grid,
    .marketplace-grid,
    .software-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .period-kpi-grid.four-periods,
    .algo-telemetry-pills {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .pools-grid,
    .marketplace-grid,
    .software-grid,
    .period-kpi-grid.four-periods,
    .algo-telemetry-pills,
    .annual-assumptions-grid {
        grid-template-columns: 1fr;
    }
}


/* ==================== V4 COMPLETE UI CLEANUP, FINANCIAL COLORS, POOLS, SOFTWARE, MARKETPLACE & RIG BUILDER ==================== */

.mining-nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-buy-hardware-nav {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: linear-gradient(135deg, #0c6fe8 0%, #0284c7 100%);
    color: #fff;
    border-radius: 10px;
    padding: 9px 15px;
    font-size: 12.5px;
    font-weight: 850;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(12, 111, 232, 0.25);
    transition: transform 0.15s, box-shadow 0.15s;
}

.btn-buy-hardware-nav:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(12, 111, 232, 0.35);
    color: #fff;
}

.btn-buy-hardware-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #061831, #0b3260);
    color: #fff;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
    transition: transform 0.15s, background 0.15s;
}

.btn-buy-hardware-cta:hover {
    transform: translateY(-1px);
    background: #0c6fe8;
    color: #fff;
}

/* Point 2 — Fixed Coin Selection Cards & Unclipped SELECTED Badge */
.market-carousel-track {
    padding: 12px 4px 14px;
}

.market-coin-card {
    flex: 0 0 232px;
    min-height: 146px;
    justify-content: space-between;
    padding: 13px 14px;
    border-radius: 16px;
    overflow: visible;
}

.market-mini-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.market-mini-name {
    line-height: 1.18;
    font-size: 13px;
    font-weight: 850;
    color: #071a33;
}

.market-mini-sym {
    color: #64748b;
    font-weight: 750;
    font-size: 10.5px;
    display: block;
}

.market-mini-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

.market-coin-card .selected-pill {
    position: static;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #0c6fe8;
    color: #fff;
    font-size: 9.5px;
    font-weight: 900;
    padding: 2.5px 8px;
    border-radius: 999px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 2px 6px rgba(12, 111, 232, 0.28);
    white-space: nowrap;
}

/* Point 3 — Strict Financial Color System & 6-Metric Card Redesign */
.period-kpi-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 112px;
}

.kpi-sub-breakdown {
    font-size: 10.5px;
    line-height: 1.35;
}

.kpi-rev-text {
    color: #86efac;
    font-weight: 750;
}

.kpi-cost-text {
    color: #fca5a5;
    font-weight: 750;
}

.kpi-sep {
    color: rgba(255, 255, 255, 0.3);
    margin: 0 2px;
}

.kpi-info-tooltip {
    position: relative;
    cursor: help;
    color: #7dd3fc;
    font-weight: 900;
    font-size: 12px;
}

.kpi-info-tooltip:hover::after,
.kpi-info-tooltip:focus::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    width: 260px;
    background: #071a33;
    color: #f8fafc;
    border: 1px solid #38bdf8;
    border-radius: 10px;
    padding: 9px 11px;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.45;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
    z-index: 99;
    pointer-events: none;
}

.projection-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.projection-item {
    background: #fff;
    border: 1px solid #dbe5f0;
    border-radius: 9px;
    padding: 8px 11px;
}

.projection-item small {
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 2px;
}

.projection-item strong {
    display: block;
    font-size: 12.5px;
    color: #0f172a;
}

.result-metrics-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.result-metric-item {
    background: #fff;
    border: 1.5px solid #dbe5f0;
    border-radius: 13px;
    padding: 12px 13px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px;
    min-height: 94px;
    box-shadow: 0 3px 10px rgba(12, 45, 88, 0.03);
}

.metric-item-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 30px;
}

.result-metric-item .metric-icon-badge,
.metric-icon-badge {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-shrink: 0;
    box-sizing: border-box;
}

.metric-icon-badge svg {
    width: 15px;
    height: 15px;
    display: block;
    flex-shrink: 0;
}

.metric-icon-badge.spec-tone { background: #e0f2fe; color: #0284c7; border: 1px solid #bae6fd; }
.metric-icon-badge.cost-tone { background: #fee2e2; color: #dc2626; border: 1px solid #fecaca; }
.metric-icon-badge.coin-tone { background: #dcfce7; color: #16a34a; border: 1px solid #bbf7d0; }
.metric-icon-badge.roi-tone  { background: #eff6ff; color: #0c6fe8; border: 1px solid #bfdbfe; }

.result-metric-item .metric-label-text,
.metric-label-text {
    font-size: 11px;
    font-weight: 800;
    color: #334155;
    flex: 1 1 auto;
    line-height: 1.22;
    margin: 0;
    display: flex;
    align-items: center;
}

.result-metric-item b {
    font-size: 15px;
    font-weight: 900;
    text-align: left;
    line-height: 1.2;
    word-break: break-word;
}

.metric-val-spec    { color: #0284c7 !important; }
.metric-val-pos     { color: #15803d !important; }
.metric-val-cost    { color: #dc2626 !important; }
.metric-val-neutral { color: #0f172a !important; }

.metric-sub-caption {
    font-size: 10.5px;
    color: #64748b;
    font-weight: 600;
    line-height: 1.25;
}

/* Point 4 — Complete Mining Pools Card Redesign */
.pools-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.pool-card {
    background: #fff;
    border: 1.5px solid #dbe5f0;
    border-radius: 16px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 13px;
    box-shadow: 0 6px 18px rgba(12, 45, 88, 0.04);
}

.pool-card.active-pool {
    border-color: #0c6fe8;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 10px 24px rgba(12, 111, 232, 0.14);
}

.pool-avatar img,
.software-avatar img,
.seller-avatar img {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    object-fit: contain;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 3px;
}

.pool-verified-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 850;
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    white-space: nowrap;
}

.pool-coin-algo-sub {
    display: block;
    font-size: 11.5px;
    color: #0284c7;
    font-weight: 750;
    margin-top: 2px;
}

.pool-spec-cell b {
    display: block;
    font-size: 11.5px;
    font-weight: 800;
    color: #ffffff;
    margin-top: 3px;
}

.pool-profit-highlight {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-radius: 12px;
    border: 1px solid #dbe5f0;
    background: #f8fafc;
}

.pool-profit-highlight.is-pos {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.pool-profit-highlight.is-neg {
    background: #fef2f2;
    border-color: #fecaca;
}

.pool-profit-label {
    display: block;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
    color: #334155;
}

.pool-profit-sub {
    display: block;
    font-size: 10.5px;
    color: #64748b;
    margin-top: 1px;
}

.pool-profit-val {
    font-size: 17px;
    font-weight: 900;
    white-space: nowrap;
}

.pool-card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-top: 4px;
}

.btn-pool-details {
    border: 1px solid #38bdf8;
    background: linear-gradient(135deg, #00d4ff 0%, #0284c7 48%, #0c6fe8 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(12, 111, 232, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.42);
    border-radius: 10px;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-pool-details:hover {
    background: linear-gradient(135deg, #38bdf8 0%, #0c6fe8 52%, #0369a1 100%);
    border-color: #7dd3fc;
    color: #fff;
    transform: translateY(-1px);
}

.btn-visit-pool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: linear-gradient(135deg, #ffd452 0%, #f59e0b 55%, #d97706 100%);
    color: #031022;
    border: 1px solid #d97706;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.55);
    border-radius: 10px;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
    transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}

.btn-visit-pool:hover {
    background: linear-gradient(135deg, #fde047 0%, #fbbf24 50%, #ea580c 100%);
    color: #020914;
    transform: translateY(-1px);
}

/* Point 5 — Premium Mining Software & ASIC Firmware Cards */
.software-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.software-card {
    background: #fff;
    border: 1.5px solid #dbe5f0;
    border-radius: 16px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    box-shadow: 0 6px 18px rgba(12, 45, 88, 0.04);
}

.software-card.recommended-sw-card {
    border-color: #0c6fe8;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 10px 24px rgba(12, 111, 232, 0.11);
}

.sw-recommended-banner {
    background: linear-gradient(135deg, #0c6fe8, #0284c7);
    color: #fff;
    font-size: 10.5px;
    font-weight: 850;
    padding: 5px 11px;
    border-radius: 8px;
    letter-spacing: 0.03em;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
}

.software-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.software-brand-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.software-brand-row h4 {
    margin: 0 0 3px;
    font-size: 15.5px;
    color: #071a33;
}

.software-type-pill {
    display: inline-block;
    padding: 2.5px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 850;
    background: #e2e8f0;
    color: #334155;
}

.software-type-pill.mfg-fw     { background: #dcfce7; color: #166534; }
.software-type-pill.custom-fw  { background: #fef3c7; color: #b45309; }
.software-type-pill.fleet-mgmt { background: #e0f2fe; color: #0369a1; }
.software-type-pill.miner-app  { background: #eff6ff; color: #1d4ed8; }
.software-type-pill.cpu-app    { background: #ede9fe; color: #6d28d9; }

.software-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    padding: 10px;
}

.sw-meta-cell span {
    display: block;
    font-size: 9.5px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
}

.sw-meta-cell b {
    display: block;
    font-size: 11.8px;
    font-weight: 800;
    color: #0f172a;
    margin-top: 2px;
}

.software-short-desc {
    margin: 0;
    font-size: 12px;
    color: #475569;
    line-height: 1.5;
}

.sw-tech-details-drawer {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 11.5px;
}

.sw-tech-details-drawer summary {
    cursor: pointer;
    font-weight: 800;
    color: #0c6fe8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.sw-tech-details-body {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e2e8f0;
    color: #334155;
    line-height: 1.5;
}

.sw-tech-details-body p {
    margin: 0 0 6px;
}

.sw-rec-evidence {
    background: #eff6ff;
    border-left: 3px solid #0c6fe8;
    padding: 6px 9px;
    border-radius: 6px;
    color: #1e3a8a;
    font-size: 11px;
}

.software-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.btn-sw-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 12px;
    border-radius: 9px;
    font-size: 11.5px;
    font-weight: 850;
    text-decoration: none;
    transition: all 0.15s;
}

.btn-sw-action.primary {
    background: linear-gradient(135deg, #00d4ff 0%, #0284c7 48%, #0c6fe8 100%);
    border: 1px solid #38bdf8;
    box-shadow: 0 4px 12px rgba(12, 111, 232, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.42);
    color: #fff;
}

.btn-sw-action.primary:hover {
    background: linear-gradient(135deg, #38bdf8 0%, #0c6fe8 52%, #0369a1 100%);
    color: #fff;
    transform: translateY(-1px);
}

.btn-sw-action.download {
    background: linear-gradient(135deg, #ffd452 0%, #f59e0b 55%, #d97706 100%);
    border: 1px solid #d97706;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.55);
    color: #031022;
}

.btn-sw-action.download:hover {
    background: linear-gradient(135deg, #fde047 0%, #fbbf24 50%, #ea580c 100%);
    color: #020914;
    transform: translateY(-1px);
}

.btn-sw-action.github,
.btn-sw-action.docs {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #1e293b;
}

.btn-sw-action.github:hover,
.btn-sw-action.docs:hover {
    border-color: #0c6fe8;
    color: #0c6fe8;
    background: #eff6ff;
}

/* Point 6A — Where to Buy Mining Hardware Seller Cards */
.seller-card {
    background: #fff;
    border: 1.5px solid #dbe5f0;
    border-radius: 16px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    box-shadow: 0 6px 18px rgba(12, 45, 88, 0.04);
    transition: transform 0.15s, border-color 0.15s;
}

.seller-card:hover {
    transform: translateY(-2px);
    border-color: #60a5fa;
}

.seller-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.seller-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

.seller-brand h3 {
    margin: 0 0 3px;
    font-size: 15px;
    color: #071a33;
}

.seller-tier-badge.distributor {
    background: #dbeafe;
    color: #1e40af;
}

.seller-price-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.seller-hw-kicker {
    display: block;
    font-size: 9.5px;
    color: #64748b;
    font-weight: 800;
    text-transform: uppercase;
}

.seller-hw-model-name {
    font-size: 12.5px;
    font-weight: 850;
    color: #0f172a;
    margin-top: 2px;
}

.check-price-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #eff6ff;
    color: #0c6fe8;
    border: 1px solid #bfdbfe;
    padding: 4px 9px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.seller-verified-price {
    font-size: 16px;
    font-weight: 900;
    color: #15803d;
}

.seller-verified-price small {
    display: block;
    font-size: 10px;
    font-weight: 750;
}

.seller-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    background: linear-gradient(135deg, #06152d 0%, #0b2347 52%, #0e3263 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.52);
    box-shadow: 0 6px 16px rgba(6, 21, 45, 0.16), inset 0 1px 0 rgba(125, 211, 252, 0.25);
    border-radius: 11px;
    padding: 9px 6px;
    font-size: 11.5px;
}

.seller-meta-grid > div,
.seller-meta-grid .seller-meta-cell {
    background: transparent !important;
    padding: 2px 10px;
    border-radius: 0 !important;
    border: none !important;
    border-right: 1px solid rgba(56, 189, 248, 0.24) !important;
    min-width: 0;
}

.seller-meta-grid > div:last-child,
.seller-meta-grid .seller-meta-cell:last-child {
    border-right: none !important;
}

.seller-meta-grid span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9.4px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    color: #7dd3fc;
}

.seller-meta-grid b {
    display: block;
    font-size: 12.2px;
    font-weight: 800;
    color: #ffffff;
    margin-top: 3px;
    line-height: 1.32;
    white-space: normal;
    word-break: break-word;
}

.seller-short-desc {
    margin: 0;
    font-size: 11.5px;
    color: #475569;
    line-height: 1.45;
}

.seller-card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding-top: 4px;
}

.btn-check-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: linear-gradient(135deg, #00d4ff 0%, #0284c7 48%, #0c6fe8 100%);
    border: 1px solid #38bdf8;
    box-shadow: 0 4px 12px rgba(12, 111, 232, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.42);
    color: #fff;
    padding: 9px 10px;
    border-radius: 9px;
    font-size: 11.5px;
    font-weight: 850;
    text-decoration: none;
    transition: background 0.15s, transform 0.15s;
}

.btn-check-price:hover {
    background: linear-gradient(135deg, #38bdf8 0%, #0c6fe8 52%, #0369a1 100%);
    color: #fff;
    transform: translateY(-1px);
}

.btn-visit-store {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: linear-gradient(135deg, #ffd452 0%, #f59e0b 55%, #d97706 100%);
    border: 1px solid #d97706;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.55);
    color: #031022;
    padding: 9px 10px;
    border-radius: 9px;
    font-size: 11.5px;
    font-weight: 850;
    text-decoration: none;
    transition: background 0.15s, transform 0.15s;
}

.btn-visit-store:hover {
    background: linear-gradient(135deg, #fde047 0%, #fbbf24 50%, #ea580c 100%);
    color: #020914;
    transform: translateY(-1px);
}

@media (max-width: 960px) {
    .result-metrics-grid,
    .pools-grid,
    .software-grid {
        grid-template-columns: 1fr;
    }
}

/* ==================== V5 PREMIUM MINING CALCULATOR UI/UX REDESIGN & LAYOUT FIXES ==================== */

/* 1. Centered Container & Balanced Two-Column Desktop Layout (Exact Bottom Alignment) */
.mining-shell {
    width: min(1360px, calc(100% - 32px));
    margin: 0 auto;
}

.scanner-control-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
    gap: 18px;
    margin-bottom: 24px;
    align-items: stretch;
}

.scanner-card {
    border-radius: 16px;
    border: 1px solid #cbdcf0;
    box-shadow: 0 10px 28px -8px rgba(6, 22, 45, 0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.scanner-card-head {
    padding: 13px 18px;
    background: linear-gradient(135deg, #041022 0%, #071934 55%, #0c2850 100%);
    border-bottom: 2px solid #f59e0b;
}

.scanner-card-head h2 {
    font-size: 16.5px;
    font-weight: 850;
    letter-spacing: -0.01em;
}

.scanner-card-body {
    padding: 14px 16px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* 2. Step Numbering System (Steps 1, 2, 3, 4, 5, 6 & 7) */
.step-num {
    width: auto;
    height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: linear-gradient(135deg, #051326 0%, #0b264a 100%);
    border: 1px solid rgba(56, 189, 248, 0.55);
    border-bottom-color: rgba(251, 191, 36, 0.55);
    color: #ffffff !important;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(3, 12, 26, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.step-label {
    margin-bottom: 8px;
    font-size: 11.5px;
    font-weight: 850;
    color: #071a33;
    letter-spacing: 0.03em;
}

.scanner-head-step-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.step-badge-pill,
.step-badge-pill.is-light {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #051326 0%, #0b264a 100%);
    color: #ffffff !important;
    border: 1px solid rgba(56, 189, 248, 0.55);
    border-bottom-color: rgba(251, 191, 36, 0.55);
    box-shadow: 0 2px 6px rgba(3, 12, 26, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    flex-shrink: 0;
    white-space: nowrap;
}

/* 3. Compact Left Configuration Panel (Eliminate Excessive Vertical Space) */
.calc-step-group {
    background: linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%);
    border: 1px solid #cde0f5;
    border-radius: 13px;
    padding: 9px 11px;
    margin-bottom: 8px;
}

.calc-step-group.is-last,
.step-section.calc-step-group.is-last {
    margin-bottom: 0;
    padding-bottom: 9px;
    border-bottom: 1px solid #cde0f5;
}

.premium-coin-selector-card.calc-step-group {
    padding: 9px 11px;
    margin-bottom: 8px;
}

.coin-combo-trigger {
    padding: 7px 11px;
    border-radius: 10px;
}

.coin-combo-trigger-left img {
    width: 26px;
    height: 26px;
}

.coin-combo-title {
    font-size: 13.8px;
}

.coin-combo-sub {
    font-size: 10.8px;
}

.prominent-algo-strip {
    margin-top: 6px;
    padding-top: 6px;
    gap: 6px;
}

.algo-highlight-bar {
    padding: 6px 10px;
    border-radius: 9px;
}

.algo-prominent-value {
    font-size: 12px;
    padding: 2.5px 8px;
}

.algo-telemetry-pills {
    gap: 5px;
}

.algo-telemetry-pill {
    padding: 4.5px 7.5px;
    border-radius: 7px;
}

.algo-telemetry-pill small {
    font-size: 8.8px;
    margin-bottom: 1px;
}

.algo-telemetry-pill strong {
    font-size: 11px;
}

.hw-mode-tabs {
    margin-bottom: 7px;
    padding: 3.5px;
    gap: 5px;
    border-radius: 9px;
    background: #e2ecf8;
}

.hw-mode-tab {
    padding: 6px 6px;
    font-size: 11.2px;
    border-radius: 7px;
}

.hw-calc-subpanel {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #dde8f5;
}

.control-row {
    gap: 8px;
}

.mining-field label {
    font-size: 10.8px;
    margin-bottom: 3px;
    color: #1e293b;
}

.mining-input-wrap {
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #bfd3eb;
    min-height: 33px;
}

.mining-input-wrap input,
.mining-input-wrap select {
    padding: 5.5px 9px;
    font-size: 12.5px;
    height: 33px;
}

.preset-chips {
    margin-top: 5px;
    gap: 4.5px;
}

.preset-chip {
    padding: 3px 8.5px;
    font-size: 10.5px;
}

.mixed-rig-box {
    margin-top: 7px;
    padding: 7px 9px;
    border-radius: 9px;
}

.custom-hashrate-card {
    padding: 8px 10px;
    margin-bottom: 0;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #c5daf2;
}

/* 4. Landscape Four-Card Profitability Summary Redesign (Requirement 1) */
.live-result-hero {
    background: linear-gradient(135deg, #041022 0%, #081e3d 55%, #0c2b54 100%);
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 14px;
    padding: 13px 14px;
    margin-bottom: 11px;
    box-shadow: 0 8px 22px rgba(3, 12, 26, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.live-result-top {
    padding-bottom: 9px;
    margin-bottom: 10px;
    align-items: center;
}

.live-result-top h3 {
    font-size: 17px;
    font-weight: 850;
}

.period-kpi-grid.four-periods {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
}

.period-kpi-box.is-landscape {
    min-height: 0;
    height: 100%;
    padding: 8px 10px;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(10, 31, 61, 0.92) 0%, rgba(5, 17, 36, 0.96) 100%);
    border: 1px solid rgba(56, 189, 248, 0.26);
    box-shadow: 0 4px 12px rgba(2, 8, 20, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3px;
}

.period-kpi-box.is-landscape:hover,
.period-kpi-box.is-landscape.active-breakdown {
    transform: translateY(-1px);
    border-color: #38bdf8;
    background: linear-gradient(145deg, rgba(14, 44, 84, 0.96) 0%, rgba(7, 25, 52, 0.98) 100%);
    box-shadow: 0 6px 14px rgba(0, 212, 255, 0.18), inset 0 1px 0 rgba(255, 212, 82, 0.28);
}

.period-kpi-box.is-landscape.projection-box {
    border-color: rgba(251, 191, 36, 0.38);
    background: linear-gradient(145deg, rgba(12, 35, 66, 0.94) 0%, rgba(6, 20, 42, 0.98) 100%);
}

.kpi-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
}

.kpi-period-title {
    font-size: 9.8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #cbd5e1;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kpi-info-dot {
    font-size: 10.5px;
    color: #7dd3fc;
    opacity: 0.85;
    flex-shrink: 0;
}

.kpi-main-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
    margin: 1px 0;
}

.period-kpi-box.is-landscape strong {
    font-size: 17.5px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.period-kpi-box.is-landscape .projection-tag {
    display: inline-flex;
    align-items: center;
    font-size: 8.2px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 1.5px 5px;
    border-radius: 4px;
    background: rgba(251, 191, 36, 0.16);
    border: 1px solid rgba(251, 191, 36, 0.38);
    color: #fde68a;
    margin: 0;
    white-space: nowrap;
}

.period-kpi-box.is-landscape .kpi-sub-breakdown {
    display: block;
    font-size: 9.8px;
    line-height: 1.25;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 3px;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.annual-projection-drawer {
    padding: 9px 13px;
    margin-bottom: 11px;
    border-radius: 10px;
}

.result-metrics-grid {
    gap: 8px;
    margin-bottom: 11px;
}

.result-metric-item {
    padding: 10px 12px;
    min-height: 82px;
    border-radius: 11px;
}

.interactive-breakdown-panel {
    padding: 11px 14px;
    margin-bottom: 11px;
    border-radius: 11px;
}

.beginner-explainer-box {
    padding: 10px 13px;
    border-radius: 10px;
}

/* 5. Compatible Mining Pools Header & Top-Right "View All X Pools" Button (Requirements 4, 5 & 6) */
.pools-feature-section {
    padding: 18px 20px;
    border-radius: 16px;
    border: 1px solid #cbdcf0;
}

.pools-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2ecf7;
}

.pools-head-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.pools-head-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pools-head-title-row h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 850;
    color: #071a33;
    letter-spacing: -0.015em;
}

.pools-section-head p {
    margin: 0;
    font-size: 12.8px;
    color: #475569;
    line-height: 1.45;
}

.pools-referral-inline {
    display: inline-block;
    font-size: 11.5px;
    color: #64748b;
    margin-left: 6px;
}

.pools-head-right {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.btn-view-all-pools {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 18px;
    border-radius: 10px;
    background: linear-gradient(135deg, #38bdf8 0%, #22d3ee 32%, #fbbf24 72%, #f59e0b 100%);
    color: #031022 !important;
    border: 1px solid #d97706;
    box-shadow: 0 5px 14px rgba(12, 111, 232, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.68);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.btn-view-all-pools:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(245, 158, 11, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.85);
    filter: brightness(1.03);
    color: #020914 !important;
}

.btn-view-all-arrow {
    font-weight: 900;
    font-size: 14px;
}

/* 6. Improved Compatible Mining Pool Cards (3-Column Grid & Uniform Field Alignment) */
#compatiblePoolsGrid.pools-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

#compatiblePoolsGrid .pool-card {
    height: 100%;
    padding: 15px 16px;
    border-radius: 14px;
    border: 1px solid #c9dcf2;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 6px 18px -8px rgba(6, 22, 45, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 11px;
}

#compatiblePoolsGrid .pool-card:hover {
    border-color: #38bdf8;
    box-shadow: 0 10px 24px -8px rgba(12, 111, 232, 0.16);
}

#compatiblePoolsGrid .pool-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

#compatiblePoolsGrid .pool-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

#compatiblePoolsGrid .pool-brand-meta {
    min-width: 0;
}

#compatiblePoolsGrid .pool-brand h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 850;
    color: #071a33;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#compatiblePoolsGrid .pool-coin-algo-sub {
    font-size: 11px;
    color: #0284c7;
    font-weight: 750;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#compatiblePoolsGrid .pool-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

.pool-merged-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 800;
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
    white-space: nowrap;
}

#compatiblePoolsGrid .pool-specs-grid,
#compatiblePoolsGrid .pool-specs-grid.is-premium-navy {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    background: linear-gradient(135deg, #06152d 0%, #0b2347 52%, #0e3263 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.52);
    box-shadow: 0 6px 16px rgba(6, 21, 45, 0.16), inset 0 1px 0 rgba(125, 211, 252, 0.25);
    border-radius: 11px;
    padding: 9px 6px;
}

#compatiblePoolsGrid .pool-spec-cell {
    background: transparent !important;
    border: none !important;
    border-right: 1px solid rgba(56, 189, 248, 0.22) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-width: 0;
    padding: 2px 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#compatiblePoolsGrid .pool-spec-cell:last-child {
    border-right: none !important;
}

#compatiblePoolsGrid .pool-spec-cell span,
#compatiblePoolsGrid .pool-spec-cell .pool-spec-label {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #7dd3fc !important;
    line-height: 1.2;
    background: transparent !important;
}

#compatiblePoolsGrid .pool-spec-cell b {
    display: block;
    font-size: 11.4px;
    font-weight: 800;
    color: #ffffff !important;
    margin-top: 3px;
    line-height: 1.3;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word;
    background: transparent !important;
}

#compatiblePoolsGrid .pool-fee-note {
    display: inline-block;
    font-style: normal;
    font-weight: 650;
    font-size: 10px;
    color: #bae6fd;
    margin-left: 2px;
}

#compatiblePoolsGrid .pool-profit-highlight {
    padding: 9px 12px;
    border-radius: 10px;
    gap: 8px;
}

#compatiblePoolsGrid .pool-profit-val {
    font-size: 15.5px;
}

#compatiblePoolsGrid .pool-card-actions {
    margin-top: auto;
    padding-top: 2px;
    gap: 8px;
}

#compatiblePoolsGrid .btn-pool-details,
#compatiblePoolsGrid .btn-visit-pool {
    min-height: 36px;
    padding: 7px 10px;
    font-size: 11.8px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 6A. Step 6 — Compatible Mining Software & ASIC Firmware Header */
.software-feature-section {
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid #cbdcf0;
}

.software-section-head {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.software-section-head::-webkit-details-marker {
    display: none;
}

#softwareAccordionDetails[open] .software-section-head {
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2ecf7;
}

.software-head-left {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.software-head-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.software-head-title-row h2 {
    margin: 0;
    font-size: 19.5px;
    font-weight: 850;
    color: #071a33;
    letter-spacing: -0.015em;
}

.software-section-head p {
    margin: 0;
    font-size: 12.5px;
    color: #475569;
    line-height: 1.35;
}

.software-head-right {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

/* 6B. Step 7 — Where to Buy Mining Hardware Compact Header & Price Notice */
.marketplace-feature-section {
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid #cbdcf0;
}

/* High-Contrast Verified Seller & Pool Badges (Dark Navy Background + Bright White Text) */
.seller-verified-badge,
.seller-card .mining-badge.live-ok,
.pool-verified-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #051326 0%, #0b264a 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(56, 189, 248, 0.55) !important;
    border-bottom-color: rgba(251, 191, 36, 0.55) !important;
    box-shadow: 0 2px 6px rgba(3, 12, 26, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
}

.seller-verified-check {
    color: #fbbf24;
    font-weight: 900;
    font-size: 11px;
    line-height: 1;
}

.seller-brand-meta {
    min-width: 0;
}

.seller-tier-badge.official {
    background: #eff6ff;
    color: #071a33;
    border: 1px solid #93c5fd;
}

.seller-tier-badge.distributor {
    background: #f0f9ff;
    color: #0c4a6e;
    border: 1px solid #bae6fd;
}

.seller-tier-badge.retailer {
    background: #fffbeb;
    color: #78350f;
    border: 1px solid #fde68a;
}

/* Ensure any .mining-badge.live-warn used on light card/table backgrounds has strong WCAG contrast */
.scanner-card-body .mining-badge.live-warn,
.mining-table .mining-badge.live-warn {
    background: #fef3c7;
    color: #78350f;
    border: 1px solid #f59e0b;
}

.marketplace-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: none;
}

.marketplace-head-left {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.marketplace-head-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.marketplace-head-title-row h2 {
    margin: 0;
    font-size: 19.5px;
    font-weight: 850;
    color: #071a33;
    letter-spacing: -0.015em;
}

.marketplace-section-head p {
    margin: 0;
    font-size: 12.5px;
    color: #475569;
    line-height: 1.35;
}

.marketplace-head-right {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.btn-open-rig-builder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #38bdf8 0%, #22d3ee 32%, #fbbf24 72%, #f59e0b 100%);
    color: #031022 !important;
    border: 1px solid #d97706;
    box-shadow: 0 5px 14px rgba(12, 111, 232, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.68);
    font-size: 12.8px;
    font-weight: 850;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.btn-open-rig-builder:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(245, 158, 11, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.85);
    filter: brightness(1.03);
    color: #020914 !important;
}

.marketplace-feature-section .price-disclaimer-banner {
    background: #f8fbff;
    border: 1px solid #c9dcf2;
    border-left: 3px solid #f59e0b;
    color: #334155;
    border-radius: 9px;
    padding: 7px 12px;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.marketplace-feature-section .price-disclaimer-banner strong {
    color: #071a33;
    font-weight: 850;
}

/* 7. Responsive Breakpoints for Landscape Profitability Cards & Pool Cards */
@media (max-width: 1280px) {
    .period-kpi-grid.four-periods {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .scanner-control-grid {
        grid-template-columns: 1fr;
    }
    .period-kpi-grid.four-periods {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    #compatiblePoolsGrid.pools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .period-kpi-grid.four-periods {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .pools-section-head,
    .software-section-head,
    .marketplace-section-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .pools-head-right,
    .software-head-right,
    .marketplace-head-right {
        width: 100%;
    }
    .btn-view-all-pools,
    .btn-open-rig-builder {
        width: 100%;
    }
    #compatiblePoolsGrid.pools-grid {
        grid-template-columns: 1fr;
    }
    .period-kpi-grid.four-periods {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .period-kpi-grid.four-periods {
        grid-template-columns: 1fr;
    }
}

/* ==================== V6 STEP 2 — HARDWARE SPECIFICATIONS CARD & RIG SCALING SUMMARY ==================== */

/* Consistent GPU/ASIC/CPU Control Alignment */
#calcStep2Hardware .control-row {
    align-items: end;
}

#calcStep2Hardware .mining-field {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
}

#calcStep2Hardware .mining-field label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#calcStep2Hardware .mining-input-wrap {
    height: 35px;
    min-height: 35px;
    border-radius: 8px;
    border: 1px solid #b8cfe9;
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#calcStep2Hardware .mining-input-wrap:focus-within {
    border-color: #0284c7;
    box-shadow: 0 0 0 2.5px rgba(14, 165, 233, 0.16);
}

#calcStep2Hardware .mining-input-wrap input,
#calcStep2Hardware .mining-input-wrap select {
    height: 33px;
    font-size: 12.2px;
    font-weight: 700;
    color: #0f172a;
}

/* Quick GPU & ASIC Model Selection Pills — Strong Active Indicator */
#calcStep2Hardware .preset-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
}

#calcStep2Hardware .preset-chips-label {
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #475569;
    margin-right: 2px;
}

#calcStep2Hardware .preset-chip[data-quick-gpu],
#calcStep2Hardware .preset-chip[data-quick-asic] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 9.5px;
    border-radius: 999px;
    font-size: 10.8px;
    font-weight: 750;
    color: #1e293b;
    background: #ffffff;
    border: 1px solid #cbdcf0;
    cursor: pointer;
    transition: all 0.15s ease;
}

#calcStep2Hardware .preset-chip[data-quick-gpu]:hover,
#calcStep2Hardware .preset-chip[data-quick-asic]:hover {
    border-color: #0284c7;
    background: #f0f9ff;
    color: #0369a1;
}

#calcStep2Hardware .preset-chip[data-quick-gpu].active,
#calcStep2Hardware .preset-chip[data-quick-asic].active {
    background: linear-gradient(135deg, #041226 0%, #0a2547 60%, #0c3566 100%);
    color: #ffffff;
    border-color: #38bdf8;
    box-shadow: 0 2px 7px rgba(3, 18, 38, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    font-weight: 850;
}

#calcStep2Hardware .preset-chip[data-quick-gpu].active::before,
#calcStep2Hardware .preset-chip[data-quick-asic].active::before {
    content: "\2713";
    color: #34d399;
    font-weight: 900;
    font-size: 10.5px;
}

/* Hardware Specifications Card (GPU, ASIC & CPU) */
.hw-spec-card-mount {
    margin-top: 8px;
    width: 100%;
}

.hw-spec-card {
    background: #ffffff;
    border: 1px solid #bdd4ee;
    border-radius: 11px;
    overflow: hidden;
    box-shadow: 0 4px 12px -4px rgba(7, 26, 51, 0.08);
}

.hw-spec-card-head {
    background: linear-gradient(135deg, #041124 0%, #092142 58%, #0d2e59 100%);
    border-bottom: 1px solid rgba(56, 189, 248, 0.32);
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.hw-spec-title-wrap {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    flex-wrap: wrap;
}

.hw-spec-model-name {
    font-size: 13px;
    font-weight: 850;
    color: #ffffff;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.hw-spec-head-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* High-Contrast Emerald Verified Benchmark Badge */
.hw-verified-bench-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.2);
    color: #a7f3d0 !important;
    border: 1px solid rgba(52, 211, 153, 0.45);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
    flex-shrink: 0;
}

.hw-verified-bench-badge .bench-check {
    color: #34d399;
    font-weight: 900;
    font-size: 10.5px;
}

.hw-unverified-bench-badge {
    display: inline-flex;
    align-items: center;
    gap: 4.5px;
    height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: #b45309;
    color: #ffffff !important;
    border: 1px solid #fbbf24;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 4-Column Core Telemetry Metrics inside Hardware Spec Card (Hashrate, Power, Efficiency, Algorithm) */
.hw-spec-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 8px 10px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.hw-spec-metric-box {
    background: #f1f6fd;
    border: 1px solid #d5e4f6;
    border-radius: 8px;
    padding: 6px 8px;
    min-width: 0;
}

.hw-spec-metric-box.is-hashrate {
    background: #ecfdf5;
    border-color: #6ee7b7;
}

.hw-spec-metric-label {
    display: block;
    font-size: 9.2px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #475569;
    margin-bottom: 1.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hw-spec-metric-box.is-hashrate .hw-spec-metric-label {
    color: #065f46;
}

.hw-spec-metric-val {
    display: block;
    font-size: 12.5px;
    font-weight: 900;
    color: #071a33;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hw-spec-metric-box.is-hashrate .hw-spec-metric-val {
    color: #064e3b;
}

/* Expandable Other Compatible Algorithms Row */
.hw-spec-algos-row {
    padding: 5px 10px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    flex-wrap: wrap;
    border-top: 1px solid #e8f0fa;
    background: #fafcff;
}

.hw-spec-algos-left {
    display: flex;
    align-items: center;
    gap: 4.5px;
    flex-wrap: wrap;
    min-width: 0;
}

.hw-algo-chip {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 7px;
    border-radius: 6px;
    font-size: 10.2px;
    font-weight: 750;
    color: #0f172a;
    background: #eef5fc;
    border: 1px solid #cbdcf0;
    white-space: nowrap;
}

.hw-algo-more-btn {
    display: inline-flex;
    align-items: center;
    height: 21px;
    padding: 0 8.5px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
    color: #0369a1;
    background: #e0f2fe;
    border: 1px solid #7dd3fc;
    cursor: pointer;
    transition: all 0.14s ease;
}

.hw-algo-more-btn:hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
}

.hw-spec-card-head .hw-spec-buy-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 23px;
    padding: 0 9px;
    border-radius: 999px;
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: #ffffff !important;
    border: 1px solid #34d399;
    font-size: 10.2px;
    font-weight: 850;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(5, 150, 105, 0.28);
    transition: transform 0.14s ease, filter 0.14s ease;
}

.hw-spec-card-head .hw-spec-buy-link:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/* Custom Override Status Badge & Reset Pill inside #customHashrateCard */
.hashrate-card-head-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.btn-reset-hw-spec {
    display: none;
    align-items: center;
    gap: 4px;
    height: 24px;
    padding: 0 8.5px;
    border-radius: 999px;
    font-size: 10.2px;
    font-weight: 800;
    color: #065f46;
    background: #d1fae5;
    border: 1px solid #10b981;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-reset-hw-spec.is-visible {
    display: inline-flex;
}

.btn-reset-hw-spec:hover {
    background: #059669;
    color: #ffffff;
    border-color: #047857;
}

/* Per-Device vs. Total Rig Live Scaling Summary Strip */
.rig-scaling-summary-panel {
    margin-top: 8px;
    border-radius: 9px;
    background: linear-gradient(135deg, #041124 0%, #092040 55%, #0c2b52 100%);
    border: 1px solid rgba(56, 189, 248, 0.35);
    padding: 7.5px 10px;
    color: #f8fafc;
    box-shadow: 0 4px 10px rgba(3, 12, 26, 0.16);
}

.rig-scaling-top-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.rig-scaling-col {
    min-width: 0;
}

.rig-scaling-col-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 9.2px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #7dd3fc;
    margin-bottom: 2px;
}

.rig-scaling-col.is-total .rig-scaling-col-tag {
    color: #fde68a;
}

.rig-scaling-col-val {
    display: block;
    font-size: 11.4px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rig-scaling-bottom-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding-top: 6px;
}

.rig-scaling-mini-stat {
    min-width: 0;
}

.rig-scaling-mini-stat small {
    display: block;
    font-size: 8.8px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #94a3b8;
    margin-bottom: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rig-scaling-mini-stat strong {
    display: block;
    font-size: 11.2px;
    font-weight: 850;
    color: #f8fafc;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rig-scaling-mini-stat strong.is-pos {
    color: #34d399;
}

.rig-scaling-mini-stat strong.is-neg {
    color: #fca5a5;
}

@media (max-width: 680px) {
    .hw-spec-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .rig-scaling-top-row,
    .rig-scaling-bottom-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.hw-spec-buy-link,
.table-check-price-link {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    font-weight: 800;
    color: #0284c7;
    text-decoration: none;
    transition: color 0.15s ease;
}

.hw-spec-buy-link:hover,
.table-check-price-link:hover {
    color: #0369a1;
    text-decoration: underline;
}

/* ==================== V6 REDESIGN: GPU HARDWARE SCANNER & ASIC/CPU MINER COMPARISON ==================== */

/* 1. Consistent Dashboard Navigation Tabs & Unified Tab Button System */
.scanner-tabs-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
    padding: 8px;
    background: #e6effa;
    border: 1px solid #cbdcf0;
    border-radius: 14px;
    box-sizing: border-box;
}

.scanner-tab-btn {
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1.5px solid #93c5fd;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
    color: #071a33;
    font-size: 12.8px;
    font-weight: 850;
    line-height: 1.25;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(12, 45, 88, 0.06), inset 0 1px 0 #ffffff;
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.scanner-tab-btn:hover:not(.active) {
    background: linear-gradient(180deg, #e0f2fe 0%, #dbeafe 100%);
    border-color: #0c6fe8;
    color: #071a33;
    box-shadow: 0 4px 10px rgba(12, 111, 232, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.scanner-tab-btn:focus-visible,
.mining-cat-tab:focus-visible,
.hw-mode-tab:focus-visible,
.hw-dir-tab:focus-visible {
    outline: 2px solid #0c6fe8;
    outline-offset: 2px;
}

.scanner-tab-btn.active {
    background: linear-gradient(135deg, #061831 0%, #0b3260 100%);
    color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 4px 10px rgba(6, 24, 49, 0.18);
}

.scanner-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 10.8px;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    flex-shrink: 0;
}

.scanner-tab-btn.active .scanner-tab-count {
    background: rgba(56, 189, 248, 0.2);
    color: #e0f2fe;
    border: 1px solid rgba(56, 189, 248, 0.42);
}

.scanner-tab-btn:not(.active) .scanner-tab-count {
    background: #dbeafe;
    color: #0c4a6e;
    border: 1px solid #93c5fd;
}

/* Consistent Active/Inactive Button Styling for Related Tab Navigation Components */
.mining-cat-tab {
    border: 1.5px solid #93c5fd;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
    color: #071a33;
    box-shadow: 0 2px 5px rgba(12, 45, 88, 0.05), inset 0 1px 0 #ffffff;
}

.mining-cat-tab:hover:not(.active) {
    background: linear-gradient(180deg, #e0f2fe 0%, #dbeafe 100%);
    border-color: #0c6fe8;
    color: #071a33;
}

.mining-cat-tab.active {
    background: linear-gradient(135deg, #061831 0%, #0b3260 100%);
    color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 4px 10px rgba(6, 24, 49, 0.18);
}

.mining-cat-tab:not(.active) .cat-count {
    background: #dbeafe;
    color: #0c4a6e;
    border: 1px solid #93c5fd;
}

.hw-mode-tabs {
    background: #e6effa;
    border: 1px solid #cbdcf0;
    padding: 5px;
    gap: 6px;
    border-radius: 10px;
}

.hw-mode-tab {
    border: 1.5px solid #93c5fd;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
    color: #071a33;
    font-weight: 850;
    box-shadow: 0 1px 3px rgba(12, 45, 88, 0.05), inset 0 1px 0 #ffffff;
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.hw-mode-tab:hover:not(.active) {
    background: linear-gradient(180deg, #e0f2fe 0%, #dbeafe 100%);
    border-color: #0c6fe8;
    color: #071a33;
}

.hw-mode-tab.active {
    background: linear-gradient(135deg, #061831 0%, #0b3260 100%);
    color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 3px 8px rgba(6, 24, 49, 0.18);
}

/* 2. Compact & Clean Filter Toolbar */
.table-filter-bar.is-compact-filter {
    padding: 11px 14px;
    margin-bottom: 12px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #dbe5f0;
    gap: 10px;
}

.table-filter-bar.is-compact-filter .filter-group {
    gap: 8px;
}

.table-filter-bar.is-compact-filter .filter-group select,
.table-filter-bar.is-compact-filter .filter-group input[type="text"],
.table-filter-bar.is-compact-filter .filter-group input[type="number"] {
    height: 36px;
    padding: 0 11px;
    border-radius: 9px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    font-size: 12.2px;
    font-weight: 650;
    color: #0f172a;
    box-sizing: border-box;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.table-filter-bar.is-compact-filter .filter-group input[type="text"] {
    min-width: 210px;
}

.table-filter-bar.is-compact-filter .filter-group input[type="number"] {
    width: 145px;
}

.table-filter-bar.is-compact-filter .filter-group select:focus,
.table-filter-bar.is-compact-filter .filter-group input:focus {
    outline: none;
    background: #ffffff;
    border-color: #0c6fe8;
    box-shadow: 0 0 0 3px rgba(12, 111, 232, 0.12);
}

.filter-check-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px;
    border-radius: 9px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    font-size: 12px;
    font-weight: 750;
    color: #1e293b;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.filter-check-pill:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
}

.filter-check-pill input[type="checkbox"] {
    margin: 0;
    accent-color: #0c6fe8;
    cursor: pointer;
}

/* 3. Redesigned Hardware Scanner & Miner Comparison Tables */
.mining-table th.is-num,
.mining-table td.is-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mining-table th.is-action-col,
.mining-table td.is-action-col {
    text-align: center;
    white-space: nowrap;
    width: 1%;
}

.mining-table.is-hardware-scanner-table {
    width: 100%;
    min-width: 880px;
}

.mining-table.is-hardware-scanner-table th {
    background: #f8fafc;
    color: #334155;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: 0.04em;
    padding: 10px 9px;
    border-bottom: 1.5px solid #dbe5f0;
    white-space: nowrap;
}

.mining-table.is-hardware-scanner-table td {
    padding: 10px 9px;
    border-bottom: 1px solid #eef2f7;
    vertical-align: middle;
}

.mining-table.is-hardware-scanner-table th:first-child,
.mining-table.is-hardware-scanner-table td:first-child {
    padding-left: 14px;
}

.mining-table.is-hardware-scanner-table th:last-child,
.mining-table.is-hardware-scanner-table td:last-child {
    padding-right: 14px;
}

.mining-table.is-hardware-scanner-table tbody tr:nth-child(even) {
    background: #fafcff;
}

.mining-table.is-hardware-scanner-table tbody tr:hover {
    background: #f0f7ff;
}

.mining-table.is-hardware-scanner-table tbody tr.selected-row {
    background: #eff6ff;
    box-shadow: inset 3px 0 0 #0c6fe8;
}

/* Hardware Model Column with Official Manufacturer Logo */
.hw-table-model-cell {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 190px;
}

.hw-table-model-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.hw-table-model-name-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.hw-table-model-name {
    font-size: 13px;
    font-weight: 850;
    color: #071a33;
    line-height: 1.25;
}

.hw-table-model-sub {
    font-size: 10.8px;
    font-weight: 600;
    color: #64748b;
    line-height: 1.3;
}

.hw-vram-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2.5px 7px;
    border-radius: 6px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #1e293b;
    font-size: 11px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hw-table-coin-stack {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 96px;
}

.hw-table-coin-stack strong {
    font-size: 12.2px;
    font-weight: 850;
    color: #0f172a;
    line-height: 1.25;
}

.hw-table-coin-stack small {
    font-size: 10.8px;
    font-weight: 650;
    color: #64748b;
    line-height: 1.25;
}

.hw-table-num {
    font-size: 12.4px;
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
}

.hw-table-subnum {
    display: block;
    margin-top: 2px;
    font-size: 10.3px;
    font-weight: 650;
    color: #64748b;
    font-variant-numeric: tabular-nums;
}

.hw-table-profit {
    font-size: 12.8px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hw-table-profit.val-pos {
    color: #15803d;
}

.hw-table-profit.val-neg {
    color: #dc2626;
}

/* Compact, Aligned Check Price & Calculate Buttons */
.mining-table.is-hardware-scanner-table .table-check-price-link,
.mining-table.is-hardware-scanner-table .btn-table-select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 27px;
    min-width: 0;
    padding: 0 9px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mining-table.is-hardware-scanner-table .table-check-price-link {
    background: #eff6ff;
    border: 1px solid #93c5fd;
    color: #0c6fe8;
}

.mining-table.is-hardware-scanner-table .table-check-price-link:hover {
    background: #0c6fe8;
    border-color: #0c6fe8;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(12, 111, 232, 0.22);
}

.mining-table.is-hardware-scanner-table .btn-table-select {
    background: #0c6fe8;
    border: 1px solid #0c6fe8;
    color: #ffffff;
}

.mining-table.is-hardware-scanner-table .btn-table-select:hover {
    background: #0958b8;
    border-color: #0958b8;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(9, 88, 184, 0.24);
}

.mining-table.is-hardware-scanner-table .btn-table-select.active-btn {
    background: #061831;
    border-color: #0284c7;
    color: #7dd3fc;
}

/* Responsive Tabs & Mobile Hardware Scanner Layout */
@media (max-width: 1024px) {
    .scanner-tabs-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .scanner-tabs-bar {
        grid-template-columns: 1fr;
    }

    .scanner-tab-btn {
        justify-content: center;
        padding: 10px 14px;
    }

    .table-filter-bar.is-compact-filter .filter-group {
        width: 100%;
    }

    .table-filter-bar.is-compact-filter .filter-group select,
    .table-filter-bar.is-compact-filter .filter-group input[type="text"],
    .table-filter-bar.is-compact-filter .filter-group input[type="number"],
    .table-filter-bar.is-compact-filter .filter-check-pill {
        width: 100%;
        min-width: 0;
    }
}

/* ============================================================================
   COIN TELEMETRY STRIP SUB-LABELS, HARDWARE-TO-COIN DISCOVERY & DIFFICULTY CHART
   ============================================================================ */
.algo-telemetry-pill {
    position: relative;
}

.algo-telemetry-pill .strip-info-icon {
    font-size: 10px;
    color: #0c6fe8;
    margin-left: 2px;
    cursor: help;
}

.algo-telemetry-pill .strip-telemetry-sub {
    display: block;
    font-size: 9.5px;
    font-weight: 600;
    color: #64748b;
    margin-top: 2px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hw-mode-tab.is-incompatible-mode {
    opacity: 0.62;
    border-style: dashed;
}

.hw-category-empty-notice {
    margin: 8px 0 10px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #78350f;
    font-size: 12px;
    line-height: 1.45;
}

.hw-category-empty-notice strong {
    display: block;
    font-size: 12.5px;
    font-weight: 800;
    color: #92400e;
    margin-bottom: 4px;
}

.hw-category-empty-notice .btn-switch-compat-mode {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    padding: 5px 11px;
    border-radius: 7px;
    background: #0c6fe8;
    color: #ffffff;
    border: 1px solid #0c6fe8;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.15s ease;
}

.hw-category-empty-notice .btn-switch-compat-mode:hover {
    background: #0958b8;
}

/* Mineable Coins for This Hardware Drawer */
.hw-mineable-coins-drawer {
    margin: 9px 0 10px;
    border-radius: 11px;
    border: 1px solid #cbdcf0;
    background: #f8fbff;
    overflow: hidden;
}

.hw-mineable-coins-summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    background: linear-gradient(90deg, #071932 0%, #0d284e 100%);
    color: #ffffff;
    cursor: pointer;
    user-select: none;
}

.hw-mineable-coins-summary::-webkit-details-marker {
    display: none;
}

.hw-mineable-summary-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.hw-mineable-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(56, 189, 248, 0.18);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #7dd3fc;
    font-size: 12px;
    flex-shrink: 0;
}

.hw-mineable-title {
    display: block;
    font-size: 12px;
    font-weight: 850;
    color: #ffffff;
    line-height: 1.2;
}

.hw-mineable-subtitle {
    display: block;
    font-size: 10px;
    color: #cbd5e1;
    line-height: 1.25;
}

.hw-mineable-summary-right {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.hw-mineable-count-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.22);
    border: 1px solid rgba(52, 211, 153, 0.45);
    color: #a7f3d0;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.hw-mineable-chevron {
    font-size: 11px;
    color: #93c5fd;
    transition: transform 0.18s ease;
}

.hw-mineable-coins-drawer[open] .hw-mineable-chevron {
    transform: rotate(180deg);
}

.hw-mineable-coins-body {
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow: visible;
    max-height: none;
}

.hw-mineable-coins-body.is-scrollable {
    max-height: 315px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #94a3b8 #f1f5f9;
}

.hw-mineable-empty-msg {
    font-size: 11.5px;
    color: #64748b;
    padding: 6px 4px;
}

.hw-mineable-coin-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 11px;
    border-radius: 9px;
    background: #ffffff;
    border: 1px solid #dbe7f5;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.hw-mineable-coin-item:hover {
    border-color: #60a5fa;
    box-shadow: 0 2px 6px rgba(12, 111, 232, 0.08);
}

.hw-mineable-coin-item.is-active-coin {
    background: #eff6ff;
    border-color: #0c6fe8;
}

.hw-mineable-coin-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

.hw-mineable-coin-logo {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background: #f8fafc;
    border: 1px solid #dbe7f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    padding: 3px;
    box-sizing: border-box;
}

.hw-mineable-coin-logo img {
    width: 34px;
    height: 34px;
    max-width: 34px;
    max-height: 34px;
    border-radius: 50%;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

.hw-mineable-coin-logo .coin-symbol-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #071932;
    color: #38bdf8;
    font-size: 10.5px;
    font-weight: 850;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.02em;
}

.hw-mineable-coin-meta {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.hw-mineable-coin-name-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    min-width: 0;
}

.hw-mineable-coin-name {
    font-size: 12.5px;
    font-weight: 850;
    color: #071932;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hw-mineable-coin-sym {
    font-size: 10px;
    font-weight: 850;
    color: #0c6fe8;
    background: #e0f2fe;
    border: 1px solid #bae6fd;
    padding: 1px 6px;
    border-radius: 5px;
    line-height: 1.25;
    flex-shrink: 0;
}

.hw-mineable-algo-pill {
    font-size: 10px;
    font-weight: 750;
    color: #334155;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    padding: 1px 6px;
    border-radius: 5px;
    line-height: 1.25;
    flex-shrink: 0;
}

.hw-mineable-compat-tag {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10px;
    color: #047857;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    padding: 1px 6px;
    border-radius: 5px;
    font-weight: 750;
    line-height: 1.25;
    flex-shrink: 0;
}

.hw-mineable-coin-sub {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 10.5px;
    color: #475569;
    line-height: 1.25;
}

.hw-mineable-spec-chip {
    font-weight: 700;
    color: #334155;
    font-variant-numeric: tabular-nums;
}

.hw-mineable-profit-chip {
    color: #475569;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.hw-mineable-profit-chip strong.val-pos {
    color: #047857;
    font-weight: 800;
}

.hw-mineable-profit-chip strong.val-neg {
    color: #dc2626;
    font-weight: 800;
}

.hw-mineable-coin-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto;
}

.btn-select-hw-coin {
    flex-shrink: 0;
    padding: 6px 11px;
    border-radius: 7px;
    font-size: 10.8px;
    font-weight: 800;
    border: 1px solid #0c6fe8;
    background: #0c6fe8;
    color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
}

.btn-select-hw-coin:hover {
    background: #0958b8;
    border-color: #0958b8;
}

.btn-select-hw-coin.is-selected {
    background: #064e3b;
    border-color: #059669;
    color: #ecfdf5;
    cursor: default;
}

/* Permanent Network Difficulty History Chart Panel */
.difficulty-history-drawer {
    margin-top: 8px;
    border-radius: 12px;
    border: 1px solid #cbdcf0;
    background: #ffffff;
    overflow: visible;
    max-width: 100%;
    box-shadow: 0 2px 8px rgba(7, 25, 50, 0.05);
}

.difficulty-history-summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 12px;
    border-radius: 11px 11px 0 0;
    background: linear-gradient(90deg, #071932 0%, #0d284e 100%);
    color: #ffffff;
    cursor: default;
    user-select: none;
}

.difficulty-history-summary::-webkit-details-marker {
    display: none;
}

.diff-history-summary-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.diff-history-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(245, 158, 11, 0.18);
    border: 1px solid rgba(251, 191, 36, 0.45);
    font-size: 12px;
    flex-shrink: 0;
}

.diff-history-head-text {
    min-width: 0;
}

.diff-history-title {
    display: block;
    font-size: 12.5px;
    font-weight: 850;
    color: #ffffff;
    line-height: 1.2;
}

.diff-history-sub {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    font-size: 10.5px;
    color: #cbd5e1;
    line-height: 1.25;
    margin-top: 1px;
}

.diff-history-sub #diffHistoryCoinLabel {
    color: #f8fafc;
    font-weight: 700;
}

.diff-history-sub .diff-dot-sep {
    color: #64748b;
}

.diff-history-summary-right {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.diff-latest-badge-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.diff-history-latest-pill {
    padding: 2.5px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #f8fafc;
    font-size: 10.5px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.diff-unit-info-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(56, 189, 248, 0.45);
    background: rgba(56, 189, 248, 0.16);
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: all 0.14s ease;
}

.diff-unit-info-btn:hover,
.diff-unit-info-btn:focus-visible {
    background: #38bdf8;
    border-color: #38bdf8;
    color: #071932;
    outline: none;
}

.diff-unit-info-popover {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    z-index: 30;
    width: 285px;
    max-width: calc(100vw - 32px);
    padding: 10px 12px;
    border-radius: 9px;
    background: #071932;
    border: 1px solid #38bdf8;
    box-shadow: 0 10px 26px rgba(3, 12, 26, 0.45);
    color: #e2e8f0;
    font-size: 10.8px;
    line-height: 1.4;
    text-align: left;
    user-select: text;
}

.diff-unit-popover-title {
    font-size: 11.5px;
    font-weight: 850;
    color: #38bdf8;
    margin-bottom: 4px;
}

.diff-unit-popover-text {
    margin: 0 0 6px;
    color: #cbd5e1;
}

.diff-unit-active-box {
    padding: 5px 7px;
    border-radius: 6px;
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.25);
    color: #f8fafc;
    margin-bottom: 6px;
    font-size: 10.2px;
}

.diff-unit-active-box strong {
    color: #fbbf24;
    margin-right: 3px;
}

.diff-unit-popover-note {
    margin: 0;
    font-size: 10px;
    color: #94a3b8;
}

.diff-history-change-pill {
    padding: 2.5px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    background: rgba(148, 163, 184, 0.2);
    color: #e2e8f0;
    font-variant-numeric: tabular-nums;
}

.diff-history-change-pill.is-up {
    background: rgba(245, 158, 11, 0.22);
    border: 1px solid rgba(251, 191, 36, 0.45);
    color: #fde68a;
}

.diff-history-change-pill.is-down {
    background: rgba(16, 185, 129, 0.22);
    border: 1px solid rgba(52, 211, 153, 0.45);
    color: #a7f3d0;
}

.difficulty-history-body {
    padding: 8px 10px 9px;
    background: #f8fbff;
    border-radius: 0 0 11px 11px;
}

.diff-history-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 6px;
}

.diff-history-period-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 3px;
    width: 100%;
    background: #e2ecf8;
    padding: 3px;
    border-radius: 8px;
}

.diff-period-btn {
    padding: 4px 6px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: #334155;
    font-size: 10.5px;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.14s ease;
}

.diff-period-btn:hover {
    color: #0c6fe8;
    background: rgba(255, 255, 255, 0.6);
}

.diff-period-btn.active {
    background: #0c6fe8;
    color: #ffffff;
    box-shadow: 0 1px 4px rgba(12, 111, 232, 0.25);
}

.diff-period-btn.is-period-unavailable:not(.active) {
    opacity: 0.52;
    color: #64748b;
}

.diff-history-chart-wrap {
    position: relative;
    background: #071932;
    border: 1px solid #1e3a5f;
    border-radius: 9px;
    padding: 7px 7px 3px;
    min-height: 162px;
    overflow: hidden;
}

.diff-history-loading-overlay {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(7, 25, 50, 0.78);
    border-radius: 9px;
    color: #bae6fd;
    font-size: 11px;
    font-weight: 700;
}

.diff-history-spinner {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(56, 189, 248, 0.3);
    border-top-color: #38bdf8;
    animation: diffSpin 0.65s linear infinite;
}

@keyframes diffSpin {
    to {
        transform: rotate(360deg);
    }
}

.diff-history-svg-mount {
    width: 100%;
    height: 154px;
}

.diff-history-svg-mount svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.diff-history-tooltip {
    position: absolute;
    top: 8px;
    left: 10px;
    z-index: 5;
    pointer-events: none;
    background: rgba(7, 25, 50, 0.94);
    border: 1px solid #38bdf8;
    border-radius: 7px;
    padding: 5px 8px;
    color: #f8fafc;
    font-size: 10.5px;
    line-height: 1.35;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
    max-width: 220px;
}

.diff-history-empty-state {
    background: #071932;
    border: 1px solid #1e3a5f;
    border-radius: 9px;
    padding: 20px 14px;
    text-align: center;
    color: #e2e8f0;
}

.diff-history-empty-state strong {
    display: block;
    font-size: 12.5px;
    color: #fbbf24;
    margin-bottom: 4px;
}

.diff-history-empty-state p {
    margin: 0;
    font-size: 11px;
    color: #94a3b8;
}

.diff-history-stats-bar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 6px;
}

.diff-stat-cell {
    background: #ffffff;
    border: 1px solid #dbe7f5;
    border-radius: 7px;
    padding: 5px 8px;
    min-width: 0;
}

.diff-stat-cell small {
    display: block;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: 0.03em;
}

.diff-stat-cell strong {
    display: block;
    font-size: 11.5px;
    font-weight: 850;
    color: #071932;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.diff-history-coverage-notice {
    margin-top: 6px;
    font-size: 10px;
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 4px 8px;
}

@media (max-width: 680px) {
    .diff-history-period-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .diff-history-stats-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .hw-mineable-coin-item {
        padding: 7px 9px;
        gap: 8px;
    }
    .hw-mineable-coin-logo {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .hw-mineable-coin-logo img,
    .hw-mineable-coin-logo .coin-symbol-avatar {
        width: 32px;
        height: 32px;
        max-width: 32px;
        max-height: 32px;
    }
}

@media (max-width: 460px) {
    .diff-history-stats-bar {
        grid-template-columns: 1fr;
    }
    .hw-mineable-coin-item {
        flex-wrap: wrap;
    }
    .hw-mineable-coin-right {
        width: 100%;
        justify-content: flex-end;
        padding-top: 2px;
    }
    .btn-select-hw-coin {
        width: 100%;
        text-align: center;
    }
}

/* ============================================================================
   MINING CALCULATOR UI CLEANUP & COMPACT OPTIMIZATION
   ============================================================================ */

#miningCalculatorWorkspace .scanner-card-head {
    padding: 13px 18px;
}

#miningCalculatorWorkspace .scanner-card-body {
    padding: 14px 16px;
}

#miningCalculatorWorkspace .calc-step-group {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#miningCalculatorWorkspace .calc-step-group.is-last {
    margin-bottom: 0;
    padding-bottom: 0;
}

#miningCalculatorWorkspace .calc-step-group.is-drawer-wrapper > .compact-calc-drawer {
    margin-top: 0;
}

#miningCalculatorWorkspace .premium-coin-selector-card {
    padding: 11px 12px;
    margin-bottom: 10px;
}

.coin-combo-identity {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.coin-combo-title-row {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.coin-inline-algo-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 6px;
    background: linear-gradient(135deg, #071932, #0d284e);
    border: 1px solid #38bdf8;
    color: #7dd3fc;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: 0.02em;
    line-height: 1.25;
}

.compact-section-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0a2b59;
    margin-bottom: 6px;
}

/* Compact Hardware Type Selector (GPU / ASIC / CPU / Custom) */
#miningCalculatorWorkspace .hw-mode-tabs {
    margin-bottom: 10px;
    padding: 4px;
    gap: 5px;
}

#miningCalculatorWorkspace .hw-mode-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 850;
}

.hw-tab-svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* Compact Single-Line Incompatible Hardware Notification */
#miningCalculatorWorkspace .hw-category-empty-notice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin: 6px 0 8px;
    padding: 8px 11px;
    border-radius: 9px;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #92400e;
    font-size: 11.5px;
    font-weight: 700;
}

.hw-empty-inline-text {
    flex: 1 1 220px;
    line-height: 1.35;
}

.hw-empty-inline-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

#miningCalculatorWorkspace .hw-category-empty-notice .btn-switch-compat-mode {
    margin-top: 0;
    padding: 4px 10px;
    font-size: 10.8px;
    border-radius: 6px;
}

#miningCalculatorWorkspace .hw-category-empty-notice .btn-switch-compat-mode.is-secondary {
    background: #0f172a;
    border-color: #334155;
}

/* 3-Column Hardware Spec Card Grid (Hashrate, Power, Efficiency — No Repeated Algorithm) */
.hw-spec-metrics-grid.is-three-cols {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Essential Inputs Card & Compact Multi-Device Total Bar */
#miningCalculatorWorkspace .custom-hashrate-card {
    padding: 11px 13px;
    margin-bottom: 0;
}

.essential-inputs-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}

.rig-scaling-summary-panel.is-compact-multi-only {
    margin-top: 8px;
    padding: 7px 11px;
    border-radius: 8px;
    background: #071932;
    border: 1px solid #1e3a5f;
    color: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11.5px;
}

.rig-scaling-compact-line {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.rig-scaling-compact-line strong {
    color: #7dd3fc;
    font-weight: 850;
}

.rig-scaling-compact-line span {
    color: #ffffff;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

/* Compact Collapsible Drawers (Network Info, Advanced Costs & Settings, Calculation Breakdown, Advanced Profitability Details) */
.compact-calc-drawer {
    border: 1px solid #cbdcf0;
    border-radius: 10px;
    background: #f8fbff;
    overflow: hidden;
    margin-top: 8px;
}

.coin-network-info-drawer {
    margin-top: 8px;
    background: #ffffff;
}

.compact-calc-drawer-summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    background: #eef5fc;
    color: #071932;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    transition: background 0.14s ease;
}

.compact-calc-drawer-summary:hover {
    background: #e2eefb;
}

.compact-calc-drawer-summary::-webkit-details-marker {
    display: none;
}

.compact-drawer-title {
    font-weight: 850;
    color: #071932;
    font-size: 12px;
}

.compact-drawer-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10.8px;
    font-weight: 700;
    color: #475569;
}

.compact-drawer-chevron {
    font-size: 11px;
    color: #0c6fe8;
    transition: transform 0.16s ease;
}

.compact-calc-drawer[open] .compact-drawer-chevron {
    transform: rotate(180deg);
}

.compact-calc-drawer-body {
    padding: 10px 12px;
    background: #ffffff;
    border-top: 1px solid #dbe7f5;
}

.coin-network-info-drawer #prominentAlgorithmStrip {
    margin-top: 0;
    padding: 8px 10px;
    border: 0;
    background: #f8fbff;
}

/* Right Column: Primary 3-Metric Grid & Compact Status Bar */
#miningCalculatorWorkspace .live-result-hero {
    padding: 13px 15px;
    margin-bottom: 10px;
}

#miningCalculatorWorkspace .live-result-top {
    padding-bottom: 8px;
    margin-bottom: 10px;
}

#miningCalculatorWorkspace .live-result-top h3 {
    font-size: 16px;
}

.result-metrics-grid.three-essential-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px;
    margin-bottom: 10px;
}

.beginner-explainer-box.is-compact-status-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 12px;
    border-radius: 10px;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1.35;
}

.beginner-explainer-box.is-compact-status-bar.is-status-pos {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-left: 4px solid #10b981;
    color: #065f46;
}

.beginner-explainer-box.is-compact-status-bar.is-status-pos strong {
    color: #047857;
}

.beginner-explainer-box.is-compact-status-bar.is-status-neg {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-left: 4px solid #ef4444;
    color: #991b1b;
}

.beginner-explainer-box.is-compact-status-bar.is-status-neg strong {
    color: #dc2626;
}

.beginner-explainer-box.is-compact-status-bar.is-status-warn {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    color: #92400e;
}

.compact-status-main {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 800;
}

.status-dot-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.compact-status-meta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    cursor: help;
}

/* Advanced Analytics Group & Breakdown Period Pills */
.advanced-analytics-group {
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid #e2e8f0;
}

.advanced-analytics-group .compact-calc-drawer,
.advanced-analytics-group .difficulty-history-drawer {
    margin-top: 7px;
}

.breakdown-period-pills {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, 0.08);
    padding: 2px;
    border-radius: 7px;
}

.breakdown-period-pill {
    border: 0;
    background: transparent;
    color: #cbd5e1;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 10.5px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.14s ease;
}

.breakdown-period-pill:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.breakdown-period-pill.active {
    background: #0c6fe8;
    color: #ffffff;
}

.annual-projection-inline-box {
    background: #f8fafc;
    border: 1px solid #dbe5f0;
    border-radius: 9px;
    padding: 9px 11px;
}

@media (max-width: 760px) {
    .result-metrics-grid.three-essential-metrics,
    .hw-spec-metrics-grid.is-three-cols {
        grid-template-columns: 1fr !important;
    }
    .compact-drawer-meta span:first-child {
        display: none;
    }
}

/* ============================================================================
   UNIFIED HARDWARE SELECTOR & COMPACT SELECTED HARDWARE PREVIEW CARD
   ============================================================================ */

.hw-select-unified-field {
    margin-bottom: 10px;
}

.hw-select-unified-field > label {
    display: block;
    font-size: 11px;
    font-weight: 850;
    color: #071932;
    margin-bottom: 4px;
}

.hw-searchable-select-bar {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(165px, 1fr);
    gap: 8px;
    align-items: stretch;
}

.hw-spec-card.is-compact-preview {
    padding: 11px 13px;
    border-radius: 12px;
    background: linear-gradient(135deg, #06162d 0%, #0b2345 100%);
    border: 1px solid rgba(56, 189, 248, 0.34);
    box-shadow: 0 6px 18px rgba(4, 15, 33, 0.16);
    margin: 8px 0 10px;
}

.hw-preview-main-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hw-preview-visual-box {
    width: 118px;
    min-width: 118px;
    height: 62px;
    border-radius: 9px;
    background: radial-gradient(circle at 50% 50%, rgba(14, 165, 233, 0.16), rgba(4, 15, 32, 0.92));
    border: 1px solid rgba(56, 189, 248, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.hw-preview-visual-box .selected-hw-card-gpu-svg,
.hw-preview-visual-box .selected-hw-card-asic-svg,
.hw-preview-visual-box .selected-hw-card-cpu-svg {
    width: 100%;
    height: 100%;
    max-height: 54px;
    display: block;
}

.hw-preview-info-col {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.hw-preview-top-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.hw-spec-card.is-compact-preview .hw-spec-title-wrap {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    min-width: 0;
}

.hw-spec-card.is-compact-preview .hw-spec-model-name {
    font-size: 13.5px;
    font-weight: 850;
    color: #f8fafc;
    line-height: 1.25;
}

.hw-preview-cat-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 5px;
    background: rgba(56, 189, 248, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.38);
    color: #7dd3fc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.2;
}

.hw-spec-card.is-compact-preview .hw-spec-head-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.hw-spec-card.is-compact-preview .hw-verified-bench-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(16, 185, 129, 0.18);
    border: 1px solid rgba(52, 211, 153, 0.45);
    color: #6ee7b7;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.2;
}

.hw-spec-card.is-compact-preview .hw-spec-buy-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 7px;
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    border: 1px solid #38bdf8;
    color: #ffffff;
    font-size: 11px;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease;
}

.hw-spec-card.is-compact-preview .hw-spec-buy-link:hover,
.hw-spec-card.is-compact-preview .hw-spec-buy-link.is-active {
    background: linear-gradient(135deg, #0284c7, #0369a1);
    box-shadow: 0 3px 10px rgba(14, 165, 233, 0.32);
}

.hw-buy-caret {
    font-size: 9.5px;
    opacity: 0.9;
}

.hw-preview-specs-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hw-preview-spec-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: #cbd5e1;
    font-size: 11.5px;
    font-weight: 700;
}

.hw-preview-spec-pill.is-hash {
    border-color: rgba(56, 189, 248, 0.35);
}

.hw-preview-spec-pill strong {
    color: #ffffff;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.hw-preview-spec-pill.is-hash strong {
    color: #38bdf8;
}

/* Inline Verified Sellers Drawer inside Selected Hardware Card */
.hw-preview-sellers-drawer {
    display: none;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid rgba(56, 189, 248, 0.24);
}

.hw-preview-sellers-drawer.is-open {
    display: block;
}

.hw-preview-sellers-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}

.hw-preview-sellers-title {
    font-size: 11px;
    font-weight: 850;
    color: #bae6fd;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.hw-preview-sellers-jump {
    font-size: 11px;
    font-weight: 800;
    color: #38bdf8;
    text-decoration: none;
}

.hw-preview-sellers-jump:hover {
    text-decoration: underline;
}

.hw-preview-sellers-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.hw-seller-inline-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.hw-seller-inline-left {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    min-width: 0;
}

.hw-seller-inline-name {
    font-size: 12px;
    font-weight: 850;
    color: #f8fafc;
}

.hw-seller-inline-stock {
    font-size: 10.5px;
    font-weight: 750;
    color: #94a3b8;
    background: rgba(255, 255, 255, 0.06);
    padding: 1px 6px;
    border-radius: 4px;
}

.hw-seller-inline-right {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.hw-seller-inline-price {
    font-size: 12px;
    font-weight: 850;
    color: #34d399;
    font-variant-numeric: tabular-nums;
}

.hw-seller-inline-buy-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 6px;
    background: #0c6fe8;
    color: #ffffff;
    font-size: 10.8px;
    font-weight: 800;
    text-decoration: none;
    transition: background 0.14s ease;
}

.hw-seller-inline-buy-btn:hover {
    background: #0958b8;
}

.hw-seller-inline-empty {
    font-size: 11.5px;
    color: #94a3b8;
    padding: 4px 2px;
}

@media (max-width: 680px) {
    .hw-searchable-select-bar {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .hw-preview-main-row {
        flex-direction: column;
        align-items: stretch;
    }

    .hw-preview-visual-box {
        width: 100%;
        height: 68px;
    }
}

/* ==========================================================================
   ON-DEMAND COMPACT CALCULATION DETAILS POPOVER (KPI ⓘ BUTTON)
   ========================================================================== */
.kpi-info-popover-btn {
    appearance: none;
    background: rgba(56, 189, 248, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #7dd3fc;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.kpi-info-popover-btn:hover,
.kpi-info-popover-btn.is-active {
    background: #0c6fe8;
    border-color: #38bdf8;
    color: #ffffff;
}

.kpi-calc-popover {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(7, 22, 44, 0.96);
    border: 1px solid rgba(56, 189, 248, 0.38);
    box-shadow: 0 10px 24px rgba(2, 12, 27, 0.35);
    color: #f8fafc;
}

.kpi-calc-popover-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.kpi-calc-popover-head strong {
    font-size: 12px;
    font-weight: 850;
    color: #f8fafc;
}

.kpi-calc-popover-controls {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.kpi-calc-popover-pills {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: rgba(15, 23, 42, 0.7);
    padding: 2px;
    border-radius: 6px;
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.kpi-popover-pill {
    appearance: none;
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 4px;
    cursor: pointer;
}

.kpi-popover-pill.active {
    background: #0c6fe8;
    color: #ffffff;
}

.kpi-calc-popover-close {
    appearance: none;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: #cbd5e1;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.kpi-calc-popover-close:hover {
    background: rgba(239, 68, 68, 0.22);
    color: #ffffff;
}

.kpi-popover-math-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 12px;
}

.kpi-popover-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11.2px;
    padding: 3px 6px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.04);
}

.kpi-popover-row span {
    color: #cbd5e1;
}

.kpi-popover-row b {
    font-weight: 850;
    color: #f8fafc;
    font-variant-numeric: tabular-nums;
}

.kpi-popover-row b.is-pos {
    color: #4ade80;
}

.kpi-popover-row b.is-neg {
    color: #f87171;
}

.kpi-popover-row.is-total {
    grid-column: 1 / -1;
    background: rgba(12, 111, 232, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.3);
    padding: 4px 8px;
}

@media (max-width: 680px) {
    .kpi-popover-math-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   ESSENTIAL ADDITIONAL COSTS & DEDICATED HARDWARE INVESTMENT & ROI
   ========================================================================== */
.essential-additional-costs-card {
    margin-top: 8px;
    padding: 9px 12px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #c5daf2;
}

.essential-additional-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.essential-subcard-title {
    font-size: 11.8px;
    font-weight: 850;
    color: #0f172a;
}

.pool-preset-inline-select {
    height: 24px;
    padding: 1px 7px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
}

.scrypt-merged-inline-bar {
    margin-top: 7px;
    padding: 6px 9px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 7px;
}

.scrypt-merged-inline-label {
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    margin: 0;
    font-size: 11.2px;
    color: #065f46;
    font-weight: 700;
}

.scrypt-merged-inline-label input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
}

.hardware-investment-roi-card {
    margin-top: 8px;
    padding: 11px 12px;
    border-radius: 11px;
    background: linear-gradient(180deg, #f8fbff 0%, #f1f6fd 100%);
    border: 1px solid #cbdcf0;
    box-shadow: 0 2px 6px rgba(7, 25, 50, 0.04);
}

.hw-roi-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.hw-roi-card-title {
    font-size: 12.2px;
    font-weight: 850;
    color: #071932;
    line-height: 1.25;
}

.hw-cost-mode-toggle {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #e2ecf8;
    padding: 2px;
    border-radius: 7px;
    border: 1px solid #cbdcf0;
}

.hw-cost-mode-btn {
    appearance: none;
    border: 0;
    background: transparent;
    color: #334155;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 10.5px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.14s ease;
}

.hw-cost-mode-btn:hover {
    color: #0c6fe8;
    background: rgba(255, 255, 255, 0.7);
}

.hw-cost-mode-btn.active {
    background: #0c6fe8;
    color: #ffffff;
    box-shadow: 0 1px 4px rgba(12, 111, 232, 0.25);
}

.hw-roi-primary-row {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 8px;
    align-items: stretch;
    margin-bottom: 8px;
}

.hw-roi-price-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hw-roi-primary-recovery-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 11px;
    border-radius: 9px;
    background: linear-gradient(135deg, #071932 0%, #0d284e 100%);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #ffffff;
    min-width: 0;
}

.hw-roi-primary-recovery-box.is-pos {
    border-color: rgba(52, 211, 153, 0.65);
    background: linear-gradient(135deg, #062822 0%, #073b32 100%);
}

.hw-roi-primary-recovery-box.is-neg {
    border-color: rgba(248, 113, 113, 0.65);
    background: linear-gradient(135deg, #311018 0%, #451520 100%);
}

.hw-roi-recovery-top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.hw-roi-recovery-kicker {
    font-size: 9.8px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #7dd3fc;
}

.hw-roi-recovery-condition {
    font-size: 9.2px;
    font-weight: 600;
    color: #cbd5e1;
}

.hw-roi-recovery-val {
    font-size: 15px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    color: #f8fafc;
}

.hw-roi-recovery-val.is-pos {
    color: #4ade80;
}

.hw-roi-recovery-val.is-neg {
    color: #fca5a5;
}

.hw-roi-recovery-val.is-neutral {
    color: #cbd5e1;
}

.hw-roi-results-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.hw-roi-metric-box {
    background: #ffffff;
    border: 1px solid #dbe7f5;
    border-radius: 8px;
    padding: 7px 9px;
    display: flex;
    flex-direction: column;
    gap: 1.5px;
    min-width: 0;
}

.hw-roi-metric-label {
    font-size: 9.2px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #64748b;
    line-height: 1.2;
}

.hw-roi-metric-val {
    font-size: 12.5px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
    color: #071932;
    word-break: break-word;
}

.hw-roi-metric-val.is-spec {
    color: #0369a1;
}

.hw-roi-metric-val.is-pos {
    color: #047857;
}

.hw-roi-metric-val.is-neg {
    color: #dc2626;
}

.hw-roi-metric-val.is-neutral {
    color: #475569;
}

.hw-roi-metric-sub {
    font-size: 9.6px;
    color: #64748b;
    line-height: 1.25;
}

.hw-roi-status-banner {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 7px;
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 10.8px;
    line-height: 1.35;
}

.hw-roi-status-banner.is-neg {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-left: 3.5px solid #ef4444;
    color: #991b1b;
}

.hw-roi-status-banner.is-warn {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 3.5px solid #f59e0b;
    color: #92400e;
}

.hw-roi-footnote {
    margin-top: 6px;
    font-size: 9.8px;
    color: #64748b;
    line-height: 1.3;
}

.advanced-profitability-permanent-panel {
    margin-bottom: 8px;
}

.result-metrics-grid.two-essential-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
}

@media (max-width: 760px) {
    .hw-roi-primary-row,
    .hw-roi-results-grid,
    .result-metrics-grid.two-essential-metrics {
        grid-template-columns: 1fr !important;
    }
}

/* --- Benchmark Verification Info Tooltip & Popover on Selected Hardware Card --- */
.hw-bench-info-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.hw-bench-info-btn:hover,
.hw-bench-info-btn.is-active {
    background: #0f172a;
    border-color: #0f172a;
    color: #facc15;
}

.hw-bench-info-popover {
    display: none;
    margin-top: 7px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #0284c7;
}

.hw-bench-info-popover.is-open {
    display: block;
}

.hw-bench-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
}

.hw-bench-info-item {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.hw-bench-info-k {
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.hw-bench-info-v {
    font-size: 11px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
    word-break: break-word;
}

.hw-bench-info-v.is-verified {
    color: #047857;
}

.hw-bench-info-v.is-custom {
    color: #b45309;
}

.hw-bench-info-v.is-unverified {
    color: #dc2626;
}

@media (max-width: 640px) {
    .hw-bench-info-grid {
        grid-template-columns: 1fr;
    }
}

/* --- Permanent Block Reward & Network Statistics Panel (Above Difficulty History) --- */
.block-reward-stats-panel {
    margin-bottom: 8px;
    padding: 9px 11px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1px 2px rgba(7, 25, 50, 0.04);
}

.block-stats-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f1f5f9;
}

.block-stats-head-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.block-stats-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #071932;
    color: #facc15;
    font-size: 13px;
    flex-shrink: 0;
}

.block-stats-head-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.block-stats-title {
    font-size: 12.2px;
    font-weight: 800;
    color: #071932;
    line-height: 1.2;
}

.block-stats-sub {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    font-size: 10.4px;
    font-weight: 600;
    color: #64748b;
    line-height: 1.2;
}

#blockStatsCoinLabel {
    font-weight: 700;
    color: #1e293b;
}

.block-stats-head-right {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.block-stats-badge-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.block-stats-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 9.8px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.3;
    border: 1px solid transparent;
}

.block-stats-status-pill.is-live {
    background: #ecfdf5;
    color: #047857;
    border-color: #a7f3d0;
}

.block-stats-status-pill.is-cached {
    background: #fffbeb;
    color: #b45309;
    border-color: #fde68a;
}

.block-stats-status-pill.is-unavail {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

.block-reward-info-popover {
    right: 0;
    top: calc(100% + 6px);
    width: 310px;
    max-width: calc(100vw - 32px);
    z-index: 60;
}

.block-stats-grid.two-col-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.block-stat-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 7px 9px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    min-width: 0;
}

.block-stat-card.is-compact-opt {
    background: #fcfdff;
    border-color: #e2e8f0;
    border-left: 2.5px solid #0284c7;
}

.block-stat-label {
    font-size: 9.6px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #475569;
    line-height: 1.2;
}

.block-stat-val {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    color: #071932;
    word-break: break-word;
}

.block-stat-val.is-gold {
    color: #071932;
}

.block-stat-val.is-spec {
    color: #0369a1;
}

.block-stat-val.is-pos {
    color: #047857;
}

.block-stat-val.is-neutral {
    color: #0f172a;
}

.block-stat-val.is-unavail {
    color: #94a3b8;
    font-weight: 700;
}

.block-stat-sub {
    font-size: 9.7px;
    font-weight: 600;
    color: #64748b;
    line-height: 1.25;
}

.block-stats-optional-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px dashed #e2e8f0;
}

.block-stats-optional-grid[data-opt-cols="1"] {
    grid-template-columns: 1fr;
}

.block-stats-optional-grid[data-opt-cols="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 760px) {
    .block-stats-grid.two-col-grid,
    .block-stats-optional-grid,
    .block-stats-optional-grid[data-opt-cols="2"] {
        grid-template-columns: 1fr !important;
    }
}

.hw-bench-info-v.is-estimated {
    color: #fbbf24;
    font-weight: 800;
}

.hw-bench-source-link {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #38bdf8;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.hw-bench-source-link:hover {
    color: #7dd3fc;
}

/* ==========================================================================
   GPU MINING OPTIMIZATION & RECOMMENDED SETTINGS (FULL-WIDTH COMPARISON TABLE)
   ========================================================================== */
.gpu-opt-feature-section.gpu-opt-panel {
    margin-top: 22px;
    padding: 20px 22px;
    border-radius: 18px;
    background: #ffffff;
    border: 1.5px solid #dbe5f0;
    box-shadow: 0 8px 24px rgba(7, 25, 50, 0.05);
}

.gpu-opt-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 0;
    border-bottom: 1.5px solid #e2e8f0;
    flex-wrap: wrap;
}

.gpu-opt-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.gpu-opt-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #071932;
    color: #facc15;
    font-size: 16px;
    flex-shrink: 0;
}

.gpu-opt-title-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.gpu-opt-heading {
    margin: 0;
    font-size: 17px;
    font-weight: 850;
    color: #071932;
    line-height: 1.25;
}

.gpu-opt-subheading {
    margin: 0;
    font-size: 12.2px;
    font-weight: 700;
    color: #475569;
    line-height: 1.3;
}

.gpu-opt-header-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.gpu-opt-collapse-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #071932;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}

.gpu-opt-collapse-btn:hover {
    background: #eff6ff;
    border-color: #38bdf8;
    color: #0284c7;
}

.gpu-opt-collapse-icon {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    transition: transform 0.18s ease;
}

.gpu-opt-panel.is-collapsed .gpu-opt-collapse-icon {
    transform: rotate(180deg);
}

.gpu-opt-panel.is-collapsed .gpu-opt-header {
    padding-bottom: 0;
    border-bottom-color: transparent;
}

.gpu-opt-collapsible-content[hidden] {
    display: none !important;
}

.gpu-opt-ver-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.3;
    border: 1px solid transparent;
    white-space: nowrap;
}

.gpu-opt-ver-badge.is-source-verified {
    background: #ecfdf5;
    color: #047857;
    border-color: #a7f3d0;
}

.gpu-opt-ver-badge.is-community-reported {
    background: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.gpu-opt-ver-badge.is-estimated {
    background: #fffbeb;
    color: #b45309;
    border-color: #fde68a;
}

.gpu-opt-ver-badge.is-unavailable {
    background: #f1f5f9;
    color: #475569;
    border-color: #cbd5e1;
}

.gpu-opt-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 14px;
}

.gpu-opt-model-block.is-mixed-card {
    padding: 14px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #dbe5f0;
}

.gpu-opt-mixed-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #cbd5e1;
}

.gpu-opt-mixed-card-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #071932;
    min-width: 0;
}

.gpu-opt-mixed-algo-tag {
    display: inline-flex;
    padding: 2px 7px;
    border-radius: 5px;
    background: #e0f2fe;
    color: #0369a1;
    font-size: 10.5px;
    font-weight: 800;
}

/* Full-Width Comparison Table */
.gpu-opt-table-scroll-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #ffffff;
}

.gpu-opt-comparison-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 680px;
    font-size: 12.2px;
}

.gpu-opt-comparison-table th,
.gpu-opt-comparison-table td {
    padding: 9px 13px;
    border-bottom: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    vertical-align: middle;
    text-align: left;
}

.gpu-opt-comparison-table th:last-child,
.gpu-opt-comparison-table td:last-child {
    border-right: none;
}

.gpu-opt-comparison-table tbody tr:last-child th,
.gpu-opt-comparison-table tbody tr:last-child td {
    border-bottom: none;
}

.gpu-opt-comparison-table tbody tr:nth-child(even) {
    background: #fafcff;
}

.gpu-opt-param-head {
    width: 240px;
    background: #071932;
    color: #ffffff;
    vertical-align: middle;
}

.gpu-opt-param-head-title {
    display: block;
    font-size: 11.5px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #facc15;
}

.gpu-opt-param-head-sub {
    display: block;
    margin-top: 3px;
    font-size: 10.5px;
    font-weight: 600;
    color: #cbd5e1;
}

.gpu-opt-col-head {
    background: #0b2242;
    color: #ffffff;
    transition: background 0.15s ease;
}

.gpu-opt-col-head.is-active-col {
    background: #071932;
    box-shadow: inset 0 3px 0 #facc15;
}

.gpu-opt-col-head-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.gpu-opt-col-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
    flex-wrap: wrap;
}

.gpu-opt-col-name {
    font-size: 13px;
    font-weight: 850;
    color: #ffffff;
    line-height: 1.2;
}

.gpu-opt-col-head.is-active-col .gpu-opt-col-name {
    color: #facc15;
}

.gpu-opt-default-pill {
    display: inline-flex;
    align-items: center;
    padding: 1.5px 6px;
    border-radius: 999px;
    background: rgba(250, 204, 21, 0.16);
    border: 1px solid rgba(250, 204, 21, 0.45);
    color: #fde047;
    font-size: 9.2px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.gpu-opt-col-summary {
    font-size: 11px;
    font-weight: 700;
    color: #cbd5e1;
    line-height: 1.25;
}

.gpu-opt-col-apply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 10.5px;
    font-weight: 800;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    transition: all 0.14s ease;
}

.gpu-opt-col-apply-btn:hover {
    background: #0284c7;
    border-color: #38bdf8;
    color: #ffffff;
}

.gpu-opt-col-apply-btn.is-active {
    background: #facc15;
    border-color: #facc15;
    color: #071932;
}

.gpu-opt-param-cell {
    background: #f8fafc;
    font-weight: 700;
}

.gpu-opt-td-val {
    color: #0f172a;
}

.gpu-opt-td-val.is-active-col {
    background: rgba(12, 111, 232, 0.045);
}

.gpu-opt-td-val.is-highlight-pl {
    border-left: 3px solid #f59e0b;
}

.gpu-opt-td-val.is-highlight-power {
    border-left: 3px solid #0284c7;
}

.gpu-opt-td-val.is-highlight-hash {
    border-left: 3px solid #10b981;
}

.gpu-opt-td-val.is-highlight-eff {
    border-left: 3px solid #6366f1;
}

.gpu-opt-stat-label {
    display: block;
    font-size: 11.4px;
    font-weight: 800;
    color: #071932;
    line-height: 1.25;
}

.gpu-opt-stat-val {
    font-size: 12.4px;
    font-weight: 800;
    color: #071932;
    line-height: 1.3;
    word-break: break-word;
}

.gpu-opt-stat-hint {
    display: block;
    margin-top: 1px;
    font-size: 9.8px;
    font-weight: 600;
    color: #64748b;
    line-height: 1.2;
}

.gpu-opt-meta-v {
    font-size: 11.6px;
    font-weight: 700;
    color: #0f172a;
}

.gpu-opt-source-link {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 4px;
    color: #0284c7;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.gpu-opt-source-link:hover {
    color: #0369a1;
}

.gpu-opt-unavailable-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    color: #334155;
}

.gpu-opt-unavailable-title {
    font-size: 12.2px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
}

.gpu-opt-unavailable-sub {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    line-height: 1.35;
}

.gpu-opt-safety-notice {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px dashed #cbd5e1;
    font-size: 11.2px;
    font-weight: 600;
    color: #475569;
    line-height: 1.4;
}

.gpu-opt-safety-icon {
    color: #0284c7;
    font-weight: 800;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .gpu-opt-feature-section.gpu-opt-panel {
        padding: 14px 14px;
    }
    .gpu-opt-heading {
        font-size: 15px;
    }
}

/* ==================== V12 PREMIUM DARK NAVY GRADIENT PANELS (WHERE TO BUY, POOLS & EXCHANGES) ==================== */

.premium-spec-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    color: #38bdf8;
    filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.35));
}

/* 1. Where to Buy — Seller Card & Premium Availability / Shipping Box */
#hardwareMarketplaceGrid .seller-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 14px;
    border: 1px solid #cbdcf0;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
    padding: 14px 15px;
    gap: 11px;
}

.seller-meta-grid.is-premium-navy {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 !important;
    background: linear-gradient(135deg, #06152d 0%, #0b2347 52%, #0e3263 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.52) !important;
    box-shadow: 0 6px 16px rgba(6, 21, 45, 0.16), inset 0 1px 0 rgba(125, 211, 252, 0.25) !important;
    border-radius: 11px !important;
    padding: 9px 6px !important;
}

.seller-meta-grid.is-premium-navy > div,
.seller-meta-grid.is-premium-navy .seller-meta-cell {
    background: transparent !important;
    border: none !important;
    border-right: 1px solid rgba(56, 189, 248, 0.24) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-width: 0;
    padding: 2px 10px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.seller-meta-grid.is-premium-navy > div:last-child,
.seller-meta-grid.is-premium-navy .seller-meta-cell:last-child {
    border-right: none !important;
}

.seller-meta-grid.is-premium-navy .seller-meta-label {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    font-size: 9.4px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    color: #7dd3fc !important;
    line-height: 1.2;
    background: transparent !important;
}

.seller-meta-grid.is-premium-navy b {
    display: block;
    margin-top: 3px;
    font-size: 12.2px;
    font-weight: 800;
    color: #ffffff !important;
    line-height: 1.32;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word;
    background: transparent !important;
}

#hardwareMarketplaceGrid .btn-check-price {
    background: linear-gradient(135deg, #38bdf8 0%, #22d3ee 32%, #fbbf24 72%, #f59e0b 100%);
    color: #031022 !important;
    border: 1px solid #d97706;
    box-shadow: 0 4px 12px rgba(12, 111, 232, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65);
    font-weight: 850;
    border-radius: 10px;
    min-height: 38px;
}

#hardwareMarketplaceGrid .btn-check-price:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(245, 158, 11, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.85);
    filter: brightness(1.03);
    color: #020914 !important;
}

/* 2. Crypto Exchanges — Premium Exchange Card & Dark Navy Market Panel */
#compatibleExchangesGrid .ex-premium-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.ex-type-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 23px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.ex-type-badge.is-cex {
    background: linear-gradient(135deg, #06152d 0%, #0d2b57 100%);
    color: #7dd3fc;
    border: 1px solid rgba(56, 189, 248, 0.55);
    box-shadow: 0 2px 6px rgba(6, 21, 45, 0.14);
}

.ex-type-badge.is-dex {
    background: linear-gradient(135deg, #06281e 0%, #064e3b 100%);
    color: #6ee7b7;
    border: 1px solid rgba(52, 211, 153, 0.55);
    box-shadow: 0 2px 6px rgba(6, 40, 30, 0.14);
}

.ex-market-info-panel.is-premium-navy {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    background: linear-gradient(135deg, #06152d 0%, #0b2347 52%, #0e3263 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.52);
    box-shadow: 0 6px 16px rgba(6, 21, 45, 0.16), inset 0 1px 0 rgba(125, 211, 252, 0.25);
    border-radius: 11px;
    padding: 9px 6px;
}

.ex-market-info-panel.is-premium-navy > div,
.ex-market-info-panel.is-premium-navy .ex-market-cell {
    background: transparent !important;
    border: none !important;
    border-right: 1px solid rgba(56, 189, 248, 0.24) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-width: 0;
    padding: 2px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.ex-market-info-panel.is-premium-navy > div:last-child,
.ex-market-info-panel.is-premium-navy .ex-market-cell:last-child {
    border-right: none !important;
}

.ex-market-info-panel.is-premium-navy .ex-market-label {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    font-size: 9.2px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    color: #7dd3fc !important;
    line-height: 1.2;
    background: transparent !important;
}

.ex-market-info-panel.is-premium-navy b {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 800;
    color: #ffffff !important;
    line-height: 1.3;
    white-space: normal !important;
    word-break: break-word;
    background: transparent !important;
}

.ex-ref-disclosure-pill {
    font-size: 10.5px;
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 7px;
    padding: 4px 9px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ex-ref-disclosure-pill a {
    color: #92400e;
    font-weight: 700;
    text-decoration: underline;
}

.ex-empty-market-notice {
    grid-column: 1 / -1;
    padding: 16px 18px;
    background: #f8fbff;
    border: 1px dashed #cbdcf0;
    border-radius: 12px;
    color: #475569;
    font-size: 12.8px;
    font-weight: 650;
    text-align: center;
}

@media (max-width: 720px) {
    #compatiblePoolsGrid .pool-specs-grid,
    #compatiblePoolsGrid .pool-specs-grid.is-premium-navy {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 8px;
    }
    #compatiblePoolsGrid .pool-spec-cell:nth-child(2) {
        border-right: none;
    }
}