/* /Layout/MainLayout.razor.rz.scp.css */
.shell[b-gu37e01g62] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.topnav[b-gu37e01g62] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0 24px;
    min-height: 56px;
    background: var(--color-background-primary);
    border-bottom: 0.5px solid var(--color-border-tertiary);
    position: sticky;
    top: 0;
    z-index: 100;
}

.brand[b-gu37e01g62] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
    letter-spacing: -0.01em;
    text-decoration: none;
}

.brand-accent[b-gu37e01g62] { color: var(--color-accent); }

.brand-sub[b-gu37e01g62] {
    font-size: 11px;
    font-weight: 400;
    color: var(--color-text-tertiary);
    text-decoration: none;
    letter-spacing: 0;
}

.brand-sub:hover[b-gu37e01g62] { color: var(--color-text-secondary); }


.content-area[b-gu37e01g62] {
    flex: 1;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 24px;
}

.site-footer[b-gu37e01g62] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
    border-top: 0.5px solid var(--color-border-tertiary);
    background: var(--color-background-primary);
}

.footer-copy[b-gu37e01g62] {
    font-size: 11px;
    color: var(--color-text-tertiary);
}

.footer-links[b-gu37e01g62] {
    display: flex;
    gap: 20px;
}

.footer-links a[b-gu37e01g62] {
    font-size: 11px;
    color: var(--color-text-tertiary);
    text-decoration: none;
}

.footer-links a:hover[b-gu37e01g62] {
    color: var(--color-text-secondary);
}

.footer-copy a[b-gu37e01g62] {
    color: inherit;
    text-decoration: none;
}

