.day-card{
    border:1px solid #cfcfcf;
    border-radius:10px;
    padding:14px;
    margin-bottom:18px;
    background:#fff;
}

.shift-card{
    margin-top:14px;
    padding-top:10px;
    border-top:1px solid #ececec;
}

.shift-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.shift-users{
    margin-top:8px;
    margin-left:10px;
}

.shift-users p{
    margin:4px 0;
}

.btn-signup{
    color:#0b8d2d;
    font-weight:bold;
}

.btn-signout{
    color:#c62828;
    font-weight:bold;
}


.shift-header button{

    -webkit-appearance:none;
    appearance:none;

    background:white;

    border:1px solid #bdbdbd;

    border-radius:8px;

    padding:6px 12px;

}



.shift-users > div{

    display:flex;

    align-items:center;

    gap:12px;

}

.station-badge{

    display:inline-block;

    min-width:120px;

    text-align:left;

    cursor:pointer;

    font-weight:bold;

}

.shift-user-row{

    display:grid;

    grid-template-columns: 230px 120px;

    align-items:center;

}

.shift-user-row{

    display:grid;

    grid-template-columns: 220px auto;

    align-items:center;

    column-gap:12px;

}

.station-badge{

    display:inline-block;

    min-width:80px;

    text-align:left;

    font-size:70%;

    font-weight:bold;

    white-space:nowrap;

    cursor:pointer;

}

.shift-users > div{

    font-size:0.85em;

}


/* ==========================================================
   Status wpisu pracownika
   ========================================================== */

.schedule-own {
    background: #dff0df;
    border-radius: 4px;
    padding: 2px 6px;
}

.schedule-manager {
    background: #cfe5ff;
    border-radius: 4px;
    padding: 2px 6px;
}

.schedule-modified {
    background: #fff3cd;
    border-radius: 4px;
    padding: 2px 6px;
}