/* ── Temporary Access Button ──────────────────────────────────────────────── */
.temp-access-wrap { margin-bottom: 20px; }

.temp-access-btn {
    width: 100%;
    padding: 16px;
    background: %%TA_BG%%;
    color: %%TA_COLOR%%;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    transition: all 0.25s;
    letter-spacing: 0.3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.temp-access-btn::before { content: "%%TA_ICON%%"; font-size: 18px; }
.temp-access-btn:hover   { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.2); }
.temp-access-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

.temp-access-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0;
    color: #bbb;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.temp-access-divider::before,
.temp-access-divider::after { content: ''; flex: 1; height: 1px; background: #e8e8e8; }