<!-- Agent Portal FAB - Simplified for Testing -->
<a href="{{ route('agents.dashboard') }}"
   class="agent-fab-link"
   title="Open Agent Portal"
   target="_blank"
   style="
       position: fixed;
       bottom: 30px;
       left: 300px;
       z-index: 9999;
       display: flex;
       align-items: center;
       gap: 10px;
       padding: 14px 24px;
       background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
       color: white !important;
       border-radius: 50px;
       box-shadow: 0 4px 16px rgba(59, 130, 246, 0.5);
       text-decoration: none;
       font-weight: 600;
       font-size: 15px;
       transition: all 0.3s ease;
   "
   onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 6px 24px rgba(59, 130, 246, 0.6)';"
   onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 16px rgba(59, 130, 246, 0.5)';">
    <i class='bx bxs-bot' style="font-size: 26px;"></i>
    <span>AI Agents</span>
</a>

<style>
@media (max-width: 768px) {
    .agent-fab-link {
        left: 20px !important;
        padding: 12px !important;
        width: 56px !important;
        height: 56px !important;
        justify-content: center !important;
    }
    .agent-fab-link span {
        display: none !important;
    }
}
</style>
