/* /Components/Layout/LoginDisplay.razor.rz.scp.css */
.user-info[b-n08drik8lb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar[b-n08drik8lb] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--border-default);
}

.user-name[b-n08drik8lb] {
    color: var(--text-primary);
    font-weight: 500;
}

.logout-link[b-n08drik8lb] {
    color: var(--text-secondary);
    text-decoration: none;
    padding: 0.25rem 0.75rem;
    border: 1px solid var(--border-default);
    border-radius: 6px;
    transition: all 0.2s ease;
    background: transparent;
}

.logout-link:hover[b-n08drik8lb] {
    color: var(--text-primary);
    background-color: var(--bg-hover);
    border-color: var(--text-muted);
}

.login-link[b-n08drik8lb] {
    color: white;
    text-decoration: none;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #238636, #2ea043);
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.login-link:hover[b-n08drik8lb] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(35, 134, 54, 0.4);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-uwp7qdhkjf] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-uwp7qdhkjf] {
    flex: 1;
    background-color: var(--bg-primary);
}

.sidebar[b-uwp7qdhkjf] {
    background-color: var(--bg-secondary);
    border-right: 1px solid var(--border-default);
}

.top-row[b-uwp7qdhkjf] {
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-default);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-uwp7qdhkjf]  a, .top-row[b-uwp7qdhkjf]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
    color: var(--accent-primary);
}

.top-row[b-uwp7qdhkjf]  a:hover, .top-row[b-uwp7qdhkjf]  .btn-link:hover {
    text-decoration: underline;
    color: var(--accent-hover);
}

.top-row[b-uwp7qdhkjf]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-uwp7qdhkjf] {
        justify-content: space-between;
    }

    .top-row[b-uwp7qdhkjf]  a, .top-row[b-uwp7qdhkjf]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-uwp7qdhkjf] {
        flex-direction: row;
    }

    .sidebar[b-uwp7qdhkjf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-uwp7qdhkjf] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-uwp7qdhkjf]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-uwp7qdhkjf], article[b-uwp7qdhkjf] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Minimal layout for unauthorized / pending users */
/* ::deep required — elements are inside <AuthorizeView> render fragments */
[b-uwp7qdhkjf] .minimal-layout {
    min-height: 100vh;
    background: var(--bg-primary);
}

[b-uwp7qdhkjf] .minimal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-default);
}

[b-uwp7qdhkjf] .minimal-header .brand {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
}

[b-uwp7qdhkjf] .minimal-header .btn-action {
    flex: none;
    width: fit-content;
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    color: var(--text-secondary);
    border: 1px solid var(--border-default);
    background: transparent;
}

[b-uwp7qdhkjf] .minimal-header .btn-action:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--text-muted);
}

[b-uwp7qdhkjf] .minimal-header .btn-action.btn-login {
    background: linear-gradient(135deg, #238636, #2ea043);
    color: white;
    border: none;
}

[b-uwp7qdhkjf] .minimal-header .btn-action.btn-login:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(35, 134, 54, 0.4);
}

[b-uwp7qdhkjf] .welcome-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 60px);
    padding: 2rem;
}

[b-uwp7qdhkjf] .welcome-card {
    background: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    padding: 3rem;
    max-width: 450px;
    text-align: center;
}

[b-uwp7qdhkjf] .welcome-card h1 {
    color: var(--text-primary);
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1rem;
}

[b-uwp7qdhkjf] .welcome-card p {
    color: var(--text-secondary);
    margin-bottom: 2rem;
    line-height: 1.6;
}

[b-uwp7qdhkjf] .welcome-card .btn-primary {
    display: inline-block;
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, #238636, #2ea043);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
}

[b-uwp7qdhkjf] .welcome-card .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(35, 134, 54, 0.4);
}

#blazor-error-ui[b-uwp7qdhkjf] {
    color-scheme: dark;
    background: rgba(248, 81, 73, 0.1);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: #f85149;
    border-top: 1px solid rgba(248, 81, 73, 0.4);
}

#blazor-error-ui .dismiss[b-uwp7qdhkjf] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-8d18s5b6j9] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--text-primary);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid var(--border-default);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%238b949e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem var(--bg-tertiary);
    border-radius: 6px;
}

.navbar-toggler:checked[b-8d18s5b6j9] {
    background-color: var(--bg-hover);
}

.top-row[b-8d18s5b6j9] {
    min-height: 3.5rem;
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-default);
}

.navbar-brand[b-8d18s5b6j9] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary) !important;
    letter-spacing: -0.3px;
}

.bi[b-8d18s5b6j9] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-heart-pulse-fill-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z'/%3E%3C/svg%3E");
}

.bi-currency-exchange-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M0 5a5.002 5.002 0 0 0 4.027 4.905 6.46 6.46 0 0 1 .544-2.073C3.695 7.536 3.132 6.864 3 5.91h-.5v-.426h.466V5.05c0-.046 0-.093.004-.135H2.5v-.427h.511C3.236 3.24 4.213 2.5 5.681 2.5c.316 0 .59.031.819.085v.733a3.46 3.46 0 0 0-.815-.082c-.919 0-1.538.466-1.734 1.252h1.917v.427h-1.98c-.003.046-.003.097-.003.147v.422h1.983v.427H3.93c.118.602.468 1.03 1.005 1.229a6.5 6.5 0 0 1 4.97-3.113A5.002 5.002 0 0 0 0 5zm16 5.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-7.75 1.322c.069.835.746 1.485 1.964 1.562V14h.54v-.62c1.259-.086 1.996-.74 1.996-1.69 0-.865-.563-1.31-1.57-1.54l-.426-.1V8.374c.54.06.884.347.966.745h.948c-.07-.804-.779-1.433-1.914-1.502V7h-.54v.629c-1.076.103-1.808.732-1.808 1.622 0 .787.544 1.288 1.45 1.493l.358.085v1.78c-.554-.08-.92-.376-1.003-.787H8.25zm1.96-1.895c-.532-.12-.82-.364-.82-.732 0-.41.311-.719.824-.809v1.54h-.005zm.622 1.044c.645.145.943.38.943.796 0 .474-.37.8-1.02.86v-1.674l.077.018z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.bi-wallet2-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M12.136.326A1.5 1.5 0 0 1 14 1.78V3h.5A1.5 1.5 0 0 1 16 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 13.5v-9a1.5 1.5 0 0 1 1.432-1.499L12.136.326zM5.562 3H13V1.78a.5.5 0 0 0-.621-.484L5.562 3zM1.5 4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z'/%3E%3C/svg%3E");
}

.bi-terminal-fill-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M6 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 9zM3.854 4.146a.5.5 0 1 0-.708.708L4.793 6.5 3.146 8.146a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2z'/%3E%3Cpath d='M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm12 1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12z'/%3E%3C/svg%3E");
}

.bi-droplet-fill-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M8 16a6 6 0 0 0 6-6c0-1.655-1.122-2.904-2.432-4.362C10.254 4.176 8.75 2.503 8 0c-.75 2.503-2.254 4.176-3.568 5.638C3.122 7.096 2 8.345 2 10a6 6 0 0 0 6 6z'/%3E%3C/svg%3E");
}

.bi-robot-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5ZM3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.58 26.58 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.933.933 0 0 1-.765.935c-.845.147-2.34.346-4.235.346-1.895 0-3.39-.2-4.235-.346A.933.933 0 0 1 3 9.219V8.062Zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a18.933 18.933 0 0 1-1.036.007l-.92-.9a.25.25 0 0 0-.217-.068.25.25 0 0 0-.185.127l-.5.9A.25.25 0 0 0 3.66 8.5H5.53a.25.25 0 0 0 .25-.25V7.235Z'/%3E%3Cpath d='M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2V1.866ZM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5Z'/%3E%3C/svg%3E");
}

.bi-gear-wide-connected-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M7.068.727c.243-.97 1.62-.97 1.864 0l.071.286a.96.96 0 0 0 1.622.434l.205-.211c.695-.719 1.888-.03 1.613.931l-.08.284a.96.96 0 0 0 1.187 1.187l.283-.081c.96-.275 1.65.918.931 1.613l-.211.205a.96.96 0 0 0 .434 1.622l.286.071c.97.243.97 1.62 0 1.864l-.286.071a.96.96 0 0 0-.434 1.622l.211.205c.719.695.03 1.888-.931 1.613l-.284-.08a.96.96 0 0 0-1.187 1.187l.081.283c.275.96-.918 1.65-1.613.931l-.205-.211a.96.96 0 0 0-1.622.434l-.071.286c-.243.97-1.62.97-1.864 0l-.071-.286a.96.96 0 0 0-1.622-.434l-.205.211c-.695.719-1.888.03-1.613-.931l.08-.284a.96.96 0 0 0-1.186-1.187l-.284.081c-.96.275-1.65-.918-.931-1.613l.211-.205a.96.96 0 0 0-.434-1.622l-.286-.071c-.97-.243-.97-1.62 0-1.864l.286-.071a.96.96 0 0 0 .434-1.622l-.211-.205c-.719-.695-.03-1.888.931-1.613l.284.08a.96.96 0 0 0 1.187-1.186l-.081-.284c-.275-.96.918-1.65 1.613-.931l.205.211a.96.96 0 0 0 1.622-.434l.071-.286zM12.973 8.5H8.25l-2.834 3.779A4.998 4.998 0 0 0 12.973 8.5zm0-1a4.998 4.998 0 0 0-7.557-3.779l2.834 3.78h4.723zM5.048 3.967c-.03.021-.058.043-.087.065l2.842 3.793 2.842-3.793a6.056 6.056 0 0 0-.087-.065 5 5 0 0 0-5.51 0zM1.027 8.5a4.998 4.998 0 0 0 7.557 3.779L5.75 8.5H1.027zm2.89-5.568a5 5 0 0 0-2.89 5.568H5.75L3.917 2.932zm5.276 10.136a5 5 0 0 0 2.89-5.568H7.36l2.833 3.779z'/%3E%3C/svg%3E");
}

.bi-graph-up-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0V0Zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07Z'/%3E%3C/svg%3E");
}

.bi-lightbulb-nav-menu[b-8d18s5b6j9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z'/%3E%3C/svg%3E");
}

.nav-separator[b-8d18s5b6j9] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-default);
}

.nav-section-title[b-8d18s5b6j9] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.nav-item[b-8d18s5b6j9] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

.nav-item:first-of-type[b-8d18s5b6j9] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-8d18s5b6j9] {
    padding-bottom: 1rem;
}

.nav-item[b-8d18s5b6j9]  .nav-link {
    color: var(--text-secondary);
    background: none;
    border: none;
    border-radius: 6px;
    height: 2.5rem;
    display: flex;
    align-items: center;
    line-height: 2.5rem;
    width: 100%;
    font-weight: 500;
    transition: all 0.15s ease;
}

.nav-item[b-8d18s5b6j9]  a.active {
    background-color: var(--bg-hover);
    color: var(--text-primary);
}

.nav-item[b-8d18s5b6j9]  a.active .bi {
    filter: brightness(1.5);
}

.nav-item[b-8d18s5b6j9]  .nav-link:hover {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

.nav-item[b-8d18s5b6j9]  .nav-disabled {
    color: var(--text-muted);
    cursor: not-allowed;
    opacity: 0.6;
}

.nav-item[b-8d18s5b6j9]  .nav-disabled:hover {
    background-color: transparent;
}

.nav-scrollable[b-8d18s5b6j9] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-8d18s5b6j9] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-8d18s5b6j9] {
        display: none;
    }

    .nav-scrollable[b-8d18s5b6j9] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/PendingApproval.razor.rz.scp.css */
.pending-container[b-7z9gwbulog] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 60px);
    padding: 2rem;
    background: var(--bg-primary);
}

.pending-card[b-7z9gwbulog] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    padding: 3rem;
    max-width: 500px;
    text-align: center;
}

.pending-icon[b-7z9gwbulog] {
    color: var(--warning);
    margin-bottom: 1.5rem;
}

.pending-card h1[b-7z9gwbulog] {
    color: var(--text-primary);
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1rem;
}

.pending-message[b-7z9gwbulog] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.pending-message strong[b-7z9gwbulog] {
    color: var(--text-primary);
}

.pending-description[b-7z9gwbulog] {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 2rem;
}

.pending-info[b-7z9gwbulog] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 2rem;
}

.info-item[b-7z9gwbulog] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-default);
}

.info-item:last-child[b-7z9gwbulog] {
    border-bottom: none;
}

.info-label[b-7z9gwbulog] {
    color: var(--text-muted);
    font-weight: 500;
}

.info-value[b-7z9gwbulog] {
    color: var(--text-primary);
}

.status-pending[b-7z9gwbulog] {
    color: var(--warning);
    font-weight: 600;
}

.btn-logout[b-7z9gwbulog] {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    border: 1px solid var(--border-default);
    transition: all 0.2s ease;
}

.btn-logout:hover[b-7z9gwbulog] {
    background: var(--bg-hover);
    color: var(--text-primary);
}
/* /Components/Pages/Admin/Approvals.razor.rz.scp.css */
/* Admin Approvals Audit page styles */

.approvals-page[b-qiyf7fo074] {
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-qiyf7fo074] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-qiyf7fo074] {
    font-size: 1.75rem;
    margin: 0;
    color: var(--text-primary);
}

/* Wallet section */
.wallet-section[b-qiyf7fo074] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.25rem;
}

.wallet-header[b-qiyf7fo074] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.address[b-qiyf7fo074] {
    font-family: monospace;
    font-size: 0.875rem;
    background-color: var(--bg-tertiary);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.copy-btn[b-qiyf7fo074] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    color: var(--text-muted);
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    transition: color 0.15s ease;
}

.copy-btn:hover[b-qiyf7fo074] {
    color: var(--text-primary);
}

.copy-btn .icon[b-qiyf7fo074] {
    width: 1rem;
    height: 1rem;
}

/* Error */
.section-error[b-qiyf7fo074] {
    color: var(--danger, #ef4444);
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}

/* No data */
.no-data[b-qiyf7fo074] {
    color: var(--text-muted);
    font-style: italic;
    padding: 2rem 0;
    text-align: center;
}

/* Skeleton loading */
.skeleton-wallets[b-qiyf7fo074] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.skeleton-wallet-section[b-qiyf7fo074] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 1rem 1.5rem;
}

.skeleton-chain[b-qiyf7fo074] {
    margin-bottom: 0.75rem;
}

.skeleton-row[b-qiyf7fo074] {
    display: flex;
    gap: 0.75rem;
    padding: 0.375rem 0;
}

.skeleton-text[b-qiyf7fo074] {
    display: inline-block;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-qiyf7fo074 1.5s infinite;
    border-radius: 4px;
    height: 1em;
}

.skeleton-address[b-qiyf7fo074] {
    width: 360px;
    height: 1.5rem;
    margin-bottom: 0.75rem;
}

.skeleton-chain-name[b-qiyf7fo074] {
    width: 80px;
    height: 1rem;
    margin-bottom: 0.25rem;
}

.skeleton-small[b-qiyf7fo074] {
    width: 70px;
    height: 0.875rem;
}

.skeleton-medium[b-qiyf7fo074] {
    width: 100px;
    height: 0.875rem;
}

@keyframes shimmer-b-qiyf7fo074 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Revoke overlay */
.revoke-overlay[b-qiyf7fo074] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

.revoke-overlay-content[b-qiyf7fo074] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 2rem 3rem;
    text-align: center;
    max-width: 400px;
    width: 90%;
}

.revoke-overlay-content h3[b-qiyf7fo074] {
    color: var(--text-primary);
    margin: 1rem 0 0.75rem;
    font-size: 1.25rem;
}

.revoke-overlay-details[b-qiyf7fo074] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.revoke-wallet[b-qiyf7fo074] {
    font-family: monospace;
    font-size: 0.8125rem;
}

.revoke-chain[b-qiyf7fo074] {
    font-weight: 600;
}

.revoke-overlay-progress[b-qiyf7fo074] {
    margin-bottom: 0.75rem;
}

.progress-bar-track[b-qiyf7fo074] {
    height: 6px;
    background-color: var(--bg-tertiary);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.progress-bar-fill[b-qiyf7fo074] {
    height: 100%;
    background-color: var(--accent-primary);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.revoke-overlay-progress span[b-qiyf7fo074] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.revoke-current-item[b-qiyf7fo074] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-style: italic;
}

/* Responsive */
@media (max-width: 768px) {
    .approvals-page[b-qiyf7fo074] {
        padding: 0 1rem;
    }

    .wallet-section[b-qiyf7fo074] {
        padding: 0.75rem 1rem;
    }

    .address[b-qiyf7fo074] {
        font-size: 0.75rem;
        word-break: break-all;
    }
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
/* Users admin page styles */

.users-page[b-l49001kfk0] {
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-l49001kfk0] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-l49001kfk0] {
    font-size: 1.75rem;
    margin: 0;
    color: var(--text-primary);
}

/* Table */
.users-table[b-l49001kfk0] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    overflow-x: auto;
}

.table-header[b-l49001kfk0],
.table-row[b-l49001kfk0] {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    gap: 1.5rem;
}

.table-header[b-l49001kfk0] {
    font-weight: 600;
    color: var(--text-secondary);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-default);
}

.table-row[b-l49001kfk0] {
    border-bottom: 1px solid var(--border-muted);
}

.table-row:last-child[b-l49001kfk0] {
    border-bottom: none;
}

