/*
|--------------------------------------------------------------------------
| Worker Card V2
|--------------------------------------------------------------------------
*/

.worker-card{

    background:#182131;

    border:1px solid rgba(255,255,255,.05);

    border-radius:16px;

    padding:18px;

    overflow:hidden;

    transition:
        transform .25s,
        box-shadow .25s,
        border-color .25s;

}

.worker-card:hover{

    transform:translateY(-3px);

    border-color:#00d4ff;

    box-shadow:
        0 12px 28px rgba(0,0,0,.35),
        0 0 18px rgba(0,212,255,.08);

}

/* ====================================================== */
/* Header                                                  */
/* ====================================================== */

.worker-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-bottom:16px;

}

.worker-header-left{

    display:flex;

    flex-direction:column;

    gap:4px;

}

.worker-title{

    display:flex;

    align-items:center;

    gap:10px;

}

.worker-status-dot{

    width:11px;

    height:11px;

    border-radius:50%;

    flex:none;

}

.worker-name{

    color:#fff;

    font-size:20px;

    font-weight:700;

    line-height:1.2;

    word-break:break-word;

}

.worker-online{

    margin-left:21px;

    color:#57e58c;

    font-size:13px;

    font-weight:500;

}

.worker-header-right{

    text-align:right;

    flex:none;

}

.worker-live{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:5px 14px;

    border-radius:999px;

    background:#173b61;

    color:#7bc8ff;

    font-size:11px;

    font-weight:700;

    letter-spacing:.8px;

    margin-bottom:8px;

}

.worker-current-speed{

    color:#fff;

    font-size:24px;

    font-weight:700;

    line-height:1;

}

/* ====================================================== */
/* Mini Cards                                               */
/* ====================================================== */

.worker-mini-cards{

    display:grid;

    grid-template-columns:repeat(5,minmax(0,1fr));

    gap:12px;

    margin-bottom:16px;

}

.worker-mini-card{

    background:#212c40;

    border-radius:12px;

    padding:12px;

    border:1px solid rgba(255,255,255,.04);

    transition:.2s;

}

.worker-mini-card:hover{

    border-color:#00d4ff;

    transform:translateY(-2px);

}

.worker-mini-card span{

    display:block;

    color:#8ea4c7;

    text-transform:uppercase;

    letter-spacing:.7px;

    font-size:10px;

    margin-bottom:8px;

}

.worker-mini-card strong{

    display:block;

    color:#fff;

    font-size:18px;

    font-weight:700;

    line-height:1.2;

}

/* ====================================================== */
/* Chart                                                    */
/* ====================================================== */

.worker-chart-panel{

    background:#131b29;

    border-radius:14px;

    border:1px solid rgba(255,255,255,.04);

    padding:12px;

}

.worker-chart{

    width:100%;

    height:140px;

    display:block;

}