/* ==========================================================
   BROVAKT - FRIBERG LOKAL AIS
   ========================================================== */


#friberg-bro-status {

    position: fixed;

    left: 12px;
    bottom: 12px;

    z-index: 9000;

    padding:
        9px
        13px;

    border-radius: 9px;

    border:
        1px solid
        rgba(74,255,161,.42);

    background:
        rgba(4,31,23,.94);

    color:
        #8effbd;

    box-shadow:
        0 8px 28px
        rgba(0,0,0,.42);

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    font-size: 11px;

    font-weight: 850;

    letter-spacing: .15px;

    backdrop-filter:
        blur(10px);
}


#friberg-bro-status.friberg-offline {

    border-color:
        rgba(255,184,75,.45);

    background:
        rgba(48,31,8,.95);

    color:
        #ffd18b;
}


.friberg-vessel-badge {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    margin-left: 7px;

    padding:
        3px
        6px;

    border-radius: 5px;

    white-space: nowrap;

    vertical-align: middle;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: .1px;

    cursor: help;
}


.friberg-vessel-badge.local-position {

    border:
        1px solid
        rgba(75,255,159,.40);

    background:
        rgba(11,63,41,.72);

    color:
        #8effbd;
}


.friberg-vessel-badge.heard-only {

    border:
        1px solid
        rgba(255,196,86,.40);

    background:
        rgba(71,48,11,.72);

    color:
        #ffd083;
}


.friberg-vessel-badge.vip {

    box-shadow:
        0 0 0 1px
        rgba(255,221,70,.22);
}


@media (max-width: 800px) {

    #friberg-bro-status {

        left: 5px;
        bottom: 5px;

        padding:
            6px
            8px;

        font-size:
            8px;

        max-width:
            calc(100vw - 10px);
    }


    .friberg-vessel-badge {

        margin-left:
            4px;

        padding:
            2px
            4px;

        font-size:
            7px;
    }
}