/* Columns */
.col-email[b-l49001kfk0] {
    flex: 2;
    min-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-wallet[b-l49001kfk0] {
    flex: 2;
    min-width: 170px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.col-telegram[b-l49001kfk0] {
    flex: 1;
    min-width: 100px;
}

.col-date[b-l49001kfk0] {
    flex: 1;
    min-width: 130px;
    white-space: nowrap;
}

/* Address */
.address[b-l49001kfk0] {
    font-family: monospace;
    font-size: 0.8125rem;
    background-color: var(--bg-tertiary);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    white-space: nowrap;
}

/* Copy button */
.copy-btn[b-l49001kfk0] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    opacity: 0.4;
    transition: opacity 0.2s;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.copy-btn:hover[b-l49001kfk0] {
    opacity: 1;
    color: var(--text-primary);
}

.icon[b-l49001kfk0] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Empty value */
.empty-value[b-l49001kfk0] {
    color: var(--text-muted);
}

/* No data */
.no-data[b-l49001kfk0] {
    color: var(--text-muted);
    font-style: italic;
    padding: 2rem 0;
    text-align: center;
}

/* Error */
.section-error[b-l49001kfk0] {
    color: var(--danger, #ef4444);
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}

/* Skeleton loader */
.skeleton-table[b-l49001kfk0] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 1rem 1.5rem;
}

.table-header-skeleton[b-l49001kfk0] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-default);
}

.skeleton-row[b-l49001kfk0] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-muted);
}

.skeleton-row:last-child[b-l49001kfk0] {
    border-bottom: none;
}

.skeleton-text[b-l49001kfk0] {
    display: inline-block;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-l49001kfk0 1.5s infinite;
    border-radius: 4px;
    height: 1em;
}

.skeleton-medium[b-l49001kfk0] {
    width: 120px;
    height: 1.25rem;
    flex: 2;
    max-width: 180px;
}

.skeleton-small[b-l49001kfk0] {
    width: 80px;
    height: 1rem;
    flex: 1;
    max-width: 130px;
}

@keyframes shimmer-b-l49001kfk0 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .users-page[b-l49001kfk0] {
        padding: 0 1rem;
    }

    .users-table[b-l49001kfk0] {
        padding: 0.75rem 1rem;
    }

    .col-telegram[b-l49001kfk0],
    .col-date[b-l49001kfk0] {
        display: none;
    }
}
/* /Components/Pages/APIStatus.razor.rz.scp.css */
.api-status-container[b-5fobof4m5y] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
}

.status-header[b-5fobof4m5y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.status-header h1[b-5fobof4m5y] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.btn-refresh[b-5fobof4m5y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--accent-primary);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: opacity 0.2s;
}

.btn-refresh:hover:not(:disabled)[b-5fobof4m5y] {
    opacity: 0.9;
}

.btn-refresh:disabled[b-5fobof4m5y] {
    opacity: 0.6;
    cursor: not-allowed;
}

.refresh-icon[b-5fobof4m5y] {
    font-size: 1.1rem;
}

.spinner-small[b-5fobof4m5y] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-5fobof4m5y 0.8s linear infinite;
}

@keyframes spin-b-5fobof4m5y {
    to { transform: rotate(360deg); }
}

.status-error[b-5fobof4m5y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background-color: rgba(248, 81, 73, 0.1);
    border: 1px solid rgba(248, 81, 73, 0.3);
    border-radius: 8px;
    color: var(--danger);
    margin-bottom: 1.5rem;
}

.error-icon[b-5fobof4m5y] {
    font-size: 1.2rem;
}

.status-card[b-5fobof4m5y] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.status-card.main-health[b-5fobof4m5y] {
    margin-bottom: 1.5rem;
}

.card-header[b-5fobof4m5y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid var(--border-muted);
}

.card-title[b-5fobof4m5y] {
    font-weight: 600;
    color: var(--text-primary);
}

.status-badge[b-5fobof4m5y] {
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.success[b-5fobof4m5y] {
    background-color: rgba(63, 185, 80, 0.15);
    color: var(--success);
}

.status-badge.warning[b-5fobof4m5y] {
    background-color: rgba(210, 153, 34, 0.15);
    color: #d29922;
}

.status-badge.muted[b-5fobof4m5y] {
    background-color: var(--bg-tertiary);
    color: var(--text-muted);
}

.status-badge.danger[b-5fobof4m5y] {
    background-color: rgba(248, 81, 73, 0.15);
    color: var(--danger);
}

.skeleton-badge[b-5fobof4m5y] {
    width: 60px;
    height: 24px;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-5fobof4m5y 1.5s infinite;
    border-radius: 4px;
}

.card-body[b-5fobof4m5y] {
    padding: 1rem;
}

.card-body.compact[b-5fobof4m5y] {
    padding: 1rem;
    text-align: center;
}

.status-text[b-5fobof4m5y] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.status-error-text[b-5fobof4m5y] {
    font-size: 0.9rem;
    color: var(--danger);
    word-break: break-word;
}

.status-table[b-5fobof4m5y] {
    width: 100%;
    border-collapse: collapse;
}

.status-table th[b-5fobof4m5y],
.status-table td[b-5fobof4m5y] {
    padding: 0.5rem 0;
    text-align: left;
}

.status-table th[b-5fobof4m5y] {
    width: 150px;
    color: var(--text-secondary);
    font-weight: 500;
}

.status-table td[b-5fobof4m5y] {
    color: var(--text-primary);
}

.skeleton-table[b-5fobof4m5y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.skeleton-row[b-5fobof4m5y] {
    display: flex;
    gap: 1rem;
}

.skeleton-text[b-5fobof4m5y] {
    display: block;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-5fobof4m5y 1.5s infinite;
    border-radius: 4px;
    height: 1rem;
}

.skeleton-label[b-5fobof4m5y] {
    width: 100px;
}

.skeleton-value[b-5fobof4m5y] {
    width: 150px;
}

.skeleton-status[b-5fobof4m5y] {
    width: 80px;
    height: 1.25rem;
    margin: 0 auto;
}

@keyframes shimmer-b-5fobof4m5y {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.status-grid[b-5fobof4m5y] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (max-width: 600px) {
    .status-grid[b-5fobof4m5y] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Approvals.razor.rz.scp.css */
/* Approvals page scoped styles */

.approvals-loading[b-xcx6itn21s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: var(--text-secondary);
}

.approvals-loading p[b-xcx6itn21s] {
    margin-top: 1rem;
}

.approvals-page[b-xcx6itn21s] {
    max-width: 900px;
}

.page-header[b-xcx6itn21s] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-xcx6itn21s] {
    font-size: 1.5rem;
    margin: 0;
    color: var(--text-primary);
}

.wallet-section[b-xcx6itn21s] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.wallet-header[b-xcx6itn21s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
}

.wallet-header h2[b-xcx6itn21s] {
    font-size: 1.15rem;
    margin: 0;
    color: var(--text-primary);
}

.wallet-address[b-xcx6itn21s] {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--text-muted);
    background-color: var(--bg-tertiary);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .wallet-header[b-xcx6itn21s] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}

/* Revoke overlay */
.revoke-overlay[b-xcx6itn21s] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

.revoke-overlay-content[b-xcx6itn21s] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 2rem 3rem;
    text-align: center;
    max-width: 400px;
    width: 90%;
}

.revoke-overlay-content h3[b-xcx6itn21s] {
    color: var(--text-primary);
    margin: 1rem 0 0.75rem;
    font-size: 1.25rem;
}

.revoke-overlay-details[b-xcx6itn21s] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.revoke-wallet[b-xcx6itn21s] {
    font-family: monospace;
    font-size: 0.8125rem;
}

.revoke-chain[b-xcx6itn21s] {
    font-weight: 600;
}

.revoke-overlay-progress[b-xcx6itn21s] {
    margin-bottom: 0.75rem;
}

.progress-bar-track[b-xcx6itn21s] {
    height: 6px;
    background-color: var(--bg-tertiary);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.progress-bar-fill[b-xcx6itn21s] {
    height: 100%;
    background-color: var(--accent-primary);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.revoke-overlay-progress span[b-xcx6itn21s] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.revoke-current-item[b-xcx6itn21s] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-style: italic;
}
/* /Components/Pages/Beefy.razor.rz.scp.css */
/* Beefy CLM page — styled like Capital */

/* Section styles (shared with Capital via naming convention) */
.capital-section[b-sle0m0bimf] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.overview-section[b-sle0m0bimf] {
    background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));
}

.overview-header[b-sle0m0bimf] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.overview-header h1[b-sle0m0bimf] {
    font-size: 1.5rem;
    margin: 0;
}

.header-stats[b-sle0m0bimf] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-left: auto;
}

.header-stat[b-sle0m0bimf] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.header-stat-label[b-sle0m0bimf] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #888);
    margin-bottom: 0.15rem;
}

.header-stat-value[b-sle0m0bimf] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.2;
}

.header-stat-primary[b-sle0m0bimf] {
    font-size: 1.4rem;
    font-weight: 700;
}

.header-stat-positive[b-sle0m0bimf] {
    color: var(--text-success, #2ecc71);
}

.header-stat-negative[b-sle0m0bimf] {
    color: var(--text-danger, #e74c3c);
}

.header-stat-count[b-sle0m0bimf] {
    text-transform: none;
    letter-spacing: normal;
    opacity: 0.7;
}

.header-stat-divider[b-sle0m0bimf] {
    width: 1px;
    height: 2.2rem;
    background-color: var(--border-default);
}

.overview-content[b-sle0m0bimf] {
    padding: 1.5rem;
}

.section-header[b-sle0m0bimf] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.section-header h2[b-sle0m0bimf] {
    font-size: 1.25rem;
    margin: 0;
    color: var(--text-primary);
}

.section-header-toggle[b-sle0m0bimf] {
    cursor: pointer;
    transition: background-color 0.15s;
}

.section-header-toggle:hover[b-sle0m0bimf] {
    background-color: var(--bg-hover, rgba(255,255,255,0.03));
}

.section-total-group[b-sle0m0bimf] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
}

.section-total-reserve[b-sle0m0bimf] {
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--text-muted, #888);
}

.section-total[b-sle0m0bimf] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
}

.section-available[b-sle0m0bimf] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--success, #4caf50);
}

.section-count[b-sle0m0bimf] {
    background: var(--bg-tertiary, #333);
    color: var(--text-secondary, #aaa);
    border-radius: 10px;
    padding: 0.1rem 0.5rem;
    font-size: 0.75rem;
}

.section-body[b-sle0m0bimf] {
    padding: 1rem 1.5rem;
}

/* Chain Tabs — same as Capital */
.chain-tabs[b-sle0m0bimf] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-default);
    padding-bottom: 0.5rem;
}

