/* ============================================================================
 * style-3.css   —   Lõi phần 3
 * ----------------------------------------------------------------------------
 * 🔴 LÁT CẮT CỦA style.css. 11 lát PHẢI nạp ĐÚNG THỨ TỰ trong index.html.
 *    Đổi thứ tự = đổi kết quả đè = lệch giao diện, KHÔNG có lỗi nào báo.
 *    Nối cả 11 lát (bỏ banner này) = style.css gốc TỪNG BYTE.
 *    Kiểm:  node scripts/cut-css.js --verify
 *
 * MỤC LỤC — 66 dòng · 9 rule · 1.7 KB
 *   dòng    22–60     Cửa hàng & phần thưởng  (7 rule)
 *
 * Bảng tra đầy đủ mọi miền:      docs/BANDO-CSS.md
 * Vì sao cắt kiểu này:           docs/kien-truc/K6-1-so-do-tach-css.md
 * ========================================================================== */

.detail-placeholder {
    display: inline-block;
    width: 92px;
    min-height: 34px;
}

.reward-actions button {
    width: 100%;
    margin: 0;
}

.reward-actions button:disabled {
    background: var(--progress-fill);
    cursor: default;
    opacity: 0.95;
}

.reward-shop-empty {
    text-align: center;
    padding: 24px;
    border: 1px dashed #b7b7b7;
    border-radius: var(--radius-md);
    background: white;
    color: #666;
    font-weight: bold;
}

@media (max-width: 1100px) {
    .reward-shop-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .reward-shop-overview {
        grid-template-columns: 1fr;
    }

    .reward-shop-grid {
        grid-template-columns: 1fr;
    }

    .reward-actions {
        grid-template-columns: 88px 1fr;
    }

    .detail-placeholder {
        width: 88px;
    }
}