@if(function_exists('isDemoModeActive') && isDemoModeActive())
<div class="topskills-demo-banner">
    <i class="fas fa-vial"></i>
    <span>{{ demoBannerText() }}</span>
</div>
<style>
    .topskills-demo-banner {
        background: #d9fbff;
        border-bottom: 1px solid #77e5f0;
        color: #075868;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        padding: 10px 18px;
        position: relative;
        text-align: center;
        z-index: 1050;
    }
    .topskills-demo-banner i { margin-right: 8px; }
</style>
@endif