.tab-btn[b-sle0m0bimf] {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: none;
    border-radius: 8px 8px 0 0;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.tab-btn:hover[b-sle0m0bimf] {
    color: var(--text-primary);
    background-color: var(--bg-hover);
}

.tab-btn.active[b-sle0m0bimf] {
    color: var(--accent-primary, #4a9eff);
    background-color: var(--bg-secondary);
}

.tab-btn.active[b-sle0m0bimf]::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--accent-primary, #4a9eff);
}

.tab-badge[b-sle0m0bimf] {
    display: inline-block;
    background: var(--bg-tertiary, #333);
    color: var(--text-secondary, #aaa);
    border-radius: 10px;
    padding: 0 0.4rem;
    font-size: 0.75rem;
    margin-left: 0.25rem;
}

.tab-btn.active .tab-badge[b-sle0m0bimf] {
    background: var(--accent-primary, #4a9eff);
    color: #fff;
}

/* Toggle arrow */
.toggle-arrow[b-sle0m0bimf] {
    font-size: 0.7rem;
    transition: transform 0.2s;
    color: var(--text-muted, #888);
}

.toggle-arrow.expanded[b-sle0m0bimf] {
    transform: rotate(180deg);
}

/* Open position button in header */
.btn-open-new[b-sle0m0bimf] {
    margin-left: auto;
    cursor: pointer;
}

/* Kind badge */
.kind-badge[b-sle0m0bimf] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    letter-spacing: 0.03em;
}

.kind-clm[b-sle0m0bimf] {
    background: var(--accent-primary, #4a9eff);
    color: #fff;
}

.kind-vault[b-sle0m0bimf] {
    background: #7c4dff;
    color: #fff;
}

.kind-rp[b-sle0m0bimf] {
    background: #ff9800;
    color: #fff;
}

/* Positions table */
.positions-table[b-sle0m0bimf] {
    overflow-x: auto;
}

.pt-header[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.5fr 0.6fr 0.4fr 0.8fr 1.5fr;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.7rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-default);
}

.pt-row[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.5fr 0.6fr 0.4fr 0.8fr 1.5fr;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    align-items: center;
    font-size: 0.875rem;
    border-bottom: 1px solid var(--border-muted, rgba(255,255,255,0.05));
}

.pt-row:last-child[b-sle0m0bimf] {
    border-bottom: none;
}

.pt-header > span:not(.pt-col-pool)[b-sle0m0bimf] {
    text-align: center;
}

.pt-col-pool[b-sle0m0bimf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pool-link[b-sle0m0bimf] {
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
}

.pool-link:hover[b-sle0m0bimf] {
    color: var(--accent-primary, #4a9eff);
    text-decoration: underline;
}

.pt-col-size[b-sle0m0bimf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
}

.pt-col-size .value-main[b-sle0m0bimf] {
    font-size: 1.05rem;
    font-weight: 700;
}

.pt-col-fees[b-sle0m0bimf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
}

.value-reserve[b-sle0m0bimf] {
    font-size: 0.75rem;
    color: var(--text-muted, #888);
}

.value-main[b-sle0m0bimf] {
    font-weight: 600;
}

.value-sub[b-sle0m0bimf] {
    font-size: 0.75rem;
    color: var(--text-muted, #888);
}

.mono[b-sle0m0bimf] {
    font-family: monospace;
}

.pt-col-score[b-sle0m0bimf] {
    text-align: center;
    font-weight: 600;
}

.pt-col-apr[b-sle0m0bimf],
.pt-col-days[b-sle0m0bimf] {
    text-align: center;
}

.pt-col-actions[b-sle0m0bimf] {
    display: flex;
    gap: 0.35rem;
    justify-content: center;
}

.pt-col-actions .btn[b-sle0m0bimf] {
    cursor: pointer;
    min-width: 32px;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
}

.btn-action-increase[b-sle0m0bimf] {
    color: var(--success, #4caf50);
    border-color: var(--success, #4caf50);
    background: transparent;
}

.btn-action-increase:hover:not(:disabled)[b-sle0m0bimf] {
    background: var(--success, #4caf50);
    color: #fff;
}

.btn-action-decrease[b-sle0m0bimf] {
    color: #ff9800;
    border-color: #ff9800;
    background: transparent;
}

.btn-action-decrease:hover:not(:disabled)[b-sle0m0bimf] {
    background: #ff9800;
    color: #fff;
}

.btn-action-close[b-sle0m0bimf] {
    color: var(--danger, #f44336);
    border-color: var(--danger, #f44336);
    background: transparent;
}

.btn-action-close:hover:not(:disabled)[b-sle0m0bimf] {
    background: var(--danger, #f44336);
    color: #fff;
}

.positive[b-sle0m0bimf] {
    color: var(--success, #4caf50);
}

.negative[b-sle0m0bimf] {
    color: var(--danger, #f44336);
}

.text-muted[b-sle0m0bimf] {
    color: var(--text-muted, #888);
}

/* Available pools table */
.pools-table[b-sle0m0bimf] {
    overflow-x: auto;
}

.ap-header[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 1.2fr 0.5fr 2fr 0.6fr 0.7fr 0.7fr 0.6fr 0.5fr 0.3fr 0.5fr 0.5fr 0.4fr 0.5fr 0.8fr;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.7rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: center;
    border-bottom: 1px solid var(--border-default);
}

.ap-row[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 1.2fr 0.5fr 2fr 0.6fr 0.7fr 0.7fr 0.6fr 0.5fr 0.3fr 0.5fr 0.5fr 0.4fr 0.5fr 0.8fr;
    gap: 0.5rem;
    padding: 0.6rem 1.5rem;
    align-items: center;
    font-size: 0.85rem;
    text-align: center;
    border-bottom: 1px solid var(--border-muted, rgba(255,255,255,0.05));
}

.ap-row-clickable[b-sle0m0bimf] {
    cursor: pointer;
}

.ap-row:last-child[b-sle0m0bimf] {
    border-bottom: none;
}

.ap-row:hover[b-sle0m0bimf] {
    background-color: var(--bg-hover, rgba(255,255,255,0.02));
}

.ap-row-active[b-sle0m0bimf] {
    background-color: rgba(76, 175, 80, 0.06);
}

.ap-row-active:hover[b-sle0m0bimf] {
    background-color: rgba(76, 175, 80, 0.10);
}

.ap-col-score[b-sle0m0bimf],
.ap-col-apr[b-sle0m0bimf],
.ap-col-apr-cur[b-sle0m0bimf],
.ap-col-tvl[b-sle0m0bimf] {
    font-family: monospace;
    text-align: center;
}

.ap-col-score[b-sle0m0bimf] {
    font-weight: 600;
}

.ap-col-stability[b-sle0m0bimf] {
    text-align: center;
    font-size: 0.8rem;
    font-weight: 500;
}

.ap-col-actions[b-sle0m0bimf] {
    text-align: center;
}

.ap-col-actions .btn[b-sle0m0bimf] {
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    min-width: 90px;
    box-sizing: border-box;
    border-radius: 6px;
}

.ap-col-actions .btn-primary[b-sle0m0bimf] {
    color: var(--accent-primary, #4a9eff);
    border: 1px solid var(--accent-primary, #4a9eff);
    background: transparent;
}

.ap-col-actions .btn-primary:hover[b-sle0m0bimf] {
    background: var(--accent-primary, #4a9eff);
    color: #fff;
}

.ap-col-id[b-sle0m0bimf] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vault-id-link[b-sle0m0bimf] {
    font-size: 0.75rem;
    color: var(--accent-primary, #4a9eff);
    text-decoration: none;
    font-family: monospace;
}

.vault-id-link:hover[b-sle0m0bimf] {
    text-decoration: underline;
}

/* Backtest status columns */
.ap-col-bt[b-sle0m0bimf],
.ap-col-bt-pnl[b-sle0m0bimf],
.ap-col-bt-dd[b-sle0m0bimf],
.ap-col-bt-wr[b-sle0m0bimf],
.ap-col-bt-scr[b-sle0m0bimf] {
    font-family: monospace;
    text-align: center;
    font-size: 0.8rem;
}

.ap-col-bt[b-sle0m0bimf] {
    font-weight: 700;
    font-size: 0.9rem;
}

.bt-ok[b-sle0m0bimf] {
    color: var(--success, #4caf50);
}

.bt-fail[b-sle0m0bimf] {
    color: var(--danger, #f44336);
}

.bt-none[b-sle0m0bimf] {
    color: var(--text-muted, #888);
}

/* Backtest strategy detail row */
.ap-detail[b-sle0m0bimf] {
    background: var(--bg-tertiary, #2a2a2a);
    border-bottom: 1px solid var(--border-default);
    padding: 0.75rem 1.5rem;
}

.ap-detail-header[b-sle0m0bimf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary, #aaa);
}

.ap-detail-run-at[b-sle0m0bimf] {
    font-weight: 400;
    font-size: 0.75rem;
    color: var(--text-muted, #888);
}

.strategy-table[b-sle0m0bimf] {
    overflow-x: auto;
}

.st-header[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 0.5fr 0.6fr 0.6fr 0.6fr 0.6fr 0.6fr 0.5fr 0.4fr 0.7fr 1.5fr 0.6fr;
    gap: 0.4rem;
    padding: 0.5rem 0;
    font-size: 0.65rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: center;
    border-bottom: 1px solid var(--border-default);
}

.st-row[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 0.5fr 0.6fr 0.6fr 0.6fr 0.6fr 0.6fr 0.5fr 0.4fr 0.7fr 1.5fr 0.6fr;
    gap: 0.4rem;
    padding: 0.4rem 0;
    align-items: center;
    font-size: 0.8rem;
    text-align: center;
    border-bottom: 1px solid var(--border-muted, rgba(255,255,255,0.05));
}

.st-row:last-child[b-sle0m0bimf] {
    border-bottom: none;
}

.st-col-score[b-sle0m0bimf] {
    font-weight: 600;
}

.st-col-pnl[b-sle0m0bimf],
.st-col-dd[b-sle0m0bimf],
.st-col-sharpe[b-sle0m0bimf],
.st-col-wr[b-sle0m0bimf] {
    font-family: monospace;
}

.st-col-source[b-sle0m0bimf] {
    font-size: 0.7rem;
    color: var(--text-secondary, #aaa);
}

.st-col-params[b-sle0m0bimf] {
    font-size: 0.7rem;
    color: var(--text-secondary, #aaa);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.st-col-action .btn[b-sle0m0bimf] {
    cursor: pointer;
    font-size: 0.7rem;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

/* Stability colors */
.stability-high[b-sle0m0bimf] {
    color: var(--success, #4caf50);
}

.stability-medium[b-sle0m0bimf] {
    color: #ffc107;
}

.stability-low[b-sle0m0bimf] {
    color: var(--danger, #f44336);
}

/* TVL Health colors */
.tvl-growing[b-sle0m0bimf] {
    color: var(--success, #4caf50);
}

.tvl-stable[b-sle0m0bimf] {
    color: var(--text-secondary, #aaa);
}

.tvl-declining[b-sle0m0bimf] {
    color: var(--danger, #f44336);
}

/* Empty state */
.empty-state[b-sle0m0bimf] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-muted, #888);
    font-size: 0.95rem;
}

/* Skeleton */
.skeleton-row[b-sle0m0bimf] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.skeleton-text[b-sle0m0bimf] {
    display: inline-block;
    height: 1rem;
    background: var(--bg-tertiary, #333);
    border-radius: 4px;
    animation: pulse-b-sle0m0bimf 1.5s ease-in-out infinite;
}

.skeleton-large[b-sle0m0bimf] { width: 150px; height: 1.5rem; }
.skeleton-medium[b-sle0m0bimf] { width: 100px; }
.skeleton-small[b-sle0m0bimf] { width: 60px; }

@keyframes pulse-b-sle0m0bimf {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.8; }
}

/* Hedge section */
.hedge-section[b-sle0m0bimf] {
    border-left: 3px solid var(--accent-primary, #4a9eff);
}

.hedge-net[b-sle0m0bimf] {
    font-size: 0.95rem;
    font-weight: 600;
}

.exposure-nonzero[b-sle0m0bimf] {
    color: #ff9800;
}

.exposure-zero[b-sle0m0bimf] {
    color: var(--success, #4caf50);
}

/* Hedge table */
.hedge-table[b-sle0m0bimf] {
    overflow-x: auto;
}

.ht-header[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 80px 1fr 1fr 1fr;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.7rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    border-bottom: 1px solid var(--border-default);
}

.ht-row[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 80px 1fr 1fr 1fr;
    gap: 0.5rem;
    padding: 0.6rem 1.5rem;
    align-items: center;
    font-size: 0.875rem;
    border-bottom: 1px solid var(--border-muted, rgba(255,255,255,0.05));
}

.ht-row:last-child[b-sle0m0bimf] {
    border-bottom: none;
}

.ht-col-token[b-sle0m0bimf] {
    font-weight: 600;
    color: var(--text-primary);
    text-align: center;
}

.ht-col-val[b-sle0m0bimf] {
    text-align: center;
}

.diff-pct[b-sle0m0bimf] {
    color: var(--text-muted, #888);
    font-size: 0.8em;
}

.diff-ok[b-sle0m0bimf] {
    color: var(--success, #4caf50);
}

.diff-under[b-sle0m0bimf] {
    color: var(--danger, #f44336);
}

.diff-over[b-sle0m0bimf] {
    color: #ff9800;
}

.hedge-actions-bar[b-sle0m0bimf] {
    padding: 0.75rem 1.5rem;
    border-top: 1px solid var(--border-default);
}

.btn-actualize[b-sle0m0bimf] {
    cursor: pointer;
    font-size: 0.85rem;
}

/* Hedge Log */
.hedge-log[b-sle0m0bimf] {
    border-top: 1px solid var(--border-default);
    padding: 0.5rem 1.5rem;
}

.hedge-log-toggle[b-sle0m0bimf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem 0;
    user-select: none;
}

.hedge-log-arrow[b-sle0m0bimf] {
    font-size: 0.6rem;
    color: var(--text-muted);
    transition: transform 0.15s;
    display: inline-block;
}

.hedge-log-arrow.expanded[b-sle0m0bimf] {
    transform: rotate(90deg);
}

.hedge-log-title[b-sle0m0bimf] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
}

.hedge-log-count[b-sle0m0bimf] {
    font-size: 0.7rem;
    color: var(--text-muted);
    opacity: 0.6;
}

.hedge-log-entries[b-sle0m0bimf] {
    padding: 0.5rem 0;
}

.hedge-log-empty[b-sle0m0bimf] {
    font-size: 0.8rem;
    color: var(--text-muted);
    padding: 0.25rem 0;
}

.hedge-log-entry[b-sle0m0bimf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.2rem 0;
    font-size: 0.8rem;
}

.hedge-log-time[b-sle0m0bimf] {
    color: var(--text-muted);
    font-family: var(--font-mono, monospace);
    min-width: 3rem;
}

.hedge-log-chain[b-sle0m0bimf] {
    color: var(--text-muted);
    min-width: 4rem;
    font-size: 0.7rem;
    text-transform: uppercase;
}

.hedge-log-action[b-sle0m0bimf] {
    flex: 1;
    color: var(--text-primary);
}

.hedge-log-gas[b-sle0m0bimf] {
    color: var(--text-muted);
    font-size: 0.75rem;
    white-space: nowrap;
}

/* PnL Section */
.pnl-section[b-sle0m0bimf] {
    border-left: 3px solid #7c4dff;
}

.pnl-period-selector[b-sle0m0bimf] {
    display: flex;
    gap: 0.25rem;
    margin-left: auto;
}

.pnl-period-btn[b-sle0m0bimf] {
    padding: 0.35rem 0.75rem;
    background: transparent;
    border: 1px solid var(--border-default);
    border-radius: 6px;
    font-size: 0.8rem;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.pnl-period-btn:hover[b-sle0m0bimf] {
    background-color: var(--bg-hover);
    color: var(--text-primary);
}

.pnl-period-btn.active[b-sle0m0bimf] {
    background-color: var(--accent-primary, #4a9eff);
    color: #fff;
    border-color: var(--accent-primary, #4a9eff);
}

.pnl-body[b-sle0m0bimf] {
    padding: 1rem 1.5rem;
}

.pnl-cards[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pnl-card[b-sle0m0bimf] {
    background: var(--bg-tertiary, #2a2a2a);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.pnl-card-main[b-sle0m0bimf] {
    border: 1px solid transparent;
}

.pnl-card-main.pnl-positive[b-sle0m0bimf] {
    border-color: var(--success, #4caf50);
}

.pnl-card-main.pnl-negative[b-sle0m0bimf] {
    border-color: var(--danger, #f44336);
}

.pnl-card-label[b-sle0m0bimf] {
    font-size: 0.7rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pnl-card-value[b-sle0m0bimf] {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: monospace;
}

.pnl-card-sub[b-sle0m0bimf] {
    font-size: 0.7rem;
    color: var(--text-muted, #888);
}

.pnl-positive[b-sle0m0bimf] {
    color: var(--success, #4caf50);
}

.pnl-negative[b-sle0m0bimf] {
    color: var(--danger, #f44336);
}

.pnl-no-data[b-sle0m0bimf],
.pnl-error[b-sle0m0bimf] {
    text-align: center;
    padding: 1.5rem;
    color: var(--text-muted, #888);
    font-size: 0.9rem;
}

.pnl-error[b-sle0m0bimf] {
    color: var(--danger, #f44336);
}

.skeleton-card[b-sle0m0bimf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
}

/* PnL Hedge Token Table */
.pnl-hedge-table[b-sle0m0bimf] {
    margin-top: 0.5rem;
    overflow-x: auto;
}

.pnl-hedge-title[b-sle0m0bimf] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary);
    padding-bottom: 0.5rem;
}

.pnl-ht-header[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 1.5fr repeat(6, 1fr);
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.7rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: right;
    border-bottom: 1px solid var(--border-default);
}

.pnl-ht-row[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 1.5fr repeat(6, 1fr);
    gap: 0.5rem;
    padding: 0.5rem 0;
    align-items: center;
    font-size: 0.85rem;
    text-align: right;
    border-bottom: 1px solid var(--border-muted, rgba(255,255,255,0.05));
}

.pnl-ht-row:last-child[b-sle0m0bimf] {
    border-bottom: none;
}

.pnl-ht-col-token[b-sle0m0bimf] {
    font-weight: 600;
    text-align: left;
    color: var(--text-primary);
}

.pnl-ht-col-val[b-sle0m0bimf] {
    text-align: right;
}

.pnl-ht-header .pnl-ht-col-token[b-sle0m0bimf] {
    text-align: left;
}

/* Yield Section */
.yield-section[b-sle0m0bimf] {
    border-left: 3px solid #7c4dff;
}

.yield-period-selector[b-sle0m0bimf] {
    display: flex;
    gap: 0.25rem;
    margin-left: auto;
}

.yield-body[b-sle0m0bimf] {
    padding: 1rem 1.5rem;
}

.yield-stats-row[b-sle0m0bimf] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.yield-stat[b-sle0m0bimf] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.yield-stat-main[b-sle0m0bimf] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    background: var(--bg-tertiary, #2a2a2a);
}

.yield-stat-label[b-sle0m0bimf] {
    font-size: 0.7rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.yield-stat-value[b-sle0m0bimf] {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: monospace;
}

.yield-charts-row[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.yield-chart-container[b-sle0m0bimf] {
    background: var(--bg-tertiary, #2a2a2a);
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.yield-chart-title[b-sle0m0bimf] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary, #aaa);
    margin-bottom: 0.5rem;
}

.yield-chart-canvas-wrap[b-sle0m0bimf] {
    position: relative;
    height: 180px;
}

/* Active Hedge Strategies Section */
.active-strategies-section[b-sle0m0bimf] {
    border-left: 3px solid #ff9800;
}

.strategy-list[b-sle0m0bimf] {
    padding: 0.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.strategy-card[b-sle0m0bimf] {
    background: var(--bg-tertiary, #2a2a2a);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border-default);
}

.strategy-header[b-sle0m0bimf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.strategy-vault[b-sle0m0bimf] {
    font-size: 0.75rem;
    color: var(--text-muted, #888);
}

.badge[b-sle0m0bimf] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.badge-active[b-sle0m0bimf] {
    background: var(--success, #4caf50);
    color: #fff;
}

.badge-waiting[b-sle0m0bimf] {
    background: #ff9800;
    color: #fff;
}

.strategy-metrics[b-sle0m0bimf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.4rem 1rem;
    margin-bottom: 0.5rem;
}

.strategy-metric[b-sle0m0bimf] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
}

.strategy-metric-label[b-sle0m0bimf] {
    color: var(--text-muted, #888);
    font-size: 0.75rem;
}

.strategy-params-row[b-sle0m0bimf] {
    font-size: 0.75rem;
    color: var(--text-secondary, #aaa);
    margin-bottom: 0.5rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.strategy-actions[b-sle0m0bimf] {
    display: flex;
    gap: 0.5rem;
}

.strategy-actions .btn-danger[b-sle0m0bimf] {
    color: var(--danger, #f44336);
    border: 1px solid var(--danger, #f44336);
    background: transparent;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    border-radius: 6px;
}

.strategy-actions .btn-danger:hover[b-sle0m0bimf] {
    background: var(--danger, #f44336);
    color: #fff;
}

/* Decision Log */
.decision-log-section[b-sle0m0bimf] {
    border-top: 1px solid var(--border-default);
    padding: 0.75rem 1.5rem;
}

.decision-log-section h3[b-sle0m0bimf] {
    font-size: 0.85rem;
    color: var(--text-secondary, #aaa);
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.decision-log[b-sle0m0bimf] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.log-entry[b-sle0m0bimf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.2rem 0;
    font-size: 0.75rem;
    border-bottom: 1px solid var(--border-muted, rgba(255,255,255,0.03));
}

.log-entry:last-child[b-sle0m0bimf] {
    border-bottom: none;
}

.log-actualization[b-sle0m0bimf] {
    background: rgba(255, 152, 0, 0.06);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}

.log-time[b-sle0m0bimf] {
    color: var(--text-muted, #888);
    font-family: monospace;
    min-width: 2.5rem;
}

.log-token[b-sle0m0bimf] {
    color: var(--accent-primary, #4a9eff);
    font-weight: 600;
    min-width: 3.5rem;
}

.log-vault[b-sle0m0bimf] {
    color: var(--text-muted, #888);
    font-family: monospace;
    font-size: 0.7rem;
    min-width: 4.5rem;
}

.log-action[b-sle0m0bimf] {
    font-weight: 600;
    min-width: 5rem;
}

.log-action-open[b-sle0m0bimf] {
    color: var(--success, #4caf50);
}

.log-action-rehedge[b-sle0m0bimf] {
    color: #ff9800;
}

.log-action-close[b-sle0m0bimf] {
    color: var(--danger, #f44336);
}

.log-action-none[b-sle0m0bimf] {
    color: var(--text-muted, #888);
}

.log-detail[b-sle0m0bimf] {
    color: var(--text-secondary, #aaa);
    font-size: 0.7rem;
}

.log-reason[b-sle0m0bimf] {
    color: var(--text-muted, #888);
    font-size: 0.7rem;
    flex: 1;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Deposit input in strategy row */
.st-col-action-form[b-sle0m0bimf] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    justify-content: center;
}

.deposit-input[b-sle0m0bimf] {
    width: 55px;
    padding: 0.15rem 0.3rem;
    font-size: 0.75rem;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    background: var(--bg-primary, #1a1a1a);
    color: var(--text-primary);
    text-align: right;
    font-family: monospace;
}

.deposit-input[b-sle0m0bimf]::placeholder {
    color: var(--text-muted, #888);
}

.deposit-input:focus[b-sle0m0bimf] {
    outline: none;
    border-color: var(--accent-primary, #4a9eff);
}

/* Responsive */
@media (max-width: 768px) {
    .overview-header h1[b-sle0m0bimf] {
        font-size: 1.25rem;
    }

    .pt-header[b-sle0m0bimf],
    .pt-row[b-sle0m0bimf] {
        grid-template-columns: 1.2fr 1fr 0.5fr 0.6fr 0.4fr 0.8fr 1.5fr;
        font-size: 0.75rem;
        gap: 0.25rem;
        padding: 0.5rem 0.75rem;
    }

    .ap-header[b-sle0m0bimf],
    .ap-row[b-sle0m0bimf] {
        grid-template-columns: 1.2fr 0.5fr 2fr 0.6fr 0.7fr 0.7fr 0.6fr 0.5fr 0.3fr 0.5fr 0.5fr 0.4fr 0.5fr 0.8fr;
        font-size: 0.7rem;
        gap: 0.25rem;
        padding: 0.4rem 0.75rem;
    }
}
/* /Components/Pages/Capital.razor.rz.scp.css */
/* Capital page styles — v3: 4-wallet architecture */

.capital-loading[b-woev4bt1sx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: var(--text-secondary);
}

.capital-loading p[b-woev4bt1sx] {
    margin-top: 1rem;
}

/* ═══════════════════════════════════════════════════════ */
/* HEADER */
/* ═══════════════════════════════════════════════════════ */

.capital-header[b-woev4bt1sx] {
    display: flex;
    align-items: baseline;
    gap: 1.5rem;
    padding: 1.5rem 0;
    margin-bottom: 1rem;
}

.capital-header h1[b-woev4bt1sx] {
    font-size: 1.5rem;
    margin: 0;
    color: var(--text-primary);
}

.grand-total[b-woev4bt1sx] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--success);
}

.grand-total-block[b-woev4bt1sx] {
    display: flex;
    flex-direction: column;
}

.header-gas-note[b-woev4bt1sx] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.btn-transfer[b-woev4bt1sx] {
    margin-left: auto;
    flex: none;
    width: fit-content;
    align-self: center;
    font-size: 0.85rem;
    padding: 0.4rem 1rem;
    border: 1px solid var(--border-default);
    color: var(--text-primary);
    background: var(--bg-tertiary);
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s;
}

.btn-transfer:hover[b-woev4bt1sx] {
    background: var(--bg-hover, rgba(255, 255, 255, 0.05));
}

/* ═══════════════════════════════════════════════════════ */
/* SECTION CONTAINER */
/* ═══════════════════════════════════════════════════════ */

.capital-section[b-woev4bt1sx] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    margin-bottom: 1rem;
    overflow: hidden;
}

/* ═══════════════════════════════════════════════════════ */
/* SUMMARY TABLE */
/* ═══════════════════════════════════════════════════════ */

.summary-table-section[b-woev4bt1sx] {
    padding: 1rem 1.5rem;
}

.summary-table[b-woev4bt1sx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.summary-table thead th[b-woev4bt1sx] {
    padding: 0.5rem 0.75rem;
    text-align: right;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid var(--border-default);
}

.summary-table thead th:first-child[b-woev4bt1sx] {
    text-align: left;
}

.summary-table tbody td[b-woev4bt1sx] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-muted);
}

.chain-name-cell[b-woev4bt1sx] {
    font-weight: 500;
    color: var(--text-primary);
    min-width: 80px;
}

.value-cell[b-woev4bt1sx] {
    text-align: right;
    font-family: monospace;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.cell-gas[b-woev4bt1sx] {
    display: block;
    font-size: 0.7rem;
    color: var(--text-muted);
    font-weight: 400;
}

.total-col[b-woev4bt1sx] {
    font-weight: 600;
}

.total-cell[b-woev4bt1sx] {
    font-weight: 700;
    color: var(--text-primary);
}

.totals-row td[b-woev4bt1sx] {
    border-top: 2px solid var(--border-default);
    border-bottom: none;
    padding-top: 0.75rem;
}

.grand-total-cell[b-woev4bt1sx] {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
}

/* ═══════════════════════════════════════════════════════ */
/* WALLET PANEL */
/* ═══════════════════════════════════════════════════════ */

.wallet-panel-header[b-woev4bt1sx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s;
}

.wallet-panel-header:hover[b-woev4bt1sx] {
    background-color: var(--bg-hover);
}

.wallet-panel-header h2[b-woev4bt1sx] {
    font-size: 1.2rem;
    margin: 0;
    color: var(--text-primary);
}

.wallet-panel-spacer[b-woev4bt1sx] {
    flex: 1;
}

.wallet-balance-block[b-woev4bt1sx] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.wallet-balance[b-woev4bt1sx] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--success);
}

.wallet-gas[b-woev4bt1sx] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.wallet-panel-body[b-woev4bt1sx] {
    border-top: 1px solid var(--border-default);
}

/* ═══════════════════════════════════════════════════════ */
/* NETWORK BLOCK */
/* ═══════════════════════════════════════════════════════ */

.network-block[b-woev4bt1sx] {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid var(--border-muted);
}

.network-block:last-child[b-woev4bt1sx] {
    border-bottom: none;
}

.network-header[b-woev4bt1sx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.5rem;
    margin: 0 -0.5rem 0.5rem;
    border-bottom: 1px dashed var(--border-muted);
}

.network-name[b-woev4bt1sx] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
    padding-left: 0.25rem;
}

.network-header-spacer[b-woev4bt1sx] {
    flex: 1;
}

.network-balance-block[b-woev4bt1sx] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.network-balance[b-woev4bt1sx] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.network-gas[b-woev4bt1sx] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.network-content[b-woev4bt1sx] {
    padding: 0.25rem 0;
}

/* ═══════════════════════════════════════════════════════ */
/* CHEVRON */
/* ═══════════════════════════════════════════════════════ */

.chevron[b-woev4bt1sx] {
    font-size: 0.6rem;
    color: var(--text-muted);
    transition: transform 0.2s ease;
    display: inline-block;
    width: 12px;
    text-align: center;
}

.chevron.expanded[b-woev4bt1sx] {
    transform: rotate(90deg);
}

.wallet-chevron[b-woev4bt1sx] {
    font-size: 0.75rem;
    width: 16px;
}

/* ═══════════════════════════════════════════════════════ */
/* COLLAPSIBLE SECTIONS (::deep for child components) */
/* ═══════════════════════════════════════════════════════ */

[b-woev4bt1sx] .collapsible-section {
    margin: 0.35rem 0;
    background-color: var(--bg-tertiary);
    border-radius: 6px;
    overflow: hidden;
}

[b-woev4bt1sx] .collapsible-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s;
}

[b-woev4bt1sx] .collapsible-header:hover {
    background-color: var(--bg-hover);
}

[b-woev4bt1sx] .collapsible-title {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-woev4bt1sx] .collapsible-spacer {
    flex: 1;
}

[b-woev4bt1sx] .collapsible-count {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-weight: 400;
}

[b-woev4bt1sx] .collapsible-total {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
    margin-right: 0.5rem;
}

[b-woev4bt1sx] .collapsible-total.positive {
    color: var(--text-primary);
}

[b-woev4bt1sx] .collapsible-total.borrow {
    color: var(--danger);
}

[b-woev4bt1sx] .collapsible-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

[b-woev4bt1sx] .collapsible-body.expanded {
    max-height: 800px;
}

[b-woev4bt1sx] .collapsible-empty {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    color: var(--text-muted);
    text-align: center;
}

/* ═══════════════════════════════════════════════════════ */
/* ASSET ROWS (::deep for child components) */
/* ═══════════════════════════════════════════════════════ */

[b-woev4bt1sx] .asset-list {
    padding: 0.25rem 0.75rem 0.5rem;
    font-size: 0.85rem;
}

[b-woev4bt1sx] .asset-row {
    display: flex;
    align-items: center;
    padding: 0.3rem 0;
    gap: 0.5rem;
}

[b-woev4bt1sx] .asset-info {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    overflow: hidden;
}

[b-woev4bt1sx] .asset-symbol {
    font-weight: 600;
    font-size: 0.9rem;
}

[b-woev4bt1sx] .asset-symbol a {
    color: var(--accent-primary);
    text-decoration: none;
}

[b-woev4bt1sx] .asset-symbol a:hover {
    text-decoration: underline;
}

[b-woev4bt1sx] .asset-amount {
    color: var(--text-muted);
    font-family: monospace;
    font-size: 0.85rem;
}

[b-woev4bt1sx] .asset-value {
    font-weight: 500;
    text-align: right;
    min-width: 80px;
    flex-shrink: 0;
}

[b-woev4bt1sx] .asset-value.borrow {
    color: var(--danger);
}

[b-woev4bt1sx] .asset-extra {
    font-size: 0.8rem;
    color: var(--text-muted);
}

[b-woev4bt1sx] .asset-extra.apr {
    color: var(--success);
    font-weight: 500;
}

[b-woev4bt1sx] .asset-extra.fees {
    color: var(--success);
    font-weight: 500;
}

[b-woev4bt1sx] .asset-extra.borrow-rate {
    color: var(--warning);
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════ */
/* HEALTH FACTOR BADGE */
/* ═══════════════════════════════════════════════════════ */

.hf-badge[b-woev4bt1sx] {
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.hf-badge.safe[b-woev4bt1sx] {
    background-color: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.hf-badge.warning[b-woev4bt1sx] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #ffc107;
}

.hf-badge.danger[b-woev4bt1sx] {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

[b-woev4bt1sx] .hf-badge {
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-right: 0.75rem;
}

[b-woev4bt1sx] .hf-badge.safe {
    background-color: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

[b-woev4bt1sx] .hf-badge.warning {
    background-color: rgba(255, 193, 7, 0.15);
    color: #ffc107;
}

[b-woev4bt1sx] .hf-badge.danger {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

/* ═══════════════════════════════════════════════════════ */
/* INLINE ACTION BUTTONS (in asset rows) */
/* ═══════════════════════════════════════════════════════ */

[b-woev4bt1sx] .btn-action {
    font-size: 0.7rem;
    padding: 0.1rem 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.4;
    width: 70px;
    flex-shrink: 0;
    text-align: center;
}

[b-woev4bt1sx] .btn-sell,
[b-woev4bt1sx] .btn-withdraw,
[b-woev4bt1sx] .btn-repay {
    background-color: #3b82f6;
    border-color: #2563eb;
    color: white;
}

[b-woev4bt1sx] .btn-sell:hover:not(:disabled),
[b-woev4bt1sx] .btn-withdraw:hover:not(:disabled),
[b-woev4bt1sx] .btn-repay:hover:not(:disabled) {
    background-color: #2563eb;
    border-color: #1d4ed8;
    color: white;
}

[b-woev4bt1sx] .btn-supply {
    background-color: #10b981;
    border-color: #059669;
    color: white;
}

[b-woev4bt1sx] .btn-supply:hover:not(:disabled) {
    background-color: #059669;
    border-color: #047857;
    color: white;
}

/* ═══════════════════════════════════════════════════════ */
/* WALLET ADDRESS */
/* ═══════════════════════════════════════════════════════ */

.wallet-address[b-woev4bt1sx] {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--text-muted);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.wallet-address a[b-woev4bt1sx] {
    color: var(--text-muted);
    text-decoration: none;
}

.wallet-address a:hover[b-woev4bt1sx] {
    text-decoration: underline;
    color: var(--accent-primary);
}

.copy-btn[b-woev4bt1sx] {
    background: none;
    border: none;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 0.1rem 0.25rem;
    border-radius: 4px;
    line-height: 1;
    transition: background-color 0.15s;
}

.copy-btn:hover[b-woev4bt1sx] {
    background-color: var(--bg-hover);
}

.copy-btn.copied[b-woev4bt1sx] {
    color: #28a745;
}

/* ═══════════════════════════════════════════════════════ */
/* SKELETON LOADERS */
/* ═══════════════════════════════════════════════════════ */

.skeleton-section[b-woev4bt1sx] {
    padding: 0.5rem 0;
}

.skeleton-row[b-woev4bt1sx] {
    display: flex;
    gap: 1rem;
    padding: 0.375rem 0;
}

.skeleton-text[b-woev4bt1sx] {
    display: inline-block;
    background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--border-muted) 50%, var(--bg-tertiary) 75%);
    background-size: 200% 100%;
    animation: shimmer-b-woev4bt1sx 1.5s infinite;
    border-radius: 4px;
    height: 1em;
}

.skeleton-large[b-woev4bt1sx] { width: 180px; height: 2rem; }
.skeleton-medium[b-woev4bt1sx] { width: 120px; height: 1.5rem; }
.skeleton-small[b-woev4bt1sx] { width: 80px; height: 1rem; }
.skeleton-tiny[b-woev4bt1sx] { width: 60px; height: 0.875rem; }

@keyframes shimmer-b-woev4bt1sx {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ═══════════════════════════════════════════════════════ */
/* ERROR */
/* ═══════════════════════════════════════════════════════ */

.section-error[b-woev4bt1sx] {
    color: var(--danger, #ef4444);
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin: 0.5rem 0;
    font-size: 0.875rem;
}

/* ═══════════════════════════════════════════════════════ */
/* RESPONSIVE */
/* ═══════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .capital-header[b-woev4bt1sx] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .grand-total[b-woev4bt1sx] {
        font-size: 1.5rem;
    }

    .summary-table[b-woev4bt1sx] {
        font-size: 0.8rem;
    }

    .summary-table thead th[b-woev4bt1sx],
    .summary-table tbody td[b-woev4bt1sx] {
        padding: 0.35rem 0.5rem;
    }

    .wallet-panel-header[b-woev4bt1sx] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .wallet-balance[b-woev4bt1sx] {
        font-size: 1rem;
    }

    .network-block[b-woev4bt1sx] {
        padding: 0.5rem 1rem;
    }

    [b-woev4bt1sx] .asset-row {
        grid-template-columns: minmax(60px, auto) 80px 1fr;
        font-size: 0.8rem;
    }
}
/* /Components/Pages/HedgeMonitor.razor.rz.scp.css */
/* Hedge Monitor page styles */

.hedge-monitor-page[b-0labtf7ngz] {
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-0labtf7ngz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.page-header h1[b-0labtf7ngz] {
    font-size: 1.75rem;
    margin: 0;
    color: var(--text-primary);
}

/* Table */
.hedge-table[b-0labtf7ngz] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    overflow-x: auto;
}

.table-header[b-0labtf7ngz],
.table-row[b-0labtf7ngz] {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    gap: 1.5rem;
}

.table-header[b-0labtf7ngz] {
    font-weight: 600;
    color: var(--text-secondary);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-default);
}

.table-row[b-0labtf7ngz] {
    border-bottom: 1px solid var(--border-muted);
    transition: background-color 0.15s;
}

.table-row:last-child[b-0labtf7ngz] {
    border-bottom: none;
}

.table-row:hover[b-0labtf7ngz] {
    background-color: var(--bg-tertiary);
}

/* Freshness classes */
.row-fresh[b-0labtf7ngz] {
    border-left: 3px solid #22c55e;
}

.row-stale[b-0labtf7ngz] {
    border-left: 3px solid #eab308;
}

.row-expired[b-0labtf7ngz] {
    border-left: 3px solid #ef4444;
}

/* Columns */
.col-chain[b-0labtf7ngz] {
    flex: 1;
    min-width: 80px;
}

.col-protocol[b-0labtf7ngz] {
    flex: 1;
    min-width: 80px;
    font-weight: 600;
}

.col-gas[b-0labtf7ngz],
.col-fee[b-0labtf7ngz],
.col-total[b-0labtf7ngz] {
    flex: 1;
    min-width: 90px;
    text-align: right;
    font-family: monospace;
    font-size: 0.875rem;
}

.col-total[b-0labtf7ngz] {
    font-weight: 600;
}

.col-date[b-0labtf7ngz] {
    flex: 1.2;
    min-width: 120px;
    white-space: nowrap;
}

.col-status[b-0labtf7ngz] {
    flex: 1;
    min-width: 100px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Status dot */
.status-dot[b-0labtf7ngz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.dot-green[b-0labtf7ngz] {
    background-color: #22c55e;
}

.dot-yellow[b-0labtf7ngz] {
    background-color: #eab308;
}

.dot-red[b-0labtf7ngz] {
    background-color: #ef4444;
}

/* Measurement info */
.measurement-info[b-0labtf7ngz] {
    margin-top: 1rem;
    color: var(--text-muted);
    font-size: 0.8125rem;
}

/* No data */
.no-data[b-0labtf7ngz] {
    color: var(--text-muted);
    font-style: italic;
    padding: 2rem 0;
    text-align: center;
}

/* Error */
.section-error[b-0labtf7ngz] {
    color: var(--danger, #ef4444);
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}

/* Skeleton loader */
.skeleton-table[b-0labtf7ngz] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 1rem 1.5rem;
}

.table-header-skeleton[b-0labtf7ngz] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-default);
}

.skeleton-row[b-0labtf7ngz] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-muted);
}

.skeleton-row:last-child[b-0labtf7ngz] {
    border-bottom: none;
}

.skeleton-text[b-0labtf7ngz] {
    display: inline-block;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-0labtf7ngz 1.5s infinite;
    border-radius: 4px;
    height: 1em;
}

.skeleton-small[b-0labtf7ngz] {
    width: 80px;
    height: 1rem;
    flex: 1;
    max-width: 100px;
}

.skeleton-medium[b-0labtf7ngz] {
    width: 120px;
    height: 1.25rem;
    flex: 1.2;
    max-width: 150px;
}

.skeleton-number[b-0labtf7ngz] {
    width: 80px;
    height: 1rem;
    flex: 1;
    max-width: 90px;
}

@keyframes shimmer-b-0labtf7ngz {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Button spinner */
.spinner-border-sm[b-0labtf7ngz] {
    margin-right: 0.375rem;
}

/* Responsive */
@media (max-width: 768px) {
    .hedge-monitor-page[b-0labtf7ngz] {
        padding: 0 1rem;
    }

    .page-header[b-0labtf7ngz] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .hedge-table[b-0labtf7ngz] {
        padding: 0.75rem 1rem;
    }

    .col-fee[b-0labtf7ngz],
    .col-date[b-0labtf7ngz] {
        display: none;
    }
}
/* /Components/Pages/Pools.razor.rz.scp.css */
/* Pools page styles */

.pools-page[b-qcty3f0wd0] {
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-qcty3f0wd0] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-qcty3f0wd0] {
    font-size: 1.75rem;
    margin: 0;
    color: var(--text-primary);
}

/* Protocol tabs */
.protocol-tabs[b-qcty3f0wd0] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-default);
    padding-bottom: 0.5rem;
}

.tab-btn[b-qcty3f0wd0] {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: none;
    border-radius: 8px 8px 0 0;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.tab-btn:hover[b-qcty3f0wd0] {
    color: var(--text-primary);
    background-color: var(--bg-hover);
}

.tab-btn.active[b-qcty3f0wd0] {
    color: var(--accent-primary);
    background-color: var(--bg-secondary);
}

.tab-btn.active[b-qcty3f0wd0]::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--accent-primary);
}

/* Add pool form inside chain section */
.chain-section :deep(.add-pool-form)[b-qcty3f0wd0] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-muted);
}

/* Pool sections by chain */
.pools-sections[b-qcty3f0wd0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.chain-section[b-qcty3f0wd0] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 1.5rem;
}

.chain-section h2[b-qcty3f0wd0] {
    font-size: 1.25rem;
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-muted);
}

/* No data message */
.no-data[b-qcty3f0wd0] {
    color: var(--text-muted);
    font-style: italic;
    margin: 0;
    padding: 1rem 0;
}

/* Section error */
.section-error[b-qcty3f0wd0] {
    color: var(--danger, #ef4444);
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}

/* Skeleton loader styles */
.skeleton-table[b-qcty3f0wd0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.skeleton-row[b-qcty3f0wd0] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-muted);
}

.skeleton-row:last-child[b-qcty3f0wd0] {
    border-bottom: none;
}

.skeleton-text[b-qcty3f0wd0] {
    display: inline-block;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-qcty3f0wd0 1.5s infinite;
    border-radius: 4px;
    height: 1em;
}

.skeleton-large[b-qcty3f0wd0] {
    width: 180px;
    height: 1.5rem;
}

.skeleton-medium[b-qcty3f0wd0] {
    width: 120px;
    height: 1.25rem;
}

.skeleton-small[b-qcty3f0wd0] {
    width: 80px;
    height: 1rem;
}

.skeleton-tiny[b-qcty3f0wd0] {
    width: 60px;
    height: 0.875rem;
}

@keyframes shimmer-b-qcty3f0wd0 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .pools-page[b-qcty3f0wd0] {
        padding: 0 1rem;
    }
    
    .protocol-tabs[b-qcty3f0wd0] {
        flex-wrap: wrap;
    }
    
    .tab-btn[b-qcty3f0wd0] {
        flex: 1;
        min-width: 120px;
        text-align: center;
    }
    
    .add-pool-section[b-qcty3f0wd0],
    .chain-section[b-qcty3f0wd0] {
        padding: 1rem;
    }
}
/* /Components/Pages/Positions.razor.rz.scp.css */
/* Positions page specific styles */
/* Note: Network/DEX block styles are in app.css (global) for child component access */

.positions-page[b-p43i5p4o7t] {
    max-width: 1200px;
    margin: 0 auto;
}

.positions-header[b-p43i5p4o7t] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.positions-header h1[b-p43i5p4o7t] {
    margin: 0;
    font-size: 1.75rem;
}

.loading-text[b-p43i5p4o7t] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
}

.btn-open-position[b-p43i5p4o7t] {
    margin-left: auto;
    font-size: 0.875rem;
    padding: 0.375rem 1rem;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
    .positions-header h1[b-p43i5p4o7t] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-container[b-8slpv0mc0y] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.profile-container h1[b-8slpv0mc0y] {
    margin-bottom: 2rem;
    color: var(--text-primary);
}

.profile-sections[b-8slpv0mc0y] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.profile-section[b-8slpv0mc0y] {
    background: var(--bg-secondary);
    border-radius: 12px;
    border: 1px solid var(--border-color);
    padding: 1.5rem;
}

.profile-section h3[b-8slpv0mc0y] {
    margin: 0 0 1.25rem 0;
    color: var(--text-primary);
    font-size: 1.1rem;
    font-weight: 600;
}

.profile-header[b-8slpv0mc0y] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.profile-avatar[b-8slpv0mc0y] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--accent-primary);
}

.profile-info h2[b-8slpv0mc0y] {
    margin: 0 0 0.25rem 0;
    color: var(--text-primary);
    font-size: 1.5rem;
}

.profile-email[b-8slpv0mc0y] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.fields-group[b-8slpv0mc0y] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.alert[b-8slpv0mc0y] {
    padding: 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
}

.alert-danger[b-8slpv0mc0y] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

/* Skeleton styles */
.skeleton-avatar[b-8slpv0mc0y] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-8slpv0mc0y 1.5s infinite;
}

.skeleton-text[b-8slpv0mc0y] {
    display: block;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-8slpv0mc0y 1.5s infinite;
    border-radius: 4px;
}

.skeleton-name[b-8slpv0mc0y] {
    width: 180px;
    height: 1.5rem;
    margin-bottom: 0.5rem;
}

.skeleton-email[b-8slpv0mc0y] {
    width: 220px;
    height: 1rem;
}

.skeleton-field[b-8slpv0mc0y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.skeleton-label[b-8slpv0mc0y] {
    width: 100px;
    height: 0.875rem;
}

.skeleton-input[b-8slpv0mc0y] {
    width: 100%;
    height: 2.5rem;
}

@keyframes shimmer-b-8slpv0mc0y {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Pages/Transactions.razor.rz.scp.css */
.transactions-page[b-hpwe4q6jwz] {
    padding: 1rem 0;
}

/* Header */
.page-header[b-hpwe4q6jwz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-hpwe4q6jwz] {
    margin: 0;
    font-size: 1.75rem;
}

.btn-refresh[b-hpwe4q6jwz] {
    margin-left: auto;
    cursor: pointer;
}

/* Summary */
.summary-section[b-hpwe4q6jwz] {
    margin-bottom: 1.5rem;
}

.summary-period-grid[b-hpwe4q6jwz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 0.875rem;
}

.summary-period-card[b-hpwe4q6jwz] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background-color: var(--bg-secondary);
    overflow: hidden;
}

.summary-period-header[b-hpwe4q6jwz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-default);
}

.summary-period-header h2[b-hpwe4q6jwz] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.summary-period-header span[b-hpwe4q6jwz] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.summary-metrics-table[b-hpwe4q6jwz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.summary-metrics-table th[b-hpwe4q6jwz],
.summary-metrics-table td[b-hpwe4q6jwz] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-default);
}

.summary-metrics-table th[b-hpwe4q6jwz] {
    text-align: right;
    font-size: 0.7rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.summary-metrics-table th:first-child[b-hpwe4q6jwz],
.summary-metrics-table td:first-child[b-hpwe4q6jwz] {
    text-align: left;
}

.summary-metrics-table tr:last-child td[b-hpwe4q6jwz] {
    border-bottom: none;
}

.metric-label[b-hpwe4q6jwz] {
    font-weight: 600;
    color: var(--text-secondary);
}

.metric-mono[b-hpwe4q6jwz] {
    font-family: monospace;
}

.metric-total[b-hpwe4q6jwz] {
    background-color: var(--bg-tertiary);
    font-weight: 600;
}

/* Filters */
.filters-section[b-hpwe4q6jwz] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
}

.filter-group[b-hpwe4q6jwz] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.filter-label[b-hpwe4q6jwz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.type-filters[b-hpwe4q6jwz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.type-filter-btn[b-hpwe4q6jwz] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    cursor: pointer;
}

.filter-select[b-hpwe4q6jwz] {
    width: 140px;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    color: var(--text-primary);
    cursor: pointer;
}

.btn-apply[b-hpwe4q6jwz] {
    cursor: pointer;
    align-self: flex-end;
}

/* Operations Table */
.table-wrapper[b-hpwe4q6jwz] {
    overflow-x: auto;
    border: 1px solid var(--border-default);
    border-radius: 8px;
}

.ops-table[b-hpwe4q6jwz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.ops-table thead[b-hpwe4q6jwz] {
    background-color: var(--bg-secondary);
}

.ops-table th[b-hpwe4q6jwz] {
    padding: 0.625rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border-default);
    white-space: nowrap;
}

.ops-table th.num[b-hpwe4q6jwz],
.ops-table td.num[b-hpwe4q6jwz] {
    text-align: right;
}

.ops-table td[b-hpwe4q6jwz] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-default);
    white-space: nowrap;
}

.col-expand[b-hpwe4q6jwz] {
    width: 24px;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.75rem;
}

.op-row[b-hpwe4q6jwz] {
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.op-row:hover[b-hpwe4q6jwz] {
    background-color: var(--bg-secondary);
}

.op-row.expanded[b-hpwe4q6jwz] {
    background-color: var(--bg-secondary);
}

.col-date[b-hpwe4q6jwz] {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.col-type[b-hpwe4q6jwz] {
    font-weight: 500;
}

.col-chain[b-hpwe4q6jwz] {
    color: var(--text-secondary);
}

.col-desc[b-hpwe4q6jwz] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.col-gas[b-hpwe4q6jwz],
.col-swap[b-hpwe4q6jwz] {
    font-family: monospace;
    font-size: 0.8rem;
}

/* Status badge */
.status-badge[b-hpwe4q6jwz] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
}

.status-succeeded[b-hpwe4q6jwz] {
    color: var(--success, #22c55e);
    background-color: rgba(34, 197, 94, 0.1);
}

.status-failed[b-hpwe4q6jwz] {
    color: var(--danger, #ef4444);
    background-color: rgba(239, 68, 68, 0.1);
}

.status-in-progress[b-hpwe4q6jwz] {
    color: var(--warning, #eab308);
    background-color: rgba(234, 179, 8, 0.1);
}

/* Transaction detail row */
.tx-detail-row td[b-hpwe4q6jwz] {
    padding: 0 !important;
    background-color: var(--bg-tertiary);
}

.tx-detail-wrapper[b-hpwe4q6jwz] {
    padding: 0.5rem 1rem 0.5rem 2rem;
    max-height: 300px;
    overflow-y: auto;
}

.tx-detail-table[b-hpwe4q6jwz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.tx-detail-table th[b-hpwe4q6jwz] {
    padding: 0.375rem 0.5rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
    border-bottom: 1px solid var(--border-default);
}

.tx-detail-table th.num[b-hpwe4q6jwz],
.tx-detail-table td.num[b-hpwe4q6jwz] {
    text-align: right;
}

.tx-detail-table td[b-hpwe4q6jwz] {
    padding: 0.375rem 0.5rem;
    border-bottom: 1px solid var(--border-default);
}

.col-hash a[b-hpwe4q6jwz] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--accent);
    text-decoration: none;
}

.col-hash a:hover[b-hpwe4q6jwz] {
    text-decoration: underline;
}

/* Transaction status badge */
.tx-status-badge[b-hpwe4q6jwz] {
    display: inline-block;
    padding: 0.1rem 0.375rem;
    border-radius: 8px;
    font-size: 0.65rem;
    font-weight: 600;
}

.tx-status-ok[b-hpwe4q6jwz] {
    color: var(--success, #22c55e);
}

.tx-status-reverted[b-hpwe4q6jwz] {
    color: var(--danger, #ef4444);
}

.tx-status-sim-failed[b-hpwe4q6jwz] {
    color: var(--warning, #eab308);
}

/* Pagination */
.pagination-section[b-hpwe4q6jwz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 0.5rem 0;
}

.page-info[b-hpwe4q6jwz] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.page-buttons[b-hpwe4q6jwz] {
    display: flex;
    gap: 0.375rem;
}

.page-buttons .btn[b-hpwe4q6jwz] {
    min-width: 32px;
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    cursor: pointer;
}

/* Empty state */
.empty-state[b-hpwe4q6jwz] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-muted);
    font-size: 0.9rem;
}

/* Skeleton */
.skeleton-table[b-hpwe4q6jwz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    overflow: hidden;
}

.skeleton-table-row[b-hpwe4q6jwz] {
    display: flex;
    gap: 1rem;
    padding: 0.625rem 1rem;
    background-color: var(--bg-secondary);
}

.skeleton-cell[b-hpwe4q6jwz] {
    flex: 1;
    height: 2.5rem;
}

.skeleton-section[b-hpwe4q6jwz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.skeleton-row-full[b-hpwe4q6jwz] {
    display: flex;
    gap: 1rem;
    padding: 0.625rem 0.75rem;
    background-color: var(--bg-secondary);
    border-radius: 4px;
}

.skeleton-text[b-hpwe4q6jwz] {
    height: 1rem;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--border-default) 50%, var(--bg-tertiary) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-hpwe4q6jwz 1.5s ease-in-out infinite;
}

.skeleton-tiny[b-hpwe4q6jwz] { width: 40px; }
.skeleton-small[b-hpwe4q6jwz] { width: 80px; }
.skeleton-medium[b-hpwe4q6jwz] { width: 120px; }

.summary-skeleton[b-hpwe4q6jwz] {
    margin-bottom: 1.5rem;
}

@keyframes skeleton-shimmer-b-hpwe4q6jwz {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Responsive */
@media (max-width: 768px) {
    .page-header h1[b-hpwe4q6jwz] {
        font-size: 1.5rem;
    }

    .filters-section[b-hpwe4q6jwz] {
        flex-direction: column;
        align-items: stretch;
    }

    .summary-metrics-table[b-hpwe4q6jwz] {
        font-size: 0.75rem;
    }
}
/* /Components/Shared/ApprovalChainBlock.razor.rz.scp.css */
/* ApprovalChainBlock scoped styles */

.approval-chain-block[b-3rv30duoe8] {
    background-color: var(--bg-tertiary);
    border-radius: 6px;
    margin-bottom: 1rem;
    overflow: hidden;
}

.chain-header[b-3rv30duoe8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-muted);
}

.chain-header h3[b-3rv30duoe8] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.chain-count[b-3rv30duoe8] {
    font-size: 0.75rem;
    color: var(--text-muted);
    background-color: var(--bg-hover);
    padding: 0.1rem 0.5rem;
    border-radius: 10px;
}

/* Skeleton loading */
.approval-skeleton[b-3rv30duoe8] {
    padding: 0.5rem 1rem;
}

.skeleton-row[b-3rv30duoe8] {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 0;
}

.skeleton-text[b-3rv30duoe8] {
    display: inline-block;
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--border-muted) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-3rv30duoe8 1.5s infinite;
    border-radius: 4px;
    height: 1em;
}

.skeleton-large[b-3rv30duoe8] { width: 180px; height: 2rem; }
.skeleton-medium[b-3rv30duoe8] { width: 120px; height: 1.25rem; }
.skeleton-small[b-3rv30duoe8] { width: 80px; height: 1rem; }
.skeleton-tiny[b-3rv30duoe8] { width: 60px; height: 0.875rem; }

@keyframes shimmer-b-3rv30duoe8 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Error state */
.approval-error[b-3rv30duoe8] {
    color: var(--danger);
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin: 0.5rem 1rem;
    font-size: 0.875rem;
}

/* Empty state */
.approval-empty[b-3rv30duoe8] {
    padding: 1rem;
    font-size: 0.85rem;
    color: var(--text-muted);
    text-align: center;
}

/* Approval list */
.approval-list[b-3rv30duoe8] {
    padding: 0.5rem 0;
}

.approval-select-all[b-3rv30duoe8] {
    padding: 0.25rem 1rem 0.5rem;
    border-bottom: 1px solid var(--border-muted);
}

.checkbox-label[b-3rv30duoe8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.checkbox-label input[type="checkbox"][b-3rv30duoe8] {
    cursor: pointer;
    accent-color: var(--accent-primary);
}

/* Approval rows */
.approval-row[b-3rv30duoe8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    transition: background-color 0.15s;
}

.approval-row:hover[b-3rv30duoe8] {
    background-color: var(--bg-hover);
}

.row-checkbox[b-3rv30duoe8] {
    flex-shrink: 0;
}

.approval-token[b-3rv30duoe8] {
    font-weight: 600;
    color: var(--text-primary);
    min-width: 60px;
}

.approval-arrow[b-3rv30duoe8] {
    color: var(--text-muted);
    flex-shrink: 0;
}

.approval-spender[b-3rv30duoe8] {
    min-width: 140px;
    font-size: 0.85rem;
}

.approval-spender.whitelisted[b-3rv30duoe8] {
    color: var(--success);
    font-weight: 500;
}

.approval-spender.unknown[b-3rv30duoe8] {
    color: var(--warning);
    font-family: monospace;
    font-size: 0.8rem;
}

.approval-allowance[b-3rv30duoe8] {
    color: var(--text-secondary);
    min-width: 100px;
    font-size: 0.85rem;
}

.approval-badge[b-3rv30duoe8] {
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    white-space: nowrap;
}

.approval-badge.whitelisted[b-3rv30duoe8] {
    background-color: rgba(40, 167, 69, 0.15);
    color: var(--success);
}

.approval-badge.unknown[b-3rv30duoe8] {
    background-color: rgba(255, 193, 7, 0.15);
    color: var(--warning);
}

/* Actions */
.approval-actions[b-3rv30duoe8] {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border-muted);
}

.btn-revoke[b-3rv30duoe8] {
    background-color: transparent;
    border: 1px solid var(--warning);
    color: var(--warning);
    font-weight: 500;
    font-size: 0.8rem;
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
}

.btn-revoke:hover:not(:disabled)[b-3rv30duoe8] {
    background-color: var(--warning);
    color: #000;
}

.btn-revoke:disabled[b-3rv30duoe8] {
    opacity: 0.5;
    cursor: default;
}

.revoke-progress[b-3rv30duoe8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}
/* /Components/Shared/BeefyDepositModal.razor.rz.scp.css */
/* cubic-suppress: Blazor scoped CSS requires per-component files; shared CSS extraction is a separate refactoring task */
/* Modal container */
.modal-container[b-y1cri1rf4w] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-y1cri1rf4w] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-y1cri1rf4w] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-y1cri1rf4w] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-y1cri1rf4w] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-y1cri1rf4w] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-y1cri1rf4w] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-y1cri1rf4w] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-y1cri1rf4w] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

/* Input Phase */
.confirm-preview[b-y1cri1rf4w] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-y1cri1rf4w] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-y1cri1rf4w] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.amount-info[b-y1cri1rf4w] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.amount-label[b-y1cri1rf4w] {
    color: var(--text-muted);
}

.amount-value[b-y1cri1rf4w] {
    font-weight: 600;
    font-family: monospace;
}

.amount-input-wrapper[b-y1cri1rf4w] {
    margin-bottom: 0.5rem;
}

.amount-input[b-y1cri1rf4w] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 1.1rem;
    font-family: monospace;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--text-primary);
}

.amount-input:focus[b-y1cri1rf4w] {
    outline: none;
    border-color: var(--accent);
}

.presets[b-y1cri1rf4w] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.presets .btn[b-y1cri1rf4w] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
}

.validation-error[b-y1cri1rf4w] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.steps-preview[b-y1cri1rf4w] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.button-row[b-y1cri1rf4w] {
    display: flex;
}

.btn-confirm[b-y1cri1rf4w] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Execution Steps */
.operation-steps[b-y1cri1rf4w] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-y1cri1rf4w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-y1cri1rf4w] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-y1cri1rf4w] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-y1cri1rf4w] {
    color: var(--accent);
}

.icon-completed[b-y1cri1rf4w] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-y1cri1rf4w] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-y1cri1rf4w] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-y1cri1rf4w] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-y1cri1rf4w] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

.operation-error-message[b-y1cri1rf4w] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-y1cri1rf4w] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-y1cri1rf4w] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/BeefyHedgeModal.razor.rz.scp.css */
/* Modal container */
.modal-container[b-j0whfdcqxn] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-j0whfdcqxn] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-j0whfdcqxn] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

.modal-dialog-wide[b-j0whfdcqxn] {
    max-width: 540px;
}

/* Header */
.modal-header[b-j0whfdcqxn] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-j0whfdcqxn] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-j0whfdcqxn] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-j0whfdcqxn] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-j0whfdcqxn] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-j0whfdcqxn] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

/* Confirm Phase */
.confirm-preview[b-j0whfdcqxn] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-j0whfdcqxn] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-j0whfdcqxn] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Hedge action rows */
.hedge-actions-list[b-j0whfdcqxn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.hedge-action-row[b-j0whfdcqxn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.action-badge[b-j0whfdcqxn] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.action-repay[b-j0whfdcqxn] {
    background-color: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.action-borrow[b-j0whfdcqxn] {
    background-color: rgba(0, 123, 255, 0.15);
    color: #4dabf7;
}

.action-token[b-j0whfdcqxn] {
    font-weight: 600;
    min-width: 50px;
}

.action-amount[b-j0whfdcqxn] {
    flex: 1;
    text-align: right;
}

.action-usd[b-j0whfdcqxn] {
    color: var(--text-muted);
    font-size: 0.8rem;
    min-width: 70px;
    text-align: right;
}

.button-row[b-j0whfdcqxn] {
    display: flex;
}

.btn-confirm[b-j0whfdcqxn] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Execution Steps */
.operation-steps[b-j0whfdcqxn] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-j0whfdcqxn] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-j0whfdcqxn] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-j0whfdcqxn] { color: var(--text-muted); font-size: 1rem; }
.icon-progress[b-j0whfdcqxn] { color: var(--accent); }
.icon-completed[b-j0whfdcqxn] { color: #28a745; font-weight: 700; font-size: 1rem; }
.icon-failed[b-j0whfdcqxn] { color: #dc3545; font-weight: 700; font-size: 1rem; }

.step-name[b-j0whfdcqxn] { font-weight: 500; flex: 1; }
.step-tx[b-j0whfdcqxn] { font-family: monospace; font-size: 0.75rem; color: var(--text-muted); }
.step-error[b-j0whfdcqxn] { font-size: 0.8rem; color: #dc3545; width: 100%; margin-top: 0.25rem; }

.operation-error-message[b-j0whfdcqxn] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-j0whfdcqxn] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-j0whfdcqxn] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/BeefyOpenPositionModal.razor.rz.scp.css */
/* Modal container */
.modal-container[b-07skpbp9m7] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-07skpbp9m7] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-07skpbp9m7] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

.modal-dialog.modal-lg[b-07skpbp9m7] {
    max-width: 620px;
}

/* Header */
.modal-header[b-07skpbp9m7] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-07skpbp9m7] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-07skpbp9m7] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-07skpbp9m7] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-07skpbp9m7] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-07skpbp9m7] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

/* ========================================
   Pool Selection Phase
   ======================================== */

.pool-selection[b-07skpbp9m7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pool-search input[b-07skpbp9m7] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 0.9rem;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--text-primary);
}

.pool-search input:focus[b-07skpbp9m7] {
    outline: none;
    border-color: var(--accent);
}

.pool-empty[b-07skpbp9m7] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--text-muted);
    font-size: 0.9rem;
}

.pool-list[b-07skpbp9m7] {
    display: flex;
    flex-direction: column;
}

.pool-list-header[b-07skpbp9m7] {
    display: grid;
    grid-template-columns: 1fr 60px 80px 70px;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border-default);
}

.pool-list-row[b-07skpbp9m7] {
    display: grid;
    grid-template-columns: 1fr 60px 80px 70px;
    gap: 0.5rem;
    padding: 0.65rem 0.75rem;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;
    transition: background-color 0.12s;
}

.pool-list-row:hover[b-07skpbp9m7] {
    background-color: var(--bg-tertiary);
}

.pool-col-name[b-07skpbp9m7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.pool-tokens[b-07skpbp9m7] {
    font-weight: 600;
    font-size: 0.9rem;
    white-space: nowrap;
}

.pool-kind-badge[b-07skpbp9m7] {
    font-size: 0.65rem;
    color: var(--text-muted);
    background: var(--bg-tertiary);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    white-space: nowrap;
}

.pool-col-score[b-07skpbp9m7] {
    font-size: 0.9rem;
    font-weight: 600;
    text-align: right;
    font-family: monospace;
    color: var(--text-primary);
}

.pool-col-apr[b-07skpbp9m7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.1rem;
    font-family: monospace;
}

.apr-smoothed[b-07skpbp9m7] {
    font-size: 0.9rem;
    font-weight: 500;
}

.apr-current-hint[b-07skpbp9m7] {
    font-size: 0.7rem;
    color: var(--text-muted);
}

.pool-col-tvl[b-07skpbp9m7] {
    font-size: 0.85rem;
    text-align: right;
    color: var(--text-secondary);
    font-family: monospace;
}

/* Stability labels */
.stability-high[b-07skpbp9m7] {
    color: #28a745;
    font-weight: 600;
}

.stability-medium[b-07skpbp9m7] {
    color: #ffc107;
    font-weight: 600;
}

.stability-low[b-07skpbp9m7] {
    color: #dc3545;
    font-weight: 600;
}

/* ========================================
   Selected Pool + Amount Phase
   ======================================== */

.confirm-preview[b-07skpbp9m7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.selected-pool-info[b-07skpbp9m7] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.btn-back[b-07skpbp9m7] {
    align-self: flex-start;
    font-size: 0.8rem;
    cursor: pointer;
}

.selected-pool-details[b-07skpbp9m7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.selected-pool-name[b-07skpbp9m7] {
    font-size: 1.05rem;
    font-weight: 600;
}

.selected-pool-stats[b-07skpbp9m7] {
    display: flex;
    gap: 1.25rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.selected-pool-stats .stat strong[b-07skpbp9m7] {
    color: var(--text-primary);
}

.preview-section[b-07skpbp9m7] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-07skpbp9m7] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.amount-info[b-07skpbp9m7] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.amount-label[b-07skpbp9m7] {
    color: var(--text-muted);
}

.amount-value[b-07skpbp9m7] {
    font-weight: 600;
    font-family: monospace;
}

.amount-input-wrapper[b-07skpbp9m7] {
    margin-bottom: 0.5rem;
}

.amount-input[b-07skpbp9m7] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 1.1rem;
    font-family: monospace;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--text-primary);
}

.amount-input:focus[b-07skpbp9m7] {
    outline: none;
    border-color: var(--accent);
}

.presets[b-07skpbp9m7] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.presets .btn[b-07skpbp9m7] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
}

.validation-error[b-07skpbp9m7] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.steps-preview[b-07skpbp9m7] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.button-row[b-07skpbp9m7] {
    display: flex;
}

.btn-confirm[b-07skpbp9m7] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* ========================================
   Execution Steps
   ======================================== */

.operation-steps[b-07skpbp9m7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-07skpbp9m7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-07skpbp9m7] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-07skpbp9m7] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-07skpbp9m7] {
    color: var(--accent);
}

.icon-completed[b-07skpbp9m7] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-07skpbp9m7] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-07skpbp9m7] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-07skpbp9m7] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-07skpbp9m7] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

.operation-error-message[b-07skpbp9m7] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-07skpbp9m7] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-07skpbp9m7] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/BeefyWithdrawModal.razor.rz.scp.css */
/* Modal container */
.modal-container[b-ae0zdpijw9] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-ae0zdpijw9] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-ae0zdpijw9] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-ae0zdpijw9] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-ae0zdpijw9] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-ae0zdpijw9] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-ae0zdpijw9] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-ae0zdpijw9] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-ae0zdpijw9] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

/* Input Phase */
.confirm-preview[b-ae0zdpijw9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-ae0zdpijw9] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-ae0zdpijw9] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.amount-info[b-ae0zdpijw9] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.amount-label[b-ae0zdpijw9] {
    color: var(--text-muted);
}

.amount-value[b-ae0zdpijw9] {
    font-weight: 600;
    font-family: monospace;
}

.amount-input-wrapper[b-ae0zdpijw9] {
    margin-bottom: 0.5rem;
}

.amount-input[b-ae0zdpijw9] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 1.1rem;
    font-family: monospace;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--text-primary);
}

