/* Moved out of resources/views/partials/browser-links.blade.php on 2026-10-11 so browsers cache it.
   Edit THIS file; the partial links it with ?v=<mtime>. */
/* !important: a host page's own link styles must not repaint the chips. */
.browser-links { margin: 22px 0 0; }
.browser-links nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.browser-links a { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .14) !important; background: rgba(10, 20, 44, .35) !important; color: rgba(232, 237, 245, .85) !important; font-size: 12px; text-decoration: none; transition: background .2s ease, border-color .2s ease, transform .15s ease; }
.browser-links a:hover { background: rgba(10, 20, 44, .6) !important; border-color: var(--bc) !important; color: #fff !important; transform: translateY(-2px); }
.browser-links svg { display: block; width: 28px; height: 28px; color: var(--bc) !important; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .35)); }
.browser-links svg path { fill: var(--bc) !important; }
.browser-links-light a { border-color: rgba(15, 23, 42, .12) !important; background: rgba(255, 255, 255, .75) !important; color: #334155 !important; }
.browser-links-light a:hover { background: #fff !important; color: #0f172a !important; }
.browser-links-light svg { filter: none; }
@media (max-width: 480px) { .browser-links a { width: 46px; height: 46px; } .browser-links svg { width: 24px; height: 24px; } }