.footer-copy a:hover[b-gu37e01g62] {
    color: var(--color-text-secondary);
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-area[b-3yo8kts1rd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nav[b-3yo8kts1rd] {
    display: flex;
    align-items: center;
    gap: 0;
}

.nav[b-3yo8kts1rd]  .nav-tab {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-tertiary);
    padding: 0 20px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
}

.nav[b-3yo8kts1rd]  .nav-tab:hover {
    color: var(--color-text-primary);
}

.nav[b-3yo8kts1rd]  .nav-tab.active {
    color: #2272BE;
    border-bottom-color: #2272BE;
}

.nav-divider[b-3yo8kts1rd] {
    width: 1px;
    height: 20px;
    background: var(--color-border-tertiary);
}

.icon-btn[b-3yo8kts1rd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
    border: 0.5px solid var(--color-border-tertiary);
    background: var(--color-background-primary);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    font-size: 16px;
}

.icon-btn:hover[b-3yo8kts1rd] {
    background: var(--color-background-secondary);
    color: var(--color-text-primary);
}

.profile-btn[b-3yo8kts1rd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    border: 0.5px solid var(--color-border-tertiary);
    background: var(--color-background-primary);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
    font-size: 18px;
}

.profile-btn:hover[b-3yo8kts1rd] {
    background: var(--color-background-secondary);
    color: var(--color-text-primary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
/* /Pages/Analytics.razor.rz.scp.css */
/* Analytics skeleton */
.an-skel-layout[b-tz9my07zhi] {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.an-skel-card[b-tz9my07zhi] {
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-md);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.an-skel-title[b-tz9my07zhi]  { height: 12px; width: 140px; }
.an-skel-grid[b-tz9my07zhi]   { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.an-skel-stat[b-tz9my07zhi]   { display: flex; flex-direction: column; gap: 8px; }
.an-skel-label[b-tz9my07zhi]  { height: 10px; width: 60%; }
.an-skel-value[b-tz9my07zhi]  { height: 22px; width: 75%; }
.an-skel-two[b-tz9my07zhi]    { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.an-skel-row[b-tz9my07zhi]    { height: 14px; width: 100%; margin-bottom: 4px; }
.an-skel-row-sm[b-tz9my07zhi] { height: 14px; width: 80%; margin-bottom: 4px; }
.an-skel-chart[b-tz9my07zhi]  { height: 120px; width: 100%; border-radius: 4px; }

.an-layout[b-tz9my07zhi] {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.an-empty[b-tz9my07zhi] {
    text-align: center;
    padding: 64px 24px;
    font-size: 14px;
    color: var(--color-text-tertiary);
}

/* Section cards */
.an-section[b-tz9my07zhi] {
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
}

.an-section-header[b-tz9my07zhi] {
    padding: 14px 20px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
    background: var(--color-background-secondary);
}

.an-section-title[b-tz9my07zhi] {
    font-size: 13px;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: -0.01em;
}

.an-section-desc[b-tz9my07zhi] {
    font-size: 11px;
    color: var(--color-text-tertiary);
    margin-top: 2px;
}

.an-section-body[b-tz9my07zhi] {
    padding: 18px 20px;
}

/* Two-column layout */
.an-two-col[b-tz9my07zhi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* Greeks stat grid */
.an-stat-grid[b-tz9my07zhi] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.an-stat[b-tz9my07zhi] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.an-stat-label[b-tz9my07zhi] {
    font-size: 10px;
    font-weight: 600;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.an-stat-value[b-tz9my07zhi] {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text-primary);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.an-stat-sub[b-tz9my07zhi] {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

/* P&L bars */
.an-bars[b-tz9my07zhi] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bar-row[b-tz9my07zhi] {
    display: grid;
    grid-template-columns: 44px 1fr 64px;
    align-items: center;
    gap: 10px;
}

.bar-ticker[b-tz9my07zhi] {
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0.02em;
}

.bar-track[b-tz9my07zhi] {
    height: 6px;
    background: var(--color-border-tertiary);
    border-radius: 3px;
    overflow: hidden;
}

.bar-fill[b-tz9my07zhi] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.4s ease;
}

.bar-pos[b-tz9my07zhi] { background: var(--color-text-success); }
.bar-neg[b-tz9my07zhi] { background: var(--color-text-danger); }

.bar-value[b-tz9my07zhi] {
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Strategy breakdown */
.an-strategy-list[b-tz9my07zhi] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.strategy-row[b-tz9my07zhi] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}

.strategy-name[b-tz9my07zhi] {
    font-weight: 600;
    color: var(--color-text-primary);
    flex: 1;
}

.strategy-count[b-tz9my07zhi] {
    font-size: 11px;
    color: var(--color-text-tertiary);
    white-space: nowrap;
}

.strategy-pnl[b-tz9my07zhi] {
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    min-width: 64px;
    text-align: right;
}

/* DTE timeline */
.dte-timeline[b-tz9my07zhi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dte-header[b-tz9my07zhi] {
    display: grid;
    grid-template-columns: 56px 1fr 72px 110px 80px;
    gap: 12px;
    padding: 0 0 6px;
    border-bottom: 1px solid var(--color-border-secondary);
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-tertiary);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.dte-header > span:not(:first-child)[b-tz9my07zhi] { text-align: right; }
.dte-header > span:nth-child(2)[b-tz9my07zhi]      { text-align: left; }
.dte-header > span:nth-child(3)[b-tz9my07zhi]      { text-align: center; }

.dte-row[b-tz9my07zhi] {
    display: grid;
    grid-template-columns: 56px 1fr 72px 110px 80px;
    align-items: center;
    gap: 12px;
    padding: 8px 6px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
    font-size: 13px;
    border-radius: 6px;
    margin: 0 -6px;
    transition: background 0.12s;
}

.dte-row:hover[b-tz9my07zhi] { background: var(--color-background-secondary); }
.dte-row:last-child[b-tz9my07zhi] { border-bottom: none; }

.dte-row:last-child[b-tz9my07zhi] { border-bottom: none; }

.dte-pos-name[b-tz9my07zhi] {
    font-weight: 600;
    color: var(--color-text-primary);
    text-align: left;
}

.dte-dir[b-tz9my07zhi] {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px;
    border-radius: 3px;
    border: 1px solid currentColor;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-right: 6px;
    font-variant-numeric: tabular-nums;
    vertical-align: middle;
    opacity: 0.9;
}

.dte-ticker[b-tz9my07zhi] {
    font-size: 11px;
    font-weight: 700;
    color: var(--color-text-tertiary);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
}

.dte-expiry[b-tz9my07zhi] {
    font-size: 12px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    text-align: right;
}

.dte-pnl[b-tz9my07zhi] {
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

/* P&L History chart */
.an-history-empty[b-tz9my07zhi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 32px 0;
    color: var(--color-text-tertiary);
}

.an-history-empty-icon[b-tz9my07zhi] { font-size: 28px; }
.an-history-empty-msg[b-tz9my07zhi]  { font-size: 13px; }

.an-chart-wrap[b-tz9my07zhi] {
    width: 100%;
    overflow: hidden;
}

.an-chart[b-tz9my07zhi] {
    width: 100%;
    height: auto;
    display: block;
}

.chart-axis[b-tz9my07zhi] {
    stroke: var(--color-border-secondary);
    stroke-width: 0.5;
}

.chart-zero[b-tz9my07zhi] {
    stroke: var(--color-border-secondary);
    stroke-width: 0.5;
    stroke-dasharray: 3 3;
}

.chart-line[b-tz9my07zhi] {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chart-netliq[b-tz9my07zhi]  { stroke: var(--color-accent); }
.chart-openpnl[b-tz9my07zhi] { stroke: var(--color-text-success); }

.chart-axis-label[b-tz9my07zhi] {
    font-size: 9px;
    fill: var(--color-text-tertiary);
    text-anchor: middle;
    font-family: inherit;
}

.chart-axis-y[b-tz9my07zhi] { text-anchor: end; }

.an-chart-legend[b-tz9my07zhi] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 10px;
    font-size: 11px;
    color: var(--color-text-secondary);
}

.legend-dot[b-tz9my07zhi] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.legend-netliq[b-tz9my07zhi]  { background: var(--color-accent); }
.legend-openpnl[b-tz9my07zhi] { background: var(--color-text-success); }

/* Shared color utilities (defined in Home.razor.css, repeat here for scoped CSS) */
.pos[b-tz9my07zhi] { color: var(--color-text-success); }
.neg[b-tz9my07zhi] { color: var(--color-text-danger); }
/* /Pages/Home.razor.rz.scp.css */
.dash-greeting[b-xdjmpblbyc] {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text-secondary);
    margin-bottom: 24px;
}

.reauth-banner[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    margin-bottom: 12px;
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: var(--border-radius-sm);
    font-size: 13px;
    color: #92400e;
}

[data-theme="dark"] .reauth-banner[b-xdjmpblbyc] {
    color: #fcd34d;
    background: rgba(245, 158, 11, 0.08);
}

.reauth-banner a[b-xdjmpblbyc] {
    color: inherit;
    font-weight: 600;
}

.error-state[b-xdjmpblbyc] {
    text-align: center;
    padding: 48px;
    font-size: 14px;
    color: var(--color-text-danger);
}

/* Skeleton loading state — base shimmer in app.css */

.skeleton-summary[b-xdjmpblbyc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 24px;
}

.skel-stat[b-xdjmpblbyc] {
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-md);
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.skel-label[b-xdjmpblbyc] { height: 10px; width: 55%; }
.skel-value[b-xdjmpblbyc] { height: 22px; width: 70%; }

.skel-group[b-xdjmpblbyc] {
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
    margin-bottom: 12px;
    overflow: hidden;
}

.skel-group-header[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: var(--color-card-chrome);
}

.skel-group-left[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.skel-ticker[b-xdjmpblbyc] { height: 16px; width: 44px; }
.skel-price[b-xdjmpblbyc]  { height: 13px; width: 88px; }
.skel-pnl[b-xdjmpblbyc]    { height: 13px; width: 56px; }

.sort-group[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 14px;
}

.sort-label[b-xdjmpblbyc] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-right: 3px;
}

.sort-btn[b-xdjmpblbyc] {
    font-size: 11px;
    font-weight: 500;
    padding: 4px 9px;
    border-radius: var(--border-radius-sm);
    border: 0.5px solid var(--color-border-tertiary);
    background: transparent;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.sort-btn:hover[b-xdjmpblbyc] { background: var(--color-background-secondary); color: var(--color-text-primary); }

.sort-divider[b-xdjmpblbyc] {
    width: 1px;
    height: 16px;
    background: var(--color-border);
    margin: 0 4px;
}

.sort-spacer[b-xdjmpblbyc] { flex: 1; }

.sort-btn.sort-active[b-xdjmpblbyc] {
    background: var(--color-text-secondary);
    border-color: var(--color-text-secondary);
    color: var(--color-background-primary);
    font-weight: 600;
}

.dash-topbar[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 20px;
}

.topbar-spacer[b-xdjmpblbyc] { flex: 1; }

.search-wrap[b-xdjmpblbyc] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-xdjmpblbyc] {
    position: absolute;
    left: 8px;
    font-size: 13px;
    color: var(--color-text-tertiary);
    pointer-events: none;
}

.search-input[b-xdjmpblbyc] {
    padding: 5px 10px 5px 28px;
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-sm);
    background: var(--color-background-primary);
    color: var(--color-text-primary);
    font-size: 12px;
    font-family: inherit;
    width: 180px;
    outline: none;
    transition: border-color 0.15s, width 0.2s;
}

.search-input:focus[b-xdjmpblbyc] {
    border-color: var(--color-accent);
    width: 220px;
}

.search-input[b-xdjmpblbyc]::placeholder { color: var(--color-text-tertiary); }

/* Filter notice */
.filter-notice[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--color-text-secondary);
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-sm);
    padding: 7px 12px;
    margin-bottom: 14px;
}

.filter-notice strong[b-xdjmpblbyc] { color: var(--color-text-primary); font-weight: 600; }

.filter-clear[b-xdjmpblbyc] {
    margin-left: auto;
    font-size: 11px;
    padding: 2px 8px;
    color: var(--color-text-tertiary);
}

/* Summary card */
.summary-card[b-xdjmpblbyc] {
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-md);
    margin-bottom: 24px;
    overflow: hidden;
}

.summary-grid[b-xdjmpblbyc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stat[b-xdjmpblbyc] {
    padding: 16px 20px;
    border-right: 0.5px solid var(--color-border-tertiary);
    border-bottom: 0.5px solid var(--color-border-tertiary);
}

.stat:nth-child(4n)[b-xdjmpblbyc] {
    border-right: none;
}

.stat:nth-child(n+5)[b-xdjmpblbyc] {
    border-bottom: none;
}

.stat-secondary[b-xdjmpblbyc] {
    background: var(--color-background-secondary);
}

.stat-label[b-xdjmpblbyc] {
    font-size: 11px;
    font-weight: 500;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}

.stat-value[b-xdjmpblbyc] {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text-primary);
    letter-spacing: -0.02em;
}

.stat-value-sm[b-xdjmpblbyc] {
    font-size: 17px;
}

.stat-sep[b-xdjmpblbyc] {
    margin: 0 6px;
    color: var(--color-border-secondary);
    font-weight: 300;
}

.stat-sub[b-xdjmpblbyc] {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-tertiary);
    letter-spacing: 0;
}

/* Position groups */
.group[b-xdjmpblbyc] {
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
    margin-bottom: 12px;
    overflow: hidden;
}

.group-header[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
    background: var(--color-card-chrome);
    cursor: pointer;
    user-select: none;
    transition: background 0.1s;
}

.group-center[b-xdjmpblbyc] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    pointer-events: none;
    white-space: nowrap;
}

.group-center-value[b-xdjmpblbyc] {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: -0.01em;
}

.group-center-label[b-xdjmpblbyc] {
    font-size: 11px;
    color: var(--color-text-tertiary);
}

.group-header:hover[b-xdjmpblbyc] { background: var(--color-card-chrome-hover); }


.group-left[b-xdjmpblbyc] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}

.group-right[b-xdjmpblbyc] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.group-ticker-stack[b-xdjmpblbyc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.group-ticker[b-xdjmpblbyc] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0.02em;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color-text-tertiary);
}

.group-ticker:hover[b-xdjmpblbyc] {
    text-decoration-color: var(--color-text-primary);
}

.group-exchange[b-xdjmpblbyc] {
    font-size: 10px;
    font-weight: 500;
    color: var(--color-text-tertiary);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.group-price[b-xdjmpblbyc] {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-secondary);
}

.group-pnl[b-xdjmpblbyc] { text-align: right; }

.group-pnl-value[b-xdjmpblbyc] {
    font-size: 14px;
    font-weight: 600;
}

.group-pnl-label[b-xdjmpblbyc] {
    font-size: 10px;
    color: var(--color-text-tertiary);
    margin-top: 2px;
    letter-spacing: 0.02em;
}

.chevron-icon[b-xdjmpblbyc] {
    font-size: 16px;
    color: var(--color-text-tertiary);
}

/* Badges */
.badge[b-xdjmpblbyc] {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 20px;
    letter-spacing: 0.01em;
}

.badge-cc[b-xdjmpblbyc]  { background: var(--badge-cc-bg);  color: var(--badge-cc-color); }
.badge-neg[b-xdjmpblbyc] { background: var(--badge-neg-bg); color: var(--badge-neg-color); }

/* Column headers */
.col-headers[b-xdjmpblbyc] {
    display: grid;
    gap: 8px;
    padding: 8px 18px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
}

.col-label[b-xdjmpblbyc] {
    font-size: 10px;
    font-weight: 600;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

/* Position rows */
.position-row[b-xdjmpblbyc] {
    display: grid;
    gap: 8px;
    align-items: center;
    padding: 12px 18px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
    transition: background 0.1s;
}

.position-row:last-of-type[b-xdjmpblbyc] { border-bottom: none; }
.position-row:hover[b-xdjmpblbyc] { background: var(--color-background-secondary); }

/* Expand button */
.pos-expand-cell[b-xdjmpblbyc] { display: flex; align-items: center; justify-content: center; }
.pos-expand-btn[b-xdjmpblbyc] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0.5px solid var(--color-border-secondary);
    border-radius: 4px;
    color: var(--color-text-tertiary);
    cursor: pointer;
    font-size: 11px;
    padding: 0;
    transition: color 0.1s, border-color 0.1s;
}
.pos-expand-btn:hover[b-xdjmpblbyc] { color: var(--color-text-primary); border-color: var(--color-text-tertiary); }

/* Position detail panel */
.pos-detail[b-xdjmpblbyc] {
    background: var(--color-background-secondary);
    border-bottom: 0.5px solid var(--color-border-tertiary);
    padding: 12px 18px 12px 46px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pos-detail-greeks[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.greek-item[b-xdjmpblbyc] {
    font-size: 12px;
    color: var(--color-text-primary);
}

.greek-label[b-xdjmpblbyc] {
    font-size: 11px;
    color: var(--color-text-tertiary);
    margin-right: 3px;
}

.greek-sep[b-xdjmpblbyc] {
    color: var(--color-border-secondary);
    font-size: 12px;
}

.pos-detail-scenarios[b-xdjmpblbyc] { display: flex; flex-direction: column; gap: 4px; }

.scenarios-label[b-xdjmpblbyc] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--color-text-tertiary);
    margin-bottom: 2px;
}

.scenario-row[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.scenario-name[b-xdjmpblbyc] {
    color: var(--color-text-tertiary);
    min-width: 80px;
}

.scenario-result[b-xdjmpblbyc] { font-weight: 500; }
.scenario-warn[b-xdjmpblbyc] { font-size: 11px; color: var(--color-text-secondary); font-style: italic; display: flex; align-items: center; gap: 4px; }
.scenario-warn-icon[b-xdjmpblbyc] { font-size: 13px; font-style: normal; cursor: help; opacity: 0.7; }
.scenario-met[b-xdjmpblbyc] { font-size: 11px; color: var(--color-positive); display: flex; align-items: center; gap: 3px; }

.position-row-closed[b-xdjmpblbyc] { opacity: 0.55; background: var(--color-background-secondary); }
.position-row-closed:hover[b-xdjmpblbyc] { opacity: 0.75; }
.position-row-closed .pos-name[b-xdjmpblbyc] {
    text-decoration: line-through;
    text-decoration-color: var(--color-text-tertiary);
    text-decoration-thickness: 1px;
}

.closed-badge[b-xdjmpblbyc] {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 3px;
    background: rgba(100, 116, 139, 0.12);
    color: var(--color-text-tertiary);
    border: 0.5px solid rgba(100, 116, 139, 0.3);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pos-name[b-xdjmpblbyc] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.pos-meta[b-xdjmpblbyc] {
    font-size: 11px;
    color: var(--color-text-tertiary);
    margin-top: 3px;
    line-height: 1.4;
}

.col-val[b-xdjmpblbyc] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-primary);
}

.col-val.muted[b-xdjmpblbyc] { font-weight: 400; color: var(--color-text-secondary); }


/* Insights */
.insight[b-xdjmpblbyc] {
    font-size: 11px;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.insight-pill[b-xdjmpblbyc] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 3px;
    letter-spacing: 0.01em;
    margin-bottom: 2px;
}

.insight-pill-warn[b-xdjmpblbyc] {
    background: rgba(245, 158, 11, 0.12);
    color: #92400e;
    border: 0.5px solid rgba(245, 158, 11, 0.35);
}

[data-theme="dark"] .insight-pill-warn[b-xdjmpblbyc] {
    background: rgba(245, 158, 11, 0.15);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.3);
}

.insight-pill-info[b-xdjmpblbyc] {
    background: rgba(100, 116, 139, 0.1);
    color: #475569;
    border: 0.5px solid rgba(100, 116, 139, 0.4);
}

[data-theme="dark"] .insight-pill-info[b-xdjmpblbyc] {
    background: rgba(100, 116, 139, 0.15);
    color: #94a3b8;
    border-color: rgba(100, 116, 139, 0.35);
}

.insight strong[b-xdjmpblbyc] { color: var(--color-text-primary); font-weight: 600; }

/* Group footer */
.group-footer[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    background: var(--color-card-chrome);
    border-top: 0.5px solid var(--color-border-tertiary);
}

.footer-stat[b-xdjmpblbyc] {
    font-size: 12px;
    color: var(--color-text-secondary);
}

.footer-stat strong[b-xdjmpblbyc] { color: var(--color-text-primary); font-weight: 600; }

.footer-middle[b-xdjmpblbyc] { display: flex; align-items: center; gap: 5px; }

.footer-sep[b-xdjmpblbyc] { color: var(--color-text-tertiary); }

.footer-pct[b-xdjmpblbyc] { color: var(--color-text-tertiary); font-size: 11px; }

/* Shared color utilities */
.pos[b-xdjmpblbyc] { color: var(--color-text-success); }
.neg[b-xdjmpblbyc] { color: var(--color-text-danger); }
.warn[b-xdjmpblbyc] { color: #92400e; }

/* Live status indicator */
.live-status[b-xdjmpblbyc] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--color-text-tertiary);
}

