/* 一覧と読み取り窓で共有する数値セル。ホスト固有の配置規則は各画面の CSS に残す (#589)。 */
.mono { font-family: var(--font-mono); }

/* 育成値が固有の最終上限(cap)到達(Issue #104)。上限値(=Current)を緑ピル1個に畳んで表示する
   (「▸目標」は到達時は出さない)。既存 --ok-soft/--ok-line/--ok-text(dark/light 両テーマ定義済み)で組む。 */
.cap-badge {
    display: inline-block;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--ok-soft);
    border: 1px solid var(--ok-line);
    color: var(--ok-text);
    font-weight: 600;
}

.ecell-zone {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    cursor: pointer;
}
.ecell-zone-l { left: 0; }
.ecell-zone-r { left: 50%; }
.ecell-zone-full { left: 0; width: 100%; }

.ecell-popover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 6px;
    background: var(--panel2);
    border: 1px solid var(--line2);
    border-radius: var(--bevel-control);
    corner-shape: bevel;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

.ecell-input {
    width: 40px;
    background: var(--input);
    border: 1px solid var(--line2);
    border-radius: var(--bevel-control);
    corner-shape: bevel;
    color: var(--text);
    font-size: 13px;
    text-align: center;
}
.ecell-input:disabled { opacity: .5; }
.ecell-input-tgt { color: var(--tgt-text); }
.ecell-sep { color: var(--text2); }

/* 外側クリックで確定して閉じる透明オーバーレイ(設計 §2.4)。position:absolute だと
   .op-table-scroll(overflow:auto)のスクロール位置に追従して動いてしまい、スクロール後は可視域外に
   ずれてクリックを取りこぼす — position:fixed でウィンドウ全域に固定する(JS 不使用)。
   popover(z-index:6)より下位・スティッキー列(最大 z-index:3)より上位。 */
.ecell-backdrop {
    position: fixed;
    inset: 0;
    z-index: 4;
    background: transparent;
}