/**
 * Frontend styles.
 */

.msp-my-shifts,
.msp-schedule {
	margin: 20px 0;
}

.msp-shifts-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

.msp-shifts-table th,
.msp-shifts-table td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.msp-shifts-table th {
	background-color: #f5f5f5;
	font-weight: 600;
}

.msp-shifts-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.msp-shift-item {
	padding: 15px;
	margin-bottom: 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.msp-shift-date {
	font-weight: 600;
	font-size: 1.1em;
	margin-bottom: 5px;
}

.msp-shift-time {
	color: #666;
	margin-bottom: 10px;
}

.msp-shift-location,
.msp-shift-position {
	margin-bottom: 5px;
}

.msp-shift-actions {
	margin-top: 10px;
}

.msp-pickup-shift,
.msp-release-shift {
	padding: 8px 15px;
	background: #2271b1;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
}

.msp-pickup-shift:hover,
.msp-release-shift:hover {
	background: #135e96;
}

.msp-status {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.msp-status-draft {
	background: #f0f0f1;
	color: #50575e;
}

.msp-status-published {
	background: #00a32a;
	color: #fff;
}

.msp-status-assigned {
	background: #2271b1;
	color: #fff;
}

.msp-status-confirmed {
	background: #72aee6;
	color: #fff;
}

.msp-status-completed {
	background: #50575e;
	color: #fff;
}

.msp-status-cancelled {
	background: #d63638;
	color: #fff;
}