.live-dot[b-xdjmpblbyc] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.live-dot-on[b-xdjmpblbyc] {
    background: var(--color-text-success);
    animation: live-pulse 2.4s ease-in-out infinite;
}

.live-dot-off[b-xdjmpblbyc] { background: var(--color-text-tertiary); }

.live-sep[b-xdjmpblbyc] {
    color: var(--color-border-secondary);
    user-select: none;
}

.live-clock[b-xdjmpblbyc] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
}

/* Price-update flash on position rows */
@keyframes price-flash-b-xdjmpblbyc {
    0%   { color: #34d399; }
    100% { color: inherit; }
}

.price-flash .col-val[b-xdjmpblbyc] { animation: price-flash-b-xdjmpblbyc 0.75s ease-out forwards; }

.group-flash .group-pnl-value[b-xdjmpblbyc],
.group-flash .group-price span[b-xdjmpblbyc] { animation: price-flash-b-xdjmpblbyc 0.75s ease-out forwards; }

/* Get started card (empty portfolio state) */
.get-started-card[b-xdjmpblbyc] {
    width: 100%;
    box-sizing: border-box;
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
    padding: 20px 16px;
    margin-bottom: 12px;
}

.get-started-title[b-xdjmpblbyc] {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 4px;
}

.get-started-subtitle[b-xdjmpblbyc] {
    font-size: 13px;
    color: var(--color-text-secondary);
    margin: 0 0 16px;
}

.get-started-options[b-xdjmpblbyc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.get-started-option[b-xdjmpblbyc] {
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-md);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.get-started-option-icon[b-xdjmpblbyc] {
    font-size: 18px;
    color: var(--color-text-tertiary);
    line-height: 1;
    margin-bottom: 2px;
}

.get-started-option-label[b-xdjmpblbyc] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.get-started-option-desc[b-xdjmpblbyc] {
    font-size: 12px;
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: 0;
    flex: 1;
}

.get-started-action[b-xdjmpblbyc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    align-self: flex-start;
    text-decoration: none;
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-sm);
    background: transparent;
    color: var(--color-text-secondary);
    cursor: pointer;
    font-family: var(--font-sans);
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}

.get-started-action:hover[b-xdjmpblbyc] {
    background: var(--color-background-secondary);
    border-color: var(--color-accent);
    color: var(--color-accent);
}
/* /Pages/Profile.razor.rz.scp.css */
.profile-shell[b-tbv5s47tl8] {
    max-width: 560px;
    margin: 0 auto;
    padding: 8px 0 48px;
}

.profile-section[b-tbv5s47tl8] { margin-bottom: 24px; }

.profile-section-header[b-tbv5s47tl8] { margin-bottom: 10px; }

.profile-section-title[b-tbv5s47tl8] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.07em;
    margin: 0;
}