.amount-input:focus[b-ae0zdpijw9] {
    outline: none;
    border-color: var(--accent);
}

.presets[b-ae0zdpijw9] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.presets .btn[b-ae0zdpijw9] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
}

.validation-error[b-ae0zdpijw9] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.steps-preview[b-ae0zdpijw9] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.button-row[b-ae0zdpijw9] {
    display: flex;
}

.btn-confirm[b-ae0zdpijw9] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Execution Steps */
.operation-steps[b-ae0zdpijw9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-ae0zdpijw9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-ae0zdpijw9] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-ae0zdpijw9] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-ae0zdpijw9] {
    color: var(--accent);
}

.icon-completed[b-ae0zdpijw9] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-ae0zdpijw9] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-ae0zdpijw9] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-ae0zdpijw9] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-ae0zdpijw9] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

.operation-error-message[b-ae0zdpijw9] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-ae0zdpijw9] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-ae0zdpijw9] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/BorrowRepayModal.razor.rz.scp.css */
/* Modal container - holds both backdrop and dialog as siblings */
.modal-container[b-0cb7l0rfn7] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

/* Backdrop - separate from dialog, behind it */
.modal-backdrop[b-0cb7l0rfn7] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-0cb7l0rfn7] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-0cb7l0rfn7] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-0cb7l0rfn7] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-0cb7l0rfn7] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-0cb7l0rfn7] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-0cb7l0rfn7] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-0cb7l0rfn7] {
    padding: 1.5rem;
}

