/* ===== 离线/挂机收益弹窗（紧凑台账布局，主题变量驱动跟随主题切换） =====
   目标：弹窗高度随内容自适应（不虚占空间）、正常收益一屏看完无滚动；
   台账改用无衬线字体，小字号下比楷体清晰 */

/* 弹窗高度自适应内容：不再固定 420px（大片空白还要滚动）；超高时仍限 85vh 走外层滚动 */
.custom-modal-content:has(.offline-reward-body) {
    height: auto;
    max-height: 85vh;
}

.custom-modal-content:has(.offline-reward-body) .custom-modal-header {
    padding: 10px 14px 6px;
}

.offline-reward-body {
    padding: 2px 18px 10px !important;
}

/* ===== 台账主体 ===== */
.offline-ledger {
    padding-top: 2px;
}

.offline-ledger-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 0;
    border-bottom: 1px dashed var(--ink-border);
    font-size: 13px;
    line-height: 1.35;
}

.offline-ledger-row:last-child {
    border-bottom: none;
}

.offline-ledger-label {
    flex: none;
    color: var(--paper);
}

.offline-ledger-value {
    font-weight: 700;
    text-align: right;
    word-break: break-all;
    font-variant-numeric: tabular-nums;
}

/* 数值着色：核心收益金色、资源分组玉色、上限提示朱色（全部随主题变量） */
.offline-tone-gold {
    color: var(--gold-foil-light);
}

.offline-tone-jade {
    color: var(--jade);
}

.offline-tone-cap {
    color: var(--vermillion-light);
}

.offline-tone-normal {
    color: var(--paper);
}

/* 补充说明行（挂机说明 / 封顶说明），弱化单行 */
.offline-note {
    padding: 0 0 2px;
    font-size: 11px;
    line-height: 1.4;
    color: var(--paper-muted);
}

.offline-note-cap {
    color: var(--vermillion-light);
}

/* 资源明细行：内联排布「名称*数量」，空格分隔自然换行，紧凑不占卡片 */
.offline-detail {
    padding: 0 0 3px;
    font-size: 11px;
    line-height: 1.45;
    color: var(--paper-secondary);
    word-break: break-word;
}

/* ===== 背包满提示（仅溢出时出现） ===== */
.offline-overflow {
    margin-top: 6px;
    padding: 6px 10px;
    border: 1px solid rgba(192, 64, 64, 0.45);
    border-left: 3px solid var(--vermillion);
    background: var(--vermillion-glow);
    border-radius: var(--radius);
    font-size: 11px;
    color: var(--vermillion-light);
    line-height: 1.5;
}

/* ===== 尾部提示 ===== */
.offline-tip-good {
    margin-top: 6px;
    text-align: center;
    font-size: 12px;
    color: var(--jade);
}

.offline-tip-muted {
    margin-top: 6px;
    text-align: center;
    font-size: 11px;
    color: var(--paper-muted);
}