/* packs — styles page (migration DA, ne pas dupliquer la coque) */

.glass { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; }

        .badge-done { background: rgba(34,197,94,0.18); color: #86efac; border: 1px solid rgba(34,197,94,0.25); }
        .badge-todo { background: rgba(234,179,8,0.14); color: #fde047; border: 1px solid rgba(234,179,8,0.22); }
        .tab { padding: .55rem .85rem; border-radius: 999px; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.04); font-weight: 800; font-size: .9rem; color: rgba(255,255,255,0.85); }
        .tab.active { background: rgba(249,115,22,.14); border-color: rgba(249,115,22,.35); color: #fff; }
        .lingot-reward-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.25rem;
            color: #fb923c;
            background: rgba(249,115,22,.12);
            border: 1px solid rgba(249,115,22,.25);
            padding: 0.2rem 0.55rem;
            border-radius: 999px;
        }