/* Confirm preview */
.confirm-preview[b-0cb7l0rfn7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-0cb7l0rfn7] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-0cb7l0rfn7] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Borrow info */
.borrow-info[b-0cb7l0rfn7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.borrow-info-row[b-0cb7l0rfn7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.borrow-info-label[b-0cb7l0rfn7] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.borrow-info-value[b-0cb7l0rfn7] {
    font-weight: 600;
    font-family: monospace;
    font-size: 0.95rem;
}

/* Steps preview */
.steps-preview[b-0cb7l0rfn7] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.slippage-note[b-0cb7l0rfn7] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
}

.btn-confirm[b-0cb7l0rfn7] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Execution steps */
.operation-steps[b-0cb7l0rfn7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-0cb7l0rfn7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-0cb7l0rfn7] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-0cb7l0rfn7] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-0cb7l0rfn7] {
    color: var(--accent);
}

.icon-completed[b-0cb7l0rfn7] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-0cb7l0rfn7] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-0cb7l0rfn7] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-0cb7l0rfn7] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-0cb7l0rfn7] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error message */
.operation-error-message[b-0cb7l0rfn7] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-0cb7l0rfn7] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-0cb7l0rfn7] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/BuyTokensModal.razor.rz.scp.css */
/* Modal container - holds both backdrop and dialog as siblings */
.modal-container[b-5u0g569ey7] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