.profile-card[b-tbv5s47tl8] {
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
    padding: 20px 24px;
}

.profile-banner[b-tbv5s47tl8] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    padding: 9px 12px;
    border-radius: var(--border-radius-sm);
    margin-bottom: 16px;
}

.profile-banner-success[b-tbv5s47tl8] {
    background: rgba(34, 197, 94, 0.08);
    border: 0.5px solid rgba(34, 197, 94, 0.3);
    color: var(--color-text-success);
}

.profile-banner-error[b-tbv5s47tl8] {
    background: rgba(239, 68, 68, 0.08);
    border: 0.5px solid rgba(239, 68, 68, 0.3);
    color: var(--color-text-danger);
}

.profile-field[b-tbv5s47tl8] { margin-bottom: 14px; }

.profile-label[b-tbv5s47tl8] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-secondary);
    margin-bottom: 5px;
    letter-spacing: 0.02em;
}

.profile-input[b-tbv5s47tl8] {
    width: 100%;
    padding: 8px 11px;
    background: var(--color-background-secondary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-sm);
    color: var(--color-text-primary);
    font-size: 13px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.profile-input:focus[b-tbv5s47tl8] { border-color: var(--color-accent); }

.profile-actions[b-tbv5s47tl8] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    gap: 8px;
}

