/* SafetyViewer toolbar button + BÊTA badge.
 * MODULE: safety-viewer
 * VERSION: 0.1.0
 *
 * Mimics the existing .viewer-toolbar-btn styling and overlays a small
 * orange BETA badge in the top-right corner to flag the experimental status.
 */

.viewer-toolbar .safety-fp-btn {
    position: relative;
}

.viewer-toolbar .safety-fp-btn .safety-beta-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ff8c00;
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 3px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.viewer-toolbar .safety-fp-btn:hover .safety-beta-badge {
    background: #ffa500;
}

.viewer-toolbar .safety-fp-btn .fa-walking {
    /* match the rest of the toolbar icons */
    font-size: 14px;
}