/* Backdrop - separate from dialog, behind it */
.modal-backdrop[b-5u0g569ey7] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-5u0g569ey7] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-5u0g569ey7] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-5u0g569ey7] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-5u0g569ey7] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-5u0g569ey7] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-5u0g569ey7] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-5u0g569ey7] {
    padding: 1.5rem;
}

/* Loading state */
.loading-state[b-5u0g569ey7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: center;
    padding: 2rem 0;
    color: var(--text-muted);
}

/* Token selection */
.token-selection[b-5u0g569ey7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.no-tokens[b-5u0g569ey7] {
    text-align: center;
    color: var(--text-muted);
    padding: 2rem 0;
}

.token-row[b-5u0g569ey7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s;
}

.token-row:hover[b-5u0g569ey7] {
    background-color: var(--bg-hover, rgba(255, 255, 255, 0.05));
}

.token-info[b-5u0g569ey7] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.token-symbol[b-5u0g569ey7] {
    font-weight: 600;
    font-size: 1rem;
}

.token-price[b-5u0g569ey7] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-family: monospace;
}

/* Confirm preview */
.confirm-preview[b-5u0g569ey7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-5u0g569ey7] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-5u0g569ey7] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Buy info */
.buy-info[b-5u0g569ey7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.buy-info-row[b-5u0g569ey7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buy-info-label[b-5u0g569ey7] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.buy-info-value[b-5u0g569ey7] {
    font-weight: 600;
    font-family: monospace;
    font-size: 0.95rem;
}

/* Amount input */
.amount-input-wrapper[b-5u0g569ey7] {
    position: relative;
    display: flex;
    align-items: center;
}

.amount-input[b-5u0g569ey7] {
    width: 100%;
}

.presets[b-5u0g569ey7] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.presets .btn[b-5u0g569ey7] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.amount-preview[b-5u0g569ey7] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-muted);
    font-family: monospace;
    text-align: right;
}

/* HF preview */
.hf-preview[b-5u0g569ey7] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.hf-row[b-5u0g569ey7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hf-label[b-5u0g569ey7] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.hf-value[b-5u0g569ey7] {
    font-weight: 600;
    font-family: monospace;
}

.hf-danger[b-5u0g569ey7] {
    color: #dc3545;
}

.hf-warning[b-5u0g569ey7] {
    color: #ffc107;
}

.hf-safe[b-5u0g569ey7] {
    color: #28a745;
}

/* Validation error */
.validation-error[b-5u0g569ey7] {
    margin-top: 0.5rem;
    color: #dc3545;
    font-size: 0.85rem;
}

/* Steps preview */
.steps-preview[b-5u0g569ey7] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Button row */
.button-row[b-5u0g569ey7] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.btn-confirm[b-5u0g569ey7] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Execution steps */
.operation-steps[b-5u0g569ey7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-5u0g569ey7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-5u0g569ey7] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-5u0g569ey7] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-5u0g569ey7] {
    color: var(--accent);
}

.icon-completed[b-5u0g569ey7] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-5u0g569ey7] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-5u0g569ey7] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-5u0g569ey7] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-5u0g569ey7] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error message */
.operation-error-message[b-5u0g569ey7] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-5u0g569ey7] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-5u0g569ey7] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/ChainPoolSelector.razor.rz.scp.css */
/* Field groups — matches parent modal styling */
.field-group[b-b61l4hh7vt] {
    margin-bottom: 1.25rem;
}

.field-label[b-b61l4hh7vt] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.field-loading[b-b61l4hh7vt] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-style: italic;
    padding: 0.5rem 0;
}

.field-empty[b-b61l4hh7vt] {
    font-size: 0.85rem;
    color: var(--text-muted);
    padding: 0.5rem 0;
}

/* Select */
.form-select[b-b61l4hh7vt] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 0.9rem;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--text-primary);
    cursor: pointer;
}

.form-select:focus[b-b61l4hh7vt] {
    outline: none;
    border-color: var(--accent);
}
/* /Components/Shared/ConsolidationModal.razor.rz.scp.css */
/* Modal container - holds both backdrop and dialog as siblings */
.modal-container[b-nb9i497hc9] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

/* Backdrop - separate from dialog, behind it */
.modal-backdrop[b-nb9i497hc9] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-nb9i497hc9] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-nb9i497hc9] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-nb9i497hc9] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-nb9i497hc9] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-nb9i497hc9] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-nb9i497hc9] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-nb9i497hc9] {
    padding: 1.5rem;
}

/* Loading state */
.loading-state[b-nb9i497hc9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 1rem;
}

.loading-state p[b-nb9i497hc9] {
    color: var(--text-secondary);
    margin: 0;
}

/* Load error */
.load-error[b-nb9i497hc9] {
    text-align: center;
    padding: 1rem;
}

