/*
 * This file is copied to BOTH:
 * JavaScriptAPI/upgrde-file/stylesheets/
 *
 * AND:
 * BrowserAPI/upgrde-file/stylesheets/
 */
B.EliminatedType,
B.StrEnumType,
B.Opt, B.Exp, B.Dep,
B.Opt-Top, B.Exp-Top, B.Dep-Top
{
    display:        inline-block;
    font-weight:    700;
    font-size:      13px;
    line-height:    1;
    letter-spacing: 0.02em;
    padding:        4px 8px;
    border-radius:  4px;
    vertical-align: baseline;
    border:         1px solid transparent;
    user-select:    none;
    margin-right:   1em;
    margin-top:     0.3em;
}

/* TOP-OF-PAGE — SOLID FILL variant */
B.Opt-Top { background: #f0f8ff; color: #2b4f81; border-color: #b0c4de; }
B.Exp-Top { background: #fffacd; color: #8b6b1a; border-color: #d2b48c; }
B.Dep-Top { background: #dcdcdc; color: #000000; border-color: #a9a9a9; }

B.EliminatedType, B.StrEnumType
{
    background: conic-gradient(from 180deg, blue, red, green);
    color:          #ffffff; 
    opacity:        0.85;
}

B.Opt
{
    background: transparent;
    color:      #1a3e6e;            /* deeper navy */
    border:     1px solid #3b6ea5;  /* medium blue, not washed out */
}

B.Exp
{
    background: transparent;
    color:      #7a520d;            /* richer bronze */
    border:     1px solid #c0934b; /* warm gold-brown */
}

B.Dep
{
    background: transparent;
    color:      #4a4a4a;            /* dark neutral gray */
    border:     1px solid #7d7d7d;  /* mid-gray */
}