/*
 * This file is copied to BOTH:
 * JavaScriptAPI/upgrde-file/stylesheets/
 *
 * AND:
 * BrowserAPI/upgrde-file/stylesheets/
 *
 * These are nothing more than the CSS Definitions to define:
 * <B>OPTIONAL</B>, <B>EXPERIMENTAL</B> & <B>DEPRECATED</B>
 */
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-left:    4px;
}

/* 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.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 */
}