/* ==================================================
   USO UI Library
================================================== */

.uso-panel{

    background:rgba(10,15,25,.82);

    border:1px solid var(--uso-border);

    border-radius:10px;

    overflow:hidden;

    box-shadow:

        inset 0 0 18px rgba(120,180,255,.08),

        0 0 20px rgba(0,0,0,.45);

}

.uso-panel-header{

    height:42px;

    display:flex;

    align-items:center;

    padding:0 18px;

    background:linear-gradient(#395a7d,#22374b);

    color:white;

    font-size:15px;

    font-weight:bold;

    text-transform:uppercase;

}

.uso-panel-body{

    padding:20px;

}

.uso-row{

    display:flex;

    gap:20px;

}

.uso-column{

    flex:1;

}

/* ==================================================
   BADGES
================================================== */

.uso-badge{

    display:inline-block;

    padding:4px 10px;

    border-radius:20px;

    font-size:11px;

    font-weight:bold;

    text-transform:uppercase;

}

.uso-online{

    background:#3da74d;

    color:white;

}

.uso-offline{

    background:#666;

    color:white;

}

.uso-admin{

    background:#cf3434;

    color:white;

}

.uso-mod{

    background:#2d7fd3;

    color:white;

}