.load-error .error-message[b-nb9i497hc9] {
    color: #dc3545;
    margin-bottom: 1rem;
}

/* No tokens */
.no-tokens[b-nb9i497hc9] {
    text-align: center;
    padding: 1rem;
}

.no-tokens p[b-nb9i497hc9] {
    margin: 0;
    color: var(--text-primary);
}

.no-tokens-hint[b-nb9i497hc9] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* Confirm preview */
.confirm-preview[b-nb9i497hc9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-nb9i497hc9] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-nb9i497hc9] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.tokens-list[b-nb9i497hc9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.token-row[b-nb9i497hc9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
}

.token-symbol[b-nb9i497hc9] {
    font-weight: 600;
    min-width: 60px;
}

.token-balance[b-nb9i497hc9] {
    flex: 1;
    font-family: monospace;
    color: var(--text-secondary);
}

.token-value[b-nb9i497hc9] {
    font-family: monospace;
    color: var(--text-muted);
}

.usdc-not-supplied[b-nb9i497hc9] {
    font-size: 1rem;
}

.usdc-amount[b-nb9i497hc9] {
    font-weight: 600;
    font-family: monospace;
}

.preview-total[b-nb9i497hc9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    border: 1px solid var(--border-default);
}

.total-label[b-nb9i497hc9] {
    font-weight: 500;
}

.total-value[b-nb9i497hc9] {
    font-size: 1.1rem;
    font-weight: 600;
    font-family: monospace;
    color: #28a745;
}

.slippage-note[b-nb9i497hc9] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
}

.btn-confirm[b-nb9i497hc9] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Steps */
.operation-steps[b-nb9i497hc9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-nb9i497hc9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-nb9i497hc9] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-nb9i497hc9] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-nb9i497hc9] {
    color: var(--accent);
}

.icon-completed[b-nb9i497hc9] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-nb9i497hc9] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-nb9i497hc9] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-nb9i497hc9] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-nb9i497hc9] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error message */
.operation-error-message[b-nb9i497hc9] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-nb9i497hc9] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-nb9i497hc9] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/EditableField.razor.rz.scp.css */
.editable-field[b-mo7dfduxiu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.editable-field-label[b-mo7dfduxiu] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-weight: 500;
}

.editable-field-display[b-mo7dfduxiu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.editable-field-value[b-mo7dfduxiu] {
    color: var(--text-primary);
    font-size: 0.95rem;
    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
}

.editable-field-value.empty[b-mo7dfduxiu] {
    color: var(--text-muted);
    font-style: italic;
    font-family: inherit;
}

.editable-field-edit-btn[b-mo7dfduxiu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.2s;
}

.editable-field-edit-btn:hover[b-mo7dfduxiu] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.editable-field-input-container[b-mo7dfduxiu] {
    position: relative;
    display: flex;
    align-items: center;
}

.editable-field-input[b-mo7dfduxiu] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    color: var(--text-primary);
    font-size: 0.95rem;
    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.editable-field-input:focus[b-mo7dfduxiu] {
    outline: none;
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.editable-field-input[b-mo7dfduxiu]::placeholder {
    color: var(--text-muted);
    font-family: inherit;
}

.editable-field-input.error[b-mo7dfduxiu] {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.editable-field-input:disabled[b-mo7dfduxiu] {
    opacity: 0.6;
    cursor: not-allowed;
}

.editable-field-spinner[b-mo7dfduxiu] {
    position: absolute;
    right: 12px;
    width: 18px;
    height: 18px;
    border: 2px solid var(--border-color);
    border-top-color: var(--accent-primary);
    border-radius: 50%;
    animation: spin-b-mo7dfduxiu 0.8s linear infinite;
}

@keyframes spin-b-mo7dfduxiu {
    to {
        transform: rotate(360deg);
    }
}

.editable-field-hint[b-mo7dfduxiu] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.editable-field-error[b-mo7dfduxiu] {
    color: #ef4444;
    font-size: 0.85rem;
}
/* /Components/Shared/OpenPositionModal.razor.rz.scp.css */
/* Modal container */
.modal-container[b-rn9zbn1f2i] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-rn9zbn1f2i] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-rn9zbn1f2i] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(440px, calc(100vw - 2rem));
    max-width: 520px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-rn9zbn1f2i] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-rn9zbn1f2i] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-rn9zbn1f2i] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-rn9zbn1f2i] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-rn9zbn1f2i] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-rn9zbn1f2i] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

/* Field groups */
.field-group[b-rn9zbn1f2i] {
    margin-bottom: 1.25rem;
}

.field-label[b-rn9zbn1f2i] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.field-loading[b-rn9zbn1f2i] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-style: italic;
    padding: 0.5rem 0;
}

.field-empty[b-rn9zbn1f2i] {
    font-size: 0.85rem;
    color: var(--text-muted);
    padding: 0.5rem 0;
}

/* Select */
.form-select[b-rn9zbn1f2i] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 0.9rem;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--text-primary);
    cursor: pointer;
}

.form-select:focus[b-rn9zbn1f2i] {
    outline: none;
    border-color: var(--accent);
}

/* Range options */
.range-options[b-rn9zbn1f2i] {
    display: flex;
    gap: 0.5rem;
}

.range-option[b-rn9zbn1f2i] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem 0.5rem;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.range-option:hover[b-rn9zbn1f2i] {
    border-color: var(--accent-primary);
}

.range-option.selected[b-rn9zbn1f2i] {
    border-color: var(--accent-primary);
    background-color: rgba(88, 166, 255, 0.1);
}

.range-name[b-rn9zbn1f2i] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
}

.range-desc[b-rn9zbn1f2i] {
    font-size: 0.7rem;
    color: var(--text-muted);
    text-align: center;
    line-height: 1.3;
}

/* Range preview */
.range-preview[b-rn9zbn1f2i] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.75rem;
    padding: 0.625rem 0.75rem;
    background-color: var(--bg-tertiary);
    border-radius: 6px;
    font-size: 0.85rem;
}

.range-preview-label[b-rn9zbn1f2i] {
    color: var(--text-secondary);
    font-size: 0.75rem;
}

.range-preview-values[b-rn9zbn1f2i] {
    font-weight: 600;
    font-family: monospace;
    color: var(--text-primary);
}

.range-preview-current[b-rn9zbn1f2i] {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-family: monospace;
}

/* Amount */
.available-amount[b-rn9zbn1f2i] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
}

.amount-field[b-rn9zbn1f2i] {
    position: relative;
    margin-bottom: 0.75rem;
}

.amount-field input[b-rn9zbn1f2i] {
    width: 100%;
    padding: 0.75rem 4rem 0.75rem 1rem;
    font-size: 1.25rem;
    font-family: monospace;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--text-primary);
}

.amount-field input:focus[b-rn9zbn1f2i] {
    outline: none;
    border-color: var(--accent);
}

.amount-suffix[b-rn9zbn1f2i] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 500;
}

/* Presets */
.presets[b-rn9zbn1f2i] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.presets .btn[b-rn9zbn1f2i] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* HF preview */
.hf-preview[b-rn9zbn1f2i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: var(--bg-tertiary);
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    flex-wrap: wrap;
}

.hf-label[b-rn9zbn1f2i] {
    color: var(--text-secondary);
}

.hf-value[b-rn9zbn1f2i] {
    font-weight: 600;
    font-family: monospace;
}

.hf-value.safe[b-rn9zbn1f2i] {
    color: #28a745;
}

.hf-value.warning[b-rn9zbn1f2i] {
    color: #ffc107;
}

.hf-value.danger[b-rn9zbn1f2i] {
    color: #dc3545;
}

.hf-arrow[b-rn9zbn1f2i] {
    color: var(--text-muted);
}

.hf-warning[b-rn9zbn1f2i] {
    color: #dc3545;
    font-size: 0.75rem;
    width: 100%;
}

/* Validation */
.validation-error[b-rn9zbn1f2i] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-bottom: 0.75rem;
}

/* Create button */
.btn-create[b-rn9zbn1f2i] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Steps */
.management-steps[b-rn9zbn1f2i] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-rn9zbn1f2i] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-rn9zbn1f2i] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-rn9zbn1f2i] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-rn9zbn1f2i] {
    color: var(--accent);
}

.icon-completed[b-rn9zbn1f2i] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-rn9zbn1f2i] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-rn9zbn1f2i] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-rn9zbn1f2i] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-rn9zbn1f2i] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error message */
.error-message[b-rn9zbn1f2i] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.partial-warning[b-rn9zbn1f2i] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-rn9zbn1f2i] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Responsive */
@media (max-width: 480px) {
    .range-options[b-rn9zbn1f2i] {
        flex-direction: column;
    }

    .range-option[b-rn9zbn1f2i] {
        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;
    }

    .range-desc[b-rn9zbn1f2i] {
        text-align: left;
    }
}
/* /Components/Shared/PositionActionDialog.razor.rz.scp.css */
/* Modal container */
.modal-container[b-htjfayxnzd] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-htjfayxnzd] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-htjfayxnzd] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

.modal-header[b-htjfayxnzd] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-htjfayxnzd] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-htjfayxnzd] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-htjfayxnzd] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-htjfayxnzd] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-htjfayxnzd] {
    padding: 1.5rem;
}

/* Confirmation info */
.confirm-info[b-htjfayxnzd] {
    margin-bottom: 1.25rem;
}

.confirm-row[b-htjfayxnzd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.375rem 0;
    font-size: 0.875rem;
}

.confirm-label[b-htjfayxnzd] {
    color: var(--text-muted);
}

.confirm-value[b-htjfayxnzd] {
    color: var(--text-primary);
    font-weight: 500;
}

.confirm-value.positive[b-htjfayxnzd] {
    color: var(--success);
}

/* Action warning */
.action-warning[b-htjfayxnzd] {
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.btn-confirm[b-htjfayxnzd] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Operation steps */
.operation-steps[b-htjfayxnzd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-htjfayxnzd] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-htjfayxnzd] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-htjfayxnzd] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-htjfayxnzd] {
    color: var(--accent);
}

.icon-completed[b-htjfayxnzd] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-htjfayxnzd] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-htjfayxnzd] {
    font-weight: 500;
    flex: 1;
}

/* Transaction link */
.transaction-link[b-htjfayxnzd] {
    margin-top: 1rem;
    text-align: center;
}

.transaction-link a[b-htjfayxnzd] {
    color: var(--accent-primary);
    text-decoration: none;
    font-size: 0.875rem;
}

.transaction-link a:hover[b-htjfayxnzd] {
    text-decoration: underline;
}

/* Error message */
.operation-error-message[b-htjfayxnzd] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-htjfayxnzd] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/PositionCard.razor.rz.scp.css */
/* PositionCard styles */

.position-card[b-peqy53xl27] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 0.75rem;
    border-left: 4px solid var(--border-muted);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.position-card:hover[b-peqy53xl27] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.position-card.in-range[b-peqy53xl27] {
    border-left-color: var(--success);
}

.position-card.out-of-range[b-peqy53xl27] {
    border-left-color: var(--warning);
}

/* Header */
.position-card-header[b-peqy53xl27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.position-identity[b-peqy53xl27] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.position-id[b-peqy53xl27] {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--text-muted);
    background-color: var(--bg-secondary);
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
}

.position-pair[b-peqy53xl27] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.position-fee[b-peqy53xl27] {
    font-size: 0.75rem;
    color: var(--text-muted);
    background-color: var(--bg-secondary);
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
}

.position-range-status[b-peqy53xl27] {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    white-space: nowrap;
}

.position-range-status.in-range[b-peqy53xl27] {
    color: var(--success);
    background-color: rgba(63, 185, 80, 0.15);
}

.position-range-status.out-of-range[b-peqy53xl27] {
    color: var(--warning);
    background-color: rgba(210, 153, 34, 0.15);
}

/* Body */
.position-card-body[b-peqy53xl27] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

/* Value section */
.position-value-section[b-peqy53xl27] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.value-block[b-peqy53xl27] {
    padding: 0.75rem;
    background-color: var(--bg-secondary);
    border-radius: 6px;
}

.value-label[b-peqy53xl27] {
    display: block;
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.value-main[b-peqy53xl27] {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.value-main.has-fees[b-peqy53xl27] {
    color: var(--success);
}

.value-main.no-fees[b-peqy53xl27] {
    color: var(--text-muted);
}

.value-tokens[b-peqy53xl27] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.token-amount[b-peqy53xl27] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

/* Range section */
.position-range-section[b-peqy53xl27] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.range-bar[b-peqy53xl27] {
    margin-bottom: 0.5rem;
}

.range-labels[b-peqy53xl27] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.range-label[b-peqy53xl27] {
    font-size: 0.65rem;
    color: var(--text-muted);
    text-transform: uppercase;
}

.range-label.current[b-peqy53xl27] {
    font-weight: 500;
}

.range-values[b-peqy53xl27] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.range-value[b-peqy53xl27] {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.range-value.current[b-peqy53xl27] {
    font-size: 1rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    background-color: var(--bg-secondary);
    border-radius: 4px;
}

.range-value.current.in-range[b-peqy53xl27] {
    color: var(--success);
}

.range-value.current.out-of-range[b-peqy53xl27] {
    color: var(--warning);
}

/* Range visual indicator */
.range-visual[b-peqy53xl27] {
    margin-top: 0.5rem;
}

.range-track[b-peqy53xl27] {
    position: relative;
    height: 6px;
    background-color: var(--bg-secondary);
    border-radius: 3px;
}

.range-active[b-peqy53xl27] {
    position: absolute;
    top: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary, var(--accent-primary)));
    border-radius: 3px;
    opacity: 0.6;
}

.current-price-marker[b-peqy53xl27] {
    position: absolute;
    top: -4px;
    width: 4px;
    height: 14px;
    background-color: var(--text-primary);
    border-radius: 2px;
    transform: translateX(-50%);
}

.current-price-marker.in-range[b-peqy53xl27] {
    background-color: var(--success);
}

.current-price-marker.out-of-range[b-peqy53xl27] {
    background-color: var(--warning);
}

/* Pool info */
.position-pool-info[b-peqy53xl27] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0;
    border-top: 1px dashed var(--border-muted);
    margin-bottom: 0.75rem;
}

.pool-address[b-peqy53xl27] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
    cursor: help;
}

.position-age[b-peqy53xl27] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

/* Actions */
.position-card-managed[b-peqy53xl27] {
    padding: 0.5rem 0;
}

.managed-label[b-peqy53xl27] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-style: italic;
}

.position-card-actions[b-peqy53xl27] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-action[b-peqy53xl27] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--border-default);
    border-radius: 6px;
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-action:hover:not(.disabled)[b-peqy53xl27] {
    background-color: var(--bg-tertiary);
    border-color: var(--accent-primary);
}

.btn-action.disabled[b-peqy53xl27] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-increase:hover[b-peqy53xl27] {
    border-color: var(--success);
    color: var(--success);
}

.btn-decrease:hover[b-peqy53xl27] {
    border-color: var(--warning);
    color: var(--warning);
}

.btn-collect:not(.disabled):hover[b-peqy53xl27] {
    border-color: var(--success);
    color: var(--success);
}

.btn-close-position:hover[b-peqy53xl27] {
    border-color: var(--danger);
    color: var(--danger);
}

.btn-icon[b-peqy53xl27] {
    font-size: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .position-card-body[b-peqy53xl27] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .position-card-header[b-peqy53xl27] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .position-range-status[b-peqy53xl27] {
        margin-top: 0.5rem;
    }
    
    .position-card-actions[b-peqy53xl27] {
        flex-direction: column;
    }
    
    .btn-action[b-peqy53xl27] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Shared/PositionDecreaseModal.razor.rz.scp.css */
/* Modal container */
.modal-container[b-hqbkf2dzvz] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-hqbkf2dzvz] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-hqbkf2dzvz] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-hqbkf2dzvz] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-hqbkf2dzvz] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-hqbkf2dzvz] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-family: monospace;
}

.modal-close[b-hqbkf2dzvz] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-hqbkf2dzvz] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-hqbkf2dzvz] {
    padding: 1.5rem;
}

/* Confirm preview */
.confirm-preview[b-hqbkf2dzvz] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-hqbkf2dzvz] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-hqbkf2dzvz] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Position info */
.position-info[b-hqbkf2dzvz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-row[b-hqbkf2dzvz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info-label[b-hqbkf2dzvz] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.info-value[b-hqbkf2dzvz] {
    font-weight: 600;
    font-family: monospace;
    font-size: 0.95rem;
}

/* Percentage presets */
.percentage-presets[b-hqbkf2dzvz] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.percentage-presets .btn[b-hqbkf2dzvz] {
    flex: 1;
}

/* Slider */
.slider-wrapper[b-hqbkf2dzvz] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.percentage-slider[b-hqbkf2dzvz] {
    flex: 1;
}

.percentage-value[b-hqbkf2dzvz] {
    font-weight: 700;
    font-size: 1.1rem;
    font-family: monospace;
    min-width: 3.5rem;
    text-align: right;
}

/* Withdraw preview */
.withdraw-preview[b-hqbkf2dzvz] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-muted);
    font-family: monospace;
    text-align: right;
}

/* Full withdrawal warning */
.full-withdraw-warning[b-hqbkf2dzvz] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

