/* /Layout/ItemInfoModal.razor.rz.scp.css */
.iim-overlay[b-n8dxq73pvd] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1100;
}

.iim-window[b-n8dxq73pvd] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1101;
    background: #0d1520;
    border: 1px solid #2e5070;
    border-top: 2px solid #3d8fbf;
    border-radius: 4px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(0, 196, 255, 0.08);
    width: min(720px, 95vw);
    height: min(580px, 90vh);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── Title bar ──────────────────────────────────────── */

.iim-titlebar[b-n8dxq73pvd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: linear-gradient(180deg, #162030 0%, #0d1520 100%);
    border-bottom: 1px solid #2d3a4a;
    flex-shrink: 0;
}

.iim-titlebar__icon[b-n8dxq73pvd] {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    object-fit: cover;
    opacity: 0.9;
    flex-shrink: 0;
}

.iim-titlebar__name[b-n8dxq73pvd] {
    flex: 1;
    font-size: 1rem;
    font-weight: 600;
    color: #e8f4ff;
    letter-spacing: 0.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iim-titlebar__close[b-n8dxq73pvd] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: 1px solid #2d3a4a;
    border-radius: 3px;
    color: #6a7487;
    cursor: pointer;
    font-size: 0.7rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
}

.iim-titlebar__close:hover[b-n8dxq73pvd] {
    color: #e8f4ff;
    border-color: #4a5a70;
    background: rgba(255, 255, 255, 0.07);
}

/* ── Tabs ───────────────────────────────────────────── */

.iim-tabs[b-n8dxq73pvd] {
    display: flex;
    border-bottom: 1px solid #1e2d3e;
    flex-shrink: 0;
    background: #0a1118;
}

.iim-tab[b-n8dxq73pvd] {
    padding: 6px 16px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #4a5a70;
    font-size: 0.85rem;
    cursor: pointer;
    margin-bottom: -1px;
    transition: color 0.12s ease, border-color 0.12s ease;
}

.iim-tab:hover[b-n8dxq73pvd] {
    color: #c8cdd8;
}

.iim-tab.active[b-n8dxq73pvd] {
    color: #00c4ff;
    border-bottom-color: #00c4ff;
}

/* ── Loading / empty states ─────────────────────────── */

.iim-loading[b-n8dxq73pvd] {
    padding: 32px;
    text-align: center;
    color: #4a5a70;
    font-size: 0.9rem;
}

.iim-empty-msg[b-n8dxq73pvd] {
    padding: 32px;
    text-align: center;
    color: #3a4a5e;
    font-size: 0.85rem;
    font-style: italic;
}

/* ── Description tab ────────────────────────────────── */

.iim-body[b-n8dxq73pvd] {
    display: flex;
    gap: 0;
    flex: 1;
    overflow: hidden;
}

.iim-left[b-n8dxq73pvd] {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 12px 12px;
    background: #0a111c;
    border-right: 1px solid #1e2d3e;
}

.iim-render[b-n8dxq73pvd] {
    width: 160px;
    height: 160px;
    border-radius: 4px;
    object-fit: cover;
    border: 1px solid #1e2d3e;
    background: #060e18;
}

.iim-group-path[b-n8dxq73pvd] {
    margin-top: 10px;
    font-size: 0.75rem;
    color: #4a5a70;
    text-align: center;
    line-height: 1.5;
    word-break: break-word;
}

.iim-right[b-n8dxq73pvd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.iim-description[b-n8dxq73pvd] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 16px;
    font-size: 0.88rem;
    color: #9aa8bc;
    line-height: 1.65;
    white-space: pre-wrap;
}

.iim-description[b-n8dxq73pvd]::-webkit-scrollbar { width: 6px; }
.iim-description[b-n8dxq73pvd]::-webkit-scrollbar-track { background: transparent; }
.iim-description[b-n8dxq73pvd]::-webkit-scrollbar-thumb { background: #2d3a4a; border-radius: 3px; }

.iim-description--empty[b-n8dxq73pvd] {
    color: #3a4a5e;
    font-style: italic;
}

/* ── Attributes tab ─────────────────────────────────── */

.iim-attr-scroll[b-n8dxq73pvd] {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 8px;
}

.iim-attr-scroll[b-n8dxq73pvd]::-webkit-scrollbar { width: 6px; }
.iim-attr-scroll[b-n8dxq73pvd]::-webkit-scrollbar-track { background: transparent; }
.iim-attr-scroll[b-n8dxq73pvd]::-webkit-scrollbar-thumb { background: #2d3a4a; border-radius: 3px; }

.iim-attr-category[b-n8dxq73pvd] {
    padding: 5px 16px 3px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #4a6080;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 1px solid #131e2c;
    position: sticky;
    top: 0;
    background: #0d1520;
    z-index: 1;
}

.iim-attr-row[b-n8dxq73pvd] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    padding: 3px 16px;
    border-bottom: 1px solid #0a1118;
}

.iim-attr-icon[b-n8dxq73pvd] {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    object-fit: cover;
    opacity: 0.8;
    flex-shrink: 0;
}

.iim-attr-icon-spacer[b-n8dxq73pvd] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.iim-attr-row__label[b-n8dxq73pvd] {
    flex: 1;
    color: #5a6a80;
}

.iim-attr-row__value[b-n8dxq73pvd] {
    color: #c8cdd8;
    font-variant-numeric: tabular-nums;
    text-align: right;
    flex-shrink: 0;
}

/* ── Requirements tab ───────────────────────────────── */

.iim-req-scroll[b-n8dxq73pvd] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.iim-req-scroll[b-n8dxq73pvd]::-webkit-scrollbar { width: 6px; }
.iim-req-scroll[b-n8dxq73pvd]::-webkit-scrollbar-track { background: transparent; }
.iim-req-scroll[b-n8dxq73pvd]::-webkit-scrollbar-thumb { background: #2d3a4a; border-radius: 3px; }

.iim-req-row[b-n8dxq73pvd] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 16px;
    border-bottom: 1px solid #0a1118;
}

.iim-req-icon[b-n8dxq73pvd] {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    flex-shrink: 0;
    opacity: 0.85;
}

.iim-req-name[b-n8dxq73pvd] {
    flex: 1;
    font-size: 0.9rem;
    color: #c8cdd8;
}

.iim-req-roman[b-n8dxq73pvd] {
    font-size: 0.82rem;
    color: #6a8090;
    font-variant-numeric: tabular-nums;
    min-width: 20px;
    text-align: center;
}

.iim-req-dots[b-n8dxq73pvd] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.iim-req-dot[b-n8dxq73pvd] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #2d5070;
    background: transparent;
}

.iim-req-dot.filled[b-n8dxq73pvd] {
    background: #00c4ff;
    border-color: #00a8dc;
}

/* ── Mobile ─────────────────────────────────────────── */

@media (max-width: 600px) {
    .iim-body[b-n8dxq73pvd] {
        flex-direction: column;
    }

    .iim-left[b-n8dxq73pvd] {
        width: 100%;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        padding: 10px 12px;
    }

    .iim-render[b-n8dxq73pvd] {
        width: 80px;
        height: 80px;
    }

    .iim-group-path[b-n8dxq73pvd] {
        margin-top: 0;
        text-align: left;
    }
}
/* /Layout/LocationSelector.razor.rz.scp.css */
.loc-selector[b-vlkzuc9w5z] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.loc-selector__tabs[b-vlkzuc9w5z] {
    display: flex;
    gap: 2px;
}

.loc-tab[b-vlkzuc9w5z] {
    flex: 1;
    padding: 4px 0;
    font-size: 0.78rem;
    font-family: inherit;
    background: var(--input-bg, #1a2030);
    color: var(--text-muted, #8899aa);
    border: 1px solid var(--border, #2a3a4a);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.loc-tab:first-child[b-vlkzuc9w5z] { border-radius: 4px 0 0 4px; }
.loc-tab:last-child[b-vlkzuc9w5z]  { border-radius: 0 4px 4px 0; }

.loc-tab--active[b-vlkzuc9w5z] {
    background: var(--accent, #3a7bd5);
    color: #fff;
    border-color: var(--accent, #3a7bd5);
}

.loc-tab:hover:not(.loc-tab--active)[b-vlkzuc9w5z] {
    background: var(--surface-hover, #243040);
    color: var(--text, #cdd9e5);
}

.loc-select[b-vlkzuc9w5z],
.loc-input[b-vlkzuc9w5z] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.28rem 0.5rem;
    font-size: 0.82rem;
    font-family: inherit;
    background: #0f1318;
    color: #e3e4e6;
    border: 1px solid #2c323a;
    border-radius: 0.3rem;
}

.loc-select:focus[b-vlkzuc9w5z],
.loc-input:focus[b-vlkzuc9w5z] {
    outline: none;
    border-color: #3d4a5d;
}

.loc-system-wrap[b-vlkzuc9w5z] {
    position: relative;
}

.loc-search-box[b-vlkzuc9w5z] {
    position: relative;
}

.loc-search-box .loc-input[b-vlkzuc9w5z] {
    padding-right: 1.4rem;
}

.loc-search-clear[b-vlkzuc9w5z] {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6a7894;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
}

.loc-search-clear:hover[b-vlkzuc9w5z] {
    color: #e3e4e6;
}

.loc-suggestions[b-vlkzuc9w5z] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--surface, #1e2a38);
    border: 1px solid var(--border, #2a3a4a);
    border-top: none;
    border-radius: 0 0 4px 4px;
    z-index: 100;
    max-height: 200px;
    overflow-y: auto;
}

.loc-suggestion[b-vlkzuc9w5z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 0.82rem;
    color: var(--text, #cdd9e5);
}

.loc-suggestion:hover[b-vlkzuc9w5z] {
    background: var(--surface-hover, #243040);
}

.loc-suggestion__name[b-vlkzuc9w5z] {
    flex: 1;
}

.loc-suggestion__sec[b-vlkzuc9w5z] {
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 8px;
}

.sec--high[b-vlkzuc9w5z] { color: #4caf50; }
.sec--low[b-vlkzuc9w5z]  { color: #ff9800; }
.sec--null[b-vlkzuc9w5z] { color: #f44336; }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-nhwhv0s4l3] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-nhwhv0s4l3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

article.content[b-nhwhv0s4l3] {
    width: 100%;
    max-width: 1400px;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.site-nav[b-97hto9cuzv] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: stretch;
    height: 3.5rem;
    background: #12151b;
    border-bottom: 1px solid #1a1f2a;
}

.site-nav__center[b-97hto9cuzv] {
    grid-column: 2;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.site-nav__right[b-97hto9cuzv] {
    grid-column: 3;
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: flex-end;
}

.site-nav__brand[b-97hto9cuzv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 1.5rem;
}

.site-nav__brand-icon[b-97hto9cuzv] {
    height: 1.75rem;
    width: 1.75rem;
}

.site-nav__brand-eve[b-97hto9cuzv] {
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: #38bdf8;
    text-shadow: 0 0 18px rgba(56, 189, 248, 0.6);
}

.site-nav__brand-galactic[b-97hto9cuzv] {
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #7aaac8;
    margin-left: 0.4em;
    align-self: center;
    margin-top: 4px;
}

.site-nav__brand:hover .site-nav__brand-eve[b-97hto9cuzv] {
    text-shadow: 0 0 24px rgba(56, 189, 248, 0.9);
    color: #7dd3fc;
}

.site-nav__brand:hover .site-nav__brand-galactic[b-97hto9cuzv] {
    color: #a0c8e0;
}

.site-nav__links[b-97hto9cuzv] {
    display: flex;
    align-self: stretch;
}

[b-97hto9cuzv] .site-nav__link {
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    color: #8fadc8;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #252e42 0%, #0d1018 100%);
    border-left: 1px solid #3a4460;
    border-top: 1px solid #404e6a;
    border-bottom: 1px solid #060810;
    transition: background 0.2s ease, color 0.2s ease;
}

[b-97hto9cuzv] .site-nav__link:last-child {
    border-right: 1px solid #3a4460;
}

[b-97hto9cuzv] .site-nav__link:hover {
    color: #cce4ff;
    background: linear-gradient(180deg, #2e3c58 0%, #111928 100%);
    text-decoration: none;
}

[b-97hto9cuzv] .site-nav__link.active {
    color: #7dd3fc;
    background: linear-gradient(180deg, #122040 0%, #080e1c 100%);
    border-top-color: #2e5a96;
    text-shadow: 0 0 12px rgba(56, 189, 248, 0.5);
    text-decoration: none;
}

.site-nav__plex[b-97hto9cuzv] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 1.25rem;
    font-size: 0.75rem;
    border-left: 1px solid #1a1f2a;
    text-decoration: none;
    transition: background 0.2s ease;
}

.site-nav__plex:hover[b-97hto9cuzv] {
    background: rgba(255, 255, 255, 0.04);
    text-decoration: none;
}

.site-nav__plex:hover .site-nav__plex-value[b-97hto9cuzv] {
    color: #f0c060;
}

.site-nav__plex-icon[b-97hto9cuzv] {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    flex-shrink: 0;
}

.site-nav__plex-label[b-97hto9cuzv] {
    color: #8a93a8;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.site-nav__plex-value[b-97hto9cuzv] {
    color: #e8a838;
    font-weight: 700;
}

.site-nav__plex-loading[b-97hto9cuzv] {
    color: #4a5568;
    font-weight: 400;
}

/* Character widget (logged in) */
.site-nav__character[b-97hto9cuzv] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.75rem 0 0.85rem;
    border-left: 1px solid #1a1f2a;
    height: 100%;
}

.site-nav__char-portrait[b-97hto9cuzv] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #2e3c58;
    flex-shrink: 0;
}

.site-nav__char-name[b-97hto9cuzv] {
    color: #9ab8d4;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.site-nav__logout-btn[b-97hto9cuzv] {
    background: none;
    border: none;
    color: #4a5568;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 0 0.1rem;
    line-height: 1;
    transition: color 0.15s;
}

.site-nav__logout-btn:hover[b-97hto9cuzv] {
    color: #e05252;
}

/* Login button (logged out) */
.site-nav__login-btn[b-97hto9cuzv] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 1rem;
    height: 100%;
    border-left: 1px solid #1a1f2a;
    color: #8fadc8;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s, background 0.15s;
}

.site-nav__login-btn:hover[b-97hto9cuzv] {
    color: #cce4ff;
    background: rgba(255,255,255,0.04);
    text-decoration: none;
}

.site-nav__login-icon[b-97hto9cuzv] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    opacity: 0.8;
}

/* Hamburger — hidden on desktop */
.site-nav__hamburger[b-97hto9cuzv] {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 3.5rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.site-nav__hamburger span[b-97hto9cuzv] {
    display: block;
    width: 22px;
    height: 2px;
    background: #8fadc8;
    border-radius: 2px;
    transition: background 0.15s;
}

.site-nav__hamburger:hover span[b-97hto9cuzv] {
    background: #cce4ff;
}

/* ── Mobile ─────────────────────────────────────────── */
@media (max-width: 768px) {
    .site-nav[b-97hto9cuzv] {
        display: flex;
        flex-wrap: nowrap;
        height: 3.5rem;
        padding-right: 0;
        position: relative;
    }

    /* Center div holds only the brand in the first row on mobile */
    .site-nav__center[b-97hto9cuzv] {
        flex: 0 0 auto;
        height: 3.5rem;
        justify-content: flex-start;
    }

    /* Brand keeps its height in the first row */
    .site-nav__brand[b-97hto9cuzv] {
        height: 3.5rem;
    }

    /* "GALACTIC" has align-self:flex-end for the desktop stepped-logo effect, but
       with a fixed 3.5rem brand height on mobile that pushes it too far down. */
    .site-nav__brand-galactic[b-97hto9cuzv] {
        align-self: center;
        padding-bottom: 0;
    }

    /* Links: absolute dropdown below the navbar, full width, on top of page content */
    .site-nav__links[b-97hto9cuzv] {
        display: none;
        position: absolute;
        top: 3.5rem;
        left: 0;
        right: 0;
        z-index: 500;
        flex-direction: column;
        background: #0d1018;
        border-top: 1px solid #1a1f2a;
        border-bottom: 1px solid #2a3040;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    }

    .site-nav--open .site-nav__links[b-97hto9cuzv] {
        display: flex;
    }

    [b-97hto9cuzv] .site-nav__link {
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #1a1f2a;
        border-radius: 0;
        padding: 0.85rem 1.25rem;
        font-size: 0.82rem;
        background: none;
        min-height: 44px;
    }

    [b-97hto9cuzv] .site-nav__link:last-child {
        border-right: none;
        border-bottom: none;
    }

    [b-97hto9cuzv] .site-nav__link.active {
        background: #0e1628;
        border-left: 3px solid #38bdf8;
        padding-left: calc(1.25rem - 3px);
        border-top: none;
    }

    /* Right div: push to far right of first row */
    .site-nav__right[b-97hto9cuzv] {
        margin-left: auto;
        height: 3.5rem;
    }

    /* PLEX: hide label, tighter padding */
    .site-nav__plex[b-97hto9cuzv] {
        height: 3.5rem;
        padding: 0 0.6rem;
    }

    .site-nav__plex-label[b-97hto9cuzv] {
        display: none;
    }

    /* Character widget: portrait only, hide name */
    .site-nav__character[b-97hto9cuzv] {
        padding: 0 0.4rem;
        height: 3.5rem;
    }

    .site-nav__char-name[b-97hto9cuzv] {
        display: none;
    }

    /* Login button: icon only, hide text */
    .site-nav__login-btn[b-97hto9cuzv] {
        padding: 0 0.6rem;
        height: 3.5rem;
    }

    .site-nav__login-text[b-97hto9cuzv] {
        display: none;
    }

    /* Show hamburger */
    .site-nav__hamburger[b-97hto9cuzv] {
        display: flex;
    }
}
/* /Pages/About.razor.rz.scp.css */
.about-page[b-a3twobqrgz] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 1.5rem;
}

.about-page__content[b-a3twobqrgz] {
    max-width: 720px;
    width: 100%;
}

.about-page__content h1[b-a3twobqrgz] {
    font-size: 2rem;
    color: #e3e4e6;
    margin-bottom: 1rem;
}

.about-page__lead[b-a3twobqrgz] {
    font-size: 1.1rem;
    color: #c8cdd8;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.about-section[b-a3twobqrgz] {
    margin-bottom: 2rem;
}

.about-section h2[b-a3twobqrgz] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #00c4ff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.6rem;
    border-bottom: 1px solid #2c323a;
    padding-bottom: 0.4rem;
}

.about-section p[b-a3twobqrgz],
.about-section li[b-a3twobqrgz] {
    color: #c8cdd8;
    line-height: 1.7;
}

.about-section ul[b-a3twobqrgz] {
    padding-left: 1.4rem;
}

.about-section li[b-a3twobqrgz] {
    margin-bottom: 0.3rem;
}

.about-section a[b-a3twobqrgz] {
    color: #00c4ff;
    text-decoration: none;
}

.about-section a:hover[b-a3twobqrgz] {
    text-decoration: underline;
}
/* /Pages/Appraisal.razor.rz.scp.css */
.appraisal-page[b-zizqtvgmvu] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 3.5rem - 1.1rem);
    overflow: hidden;
}

/* ── panels ──────────────────────────────────────────────────────────────── */

.appraisal-panel[b-zizqtvgmvu] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    color: #e3e4e6;
    font-size: 0.85rem;
}

.appraisal-panel--inputs[b-zizqtvgmvu] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.appraisal-panel--results[b-zizqtvgmvu] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.appraisal-panel__header[b-zizqtvgmvu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #2c323a;
    padding: 0.5rem 0.75rem 0.4rem;
    flex-shrink: 0;
}

.appraisal-section-title[b-zizqtvgmvu] {
    font-size: 1rem;
    font-weight: 700;
}

/* ── settings ────────────────────────────────────────────────────────────── */

.appraisal-settings[b-zizqtvgmvu] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
}

.appraisal-field-group[b-zizqtvgmvu] {
    display: flex;
    flex-direction: column;
}

.appraisal-label[b-zizqtvgmvu] {
    display: block;
    font-size: 0.72rem;
    color: #8a93a8;
    margin-bottom: 0.15rem;
    white-space: nowrap;
}

.appraisal-select[b-zizqtvgmvu] {
    background: #0f1318;
    border: 1px solid #3a4252;
    border-radius: 0.25rem;
    color: #e3e4e6;
    font-size: 0.82rem;
    padding: 0.2rem 0.35rem;
    width: 100%;
}

/* ── paste section ───────────────────────────────────────────────────────── */

.appraisal-paste-section[b-zizqtvgmvu] {
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
    min-height: 0;
}

.appraisal-paste-label[b-zizqtvgmvu] {
    font-size: 0.72rem;
    color: #8a93a8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.appraisal-paste-textarea[b-zizqtvgmvu] {
    flex: 1;
    min-height: 120px;
    box-sizing: border-box;
    background: #0f1318;
    border: 1px solid #3a4252;
    border-radius: 0.25rem;
    color: #e3e4e6;
    font-size: 0.78rem;
    font-family: monospace;
    padding: 0.35rem 0.4rem;
    resize: none;
}

.appraisal-paste-textarea:focus[b-zizqtvgmvu] {
    outline: none;
    border-color: #5a8bc0;
}

.appraisal-paste-actions[b-zizqtvgmvu] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.appraisal-apply-btn[b-zizqtvgmvu] {
    flex: 1;
    padding: 0.3rem 0;
    background: #1e3a28;
    border: 1px solid #3a6a4a;
    border-radius: 0.25rem;
    color: #4caf82;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
}

.appraisal-apply-btn:hover[b-zizqtvgmvu] {
    background: #264d33;
    border-color: #4caf82;
}

.appraisal-clear-btn[b-zizqtvgmvu] {
    padding: 0.3rem 0.7rem;
    background: transparent;
    border: 1px solid #3a4252;
    border-radius: 0.25rem;
    color: #8a93a8;
    cursor: pointer;
    font-size: 0.85rem;
}

.appraisal-clear-btn:hover[b-zizqtvgmvu] {
    border-color: #c0392b;
    color: #e05050;
}

.appraisal-paste-error[b-zizqtvgmvu] {
    font-size: 0.72rem;
    color: #e05252;
    flex-shrink: 0;
}

.appraisal-unresolved[b-zizqtvgmvu] {
    font-size: 0.72rem;
    color: #8a93a8;
    flex-shrink: 0;
}

.appraisal-unresolved__label[b-zizqtvgmvu] {
    color: #e8a838;
    font-weight: 600;
    margin-right: 0.25rem;
}

/* ── results panel ───────────────────────────────────────────────────────── */

.appraisal-sub-header[b-zizqtvgmvu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.35rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #8a93a8;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
}

.appraisal-price-note[b-zizqtvgmvu] {
    font-size: 0.72rem;
    color: #8a93a8;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.appraisal-status[b-zizqtvgmvu],
.appraisal-empty-hint[b-zizqtvgmvu] {
    padding: 0.75rem;
    font-size: 0.8rem;
    color: #4a5568;
    font-style: italic;
}

.appraisal-results-scroll[b-zizqtvgmvu] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ── table ───────────────────────────────────────────────────────────────── */

.appraisal-results-table[b-zizqtvgmvu] {
    width: fit-content;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.appraisal-results-table th[b-zizqtvgmvu] {
    color: #8a93a8;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-bottom: 1px solid #2c323a;
    white-space: nowrap;
    position: sticky;
    top: 0;
    background: #0f1318;
    text-align: left;
}

.appraisal-th--right[b-zizqtvgmvu] { text-align: right; }

.appraisal-results-table td[b-zizqtvgmvu] {
    padding: 0.22rem 0.75rem;
    border-bottom: 1px solid #1a1f28;
}

.appraisal-results-table tr:hover td[b-zizqtvgmvu] { background: #1c2230; }

.appraisal-td--item[b-zizqtvgmvu] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.appraisal-icon[b-zizqtvgmvu] {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    flex-shrink: 0;
}

.appraisal-icon-placeholder[b-zizqtvgmvu] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #1a1f28;
    border-radius: 2px;
}

.appraisal-item-link[b-zizqtvgmvu] {
    color: inherit;
    text-decoration: none;
}

.appraisal-item-link:hover[b-zizqtvgmvu] {
    color: #7eb8f7;
    text-decoration: underline;
}

.appraisal-td--right[b-zizqtvgmvu] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.appraisal-td--isk[b-zizqtvgmvu]  { color: #4caf82; }
.appraisal-td--sell[b-zizqtvgmvu] { color: #e8a838; }

.appraisal-bp-tag[b-zizqtvgmvu] {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 0.05em 0.35em;
    border-radius: 3px;
    vertical-align: middle;
    flex-shrink: 0;
}

.appraisal-bp-tag--bpo[b-zizqtvgmvu] {
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #7dd3fc;
}

.appraisal-bp-tag--bpc[b-zizqtvgmvu] {
    background: rgba(232, 168, 56, 0.12);
    border: 1px solid rgba(232, 168, 56, 0.35);
    color: #e8a838;
}

/* ── totals footer (pinned, outside scroll) ──────────────────────────────── */

.appraisal-totals[b-zizqtvgmvu] {
    flex-shrink: 0;
    border-bottom: 1px solid #2c323a;
    padding: 0.3rem 0.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    background: #181c22;
}

.appraisal-totals__values[b-zizqtvgmvu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.appraisal-totals__row[b-zizqtvgmvu] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.appraisal-totals__label[b-zizqtvgmvu] {
    font-size: 0.9rem;
    color: #8a93a8;
}

.appraisal-totals__value[b-zizqtvgmvu] {
    font-size: 1.2rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #4caf82;
}

.appraisal-totals__row--sell .appraisal-totals__value[b-zizqtvgmvu] {
    color: #e8a838;
}

.appraisal-totals__row--vol .appraisal-totals__value[b-zizqtvgmvu] {
    color: #8a93a8;
}

.appraisal-copy-btn[b-zizqtvgmvu] {
    flex-shrink: 0;
    padding: 0.3rem 0.8rem;
    background: transparent;
    border: 1px solid #3a4252;
    border-radius: 0.25rem;
    color: #8a93a8;
    cursor: pointer;
    font-size: 0.82rem;
    white-space: nowrap;
}

.appraisal-copy-btn:hover[b-zizqtvgmvu] {
    border-color: #5a8bc0;
    color: #c8d8ea;
}

.appraisal-copy-btn--copied[b-zizqtvgmvu] {
    border-color: #4caf82;
    color: #4caf82;
}

/* ── Mobile ─────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Stack inputs above results */
    .appraisal-page[b-zizqtvgmvu] {
        grid-template-columns: 1fr;
        height: auto;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .appraisal-panel--inputs[b-zizqtvgmvu],
    .appraisal-panel--results[b-zizqtvgmvu] {
        min-width: 0;
        overflow-x: hidden;
        overflow-y: visible;
        min-height: 0;
    }

    /* Paste textarea: fixed height on mobile instead of flex-grow */
    .appraisal-paste-textarea[b-zizqtvgmvu] {
        flex: none;
        height: 130px;
        min-height: 0;
    }

    /* Results scroll area: horizontal scroll for wide table */
    .appraisal-results-scroll[b-zizqtvgmvu] {
        overflow-x: auto;
        flex: none;
        max-height: 50vh;
    }

    /* Totals footer: wrap on narrow screens */
    .appraisal-totals[b-zizqtvgmvu] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    /* Inputs: larger touch targets */
    .appraisal-apply-btn[b-zizqtvgmvu],
    .appraisal-clear-btn[b-zizqtvgmvu] {
        min-height: 40px;
    }
}
/* /Pages/FittingAssistant.razor.rz.scp.css */
.fit-page[b-mszuudwv36] {
    padding: 0.5rem;
    height: calc(100vh - 3.5rem - 1.1rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ── Import panel ─────────────────────────────────────── */

.fit-import-panel[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-width: 600px;
    margin: 2rem auto 0;
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    padding: 1.25rem;
    color: #e3e4e6;
    font-size: 0.85rem;
}

.fit-import-title[b-mszuudwv36] {
    font-size: 1.1rem;
    font-weight: 700;
}

.fit-import-hint[b-mszuudwv36] {
    font-size: 0.8rem;
    color: #8a93a8;
}

.fit-import-textarea[b-mszuudwv36] {
    width: 100%;
    height: 200px;
    background: #0e1117;
    border: 1px solid #2c323a;
    border-radius: 0.3rem;
    color: #c9ced9;
    font-family: monospace;
    font-size: 0.8rem;
    padding: 0.5rem;
    resize: vertical;
    box-sizing: border-box;
}

.fit-import-textarea:focus[b-mszuudwv36] {
    outline: none;
    border-color: #4a7aba;
}

.fit-import-btn[b-mszuudwv36] {
    align-self: flex-start;
    background: #2b4c7e;
    border: 1px solid #3a6aa8;
    border-radius: 0.3rem;
    color: #d0ddf5;
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0.4rem 1rem;
    transition: background 0.15s;
}

.fit-import-btn:hover:not(:disabled)[b-mszuudwv36] {
    background: #3a6aa8;
}

.fit-import-btn:disabled[b-mszuudwv36] {
    opacity: 0.5;
    cursor: not-allowed;
}

.fit-import-error[b-mszuudwv36] {
    color: #e05252;
    font-size: 0.8rem;
}

/* ── Main content grid ────────────────────────────────── */

.fit-content[b-mszuudwv36] {
    display: grid;
    grid-template-columns: 380px minmax(0, 560px) 270px;
    gap: 0.5rem;
    flex: 1;
    min-height: 0;
}

/* ── Browser panel (left) ─────────────────────────────── */

.fit-browser-panel[b-mszuudwv36] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* ── Browser tabs ─────────────────────────────────────── */

.fit-browser-tabs[b-mszuudwv36] {
    display: flex;
    flex-shrink: 0;
    border-bottom: 1px solid #1e2530;
}

.fit-browser-tab[b-mszuudwv36] {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #4a5870;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 0.3rem 0.4rem 0.25rem;
    transition: color 0.15s, border-color 0.15s;
}

.fit-browser-tab:hover[b-mszuudwv36] {
    color: #8a93a8;
}

.fit-browser-tab--active[b-mszuudwv36] {
    color: #a8c8f0;
    border-bottom-color: #4a7aba;
}

.fit-browser-search-wrap[b-mszuudwv36] {
    position: relative;
    flex-shrink: 0;
}

.fit-browser-input[b-mszuudwv36] {
    background: #0e1117;
    border: none;
    border-bottom: 1px solid #2c323a;
    color: #c9ced9;
    font-size: 0.8rem;
    padding: 0.35rem 1.6rem 0.35rem 0.6rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    display: block;
}

.fit-browser-input:focus[b-mszuudwv36] {
    border-bottom-color: #4a7aba;
}

.fit-browser-clear-btn[b-mszuudwv36] {
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #4a5870;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0.1rem 0.15rem;
    border-radius: 0.2rem;
    transition: color 0.15s;
}

.fit-browser-clear-btn:hover[b-mszuudwv36] {
    color: #c9ced9;
}

.fit-browser-results[b-mszuudwv36] {
    flex: 1;
    overflow-y: auto;
    padding: 0.2rem 0;
    min-height: 0;
}

.fit-browser-hint[b-mszuudwv36] {
    color: #3a4558;
    font-size: 0.75rem;
    padding: 0.5rem 0.6rem;
    font-style: italic;
}

.fit-browser-item[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.22rem 0.5rem;
    cursor: grab;
    transition: background 0.1s;
    user-select: none;
}

.fit-browser-item:hover[b-mszuudwv36] {
    background: #1e2530;
}

.fit-browser-item:active[b-mszuudwv36] {
    cursor: grabbing;
}

.fit-browser-icon[b-mszuudwv36] {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    background: #0e1117;
    flex-shrink: 0;
}

.fit-browser-icon--render[b-mszuudwv36] {
    background: #050a10;
    border-radius: 3px;
}

.fit-browser-item-info[b-mszuudwv36] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.fit-browser-slot-tag[b-mszuudwv36] {
    font-size: 0.6rem;
    font-weight: 700;
    padding: 0.05rem 0.28rem;
    border-radius: 0.2rem;
    display: inline-block;
    width: fit-content;
    letter-spacing: 0.03em;
}

.fit-browser-slot-high[b-mszuudwv36]      { background: #1a2e40; color: #5a9ade; }
.fit-browser-slot-med[b-mszuudwv36]       { background: #1a3020; color: #5dbd7a; }
.fit-browser-slot-low[b-mszuudwv36]       { background: #2a2010; color: #d0a040; }
.fit-browser-slot-rig[b-mszuudwv36]       { background: #1e1e30; color: #8080cc; }
.fit-browser-slot-subsystem[b-mszuudwv36] { background: #2a1e30; color: #cc80cc; }
.fit-browser-slot-drone[b-mszuudwv36]     { background: #1a2820; color: #60c080; }
.fit-browser-slot-implant[b-mszuudwv36]   { background: #2a1a1a; color: #cc6060; }

.fit-browser-name[b-mszuudwv36] {
    font-size: 0.77rem;
    color: #c9ced9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Market category tree ─────────────────────────────── */

.fit-tree-node[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    cursor: pointer;
    transition: background 0.1s;
    user-select: none;
}

.fit-tree-node--group[b-mszuudwv36] {
    color: #8a93a8;
    font-size: 0.8rem;
}

.fit-tree-node--group:hover[b-mszuudwv36] {
    background: #1a2030;
}

.fit-tree-node--item[b-mszuudwv36] {
    cursor: grab;
}

.fit-tree-toggle[b-mszuudwv36] {
    width: 16px;
    flex-shrink: 0;
    font-size: 1.1rem;
    color: #4a5870;
    text-align: center;
    line-height: 1;
}

.fit-tree-icon[b-mszuudwv36] {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: transparent;
    flex-shrink: 0;
    opacity: 0.8;
}

.fit-tree-name[b-mszuudwv36] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Import inner (no fit loaded) ─────────────────────── */

.fit-import-inner[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1.25rem;
    color: #e3e4e6;
    font-size: 0.85rem;
    flex: 1;
    min-height: 0;
}

/* ── Center panel (ship + slots) ──────────────────────── */

.fit-center-panel[b-mszuudwv36] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.fit-center-header[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
}

.fit-ship-render-sm[b-mszuudwv36] {
    width: 56px;
    height: 56px;
    border-radius: 0.25rem;
    background: #0e1117;
    flex-shrink: 0;
}

.fit-center-ship-info[b-mszuudwv36] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.fit-center-actions[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
    flex-shrink: 0;
}

.fit-slot-error[b-mszuudwv36] {
    font-size: 0.75rem;
    color: #e07040;
    background: #1e0e04;
    border-bottom: 1px solid #5a2e10;
    padding: 0.25rem 0.65rem;
    flex-shrink: 0;
    animation: fit-slot-error-fade-b-mszuudwv36 4s forwards;
}

@keyframes fit-slot-error-fade-b-mszuudwv36 {
    0%   { opacity: 1; }
    75%  { opacity: 1; }
    100% { opacity: 0; }
}

.fit-slots-scroll[b-mszuudwv36] {
    flex: 1;
    overflow-y: auto;
    padding: 0.4rem 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-height: 0;
}

/* ── Shared ship name / fit name ─────────────────────── */

.fit-ship-name[b-mszuudwv36] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #e3e4e6;
    line-height: 1.3;
}

.fit-fit-name[b-mszuudwv36] {
    font-size: 0.75rem;
    color: #8a93a8;
}

.fit-fit-name--editable[b-mszuudwv36] {
    cursor: text;
}

.fit-fit-name--editable:hover[b-mszuudwv36] {
    color: #b0bcd0;
}

.fit-fit-name-input[b-mszuudwv36] {
    font-size: 0.75rem;
    color: #c8d0e0;
    background: #1a2030;
    border: 1px solid #3a5070;
    border-radius: 0.25rem;
    padding: 0.1rem 0.3rem;
    outline: none;
    width: 100%;
    max-width: 220px;
}

.fit-reset-btn[b-mszuudwv36] {
    background: transparent;
    border: 1px solid #2c323a;
    border-radius: 0.3rem;
    color: #6a7a9a;
    cursor: pointer;
    font-size: 0.72rem;
    padding: 0.22rem 0.55rem;
    transition: color 0.15s, border-color 0.15s;
}

.fit-reset-btn:hover[b-mszuudwv36] {
    color: #c9ced9;
    border-color: #4a5568;
}

.fit-copy-btn[b-mszuudwv36] {
    background: transparent;
    border: 1px solid #2c4a2c;
    border-radius: 0.3rem;
    color: #5a8a5a;
    cursor: pointer;
    font-size: 0.72rem;
    padding: 0.22rem 0.55rem;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.fit-copy-btn:hover[b-mszuudwv36] {
    color: #8ac88a;
    border-color: #3a7a3a;
}

.fit-copy-btn--done[b-mszuudwv36] {
    color: #5aaa5a;
    border-color: #3a7a3a;
    background: #0e1e0e;
    cursor: default;
}

/* ── Slot groups ──────────────────────────────────────── */

.fit-slot-group[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    padding: 0.15rem;
    transition: background 0.1s, border-color 0.1s;
}

.fit-slot-group--drop-target[b-mszuudwv36] {
    border-color: #4a7aba;
    background: #0d1a2e;
}

.fit-slot-group--drop-reject[b-mszuudwv36] {
    border-color: #7a2020;
    background: #1a0d0d;
}

.fit-slot-header[b-mszuudwv36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: #4a5870;
    padding: 0.15rem 0.1rem;
    border-bottom: 1px solid #1e2530;
    margin-bottom: 0.1rem;
}

.fit-slot-count[b-mszuudwv36] {
    font-size: 0.63rem;
    font-weight: 600;
    color: #4a5870;
    letter-spacing: 0;
}

.fit-slot-count--over[b-mszuudwv36] {
    color: #d07840;
}

.fit-slot-warn[b-mszuudwv36] {
    color: #d07840;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.fit-drop-hint[b-mszuudwv36] {
    font-size: 0.72rem;
    color: #4a7aba;
    padding: 0.2rem 0.3rem;
    font-style: italic;
}

/* ── Module rows ──────────────────────────────────────── */

.fit-module-row[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.18rem 0.25rem;
    border-radius: 0.25rem;
    transition: background 0.1s;
}

.fit-module-row:hover[b-mszuudwv36] {
    background: #1e2530;
}

.fit-module-row--offline .fit-module-icon[b-mszuudwv36],
.fit-module-row--offline .fit-module-name[b-mszuudwv36],
.fit-module-row--offline .fit-module-charge[b-mszuudwv36] {
    opacity: 0.35;
}

.fit-module-row--empty[b-mszuudwv36] {
    opacity: 0.3;
    pointer-events: none;
}

.fit-module-row--charge-drop[b-mszuudwv36] {
    background: #0d1e10;
    outline: 1px dashed #3a8a50;
    border-radius: 0.25rem;
}

/* Module state button */
.fit-state-btn[b-mszuudwv36] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.15s;
    padding: 0;
}

.fit-state-btn:hover[b-mszuudwv36] { opacity: 0.8; }

.fit-state-btn--offline[b-mszuudwv36] {
    background: #1a1e26;
    border-color: #2c323a;
    color: #3a4558;
}

.fit-state-btn--online[b-mszuudwv36] {
    background: #0e2218;
    border-color: #1a4a2a;
    color: #5dbd7a;
}

.fit-state-btn--active[b-mszuudwv36] {
    background: #0e1e38;
    border-color: #1e4a8a;
    color: #5a9ade;
}

.fit-state-btn--overheated[b-mszuudwv36] {
    background: #2a1408;
    border-color: #6a3010;
    color: #e07840;
    box-shadow: 0 0 4px rgba(224, 120, 64, 0.35);
}

.fit-module-icon[b-mszuudwv36] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 2px;
    background: #0e1117;
}

.fit-module-info[b-mszuudwv36] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.fit-module-name[b-mszuudwv36] {
    font-size: 0.82rem;
    color: #c9ced9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fit-module-stats[b-mszuudwv36] {
    font-size: 0.68rem;
    color: #6a7a9a;
    white-space: nowrap;
}

.fit-module-stats span + span[b-mszuudwv36]::before {
    content: " · ";
    color: #4a5060;
}

.fit-module-stats span[b-mszuudwv36] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fit-module-charge[b-mszuudwv36] {
    font-size: 0.7rem;
    color: #5a6a88;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fit-module-charge--link[b-mszuudwv36] {
    cursor: pointer;
}

.fit-module-charge--link:hover[b-mszuudwv36] {
    color: #a8c8f0;
}

.fit-module-qty[b-mszuudwv36] {
    font-size: 0.75rem;
    color: #6a7a9a;
    flex-shrink: 0;
}

.fit-module-qty--editable[b-mszuudwv36] {
    cursor: pointer;
    text-decoration: underline dotted #4a5a7a;
}

.fit-module-qty--editable:hover[b-mszuudwv36] {
    color: #a8c8f0;
}

.fit-module-qty-input[b-mszuudwv36] {
    width: 3rem;
    font-size: 0.75rem;
    background: #1a2030;
    border: 1px solid #4a6a9a;
    border-radius: 2px;
    color: #d0ddf5;
    text-align: center;
    padding: 1px 2px;
    flex-shrink: 0;
}

/* Remove button — hidden until row is hovered */
.fit-remove-btn[b-mszuudwv36] {
    flex-shrink: 0;
    background: transparent;
    border: none;
    color: #3a4558;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    padding: 0.05rem 0.2rem;
    border-radius: 0.2rem;
    transition: color 0.15s, background 0.15s;
    opacity: 0;
}

.fit-module-row:hover .fit-remove-btn[b-mszuudwv36] {
    opacity: 1;
}

.fit-remove-btn:hover[b-mszuudwv36] {
    color: #e05252;
    background: #2a1414;
}

/* Empty slot placeholder */
.fit-empty-slot[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 1;
    padding: 0.08rem 0;
}

.fit-empty-slot-icon[b-mszuudwv36] {
    width: 32px;
    height: 32px;
    border: 1px dashed #2c323a;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2c323a;
    font-size: 1rem;
    flex-shrink: 0;
}

.fit-empty-slot-label[b-mszuudwv36] {
    font-size: 0.78rem;
    color: #2c323a;
}

/* ── Charge editing ───────────────────────────────────── */

.fit-charge-edit[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.15rem;
}

.fit-charge-input[b-mszuudwv36] {
    background: #0e1117;
    border: 1px solid #2c323a;
    border-radius: 0.2rem;
    color: #c9ced9;
    font-size: 0.75rem;
    padding: 0.2rem 0.35rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.fit-charge-input:focus[b-mszuudwv36] {
    border-color: #4a7aba;
}

.fit-charge-results-inline[b-mszuudwv36] {
    background: #0e1117;
    border: 1px solid #2c323a;
    border-radius: 0.2rem;
    max-height: 130px;
    overflow-y: auto;
}

.fit-charge-result[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.18rem 0.35rem;
    font-size: 0.75rem;
    color: #c9ced9;
    cursor: pointer;
    transition: background 0.1s;
}

.fit-charge-result:hover[b-mszuudwv36] {
    background: #1e2530;
}

.fit-charge-icon[b-mszuudwv36] {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    flex-shrink: 0;
    background: #0e1117;
}

.fit-charge-actions[b-mszuudwv36] {
    display: flex;
    gap: 0.3rem;
}

.fit-charge-clear-btn[b-mszuudwv36],
.fit-charge-cancel-btn[b-mszuudwv36] {
    background: transparent;
    border: 1px solid #2c323a;
    border-radius: 0.2rem;
    color: #5a6a88;
    cursor: pointer;
    font-size: 0.68rem;
    padding: 0.1rem 0.4rem;
    transition: color 0.15s, border-color 0.15s;
}

.fit-charge-clear-btn:hover[b-mszuudwv36] {
    color: #e05252;
    border-color: #7a2020;
}

.fit-charge-cancel-btn:hover[b-mszuudwv36] {
    color: #c9ced9;
    border-color: #4a5568;
}

/* ── Right panel (tabbed) ─────────────────────────────── */

.fit-right-panel[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 0;
}

.fit-tabs[b-mszuudwv36] {
    display: flex;
    gap: 0;
    flex-shrink: 0;
    border-bottom: 1px solid #2c323a;
    margin-bottom: 0.3rem;
}

.fit-tab[b-mszuudwv36] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #4a5870;
    cursor: pointer;
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    padding: 0.25rem 0.6rem 0.2rem;
    transition: color 0.15s, border-color 0.15s;
}

.fit-tab:hover[b-mszuudwv36] {
    color: #8a93a8;
}

.fit-tab--active[b-mszuudwv36] {
    color: #a8c8f0;
    border-bottom-color: #4a7aba;
}

/* ── Cost panel ───────────────────────────────────────── */

.fit-cost-panel[b-mszuudwv36] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    padding: 0.6rem 0.75rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: #c9ced9;
    min-height: 0;
    flex: 1;
}

.fit-cost-loading[b-mszuudwv36] {
    color: #8a93a8;
    font-style: italic;
    font-size: 0.8rem;
}

.fit-cost-total[b-mszuudwv36] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #2c323a;
    margin-bottom: 0.1rem;
}

.fit-cost-total-label[b-mszuudwv36] {
    font-size: 0.75rem;
    color: #8a93a8;
}

.fit-cost-total-value[b-mszuudwv36] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #a8c8f0;
}

.fit-cost-section[b-mszuudwv36] {
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: #4a5870;
    padding-top: 0.2rem;
}

.fit-cost-table[b-mszuudwv36] {
    width: auto;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.fit-cost-table td[b-mszuudwv36] {
    padding: 0.15rem 0.2rem;
    vertical-align: top;
}

.fit-cost-table td:first-child[b-mszuudwv36] {
    color: #b0bdd0;
    padding-right: 0.75rem;
}

.fit-cost-isk[b-mszuudwv36] {
    text-align: right;
    color: #8ab0d0;
    white-space: nowrap;
}

.fit-cost-qty[b-mszuudwv36] {
    color: #5a6a88;
    font-size: 0.72rem;
}

.fit-cost-unknown[b-mszuudwv36] {
    color: #3a4558;
}

.fit-hub-cheapest td[b-mszuudwv36] {
    color: #5dbd7a !important;
}

.fit-cost-ship-row td:first-child[b-mszuudwv36] {
    color: #e3e4e6;
    font-weight: 600;
}

.fit-cost-item-row:hover td[b-mszuudwv36] {
    background: #1e2530;
}

.fit-cost-item-link[b-mszuudwv36] {
    color: inherit;
    text-decoration: none;
    display: block;
}

.fit-cost-item-link:hover[b-mszuudwv36] {
    color: #a0b8e0;
    text-decoration: underline;
}

/* ── Stats panel ─────────────────────────────────────── */

.fit-stats-panel[b-mszuudwv36] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    padding: 0.5rem 0.6rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.78rem;
    color: #c9ced9;
    min-height: 0;
    flex: 1;
}

/* Fitting bars */
.stats-fitting-bars[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.35rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #1e2530;
}

.stats-bar-row[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.stats-bar-lbl[b-mszuudwv36] {
    font-size: 0.65rem;
    color: #5a6a88;
    width: 22px;
    flex-shrink: 0;
}

.stats-bar-track[b-mszuudwv36] {
    flex: 1;
    height: 5px;
    background: #1e2530;
    border-radius: 2px;
    overflow: hidden;
}

.stats-bar-fill[b-mszuudwv36] {
    height: 100%;
    background: #2b5fa8;
    border-radius: 2px;
    transition: width 0.3s;
}

.stats-bar-fill--over[b-mszuudwv36] {
    background: #a03030;
}

.stats-bar-val[b-mszuudwv36] {
    font-size: 0.65rem;
    color: #6a7a9a;
    text-align: right;
    white-space: nowrap;
    min-width: 60px;
}

/* Section */
.stats-section[b-mszuudwv36] {
    padding: 0.3rem 0 0.2rem;
    border-bottom: 1px solid #1e2530;
    margin-bottom: 0.1rem;
}

.stats-section:last-of-type[b-mszuudwv36] {
    border-bottom: none;
}

.stats-section-hdr[b-mszuudwv36] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: #5a6a88;
    margin-bottom: 0.3rem;
}

.stats-stable[b-mszuudwv36]  { color: #5dbd7a; }
.stats-unstable[b-mszuudwv36] { color: #d07840; }
.stats-warn[b-mszuudwv36]    { color: #d07840; }

.stats-drone-warn[b-mszuudwv36] {
    font-size: 0.68rem;
    color: #d07840;
    padding: 0.1rem 0 0.2rem;
}

/* Row */
.stats-row[b-mszuudwv36] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0.1rem 0;
}

.stats-lbl[b-mszuudwv36] {
    font-size: 0.7rem;
    color: #5a6a88;
    min-width: 68px;
    flex-shrink: 0;
}

.stats-val[b-mszuudwv36] {
    color: #c9ced9;
    font-size: 0.78rem;
}

.stats-sub[b-mszuudwv36] {
    font-size: 0.68rem;
    color: #5a6a88;
}

/* 2-column grid for targeting / navigation */
.stats-grid-2[b-mszuudwv36] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem 0.5rem;
}

.stats-grid-cell[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}

/* Defense layers */
.stats-defense-row[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-bottom: 0.2rem;
}

.stats-defense-top[b-mszuudwv36] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
}

/* Resist bars */
.stats-resists[b-mszuudwv36] {
    display: flex;
    gap: 0.15rem;
    margin-left: 68px;
}

.stats-resist-bar[b-mszuudwv36] {
    flex: 1;
    height: 16px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}

.stats-resist-bar--em[b-mszuudwv36]    { background: #0c1a2e; }
.stats-resist-bar--therm[b-mszuudwv36] { background: #1e0a04; }
.stats-resist-bar--kin[b-mszuudwv36]   { background: #141820; }
.stats-resist-bar--exp[b-mszuudwv36]   { background: #1a1206; }

.stats-resist-bar-fill[b-mszuudwv36] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.stats-resist-bar--em    .stats-resist-bar-fill[b-mszuudwv36] { background: #1e4878; }
.stats-resist-bar--therm .stats-resist-bar-fill[b-mszuudwv36] { background: #703010; }
.stats-resist-bar--kin   .stats-resist-bar-fill[b-mszuudwv36] { background: #384560; }
.stats-resist-bar--exp   .stats-resist-bar-fill[b-mszuudwv36] { background: #5a4015; }

.stats-resist-bar-text[b-mszuudwv36] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 700;
    color: #d0ddf5;
    z-index: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

/* Damage type bars (Offense section) */
.dmg-bars[b-mszuudwv36] {
    display: flex;
    gap: 0.15rem;
    margin: 0.15rem 0 0.3rem 68px;
}

.dmg-bar[b-mszuudwv36] {
    flex: 1;
    height: 16px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}

.dmg-bar--em[b-mszuudwv36]    { background: #0c1a2e; }
.dmg-bar--therm[b-mszuudwv36] { background: #1e0a04; }
.dmg-bar--kin[b-mszuudwv36]   { background: #141820; }
.dmg-bar--exp[b-mszuudwv36]   { background: #1a1206; }

.dmg-bar-fill[b-mszuudwv36] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.dmg-bar--em    .dmg-bar-fill[b-mszuudwv36] { background: #1e4878; }
.dmg-bar--therm .dmg-bar-fill[b-mszuudwv36] { background: #703010; }
.dmg-bar--kin   .dmg-bar-fill[b-mszuudwv36] { background: #384560; }
.dmg-bar--exp   .dmg-bar-fill[b-mszuudwv36] { background: #5a4015; }

.dmg-bar-text[b-mszuudwv36] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 700;
    color: #d0ddf5;
    z-index: 1;
    text-shadow: 0 1px 2px rgba(0,0,0,0.9);
}

/* Base note */
.stats-base-note[b-mszuudwv36] {
    margin-top: 0.5rem;
    font-size: 0.65rem;
    color: #3a4558;
    font-style: italic;
    text-align: center;
    padding-top: 0.3rem;
    border-top: 1px solid #1e2530;
}

/* ── Skill validation ─────────────────────────────────── */

.fit-skill-banner[b-mszuudwv36] {
    font-size: 0.75rem;
    padding: 0.25rem 0.65rem;
    flex-shrink: 0;
}

.fit-skill-banner--ok[b-mszuudwv36] {
    background: #0e2218;
    color: #5dbd7a;
    border-bottom: 1px solid #1a4a2a;
}

.fit-skill-banner--warn[b-mszuudwv36] {
    background: #22140a;
    color: #d07840;
    border-bottom: 1px solid #5a2e10;
}

.fit-skill-dot[b-mszuudwv36] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
    cursor: help;
}

.fit-skill-dot--ok[b-mszuudwv36] {
    background: #3a8a50;
}

.fit-skill-dot--bad[b-mszuudwv36] {
    background: #b04040;
    box-shadow: 0 0 4px rgba(176, 64, 64, 0.5);
}

.fit-skill-dot--unknown[b-mszuudwv36] {
    background: #2c323a;
}

.fit-ship-skill[b-mszuudwv36] {
    font-size: 0.73rem;
    padding: 0.15rem 0.3rem;
    border-radius: 0.2rem;
}

.fit-ship-skill--ok[b-mszuudwv36] {
    color: #5dbd7a;
    background: #0e2218;
    border: 1px solid #1a4a2a;
}

.fit-ship-skill--bad[b-mszuudwv36] {
    color: #d07840;
    background: #22140a;
    border: 1px solid #5a2e10;
    cursor: help;
}

.fit-login-hint[b-mszuudwv36] {
    font-size: 0.72rem;
    color: #4a7aba;
    text-decoration: none;
}

.fit-login-hint:hover[b-mszuudwv36] {
    color: #7ab0e8;
    text-decoration: underline;
}

.fit-unresolved--inline[b-mszuudwv36] {
    font-size: 0.72rem;
    padding: 0.2rem 0.65rem;
    background: #1a1408;
    border-bottom: 1px solid #5a3a10;
    color: #8a6020;
    flex-shrink: 0;
}

.fit-unresolved-title[b-mszuudwv36] {
    color: #c8840a;
    font-weight: 600;
    margin-right: 0.3rem;
}

/* ── Skills panel ─────────────────────────────────────── */

.fit-skills-panel[b-mszuudwv36] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    padding: 0.5rem 0.6rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 0.78rem;
    color: #c9ced9;
    min-height: 0;
    flex: 1;
}

.skills-toolbar[b-mszuudwv36] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #1e2530;
}

.skills-mode-select[b-mszuudwv36] {
    background: #0e1117;
    border: 1px solid #2c323a;
    border-radius: 0.25rem;
    color: #c9ced9;
    font-size: 0.78rem;
    padding: 0.2rem 0.4rem;
    cursor: pointer;
    outline: none;
    width: 100%;
}

.skills-mode-select:focus[b-mszuudwv36] {
    border-color: #4a7aba;
}

.skills-list[b-mszuudwv36] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.skill-row[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.18rem 0.3rem;
    border-radius: 0.2rem;
}

.skill-name[b-mszuudwv36] {
    flex: 1;
    font-size: 0.78rem;
    color: #c9ced9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.skill-row--miss .skill-name[b-mszuudwv36] {
    color: #c9a0a0;
}

.skill-levels[b-mszuudwv36] {
    display: flex;
    gap: 3px;
    flex-shrink: 0;
}

.skill-dot[b-mszuudwv36] {
    width: 9px;
    height: 9px;
    border-radius: 2px;
    display: inline-block;
    flex-shrink: 0;
}

.skill-dot--empty[b-mszuudwv36] {
    background: #1e2530;
}

.skill-dot--have[b-mszuudwv36] {
    background: #3a8a50;
}

.skill-dot--partial[b-mszuudwv36] {
    background: #7a5020;
}

.skill-dot--need[b-mszuudwv36] {
    background: #1e2530;
    box-shadow: inset 0 0 0 1px #b04040;
}

.skill-req-lbl[b-mszuudwv36] {
    font-size: 0.68rem;
    color: #5a6a88;
    min-width: 18px;
    text-align: right;
    flex-shrink: 0;
}

.skill-row--miss .skill-req-lbl[b-mszuudwv36] {
    color: #d07840;
}

/* ── Modules subsection in Skills tab ────────────────── */

.skills-section-label[b-mszuudwv36] {
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: #4a5870;
    padding: 0.5rem 0.2rem 0.2rem;
    border-top: 1px solid #1e2530;
    margin-top: 0.15rem;
}

.skills-module-hdr[b-mszuudwv36] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.2rem 0.1rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #8a93a8;
}

.skills-module-icon[b-mszuudwv36] {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #0e1117;
    flex-shrink: 0;
    opacity: 0.8;
}

.skills-module-name[b-mszuudwv36] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Implants & Boosters import button (in slot header) ── */

.fit-implants-import-btn[b-mszuudwv36] {
    background: transparent;
    border: 1px solid #2a4a6a;
    border-radius: 0.25rem;
    color: #5a9ade;
    cursor: pointer;
    font-size: 0.63rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 0.1rem 0.45rem;
    transition: background 0.15s, border-color 0.15s;
}

.fit-implants-import-btn:hover[b-mszuudwv36] {
    background: #1a2a3a;
    border-color: #3a6a9a;
}

/* /Pages/IndustryCalculator.razor.rz.scp.css */
.ind-page[b-wlsu4bqm9p] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 3.5rem - 1.1rem);
    overflow: hidden;
}

/* Panels */
.ind-panel[b-wlsu4bqm9p] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    color: #e3e4e6;
    font-size: 0.85rem;
}

.ind-panel--inputs[b-wlsu4bqm9p] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.6rem 0.75rem;
    overflow-y: auto;
    min-height: 0;
}

.ind-panel--results[b-wlsu4bqm9p] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.ind-panel__header[b-wlsu4bqm9p] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #2c323a;
    padding-bottom: 0.4rem;
    margin-bottom: 0.2rem;
    flex-shrink: 0;
}

.ind-section-title[b-wlsu4bqm9p] {
    font-size: 1rem;
    font-weight: 700;
}

/* Form elements */
.ind-label[b-wlsu4bqm9p] {
    display: block;
    font-size: 0.72rem;
    color: #8a93a8;
    margin-bottom: 0.18rem;
    white-space: nowrap;
}

.ind-label-note[b-wlsu4bqm9p] {
    color: #5e6d86;
    font-size: 0.68rem;
}

.ind-field-group[b-wlsu4bqm9p] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.ind-row[b-wlsu4bqm9p] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
}

.ind-row .ind-field-group[b-wlsu4bqm9p] {
    flex: 1;
}

.ind-input[b-wlsu4bqm9p] {
    background: #0f1318;
    border: 1px solid #2c323a;
    color: #e3e4e6;
    font-size: 0.82rem;
    padding: 0.28rem 0.5rem;
    border-radius: 0.3rem;
    width: 100%;
    box-sizing: border-box;
}

.ind-input:focus[b-wlsu4bqm9p] {
    outline: none;
    border-color: #3d4a5d;
}

input[type="number"].ind-input[b-wlsu4bqm9p] { text-align: right; }

.ind-input--short[b-wlsu4bqm9p] {
    width: 100%;
}

.ind-input--readonly[b-wlsu4bqm9p] {
    opacity: 0.55;
    cursor: default;
}

.ind-decryptor-group[b-wlsu4bqm9p] {
    margin-top: 0.5rem;
}

.ind-select[b-wlsu4bqm9p] {
    background: #0f1318;
    border: 1px solid #2c323a;
    color: #e3e4e6;
    font-size: 0.82rem;
    padding: 0.28rem 0.5rem;
    border-radius: 0.3rem;
    width: 100%;
}

.ind-select:focus[b-wlsu4bqm9p] {
    outline: none;
    border-color: #3d4a5d;
}

/* Search box with clear button */
.ind-search-box[b-wlsu4bqm9p] {
    position: relative;
}

.ind-search-box .ind-input[b-wlsu4bqm9p] {
    padding-right: 1.4rem;
}

.ind-search-clear[b-wlsu4bqm9p] {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6a7894;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
}

.ind-search-clear:hover[b-wlsu4bqm9p] {
    color: #e3e4e6;
}

/* Autocomplete dropdown */
.ind-dropdown[b-wlsu4bqm9p] {
    position: absolute;
    z-index: 500;
    top: 100%;
    left: 0;
    right: 0;
    background: #181c22;
    border: 1px solid #3d4a5d;
    border-top: none;
    border-radius: 0 0 0.3rem 0.3rem;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.ind-dropdown-item[b-wlsu4bqm9p] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
    font-size: 0.82rem;
    color: #c8cdd8;
}

.ind-dropdown-item:hover[b-wlsu4bqm9p] {
    background: #232a33;
}

.ind-dropdown-icon[b-wlsu4bqm9p] {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    flex-shrink: 0;
}

.ind-t2-badge[b-wlsu4bqm9p] {
    margin-left: auto;
    font-size: 0.68rem;
    padding: 1px 4px;
    border: 1px solid #6a9cc8;
    border-radius: 2px;
    color: #6a9cc8;
    flex-shrink: 0;
}

/* Selected product display */
.ind-selected-item[b-wlsu4bqm9p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.4rem;
    background: #13171d;
    border: 1px solid #2c323a;
    border-radius: 0.3rem;
}

.ind-selected-icon[b-wlsu4bqm9p] {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    flex-shrink: 0;
}

.ind-selected-name[b-wlsu4bqm9p] {
    font-weight: 600;
    font-size: 0.88rem;
    color: #e3e4e6;
}

.ind-t2-label[b-wlsu4bqm9p] { font-size: 0.72rem; color: #6a9cc8; }
.ind-t1-label[b-wlsu4bqm9p] { font-size: 0.72rem; color: #7a8a9a; }

/* Security status badges */
.ind-sec-status[b-wlsu4bqm9p] {
    font-size: 0.72rem;
    font-weight: 600;
    width: 28px;
    text-align: right;
    flex-shrink: 0;
}

.sec-high[b-wlsu4bqm9p] { color: #4caf82; }
.sec-low[b-wlsu4bqm9p]  { color: #e8a838; }
.sec-null[b-wlsu4bqm9p] { color: #c84040; }

/* Divider */
.ind-divider[b-wlsu4bqm9p] {
    border-top: 1px solid #1e2530;
    margin: 0.1rem 0;
}

/* Calculate button */
.ind-calc-btn[b-wlsu4bqm9p] {
    width: 100%;
    padding: 0.45rem;
    font-size: 0.88rem;
    margin-top: 0.2rem;
}

.ind-error[b-wlsu4bqm9p] {
    color: #ff6b6b;
    font-size: 0.78rem;
    margin-top: 0.25rem;
}

/* Results panel */
.ind-empty[b-wlsu4bqm9p] {
    padding: 2rem 1.5rem;
    color: #6a7894;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.7;
}

.ind-results-header[b-wlsu4bqm9p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
}

.ind-results-icon[b-wlsu4bqm9p] {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    flex-shrink: 0;
}

.ind-results-title-group[b-wlsu4bqm9p] {
    flex: 1;
    min-width: 0;
}

.ind-results-name[b-wlsu4bqm9p] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #e3e4e6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind-results-name a[b-wlsu4bqm9p],
.ind-item-link[b-wlsu4bqm9p] {
    color: inherit;
    text-decoration: none;
}

.ind-results-name a:hover[b-wlsu4bqm9p],
.ind-item-link:hover[b-wlsu4bqm9p] {
    color: #7eb8f7;
    text-decoration: underline;
}

.ind-results-meta[b-wlsu4bqm9p] {
    font-size: 0.74rem;
    color: #7a8a9a;
    margin-top: 0.15rem;
}

.ind-results-profit[b-wlsu4bqm9p] {
    text-align: right;
    flex-shrink: 0;
}

.ind-profit-value[b-wlsu4bqm9p] {
    font-size: 1.1rem;
    font-weight: 700;
}

.ind-profit-label[b-wlsu4bqm9p] {
    font-size: 0.72rem;
    color: #7a8a9a;
    margin-top: 0.1rem;
}

.ind-profit-positive[b-wlsu4bqm9p] { color: #4caf82; }
.ind-profit-negative[b-wlsu4bqm9p] { color: #e05050; }
.ind-cost[b-wlsu4bqm9p]            { color: #e07a3a; }

.ind-summary-table .ind-profit-positive[b-wlsu4bqm9p] { color: #4caf82; }
.ind-summary-table .ind-profit-negative[b-wlsu4bqm9p] { color: #e05050; }

/* Tabs */
.ind-tabs[b-wlsu4bqm9p] {
    display: flex;
    gap: 0.25rem;
    padding: 0.35rem 0.6rem 0;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
}

.ind-tab[b-wlsu4bqm9p] {
    padding: 0.3rem 0.75rem;
    border: 1px solid transparent;
    border-bottom: none;
    background: transparent;
    color: #8a93a8;
    cursor: pointer;
    font-size: 0.82rem;
    border-radius: 0.3rem 0.3rem 0 0;
    transition: color 0.12s, background 0.12s;
}

.ind-tab:hover[b-wlsu4bqm9p] {
    color: #c8cdd8;
}

.ind-tab.active[b-wlsu4bqm9p] {
    color: #00c4ff;
    background: #13171d;
    border-color: #2c323a;
    border-bottom-color: #13171d;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
}

/* Tab content */
.ind-tab-content[b-wlsu4bqm9p] {
    flex: 1;
    min-height: 0;
    padding: 0.5rem 0.75rem;
    overflow-y: auto;
}

.ind-tab-content--scroll[b-wlsu4bqm9p] {
    overflow-y: auto;
}

/* Summary table */
.ind-summary-table[b-wlsu4bqm9p] {
    width: auto;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.ind-summary-table td[b-wlsu4bqm9p] {
    padding: 0.22rem 0.4rem;
    color: #c8cdd8;
}

.ind-summary-table .ind-value[b-wlsu4bqm9p] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ind-summary-section-header td[b-wlsu4bqm9p] {
    color: #8a93a8;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-top: 0.75rem;
    padding-bottom: 0.1rem;
}

.ind-summary-subtotal td[b-wlsu4bqm9p] {
    border-top: 1px solid #252d38;
    font-weight: 600;
    color: #d8dde8;
}

.ind-summary-total td[b-wlsu4bqm9p] {
    border-top: 2px solid #2c3a4a;
    font-weight: 700;
    font-size: 0.9rem;
    padding-top: 0.4rem;
}

.ind-summary-profit-cell[b-wlsu4bqm9p] {
    font-size: 1.15rem;
}

.ind-summary-table tbody tr:not(.ind-summary-section-header):hover[b-wlsu4bqm9p] {
    background: rgba(255, 255, 255, 0.04);
}

.ind-margin[b-wlsu4bqm9p] {
    font-size: 0.78rem;
    font-weight: 400;
    margin-left: 0.4rem;
    opacity: 0.8;
}

.ind-hint[b-wlsu4bqm9p] {
    font-size: 0.7rem;
    color: #5e6d86;
    cursor: help;
}

/* Materials table */
.ind-mat-table[b-wlsu4bqm9p] {
    width: auto;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.ind-mat-table th[b-wlsu4bqm9p],
.ind-mat-table td[b-wlsu4bqm9p] {
    padding: 0.25rem 0.4rem;
    border-bottom: 1px solid #1e2730;
    text-align: left;
}

.ind-mat-table .right[b-wlsu4bqm9p] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ind-mat-table th[b-wlsu4bqm9p] {
    color: #8a93a8;
    font-weight: 600;
    background: #0f1318;
    position: sticky;
    top: 0;
    font-size: 0.75rem;
}

.ind-mat-table tbody tr:hover[b-wlsu4bqm9p] {
    background: rgba(255, 255, 255, 0.05);
}

.ind-mat-table tfoot td[b-wlsu4bqm9p] {
    border-top: 1px solid #2c3a4a;
    border-bottom: none;
}

.ind-mat-total td[b-wlsu4bqm9p] {
    font-weight: 600;
    color: #d8dde8;
    border-top: 1px solid #252d38 !important;
}

.ind-mat-icon-cell[b-wlsu4bqm9p] {
    width: 34px;
    padding: 0.1rem 0.25rem;
    vertical-align: middle;
}

.ind-mat-icon[b-wlsu4bqm9p] {
    width: 28px;
    height: 28px;
    display: block;
    border-radius: 2px;
}

.ind-no-price[b-wlsu4bqm9p] {
    color: #5e6d86;
    font-style: italic;
}

.ind-price-warning[b-wlsu4bqm9p] {
    color: #e8a838;
    font-size: 0.76rem;
    padding: 0.3rem 0.4rem;
    margin-bottom: 0.4rem;
    background: rgba(232, 168, 56, 0.08);
    border: 1px solid rgba(232, 168, 56, 0.2);
    border-radius: 0.25rem;
}

.ind-copy-row[b-wlsu4bqm9p] {
    margin-top: 0.5rem;
}

.ind-copy-btn[b-wlsu4bqm9p] {
    margin-left: auto;
    background: #1a2535;
    border: 1px solid #2c3a4a;
    color: #9aaabb;
    font-size: 0.76rem;
    padding: 0.25rem 0.6rem;
    border-radius: 0.25rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}

.ind-copy-btn:hover[b-wlsu4bqm9p] {
    background: #243040;
    color: #c8d8e8;
}

.ind-name-cell[b-wlsu4bqm9p] {
    white-space: nowrap;
}

.ind-oig-btn[b-wlsu4bqm9p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.4rem;
    padding: 0.1rem 0.35rem;
    background: none;
    border: 1px solid #2e5070;
    border-radius: 3px;
    color: #5a9ec4;
    font-size: 0.55rem;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.ind-oig-btn:hover[b-wlsu4bqm9p] {
    border-color: #4a90c0;
    color: #a8e0f8;
    background: rgba(0, 196, 255, 0.08);
}

.ind-oig-btn--unauthed[b-wlsu4bqm9p] {
    opacity: 0.4;
}

.ind-login-prompt[b-wlsu4bqm9p] {
    padding: 0.35rem 1rem;
    font-size: 0.75rem;
    color: #e8a838;
    border-bottom: 1px solid #1a1f2a;
}

.ind-mat-section-header[b-wlsu4bqm9p] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6a7a9a;
    padding: 0.2rem 0.4rem 0.3rem;
    border-bottom: 1px solid #2c3540;
    margin-bottom: 0.2rem;
}

/* Invention info bar */
.ind-inv-info[b-wlsu4bqm9p] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    font-size: 0.78rem;
    color: #8a93a8;
    padding: 0.3rem 0.4rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #1e2730;
    flex-wrap: wrap;
}

.ind-inv-info strong[b-wlsu4bqm9p] {
    color: #c8cdd8;
}

/* Components tab */
.ind-comp-table[b-wlsu4bqm9p] {
    width: auto;
    border-collapse: collapse;
    font-size: 0.80rem;
}

.ind-comp-table th[b-wlsu4bqm9p], .ind-comp-table td[b-wlsu4bqm9p] {
    padding: 0.25rem 0.4rem;
    border-bottom: 1px solid #1c2330;
}

.ind-comp-table th[b-wlsu4bqm9p] {
    color: #8a93a8;
    font-weight: 600;
    text-align: left;
    font-size: 0.75rem;
    background: #0f1318;
    position: sticky;
    top: 0;
}

.ind-comp-table th.right[b-wlsu4bqm9p], .ind-comp-table td.right[b-wlsu4bqm9p] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ind-comp-table th.center[b-wlsu4bqm9p], .ind-comp-table td.center[b-wlsu4bqm9p] { text-align: center; }

.ind-comp-table tbody tr[b-wlsu4bqm9p] {
    cursor: default;
}

.ind-comp-table tbody tr:hover[b-wlsu4bqm9p] {
    background: rgba(255, 255, 255, 0.06);
}

.ind-comp-table tbody tr.ind-comp-row--active:hover[b-wlsu4bqm9p] {
    background: rgba(60, 100, 160, 0.14);
}

.ind-comp-row--active[b-wlsu4bqm9p] {
    background: rgba(60, 100, 160, 0.07);
}

.ind-comp-num[b-wlsu4bqm9p] {
    width: 3.2rem;
    text-align: center;
    padding: 0.15rem 0.25rem;
    font-size: 0.78rem;
}

.ind-comp-check[b-wlsu4bqm9p] {
    accent-color: #3d7acc;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

.ind-make-cheaper[b-wlsu4bqm9p] { color: #4caf82; }
.ind-make-pricier[b-wlsu4bqm9p] { color: #e05050; }

.ind-self-mfg-badge[b-wlsu4bqm9p] {
    margin-left: 0.3rem;
    font-size: 0.68rem;
    color: #4caf82;
    opacity: 0.8;
}

.ind-pending-note[b-wlsu4bqm9p] {
    font-size: 0.76rem;
    color: #e8a838;
    padding: 0.3rem 0.5rem;
    margin-bottom: 0.4rem;
    background: rgba(232, 168, 56, 0.07);
    border: 1px solid rgba(232, 168, 56, 0.2);
    border-radius: 0.25rem;
}

.ind-comp-savings td[b-wlsu4bqm9p] {
    font-size: 0.78rem;
    color: #4caf82;
    padding-top: 0.3rem;
}

.ind-updating-badge[b-wlsu4bqm9p] {
    font-size: 0.78rem;
    color: #6a7894;
    padding: 0.2rem 0;
    animation: ind-pulse-b-wlsu4bqm9p 1.2s ease-in-out infinite;
}

@keyframes ind-pulse-b-wlsu4bqm9p {
    0%, 100% { opacity: 0.5; }
    50%       { opacity: 1;   }
}

/* ── Mobile ─────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Stack inputs above results.
       Clip only at the grid level — inner tab-content handles its own scroll. */
    .ind-page[b-wlsu4bqm9p] {
        grid-template-columns: 1fr;
        height: auto;
        overflow-x: hidden;
        overflow-y: visible;
    }

    /* Inputs panel: natural height, no clipping needed */
    .ind-panel--inputs[b-wlsu4bqm9p] {
        min-width: 0;
        max-height: none;
        overflow: visible;
        min-height: 0;
    }

    /* Results panel: let page scroll, tab-content handles horizontal scroll */
    .ind-panel--results[b-wlsu4bqm9p] {
        min-width: 0;
        min-height: 0;
        overflow: visible;
    }

    /* Tab content: bounded height, horizontal scroll for wide tables */
    .ind-tab-content[b-wlsu4bqm9p] {
        flex: none;
        max-height: 60vh;
        overflow-y: auto;
        overflow-x: auto;
    }

    /* Row fields: stack on very narrow screens */
    .ind-row[b-wlsu4bqm9p] {
        flex-wrap: wrap;
    }

    /* Inputs: slightly larger touch targets */
    .ind-input[b-wlsu4bqm9p],
    .ind-select[b-wlsu4bqm9p] {
        font-size: 0.9rem;
        padding: 0.35rem 0.5rem;
        min-height: 36px;
    }

    /* Results header: wrap name + profit vertically */
    .ind-results-header[b-wlsu4bqm9p] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .ind-results-profit[b-wlsu4bqm9p] {
        text-align: left;
    }
}
/* /Pages/MarketBrowser.razor.rz.scp.css */
.sidebar-location[b-n7t0jaidml] {
    padding: 8px 8px 4px;
    border-bottom: 1px solid #2d3a4a;
    flex-shrink: 0;
}

.sidebar-tabs[b-n7t0jaidml] {
    display: flex;
    border-bottom: 1px solid #2d3a4a;
    margin-bottom: 4px;
    flex-shrink: 0;
}

.sidebar-tab[b-n7t0jaidml] {
    flex: 1;
    padding: 5px 8px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #6a7487;
    font-size: 0.75rem;
    cursor: pointer;
    margin-bottom: -1px;
    transition: color 0.12s ease, border-color 0.12s ease;
}

.sidebar-tab:hover[b-n7t0jaidml] {
    color: #c8cdd8;
}

.sidebar-tab.active[b-n7t0jaidml] {
    color: #00c4ff;
    border-bottom-color: #00c4ff;
}

.quickbar-list[b-n7t0jaidml] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.quickbar-empty[b-n7t0jaidml] {
    color: #4a5a70;
    font-size: 0.75rem;
    text-align: center;
    padding: 16px 10px;
    line-height: 1.5;
}

.quickbar-item[b-n7t0jaidml] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    cursor: grab;
    font-size: 0.78rem;
    color: #d7dade;
    border-left: 2px solid transparent;
    transition: background 0.12s ease, border-color 0.12s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}

.quickbar-item:hover[b-n7t0jaidml] {
    background: #1f2834;
    border-left-color: #3d6080;
}

.quickbar-item.selected[b-n7t0jaidml] {
    background: #1a2d40;
    border-left-color: #00c4ff;
    color: #e8f4ff;
}

.quickbar-item.dragging[b-n7t0jaidml] {
    opacity: 0.35;
    cursor: grabbing;
}

.quickbar-item.drag-over[b-n7t0jaidml] {
    background: rgba(0, 196, 255, 0.08);
    border-left-color: #00c4ff;
    border-top: 1px solid rgba(0, 196, 255, 0.35);
}

.context-menu-overlay[b-n7t0jaidml] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.context-menu[b-n7t0jaidml] {
    position: fixed;
    z-index: 1000;
    background: #1c2535;
    border: 1px solid #2d3a4a;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    min-width: 160px;
    padding: 4px 0;
}

.context-menu-item[b-n7t0jaidml] {
    padding: 6px 14px;
    font-size: 0.8rem;
    color: #c8cdd8;
    cursor: pointer;
    transition: background 0.1s ease;
}

.context-menu-item:hover[b-n7t0jaidml] {
    background: rgba(255, 255, 255, 0.07);
    color: #e8f4ff;
}

.market-search-row[b-n7t0jaidml] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.market-search-row .market-search[b-n7t0jaidml] {
    flex: 1;
    position: relative;
}

.search-clear-btn[b-n7t0jaidml] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #6a7487;
    cursor: pointer;
    font-size: 0.75rem;
    line-height: 1;
    padding: 2px 3px;
}

.search-clear-btn:hover[b-n7t0jaidml] {
    color: #c8cdd8;
}

.collapse-all-btn[b-n7t0jaidml] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: transparent;
    border: 1px solid #2d3a4a;
    border-radius: 4px;
    color: #6a7487;
    cursor: pointer;
    transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
}

.collapse-all-btn:hover[b-n7t0jaidml] {
    color: #c8cdd8;
    border-color: #4a5a70;
    background: rgba(255, 255, 255, 0.05);
}

.market-node[b-n7t0jaidml] {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 0.25rem;
    transition: background 0.12s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.market-node--group[b-n7t0jaidml] {
    padding: 3px 4px;
    font-size: 0.75rem;
    color: #c8cdd8;
}

.market-node--group:hover[b-n7t0jaidml] {
    background: rgba(255, 255, 255, 0.05);
}

.market-node--item[b-n7t0jaidml] {
    padding: 2px 4px;
    font-size: 0.78rem;
    color: #d7dade;
    border-left: 2px solid transparent;
    border-radius: 0;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.market-node--item:hover[b-n7t0jaidml] {
    background: #1f2834;
    border-left-color: #3d6080;
}

.market-node--item.selected[b-n7t0jaidml] {
    background: #1a2d40;
    border-left-color: #00c4ff;
    color: #e8f4ff;
}

.market-item-header[b-n7t0jaidml] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.open-in-game-btn[b-n7t0jaidml] {
    padding: 0.3rem 0.75rem;
    background: linear-gradient(180deg, #1a2d40 0%, #0d1b2a 100%);
    border: 1px solid #2e5070;
    border-radius: 3px;
    color: #7ec8e3;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.open-in-game-btn:hover[b-n7t0jaidml] {
    background: linear-gradient(180deg, #22395a 0%, #111f30 100%);
    border-color: #4a90c0;
    color: #a8e0f8;
}

.open-in-game-btn--unauthed[b-n7t0jaidml] {
    opacity: 0.5;
}

.oig-wrapper[b-n7t0jaidml] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}

.oig-btn-row[b-n7t0jaidml] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.info-icon-btn[b-n7t0jaidml] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: transparent;
    border: 1px solid #2d3a4a;
    border-radius: 3px;
    color: #5a7090;
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
}

.info-icon-btn:hover[b-n7t0jaidml] {
    color: #7ec8e3;
    border-color: #3d6080;
    background: rgba(0, 196, 255, 0.07);
}

.oig-login-prompt[b-n7t0jaidml] {
    font-size: 0.7rem;
    color: #e8a838;
    white-space: nowrap;
}

.market-item-header__icon[b-n7t0jaidml] {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
}

.item-icon[b-n7t0jaidml] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 3px;
    object-fit: cover;
    opacity: 0.9;
}

.group-icon[b-n7t0jaidml] {
    width: 16px;
    height: 16px;
    opacity: 0.7;
}

.category-toggle[b-n7t0jaidml] {
    display: inline-block;
    width: 14px;
    text-align: center;
    font-size: 10px;
    flex-shrink: 0;
    color: #6a7487;
}

.station-cell[b-n7t0jaidml] {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-select[b-n7t0jaidml] {
    background-color: #111c2a;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236a7487' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    border: 1px solid #2d3a4a;
    color: #c8cdd8;
    font-size: 0.8rem;
    padding: 0.25rem 2rem 0.25rem 0.5rem;
}

.form-select:focus[b-n7t0jaidml] {
    background-color: #141f2e;
    border-color: #3d6080;
    color: #e8f4ff;
    box-shadow: 0 0 0 2px rgba(0, 196, 255, 0.15);
}

.form-select option[b-n7t0jaidml] {
    background-color: #111c2a;
    color: #c8cdd8;
}

/* ── Mobile ─────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Sidebar location selector: full-width padding */
    .sidebar-location[b-n7t0jaidml] {
        padding: 6px 6px 4px;
    }

    /* Make tree items easier to tap */
    .market-node--group[b-n7t0jaidml] {
        padding: 6px 4px;
        font-size: 0.82rem;
    }

    .market-node--item[b-n7t0jaidml] {
        padding: 5px 4px;
        font-size: 0.82rem;
    }

    /* Item header on mobile: wrap portrait + buttons */
    .market-item-header[b-n7t0jaidml] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .market-item-header__icon[b-n7t0jaidml] {
        width: 48px;
        height: 48px;
    }

    /* Station column: allow more width on mobile */
    .station-cell[b-n7t0jaidml] {
        max-width: 120px;
    }

    /* Order popup: full-width on mobile */
    .order-popup[b-n7t0jaidml] {
        left: 0.5rem !important;
        right: 0.5rem !important;
        min-width: 0;
        max-width: none;
    }

    .order-popup--tiers[b-n7t0jaidml] {
        min-width: 0;
    }
}
/* /Pages/Ore.razor.rz.scp.css */
.ore-page[b-rpvzqvo15m] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 3.5rem - 1.1rem);
    overflow: hidden;
}

/* ── panels ──────────────────────────────────────────────────────────────── */

.ore-panel[b-rpvzqvo15m] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    color: #e3e4e6;
    font-size: 0.85rem;
}

.ore-panel--inputs[b-rpvzqvo15m] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.ore-panel--results[b-rpvzqvo15m] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.ore-panel__header[b-rpvzqvo15m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #2c323a;
    padding: 0.5rem 0.75rem 0.4rem;
    flex-shrink: 0;
}

.ore-section-title[b-rpvzqvo15m] {
    font-size: 1rem;
    font-weight: 700;
}

/* ── settings ─────────────────────────────────────────────────────────────── */

.ore-settings[b-rpvzqvo15m] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.ore-field-group[b-rpvzqvo15m] {
    display: flex;
    flex-direction: column;
}

.ore-label[b-rpvzqvo15m] {
    display: block;
    font-size: 0.72rem;
    color: #8a93a8;
    margin-bottom: 0.15rem;
    white-space: nowrap;
}

.ore-select[b-rpvzqvo15m] {
    background: #0f1318;
    border: 1px solid #3a4252;
    border-radius: 0.25rem;
    color: #e3e4e6;
    font-size: 0.82rem;
    padding: 0.2rem 0.35rem;
    width: 100%;
}

.ore-select--skill[b-rpvzqvo15m] {
    width: 6rem;
}

.ore-skills-row[b-rpvzqvo15m] {
    display: flex;
    gap: 0.75rem;
}

.ore-manual-row[b-rpvzqvo15m] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.3rem;
}

.ore-input--yield[b-rpvzqvo15m] {
    background: #0f1318;
    border: 1px solid #3a4252;
    border-radius: 0.25rem;
    color: #e3e4e6;
    font-size: 0.82rem;
    padding: 0.2rem 0.35rem;
    width: 5rem;
}

.ore-input--yield:focus[b-rpvzqvo15m] {
    outline: none;
    border-color: #5a8bc0;
}

.ore-manual-pct[b-rpvzqvo15m] {
    font-size: 0.82rem;
    color: #8a93a8;
}

.ore-yield-display[b-rpvzqvo15m] {
    font-size: 0.8rem;
    color: #8a93a8;
    padding-top: 0.1rem;
}

.ore-yield-display strong[b-rpvzqvo15m] {
    color: #4caf82;
}

/* ── paste section ────────────────────────────────────────────────────────── */

.ore-paste-section[b-rpvzqvo15m] {
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
    min-height: 0;
}

.ore-paste-label[b-rpvzqvo15m] {
    font-size: 0.72rem;
    color: #8a93a8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ore-paste-textarea[b-rpvzqvo15m] {
    flex: 1;
    min-height: 120px;
    box-sizing: border-box;
    background: #0f1318;
    border: 1px solid #3a4252;
    border-radius: 0.25rem;
    color: #e3e4e6;
    font-size: 0.78rem;
    font-family: monospace;
    padding: 0.35rem 0.4rem;
    resize: none;
}

.ore-paste-textarea:focus[b-rpvzqvo15m] {
    outline: none;
    border-color: #5a8bc0;
}

.ore-paste-actions[b-rpvzqvo15m] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.ore-apply-btn[b-rpvzqvo15m] {
    flex: 1;
    padding: 0.3rem 0;
    background: #1e3a28;
    border: 1px solid #3a6a4a;
    border-radius: 0.25rem;
    color: #4caf82;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
}

.ore-apply-btn:hover[b-rpvzqvo15m] {
    background: #264d33;
    border-color: #4caf82;
}

.ore-clear-btn[b-rpvzqvo15m] {
    padding: 0.3rem 0.7rem;
    background: transparent;
    border: 1px solid #3a4252;
    border-radius: 0.25rem;
    color: #8a93a8;
    cursor: pointer;
    font-size: 0.85rem;
}

.ore-clear-btn:hover[b-rpvzqvo15m] {
    border-color: #c0392b;
    color: #e05050;
}

.ore-paste-error[b-rpvzqvo15m] {
    font-size: 0.72rem;
    color: #e05252;
    flex-shrink: 0;
}

.ore-unrecognized[b-rpvzqvo15m] {
    font-size: 0.72rem;
    color: #8a93a8;
    flex-shrink: 0;
}

.ore-unrecognized__label[b-rpvzqvo15m] {
    color: #e8a838;
    font-weight: 600;
    margin-right: 0.25rem;
}

/* ── right panel sub-sections ────────────────────────────────────────────── */

.ore-sub-header[b-rpvzqvo15m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.35rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #8a93a8;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
}

.ore-price-note[b-rpvzqvo15m] {
    font-size: 0.72rem;
    color: #8a93a8;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.ore-clear-inv-btn[b-rpvzqvo15m] {
    background: transparent;
    border: none;
    color: #8a93a8;
    cursor: pointer;
    font-size: 0.72rem;
    padding: 0;
}

.ore-clear-inv-btn:hover[b-rpvzqvo15m] { color: #e05050; }

/* inventory section — fixed portion of panel */
.ore-inv-section[b-rpvzqvo15m] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
    max-height: 40%;
    overflow-y: auto;
    min-height: 0;
}

/* minerals section — takes remaining space */
.ore-min-section[b-rpvzqvo15m] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.ore-empty-hint[b-rpvzqvo15m] {
    padding: 0.75rem;
    font-size: 0.8rem;
    color: #4a5568;
    font-style: italic;
}

/* ── shared table styles ──────────────────────────────────────────────────── */

.ore-inv-table[b-rpvzqvo15m],
.ore-results-table[b-rpvzqvo15m] {
    width: fit-content;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.ore-inv-table th[b-rpvzqvo15m],
.ore-results-table th[b-rpvzqvo15m] {
    color: #8a93a8;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-bottom: 1px solid #2c323a;
    white-space: nowrap;
    position: sticky;
    top: 0;
    background: #0f1318;
    text-align: left;
}

.ore-th--right[b-rpvzqvo15m] { text-align: right; }

.ore-inv-table td[b-rpvzqvo15m],
.ore-results-table td[b-rpvzqvo15m] {
    padding: 0.22rem 0.75rem;
    border-bottom: 1px solid #1a1f28;
}

.ore-inv-table tr:hover td[b-rpvzqvo15m],
.ore-results-table tr:hover td[b-rpvzqvo15m] { background: #1c2230; }

.ore-td--ore[b-rpvzqvo15m],
.ore-td--mineral[b-rpvzqvo15m] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.ore-mineral-icon[b-rpvzqvo15m] {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    flex-shrink: 0;
}

.ore-item-link[b-rpvzqvo15m] {
    color: inherit;
    text-decoration: none;
}

.ore-item-link:hover[b-rpvzqvo15m] {
    color: #7eb8f7;
    text-decoration: underline;
}

.ore-td--right[b-rpvzqvo15m] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ore-td--isk[b-rpvzqvo15m]  { color: #4caf82; }

.ore-row--zero td[b-rpvzqvo15m] { opacity: 0.3; }

/* ── badges (Cmp, +5%, +10%) ─────────────────────────────────────────────── */

.ore-badge[b-rpvzqvo15m] {
    font-size: 0.62rem;
    font-weight: 700;
    padding: 0.05rem 0.28rem;
    border-radius: 0.2rem;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    line-height: 1.4;
}

.ore-badge--cmp[b-rpvzqvo15m]    { background: #1a2535; color: #6a90b8; border: 1px solid #2c4060; }
.ore-badge--ii[b-rpvzqvo15m]     { background: #1e3050; color: #7ab3e0; border: 1px solid #3a5270; }
.ore-badge--iii[b-rpvzqvo15m]    { background: #2d2010; color: #e8a838; border: 1px solid #5a4020; }
.ore-badge--iv[b-rpvzqvo15m]     { background: #251a35; color: #b07ae8; border: 1px solid #4a2d70; }
.ore-badge--double[b-rpvzqvo15m] { background: #2a1a00; color: #ffc44d; border: 1px solid #7a5200; }

/* ── total row ────────────────────────────────────────────────────────────── */

.ore-total-row[b-rpvzqvo15m] { border-top: 1px solid #2c323a; }
.ore-total-row td[b-rpvzqvo15m] { padding: 0.35rem 0.75rem; }
.ore-total-label[b-rpvzqvo15m] { color: #8a93a8; font-size: 0.8rem; }
.ore-td--total[b-rpvzqvo15m] { font-weight: 700; font-size: 1.05rem; color: #4caf82; }

/* ── misc ─────────────────────────────────────────────────────────────────── */

.ore-status[b-rpvzqvo15m] {
    padding: 1rem 0.75rem;
    color: #8a93a8;
    font-style: italic;
}

/* ── Mobile ─────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Stack inputs above results; min-width:0 prevents the 1fr track from expanding
       to match content width, which would make the page wider than the viewport. */
    .ore-page[b-rpvzqvo15m] {
        grid-template-columns: 1fr;
        height: auto;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .ore-panel--inputs[b-rpvzqvo15m],
    .ore-panel--results[b-rpvzqvo15m] {
        min-width: 0;
        overflow-x: hidden;
        overflow-y: visible;
        min-height: 0;
    }

    /* Paste textarea: fixed height on mobile instead of flex-grow */
    .ore-paste-textarea[b-rpvzqvo15m] {
        flex: none;
        height: 130px;
        min-height: 0;
    }

    /* Results tables: horizontal scroll for wide tables */
    .ore-inv-section[b-rpvzqvo15m],
    .ore-min-section[b-rpvzqvo15m] {
        overflow-x: auto;
        max-height: none;
        flex: none;
    }

    /* Inputs: larger touch targets */
    .ore-input--yield[b-rpvzqvo15m],
    .ore-select[b-rpvzqvo15m] {
        font-size: 0.9rem;
        padding: 0.35rem 0.5rem;
        min-height: 36px;
    }

    .ore-apply-btn[b-rpvzqvo15m],
    .ore-clear-btn[b-rpvzqvo15m] {
        min-height: 40px;
    }
}
/* /Pages/TradeTool.razor.rz.scp.css */
.trade-page[b-8emirzolel] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 3.5rem - 1.1rem);
    overflow: hidden;
}

.trade-panel[b-8emirzolel] {
    background: #181c22;
    border: 1px solid #2c323a;
    border-radius: 0.4rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    color: #e3e4e6;
    font-size: 0.85rem;
}

.trade-panel--filters[b-8emirzolel] {
    padding: 0.5rem 0.75rem;
    flex-shrink: 0;
}

.trade-panel--results[b-8emirzolel] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding: 0.5rem;
}

.trade-panel__header[b-8emirzolel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border-bottom: 1px solid #2c323a;
    padding-bottom: 0.4rem;
    margin-bottom: 0.5rem;
}

.trade-section-title[b-8emirzolel] {
    font-size: 1rem;
    font-weight: 700;
}

.trade-cache-status[b-8emirzolel] {
    font-size: 0.75rem;
}

.trade-cache-status--ready[b-8emirzolel] {
    color: #4caf82;
}

.trade-cache-status--loading[b-8emirzolel] {
    color: #e8a838;
}

.trade-filters[b-8emirzolel] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.trade-filter-row[b-8emirzolel] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.trade-filter-arrow[b-8emirzolel] {
    font-size: 1.4rem;
    color: #8a93a8;
    padding-bottom: 0.25rem;
    flex-shrink: 0;
}

.trade-filter-group[b-8emirzolel] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 130px;
}

.trade-filter-group--action[b-8emirzolel] {
    min-width: auto;
}

.trade-label[b-8emirzolel] {
    font-size: 0.75rem;
    color: #8a93a8;
    white-space: nowrap;
}

.trade-select[b-8emirzolel],
.trade-input[b-8emirzolel] {
    background: #0f1318;
    border: 1px solid #2c323a;
    color: #e3e4e6;
    font-size: 0.82rem;
    padding: 0.3rem 0.5rem;
    border-radius: 0.3rem;
}

input.trade-input[b-8emirzolel] { text-align: right; }

.trade-select:focus[b-8emirzolel],
.trade-input:focus[b-8emirzolel] {
    outline: none;
    border-color: #3d4a5d;
    box-shadow: none;
}

.trade-search-btn[b-8emirzolel] {
    font-size: 0.85rem;
    padding: 0.35rem 1.2rem;
    white-space: nowrap;
}

.trade-error[b-8emirzolel] {
    margin-top: 0.4rem;
    color: #ff6b6b;
    font-size: 0.8rem;
}

.trade-empty[b-8emirzolel] {
    padding: 1.5rem;
    color: #8a93a8;
    text-align: center;
    font-size: 0.85rem;
}

.trade-results-header[b-8emirzolel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #2c323a;
    flex-shrink: 0;
    font-size: 0.8rem;
}

.trade-results-count[b-8emirzolel] {
    color: #8a93a8;
}

.trade-results-summary[b-8emirzolel] {
    color: #c8cdd8;
}

.trade-table-wrapper[b-8emirzolel] {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.trade-table[b-8emirzolel] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.trade-table th[b-8emirzolel],
.trade-table td[b-8emirzolel] {
    padding: 0.3rem 0.5rem;
    border-bottom: 1px solid #20272f;
    text-align: left;
}

.trade-table th[b-8emirzolel] {
    color: #8a93a8;
    font-weight: 600;
    background: #0f1318;
    position: sticky;
    top: 0;
}

.trade-table tbody tr:hover[b-8emirzolel] {
    background: rgba(255, 255, 255, 0.03);
}

.trade-table-icon-cell[b-8emirzolel] {
    width: 36px;
    padding: 0.15rem 0.25rem;
    vertical-align: middle;
}

.trade-item-icon[b-8emirzolel] {
    width: 28px;
    height: 28px;
    display: block;
    border-radius: 3px;
}

.trade-profit-positive[b-8emirzolel] {
    color: #4caf82;
}

.trade-item-link[b-8emirzolel] {
    color: #c8cdd8;
    text-decoration: none;
}

.trade-item-link:hover[b-8emirzolel] {
    color: #00c4ff;
    text-decoration: underline;
}

.order-info-btn[b-8emirzolel] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    padding: 0;
    border: 1px solid #3d4a5d;
    border-radius: 50%;
    background: transparent;
    color: #6a7894;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.order-info-btn:hover[b-8emirzolel],
.order-info-btn--active[b-8emirzolel] {
    border-color: #00c4ff;
    color: #00c4ff;
    background: rgba(0, 196, 255, 0.08);
}

.trade-oig-btn[b-8emirzolel] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.4rem;
    padding: 0.15rem 0.45rem;
    background: none;
    border: 1px solid #2e5070;
    border-radius: 3px;
    color: #5a9ec4;
    font-size: 0.6rem;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.trade-oig-btn:hover[b-8emirzolel] {
    border-color: #4a90c0;
    color: #a8e0f8;
    background: rgba(0, 196, 255, 0.08);
}

.trade-oig-btn--unauthed[b-8emirzolel] {
    opacity: 0.4;
}

.trade-login-prompt[b-8emirzolel] {
    padding: 0.4rem 1rem;
    font-size: 0.75rem;
    color: #e8a838;
    border-bottom: 1px solid #1a1f2a;
}

.tiers-badge[b-8emirzolel] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 5px;
    border: 1px solid #4caf82;
    border-radius: 3px;
    background: rgba(76, 175, 130, 0.1);
    color: #4caf82;
    font-size: 0.7rem;
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.15s;
}

.tiers-badge:hover[b-8emirzolel],
.tiers-badge--active[b-8emirzolel] {
    background: rgba(76, 175, 130, 0.25);
}

.order-popup--tiers[b-8emirzolel] {
    min-width: 380px;
}

.order-popup-overlay[b-8emirzolel] {
    position: fixed;
    inset: 0;
    z-index: 900;
}

.order-popup[b-8emirzolel] {
    position: fixed;
    z-index: 901;
    min-width: 220px;
    max-height: 320px;
    display: flex;
    flex-direction: column;
    background: #181c22;
    border: 1px solid #3d4a5d;
    border-radius: 0.4rem;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
    font-size: 0.8rem;
    color: #e3e4e6;
    overflow: hidden;
}

.order-popup__header[b-8emirzolel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    background: #0f1318;
    border-bottom: 1px solid #2c323a;
    font-size: 0.75rem;
    color: #8a93a8;
    flex-shrink: 0;
}

.order-popup__close[b-8emirzolel] {
    background: none;
    border: none;
    color: #8a93a8;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    padding: 0;
}

.order-popup__close:hover[b-8emirzolel] {
    color: #e3e4e6;
}

.order-popup__loading[b-8emirzolel] {
    padding: 0.6rem 0.75rem;
    color: #8a93a8;
}

.order-popup__table[b-8emirzolel] {
    width: 100%;
    border-collapse: collapse;
    overflow-y: auto;
    display: block;
    max-height: 270px;
}

.order-popup__table th[b-8emirzolel],
.order-popup__table td[b-8emirzolel] {
    padding: 0.25rem 0.6rem;
    border-bottom: 1px solid #20272f;
    text-align: right;
    white-space: nowrap;
}


.order-popup__table th[b-8emirzolel] {
    position: sticky;
    top: 0;
    background: #0f1318;
    color: #8a93a8;
    font-weight: 600;
}

.order-popup__table tbody tr:hover[b-8emirzolel] {
    background: rgba(255, 255, 255, 0.04);
}

/* ── Mobile ─────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Page: auto height, scrollable */
    .trade-page[b-8emirzolel] {
        height: auto;
        overflow: visible;
    }

    /* Results panel: give it enough room, let page scroll */
    .trade-panel--results[b-8emirzolel] {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    /* Table: bounded height so it doesn't grow endlessly */
    .trade-table-wrapper[b-8emirzolel] {
        flex: none;
        max-height: 55vh;
        min-height: 200px;
        overflow-y: auto;
    }

    /* Hub row (Start → End): stays horizontal, each hub takes equal share */
    .trade-filter-row[b-8emirzolel] {
        gap: 0.4rem;
    }

    .trade-filter-group[b-8emirzolel] {
        min-width: 0;
        flex: 1;
    }

    /* Params row: 2-across grid, search button full width */
    .trade-filter-row--params[b-8emirzolel] {
        flex-wrap: wrap;
        gap: 0.4rem;
    }

    .trade-filter-row--params .trade-filter-group[b-8emirzolel] {
        flex: 1 1 calc(50% - 0.2rem);
        max-width: calc(50% - 0.2rem);
    }

    .trade-filter-row--params .trade-filter-group--action[b-8emirzolel] {
        flex: 1 1 100%;
        max-width: 100%;
    }

    /* Wider touch targets for inputs */
    .trade-select[b-8emirzolel],
    .trade-input[b-8emirzolel] {
        font-size: 0.9rem;
        padding: 0.4rem 0.5rem;
        min-height: 36px;
    }

    /* Search button: full width on mobile */
    .trade-search-btn[b-8emirzolel] {
        width: 100%;
        padding: 0.5rem;
        margin-top: 0.25rem;
    }

    /* Trade table: allow horizontal scroll for wide tables */
    .trade-panel--results[b-8emirzolel] {
        overflow-x: auto;
    }

    /* Order popup: full width on mobile */
    .order-popup[b-8emirzolel] {
        left: 0.5rem !important;
        right: 0.5rem !important;
        min-width: 0;
        max-width: none;
    }

    .order-popup--tiers[b-8emirzolel] {
        min-width: 0;
    }
}