.nightshift-account {
	display: grid;
	gap: 2rem;
	margin: 2rem 0;
}

.nightshift-account--logged-out {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.nightshift-account__panel {
	padding: 1.5rem;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
}

.nightshift-account__panel label:not(.nightshift-account__check) {
	display: block;
	margin-bottom: .35rem;
	font-weight: 700;
}

.nightshift-account__panel input[type="email"],
.nightshift-account__panel input[type="password"],
.nightshift-account__panel input[type="text"],
.nightshift-account__panel select {
	box-sizing: border-box;
	width: 100%;
	padding: .7rem;
}

.nightshift-account__panel button {
	padding: .7rem 1.4rem;
	cursor: pointer;
}

.nightshift-account__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.nightshift-account__notice {
	margin: 1rem 0;
	padding: 1rem;
	border-left: 4px solid;
	background: #f7f7f7;
}

.nightshift-account__notice--success {
	border-color: #27833f;
}

.nightshift-account__notice--error {
	border-color: #b42318;
}