/* Steps preview */
.steps-preview[b-hqbkf2dzvz] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Confirm button */
.btn-confirm[b-hqbkf2dzvz] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Execution steps */
.operation-steps[b-hqbkf2dzvz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-hqbkf2dzvz] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-hqbkf2dzvz] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-hqbkf2dzvz] { color: var(--text-muted); font-size: 1rem; }
.icon-progress[b-hqbkf2dzvz] { color: var(--accent); }
.icon-completed[b-hqbkf2dzvz] { color: #28a745; font-weight: 700; font-size: 1rem; }
.icon-failed[b-hqbkf2dzvz] { color: #dc3545; font-weight: 700; font-size: 1rem; }

.step-name[b-hqbkf2dzvz] { font-weight: 500; flex: 1; }

.step-tx[b-hqbkf2dzvz] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-hqbkf2dzvz] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error & warning */
.error-message[b-hqbkf2dzvz] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.partial-warning[b-hqbkf2dzvz] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

.executing-hint[b-hqbkf2dzvz] {
    color: var(--text-muted);
    font-size: 0.85rem;
    font-style: italic;
}

/* Footer */
.modal-footer[b-hqbkf2dzvz] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Validation error */
.validation-error[b-hqbkf2dzvz] {
    margin-top: 0.5rem;
    color: #dc3545;
    font-size: 0.85rem;
}
/* /Components/Shared/PositionIncreaseModal.razor.rz.scp.css */
/* Modal container */
.modal-container[b-uxxukbipoh] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-uxxukbipoh] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-uxxukbipoh] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-uxxukbipoh] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-uxxukbipoh] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-uxxukbipoh] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-uxxukbipoh] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-uxxukbipoh] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-uxxukbipoh] {
    padding: 1.5rem;
}

/* Confirm preview */
.confirm-preview[b-uxxukbipoh] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-uxxukbipoh] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-uxxukbipoh] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Position info */
.position-info[b-uxxukbipoh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-row[b-uxxukbipoh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info-label[b-uxxukbipoh] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.info-value[b-uxxukbipoh] {
    font-weight: 600;
    font-family: monospace;
    font-size: 0.95rem;
}

.info-value.in-range[b-uxxukbipoh] {
    color: var(--success);
}

.info-value.out-of-range[b-uxxukbipoh] {
    color: var(--warning);
}

/* Amount input */
.amount-input-wrapper[b-uxxukbipoh] {
    position: relative;
    display: flex;
    align-items: center;
}

.amount-input[b-uxxukbipoh] {
    width: 100%;
}

.amount-presets[b-uxxukbipoh] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.amount-presets .btn[b-uxxukbipoh] {
    flex: 1;
}

/* Validation error */
.validation-error[b-uxxukbipoh] {
    margin-top: 0.5rem;
    color: #dc3545;
    font-size: 0.85rem;
}

/* Steps preview */
.steps-preview[b-uxxukbipoh] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Confirm button */
.btn-confirm[b-uxxukbipoh] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Execution steps */
.operation-steps[b-uxxukbipoh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-uxxukbipoh] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-uxxukbipoh] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-uxxukbipoh] { color: var(--text-muted); font-size: 1rem; }
.icon-progress[b-uxxukbipoh] { color: var(--accent); }
.icon-completed[b-uxxukbipoh] { color: #28a745; font-weight: 700; font-size: 1rem; }
.icon-failed[b-uxxukbipoh] { color: #dc3545; font-weight: 700; font-size: 1rem; }

.step-name[b-uxxukbipoh] { font-weight: 500; flex: 1; }

.step-tx[b-uxxukbipoh] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-uxxukbipoh] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error & warning */
.error-message[b-uxxukbipoh] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.partial-warning[b-uxxukbipoh] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

.executing-hint[b-uxxukbipoh] {
    color: var(--text-muted);
    font-size: 0.85rem;
    font-style: italic;
}

/* Footer */
.modal-footer[b-uxxukbipoh] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/SellTokenModal.razor.rz.scp.css */
/* Modal container - holds both backdrop and dialog as siblings */
.modal-container[b-gjwji0rz6f] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

/* Backdrop - separate from dialog, behind it */
.modal-backdrop[b-gjwji0rz6f] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-gjwji0rz6f] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-gjwji0rz6f] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-gjwji0rz6f] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-gjwji0rz6f] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-gjwji0rz6f] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-gjwji0rz6f] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-gjwji0rz6f] {
    padding: 1.5rem;
}

/* Sell Form */
.sell-form[b-gjwji0rz6f] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.token-info[b-gjwji0rz6f] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: var(--bg-tertiary);
    border-radius: 8px;
}

.token-symbol-lg[b-gjwji0rz6f] {
    font-size: 1.25rem;
    font-weight: 700;
}

.token-balance-info[b-gjwji0rz6f] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* Amount Input */
.amount-input-group[b-gjwji0rz6f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.amount-label[b-gjwji0rz6f] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.amount-row[b-gjwji0rz6f] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.amount-input[b-gjwji0rz6f] {
    flex: 1;
    font-size: 1.1rem;
    font-family: monospace;
    padding: 0.5rem 0.75rem;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    border-radius: 6px;
    color: var(--text-primary);
}

.amount-input:focus[b-gjwji0rz6f] {
    outline: none;
    border-color: var(--accent-primary);
}

.btn-max[b-gjwji0rz6f] {
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-default);
    color: var(--accent-primary);
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    cursor: pointer;
}

.btn-max:hover[b-gjwji0rz6f] {
    background-color: var(--accent-primary);
    color: white;
}

.estimated-output[b-gjwji0rz6f] {
    font-size: 0.9rem;
    color: var(--text-muted);
    padding-left: 0.25rem;
}

.slippage-note[b-gjwji0rz6f] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
}

.btn-confirm[b-gjwji0rz6f] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Steps */
.operation-steps[b-gjwji0rz6f] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-gjwji0rz6f] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-gjwji0rz6f] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-gjwji0rz6f] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-gjwji0rz6f] {
    color: var(--accent);
}

.icon-completed[b-gjwji0rz6f] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-gjwji0rz6f] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-gjwji0rz6f] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-gjwji0rz6f] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-gjwji0rz6f] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error message */
.operation-error-message[b-gjwji0rz6f] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-gjwji0rz6f] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-gjwji0rz6f] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/ShortPositionModal.razor.rz.scp.css */
/* Modal container - holds both backdrop and dialog as siblings */
.modal-container[b-vw9hro9t57] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

/* Backdrop - separate from dialog, behind it */
.modal-backdrop[b-vw9hro9t57] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-vw9hro9t57] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-vw9hro9t57] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-vw9hro9t57] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-vw9hro9t57] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-vw9hro9t57] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-vw9hro9t57] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-vw9hro9t57] {
    padding: 1.5rem;
}

/* Loading state */
.loading-state[b-vw9hro9t57] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: center;
    padding: 2rem 0;
    color: var(--text-muted);
}

/* Token selection */
.token-selection[b-vw9hro9t57] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.no-tokens[b-vw9hro9t57] {
    text-align: center;
    color: var(--text-muted);
    padding: 2rem 0;
}

.token-row[b-vw9hro9t57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s;
}

.token-row:hover[b-vw9hro9t57] {
    background-color: var(--bg-hover, rgba(255, 255, 255, 0.05));
}

.token-info[b-vw9hro9t57] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.token-symbol[b-vw9hro9t57] {
    font-weight: 600;
    font-size: 1rem;
}

.token-price[b-vw9hro9t57] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-family: monospace;
}

.token-details[b-vw9hro9t57] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
}

.token-apr[b-vw9hro9t57] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.token-max[b-vw9hro9t57] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-family: monospace;
}

/* Confirm preview */
.confirm-preview[b-vw9hro9t57] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.preview-section[b-vw9hro9t57] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.preview-section h4[b-vw9hro9t57] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Short info */
.short-info[b-vw9hro9t57] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.short-info-row[b-vw9hro9t57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.short-info-label[b-vw9hro9t57] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.short-info-value[b-vw9hro9t57] {
    font-weight: 600;
    font-family: monospace;
    font-size: 0.95rem;
}

.apr-value[b-vw9hro9t57] {
    color: #ffc107;
}

/* Amount input */
.amount-input-wrapper[b-vw9hro9t57] {
    position: relative;
    display: flex;
    align-items: center;
}

.amount-input[b-vw9hro9t57] {
    width: 100%;
}

.presets[b-vw9hro9t57] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.presets .btn[b-vw9hro9t57] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.amount-preview[b-vw9hro9t57] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-muted);
    font-family: monospace;
    text-align: right;
}

/* HF preview */
.hf-preview[b-vw9hro9t57] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.hf-row[b-vw9hro9t57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hf-label[b-vw9hro9t57] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.hf-value[b-vw9hro9t57] {
    font-weight: 600;
    font-family: monospace;
}

.hf-min[b-vw9hro9t57] {
    margin-top: 0.25rem;
    padding-top: 0.4rem;
    border-top: 1px dashed var(--border-default);
}

.hf-danger[b-vw9hro9t57] {
    color: #dc3545;
}

.hf-warning[b-vw9hro9t57] {
    color: #ffc107;
}

.hf-safe[b-vw9hro9t57] {
    color: #28a745;
}

/* Validation error */
.validation-error[b-vw9hro9t57] {
    margin-top: 0.5rem;
    color: #dc3545;
    font-size: 0.85rem;
}

/* Steps preview */
.steps-preview[b-vw9hro9t57] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Button row */
.button-row[b-vw9hro9t57] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.btn-confirm[b-vw9hro9t57] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Execution steps */
.operation-steps[b-vw9hro9t57] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-vw9hro9t57] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-vw9hro9t57] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-vw9hro9t57] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-vw9hro9t57] {
    color: var(--accent);
}

.icon-completed[b-vw9hro9t57] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-vw9hro9t57] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-vw9hro9t57] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-vw9hro9t57] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-vw9hro9t57] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error message */
.operation-error-message[b-vw9hro9t57] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-vw9hro9t57] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-vw9hro9t57] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/TraceInfo.razor.rz.scp.css */
.trace-info[b-yjg11f8bg6] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    font-family: monospace;
    margin-top: 4px;
    cursor: pointer;
}

.trace-id[b-yjg11f8bg6] {
    user-select: all;
}

.trace-copied[b-yjg11f8bg6] {
    color: var(--success);
    margin-left: 8px;
}

.unavailable .trace-id[b-yjg11f8bg6] {
    color: var(--text-muted);
    font-style: italic;
}
/* /Components/Shared/TransferModal.razor.rz.scp.css */
/* Modal container */
.modal-container[b-s53hqdnl3w] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.modal-backdrop[b-s53hqdnl3w] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-s53hqdnl3w] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(440px, calc(100vw - 2rem));
    max-width: 520px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
    max-height: 90vh;
    overflow-y: auto;
}

/* Header */
.modal-header[b-s53hqdnl3w] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-s53hqdnl3w] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-s53hqdnl3w] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-s53hqdnl3w] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-s53hqdnl3w] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-s53hqdnl3w] {
    padding: 1.5rem;
}

/* Transfer form */
.transfer-form[b-s53hqdnl3w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-s53hqdnl3w] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-group label[b-s53hqdnl3w] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-weight: 500;
}

.form-group select[b-s53hqdnl3w] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    font-size: 0.9rem;
}

/* Token balance section (simplified) */
.token-balance-section[b-s53hqdnl3w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.token-balance-row[b-s53hqdnl3w] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
}

.token-balance-row .wallet-label[b-s53hqdnl3w] {
    font-weight: 600;
    font-size: 0.85rem;
    min-width: 70px;
}

.token-balance-row .balance-usd[b-s53hqdnl3w] {
    font-weight: 600;
    font-size: 0.95rem;
    font-family: monospace;
}

.token-balance-row .balance-tokens[b-s53hqdnl3w] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-family: monospace;
}

.token-balance-row .balance-hf[b-s53hqdnl3w] {
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: auto;
}

/* Token selector */
.token-selector[b-s53hqdnl3w] {
    display: flex;
    gap: 0.5rem;
}

.token-selector .btn[b-s53hqdnl3w] {
    flex: 1;
}

/* Amount section */
.amount-section[b-s53hqdnl3w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.amount-input-wrapper[b-s53hqdnl3w] {
    position: relative;
}

.amount-input[b-s53hqdnl3w] {
    width: 100%;
}

.presets[b-s53hqdnl3w] {
    display: flex;
    gap: 0.5rem;
}

.presets .btn[b-s53hqdnl3w] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Balance preview */
.balance-preview[b-s53hqdnl3w] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.preview-row[b-s53hqdnl3w] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    font-family: monospace;
}

.preview-label[b-s53hqdnl3w] {
    color: var(--text-muted);
    font-family: inherit;
}

.hf-preview-row[b-s53hqdnl3w] {
    border-top: 1px solid var(--border-default);
    margin-top: 0.25rem;
    padding-top: 0.35rem;
}

/* Validation error */
.validation-error[b-s53hqdnl3w] {
    color: #dc3545;
    font-size: 0.85rem;
}

/* Steps section */
.steps-section[b-s53hqdnl3w] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.steps-section label[b-s53hqdnl3w] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-weight: 500;
}

.steps-preview[b-s53hqdnl3w] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    color: var(--text-secondary);
    font-size: 0.85rem;
}

/* Button row */
.button-row[b-s53hqdnl3w] {
    display: flex;
    gap: 0.75rem;
}

.btn-confirm[b-s53hqdnl3w] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Loading state */
.loading-state[b-s53hqdnl3w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: center;
    padding: 2rem 0;
    color: var(--text-muted);
}

/* HF colors */
.hf-danger[b-s53hqdnl3w] { color: #dc3545; }
.hf-warning[b-s53hqdnl3w] { color: #ffc107; }
.hf-safe[b-s53hqdnl3w] { color: #28a745; }

/* Operation steps */
.operation-steps[b-s53hqdnl3w] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-s53hqdnl3w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-s53hqdnl3w] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-s53hqdnl3w] { color: var(--text-muted); font-size: 1rem; }
.icon-progress[b-s53hqdnl3w] { color: var(--accent); }
.icon-completed[b-s53hqdnl3w] { color: #28a745; font-weight: 700; font-size: 1rem; }
.icon-failed[b-s53hqdnl3w] { color: #dc3545; font-weight: 700; font-size: 1rem; }
.step-name[b-s53hqdnl3w] { font-weight: 500; flex: 1; }
.step-tx[b-s53hqdnl3w] { font-family: monospace; font-size: 0.75rem; color: var(--text-muted); }
.step-error[b-s53hqdnl3w] { font-size: 0.8rem; color: #dc3545; width: 100%; margin-top: 0.25rem; }

/* Error/warning messages */
.operation-error-message[b-s53hqdnl3w] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-s53hqdnl3w] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-s53hqdnl3w] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Shared/WithdrawUSDCModal.razor.rz.scp.css */
/* Modal container - holds both backdrop and dialog as siblings */
.modal-container[b-h21oldmvnp] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

/* Backdrop - separate from dialog, behind it */
.modal-backdrop[b-h21oldmvnp] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

.modal-dialog[b-h21oldmvnp] {
    position: relative;
    z-index: 2;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    min-width: min(400px, calc(100vw - 2rem));
    max-width: 480px;
    width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Header */
.modal-header[b-h21oldmvnp] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-header h3[b-h21oldmvnp] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-subtitle[b-h21oldmvnp] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.modal-close[b-h21oldmvnp] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-h21oldmvnp] {
    color: var(--text-primary);
}

/* Body */
.modal-body[b-h21oldmvnp] {
    padding: 1.5rem;
}

/* Input form */
.confirm-preview[b-h21oldmvnp] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-section[b-h21oldmvnp] {
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    padding: 1rem;
}

.form-section h4[b-h21oldmvnp] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Amount input */
.amount-input-wrapper[b-h21oldmvnp] {
    position: relative;
    display: flex;
    align-items: center;
}

.amount-input[b-h21oldmvnp] {
    width: 100%;
}

.presets[b-h21oldmvnp] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.presets .btn[b-h21oldmvnp] {
    flex: 1;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* HF preview */
.hf-preview[b-h21oldmvnp] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.hf-row[b-h21oldmvnp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hf-label[b-h21oldmvnp] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.hf-value[b-h21oldmvnp] {
    font-weight: 600;
    font-family: monospace;
}

.hf-danger[b-h21oldmvnp] {
    color: #dc3545;
}

.hf-warning[b-h21oldmvnp] {
    color: #ffc107;
}

.hf-safe[b-h21oldmvnp] {
    color: #28a745;
}

/* Validation error */
.validation-error[b-h21oldmvnp] {
    margin-top: 0.5rem;
    color: #dc3545;
    font-size: 0.85rem;
}

/* Steps preview */
.steps-preview[b-h21oldmvnp] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.btn-confirm[b-h21oldmvnp] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Execution steps */
.operation-steps[b-h21oldmvnp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-row[b-h21oldmvnp] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.step-icon[b-h21oldmvnp] {
    flex: 0 0 24px;
    text-align: center;
}

.icon-pending[b-h21oldmvnp] {
    color: var(--text-muted);
    font-size: 1rem;
}

.icon-progress[b-h21oldmvnp] {
    color: var(--accent);
}

.icon-completed[b-h21oldmvnp] {
    color: #28a745;
    font-weight: 700;
    font-size: 1rem;
}

.icon-failed[b-h21oldmvnp] {
    color: #dc3545;
    font-weight: 700;
    font-size: 1rem;
}

.step-name[b-h21oldmvnp] {
    font-weight: 500;
    flex: 1;
}

.step-tx[b-h21oldmvnp] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.step-error[b-h21oldmvnp] {
    font-size: 0.8rem;
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
}

/* Error message */
.operation-error-message[b-h21oldmvnp] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.85rem;
}

.operation-partial-warning[b-h21oldmvnp] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 6px;
    color: #856404;
    font-size: 0.85rem;
}

/* Footer */
.modal-footer[b-h21oldmvnp] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}