/* ── ATM row ─────────────────────────────────────── */
.atm-row {
    background-color: #151515 !important;
    border-left: 2px solid #00cc88 !important;
}
.atm-row .ag-cell { color: #ffffff !important; }
.oid-light .ag-theme-alpine-dark .ag-row.atm-row,
.oid-light .ag-theme-alpine-dark .ag-row.atm-row.ag-row-even,
.oid-light .ag-theme-alpine-dark .ag-row.atm-row.ag-row-odd {
    background-color: #fffbeb !important;
    border-left: 2px solid #f59e0b !important;
}
.oid-light .ag-theme-alpine-dark .ag-row.atm-row .ag-cell { color: #1a1a18 !important; }

/* ── Strike column amber tint (col 3) ────────────── */
.ag-theme-alpine-dark .ag-cell[col-id="Strike"] {
    background-color: #1a1500 !important;
    color: #f0a500 !important;
    font-weight: 600 !important;
    text-align: center !important;
}
.oid-light .ag-theme-alpine-dark .ag-cell[col-id="Strike"] {
    background-color: #fffbeb !important;
    color: #b45309 !important;
    font-weight: 600 !important;
    text-align: center !important;
}
.ag-theme-alpine-dark .ag-header-cell[col-id="Strike"] {
    background-color: #1a1500 !important;
    color: #f0a500 !important;
}
.oid-light .ag-theme-alpine-dark .ag-header-cell[col-id="Strike"] {
    background-color: #fffbeb !important;
    color: #b45309 !important;
}
.ag-theme-alpine-dark .ag-header-cell[col-id="Strike"] .ag-header-cell-label,
.ag-theme-alpine-dark .ag-header-cell[col-id="Strike"] .ag-header-cell-text {
    color: #f0a500 !important;
}
.oid-light .ag-theme-alpine-dark .ag-header-cell[col-id="Strike"] .ag-header-cell-label,
.oid-light .ag-theme-alpine-dark .ag-header-cell[col-id="Strike"] .ag-header-cell-text {
    color: #b45309 !important;
}

/* ── ITM = white, OTM = light grey ──────────────── */
/* ITM rows (nearer ATM) — white / near-white */
.ag-theme-alpine-dark .ag-row.itm-call,
.ag-theme-alpine-dark .ag-row.itm-call.ag-row-even,
.ag-theme-alpine-dark .ag-row.itm-call.ag-row-odd,
.ag-theme-alpine-dark .ag-row.itm-put,
.ag-theme-alpine-dark .ag-row.itm-put.ag-row-even,
.ag-theme-alpine-dark .ag-row.itm-put.ag-row-odd {
    background-color: #161616 !important;
}
.ag-theme-alpine-dark .ag-row.itm-call .ag-cell,
.ag-theme-alpine-dark .ag-row.itm-put  .ag-cell { color: #c8c8c8 !important; }

.oid-light .ag-theme-alpine-dark .ag-row.itm-call,
.oid-light .ag-theme-alpine-dark .ag-row.itm-call.ag-row-even,
.oid-light .ag-theme-alpine-dark .ag-row.itm-call.ag-row-odd,
.oid-light .ag-theme-alpine-dark .ag-row.itm-put,
.oid-light .ag-theme-alpine-dark .ag-row.itm-put.ag-row-even,
.oid-light .ag-theme-alpine-dark .ag-row.itm-put.ag-row-odd {
    background-color: #ffffff !important;
}
.oid-light .ag-theme-alpine-dark .ag-row.itm-call .ag-cell,
.oid-light .ag-theme-alpine-dark .ag-row.itm-put  .ag-cell { color: #1a1a18 !important; }

/* OTM rows (further from ATM) — grey */
.ag-theme-alpine-dark .ag-row.ag-row-even:not(.itm-call):not(.itm-put):not(.atm-row),
.ag-theme-alpine-dark .ag-row.ag-row-odd:not(.itm-call):not(.itm-put):not(.atm-row) {
    background-color: #0f0f0f !important;
}
.ag-theme-alpine-dark .ag-row:not(.itm-call):not(.itm-put):not(.atm-row) .ag-cell {
    color: #888 !important;
}
.oid-light .ag-theme-alpine-dark .ag-row.ag-row-even:not(.itm-call):not(.itm-put):not(.atm-row),
.oid-light .ag-theme-alpine-dark .ag-row.ag-row-odd:not(.itm-call):not(.itm-put):not(.atm-row) {
    background-color: #f2f2f0 !important;
}
.oid-light .ag-theme-alpine-dark .ag-row:not(.itm-call):not(.itm-put):not(.atm-row) .ag-cell {
    color: #999 !important;
}

/* ── Header colors: calls red, puts green ────────── */
.ag-theme-alpine-dark .ag-header-cell:nth-child(1) .ag-header-cell-text,
.ag-theme-alpine-dark .ag-header-cell:nth-child(2) .ag-header-cell-text { color: #f09595 !important; }
.ag-theme-alpine-dark .ag-header-cell:nth-child(4) .ag-header-cell-text,
.ag-theme-alpine-dark .ag-header-cell:nth-child(5) .ag-header-cell-text { color: #97c459 !important; }
.oid-light .ag-theme-alpine-dark .ag-header-cell:nth-child(1) .ag-header-cell-text,
.oid-light .ag-theme-alpine-dark .ag-header-cell:nth-child(2) .ag-header-cell-text { color: #a32d2d !important; }
.oid-light .ag-theme-alpine-dark .ag-header-cell:nth-child(4) .ag-header-cell-text,
.oid-light .ag-theme-alpine-dark .ag-header-cell:nth-child(5) .ag-header-cell-text { color: #3b6d11 !important; }

/* ── Base header ─────────────────────────────────── */
.custom-header { background-color: #0f0f0f !important; color: #cccccc !important; font-weight: 600; }
.ag-theme-alpine-dark .ag-header { background-color: #111 !important; }
.ag-theme-alpine-dark .ag-header-cell { background-color: #111 !important; color: #cccccc !important; font-weight: 600; border-right: 1px solid #1f1f1f !important; }
.ag-theme-alpine-dark .ag-header-cell-label { color: #cccccc !important; }

/* ── Light mode base ─────────────────────────────── */
.oid-light .custom-header { background-color: #f5f4f2 !important; color: #999 !important; }
.oid-light .ag-theme-alpine-dark .ag-header { background-color: #f5f4f2 !important; border-bottom: 1px solid #e0ddd8 !important; }
.oid-light .ag-theme-alpine-dark .ag-header-cell { background-color: #f5f4f2 !important; color: #999 !important; border-right: 1px solid #e0ddd8 !important; }
.oid-light .ag-theme-alpine-dark .ag-header-cell-label { color: #999 !important; }
.oid-light .ag-theme-alpine-dark .ag-root-wrapper { background-color: #ffffff !important; border-color: #e0ddd8 !important; }
#oi-context-menu {
    position: fixed;
    background: #1a1c25;
    border: 0.5px solid #2e3040;
    border-radius: 6px;
    padding: 4px 0;
    z-index: 9999;
    min-width: 180px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    display: none;
}
#oi-context-menu .ctx-header {
    padding: 5px 12px;
    font-size: 10px;
    color: #a78bfa;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-bottom: 0.5px solid #2e3040;
}
#oi-context-menu .ctx-item {
    padding: 7px 12px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}
#oi-context-menu .ctx-item:hover {
    background: rgba(255,255,255,0.05);
}
#oi-context-menu .ctx-item.sell { color: #cc6666; }
#oi-context-menu .ctx-item.buy  { color: #66aa66; }
#oi-context-menu .ctx-divider {
    height: 0.5px;
    background: #2e3040;
    margin: 3px 0;
}