.profile-hint[b-tbv5s47tl8] {
    font-size: 13px;
    color: var(--color-text-secondary);
    margin: 0 0 16px;
}

.btn-danger[b-tbv5s47tl8] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: var(--color-text-danger);
}

.btn-danger:hover[b-tbv5s47tl8] {
    background: rgba(239, 68, 68, 0.18);
    border-color: rgba(239, 68, 68, 0.5);
}

.delete-confirm-box[b-tbv5s47tl8] {
    border: 0.5px solid rgba(239, 68, 68, 0.3);
    border-radius: var(--border-radius-sm);
    background: rgba(239, 68, 68, 0.05);
    padding: 14px 16px;
}

.delete-confirm-msg[b-tbv5s47tl8] {
    font-size: 13px;
    color: var(--color-text-secondary);
    margin: 0 0 4px;
    line-height: 1.5;
}
/* /Pages/Settings.razor.rz.scp.css */
.settings-layout[b-e3vdrle1o8] {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings-section[b-e3vdrle1o8] {
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
}

.section-header[b-e3vdrle1o8] {
    padding: 16px 20px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
    background: var(--color-background-secondary);
}

.section-title[b-e3vdrle1o8] {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: -0.01em;
}

.section-desc[b-e3vdrle1o8] {
    font-size: 12px;
    color: var(--color-text-tertiary);
    margin-top: 2px;
}

.section-body[b-e3vdrle1o8] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.field-row[b-e3vdrle1o8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.field-label[b-e3vdrle1o8] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.field-input[b-e3vdrle1o8] {
    padding: 8px 10px;
    border: 1px solid var(--color-border-secondary);
    border-radius: var(--border-radius-sm);
    background: var(--color-background-secondary);
    color: var(--color-text-primary);
    font-size: 13px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s;
}

.field-input:focus[b-e3vdrle1o8] { border-color: var(--color-accent); }

.field-row.two-col[b-e3vdrle1o8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.field-actions[b-e3vdrle1o8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
}

@keyframes saved-fade-b-e3vdrle1o8 {
    0%   { opacity: 0; transform: translateY(-2px); }
    15%  { opacity: 1; transform: translateY(0); }
    75%  { opacity: 1; }
    100% { opacity: 0; }
}

.saved-msg[b-e3vdrle1o8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-positive, #22c55e);
    animation: saved-fade-b-e3vdrle1o8 2.5s ease forwards;
}

.saved-msg i[b-e3vdrle1o8] { font-size: 14px; }

.saved-banner[b-e3vdrle1o8] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 20px 14px;
    padding: 8px 12px;
    background: rgba(34, 197, 94, 0.08);
    border: 0.5px solid rgba(34, 197, 94, 0.3);
    border-radius: var(--border-radius-sm);
    font-size: 12px;
    font-weight: 500;
    color: var(--color-positive, #22c55e);
    animation: saved-fade-b-e3vdrle1o8 2.5s ease forwards;
}

.saved-banner i[b-e3vdrle1o8] { font-size: 15px; }

/* Toggle group */
.toggle-group[b-e3vdrle1o8] {
    display: flex;
    gap: 6px;
    margin-top: 2px;
}

.toggle-btn[b-e3vdrle1o8] {
    font-size: 12px;
    padding: 5px 12px;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--color-border-secondary);
    background: var(--color-background-secondary);
    color: var(--color-text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
}

.toggle-btn.active[b-e3vdrle1o8] {
    background: var(--color-text-secondary);
    border-color: var(--color-text-secondary);
    color: var(--color-background-primary);
}

/* Card chrome swatch picker */
.swatch-group[b-e3vdrle1o8] {
    display: flex;
    gap: 6px;
    margin-top: 2px;
}

.swatch-btn[b-e3vdrle1o8] {
    font-size: 12px;
    padding: 5px 12px;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--color-border-secondary);
    background: var(--color-background-secondary);
    color: var(--color-text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
}

.swatch-btn.active[b-e3vdrle1o8] {
    border-color: var(--color-accent);
    color: var(--color-text-primary);
    font-weight: 600;
}

.swatch[b-e3vdrle1o8] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.12);
    flex-shrink: 0;
}

.swatch-default[b-e3vdrle1o8]  { background: #e2e8f0; }
.swatch-blue[b-e3vdrle1o8]     { background: #185FA5; }
.swatch-emerald[b-e3vdrle1o8]  { background: #1a6b4a; }
.swatch-obsidian[b-e3vdrle1o8] { background: #1a1825; }

/* Column checkboxes */
.checkbox-grid[b-e3vdrle1o8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 4px;
}

.checkbox-row[b-e3vdrle1o8] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: var(--color-text-primary);
    cursor: pointer;
}

.checkbox-row input[type="checkbox"][b-e3vdrle1o8] {
    width: 14px;
    height: 14px;
    accent-color: var(--color-accent);
    cursor: pointer;
}

/* DTE preview */
.dte-preview[b-e3vdrle1o8] {
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
}

.form-error[b-e3vdrle1o8] {
    font-size: 12px;
    color: var(--color-text-danger);
    padding: 6px 10px;
    background: rgba(239, 68, 68, 0.08);
    border-radius: var(--border-radius-sm);
}

/* Schwab connection card */
.connection-card[b-e3vdrle1o8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.conn-header[b-e3vdrle1o8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.conn-details[b-e3vdrle1o8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.connection-status[b-e3vdrle1o8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-dot[b-e3vdrle1o8] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-pending[b-e3vdrle1o8]      { background: #f59e0b; }
.status-connected[b-e3vdrle1o8]    { background: #22c55e; }
.status-disconnected[b-e3vdrle1o8] { background: var(--color-border-secondary); }
.status-error[b-e3vdrle1o8]        { background: #ef4444; }

.status-label[b-e3vdrle1o8] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.connection-note[b-e3vdrle1o8] {
    font-size: 12px;
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
}

.permission-badge[b-e3vdrle1o8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 20px;
    background: rgba(34, 197, 94, 0.12);
    color: #16a34a;
    letter-spacing: 0.01em;
}

[data-theme="dark"] .permission-badge[b-e3vdrle1o8] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
}

.connection-expiry[b-e3vdrle1o8] {
    font-size: 12px;
    color: var(--color-text-secondary);
}

.connection-actions[b-e3vdrle1o8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
    border-top: 0.5px solid var(--color-border-tertiary);
}

.btn-link[b-e3vdrle1o8] {
    font-size: 12px;
    color: var(--color-accent);
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
}

.btn-link:hover[b-e3vdrle1o8] { text-decoration: underline; }

.btn-primary[b-e3vdrle1o8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: var(--border-radius-sm);
    background: var(--color-accent);
    color: #fff;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.15s;
}

.btn-primary:hover[b-e3vdrle1o8] { background: var(--color-card-chrome-hover); }

.btn-danger[b-e3vdrle1o8] {
    font-size: 12px;
    padding: 5px 12px;
    border-radius: var(--border-radius-sm);
    border: 1px solid rgba(239, 68, 68, 0.4);
    background: transparent;
    color: #ef4444;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.15s;
}

.btn-danger:hover[b-e3vdrle1o8] { background: rgba(239, 68, 68, 0.08); }

.stream-status-row[b-e3vdrle1o8] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--color-text-secondary);
    padding: 6px 0 2px;
}

.stream-dot[b-e3vdrle1o8] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.stream-dot-on[b-e3vdrle1o8]      { background: var(--color-text-success); animation: live-pulse 2.4s ease-in-out infinite; }
.stream-dot-off[b-e3vdrle1o8]     { background: var(--color-border-secondary); }
.stream-dot-unknown[b-e3vdrle1o8] { background: #f59e0b; }

.stream-label[b-e3vdrle1o8] { font-weight: 500; }

.stream-checking[b-e3vdrle1o8] {
    font-size: 11px;
    color: var(--color-text-tertiary);
    font-style: italic;
}

/* Profit Levels */
.section-empty[b-e3vdrle1o8] {
    font-size: 13px;
    color: var(--color-text-tertiary);
    margin: 0 0 12px;
}

.pl-table[b-e3vdrle1o8] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 14px;
    font-size: 13px;
}

.pl-table thead th[b-e3vdrle1o8] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 8px 6px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
    text-align: left;
}

.pl-table thead .pl-th-order[b-e3vdrle1o8] { width: 36px; }

.pl-row td[b-e3vdrle1o8] {
    padding: 6px 8px;
    vertical-align: middle;
    border-bottom: 0.5px solid var(--color-border-tertiary);
}

.pl-row:last-child td[b-e3vdrle1o8] { border-bottom: none; }

.pl-order-cell[b-e3vdrle1o8] { width: 36px; }

.pl-order-btn[b-e3vdrle1o8] {
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    cursor: pointer;
    padding: 1px 3px;
    line-height: 1;
    border-radius: 3px;
    display: block;
}
.pl-order-btn:hover:not(:disabled)[b-e3vdrle1o8] { color: var(--color-text-primary); background: var(--color-background-secondary); }
.pl-order-btn:disabled[b-e3vdrle1o8] { opacity: 0.2; cursor: default; }

.pl-label-input[b-e3vdrle1o8]  { width: 100%; min-width: 0; }
.pl-value-cell[b-e3vdrle1o8]   { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.pl-value-input[b-e3vdrle1o8]  { width: 80px; }
.pl-type-toggle[b-e3vdrle1o8]  { flex-shrink: 0; }

.pl-unit[b-e3vdrle1o8] {
    font-size: 12px;
    color: var(--color-text-tertiary);
}

.pl-remove[b-e3vdrle1o8] {
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    cursor: pointer;
    padding: 4px;
    line-height: 1;
    border-radius: 4px;
}
.pl-remove:hover[b-e3vdrle1o8] { color: var(--color-text-danger, #ef4444); background: none; }
/* /Shared/AddPositionModal.razor.rz.scp.css */
.modal-backdrop[b-gx6eus2s5t] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(2px);
}

.modal-dismiss[b-gx6eus2s5t] {
    position: absolute;
    inset: 0;
}

.modal-panel[b-gx6eus2s5t] {
    position: relative;
    z-index: 1;
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
    width: 420px;
    max-width: calc(100vw - 32px);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
}

.modal-header[b-gx6eus2s5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 16px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
}

.modal-title[b-gx6eus2s5t] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: -0.01em;
}

.modal-close[b-gx6eus2s5t] {
    background: none;
    border: none;
    padding: 4px;
    color: var(--color-text-tertiary);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    border-radius: 6px;
    display: flex;
    align-items: center;
    transition: color 0.1s, background 0.1s;
}

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

.modal-body[b-gx6eus2s5t] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.modal-footer[b-gx6eus2s5t] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 14px 20px;
    border-top: 0.5px solid var(--color-border-tertiary);
}

.form-row[b-gx6eus2s5t] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-row.two-col[b-gx6eus2s5t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.form-label[b-gx6eus2s5t] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.form-input[b-gx6eus2s5t] {
    padding: 8px 10px;
    border: 1px solid var(--color-border-secondary);
    border-radius: var(--border-radius-sm);
    background: var(--color-background-secondary);
    color: var(--color-text-primary);
    font-size: 13px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.form-input:focus[b-gx6eus2s5t] {
    border-color: var(--color-accent);
}

.form-error[b-gx6eus2s5t] {
    font-size: 12px;
    color: var(--color-text-danger);
    background: var(--color-background-danger-subtle, rgba(239,68,68,0.08));
    border-radius: var(--border-radius-sm);
    padding: 8px 10px;
}

.btn-ghost[b-gx6eus2s5t] {
    background: none;
    border: 1px solid var(--color-border-secondary);
    color: var(--color-text-secondary);
    padding: 7px 16px;
    border-radius: var(--border-radius-sm);
    font-size: 13px;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.1s, color 0.1s;
}

.btn-ghost:hover[b-gx6eus2s5t] {
    background: var(--color-background-hover);
    color: var(--color-text-primary);
}

.submit-success[b-gx6eus2s5t] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-success);
    padding: 24px 0;
    justify-content: center;
}