.wmd-settings *,
.wmd-settings *:before,
.wmd-settings *:after {
	box-sizing: border-box;
}

.wmd-header {
	text-align: center;
	margin-bottom: 1em;
	background: #fff;
	border-bottom: 1px solid #e2e4e7;
}

.wmd-header__title {
	margin: .5em 0 2em 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wmd-header__title h1 {
	display: inline-block;
	font-weight: 600;
	font-size: 23px;
	line-height: 1.3;
	margin: 0 .25em;
}

.wmd-header__title-found-count {
	background: #555d66;
	color: #ffffff;
	border-radius: 50%;
	margin: 0 .25em;
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
}

.wmd-header__title-found-count:empty {
	visibility: hidden;
}

.wmd-header__actions {
	display: flex;
	justify-content: space-between;
	padding: 1em 1em 0 1em;
}

.wmd-header__actions-container--left {
	display: flex;
}

.wmd-header__actions-container--right {
	display: flex;
	justify-content: flex-end;
}

.wmd-header__actions--settings {
	flex-direction: row-reverse;
}

.wmd-header__actions--settings .dashicon {
	margin-right: 0 !important;
	margin-left: 4px;
}

.wmd-settings {
	padding: 1em;
	text-align: left;
	width: 350px;
}

.wmd-sent-at {
	color: #6c7781;
}

.wmd-email-list-item {
	background: white;
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #e2e4e7;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
	-ms-grid-rows: -webkit-min-content -webkit-min-content;
	-ms-grid-rows: min-content min-content;
	grid-template-rows: -webkit-min-content -webkit-min-content;
	grid-template-rows: min-content min-content;
	grid-row-gap: 1em;
}

.wmd-email-list-item__subject {
	margin: 0;
	-ms-grid-column: 1;
	-ms-grid-column-span: 10;
	grid-column: 1 / 11;
	-ms-grid-row: 1;
	grid-row: 1;
}

.wmd-email-list-item .wmd-sent-at {
	-ms-grid-column: 11;
	-ms-grid-column-span: 2;
	grid-column: 11 / 13;
	-ms-grid-row: 1;
	grid-row: 1;
	text-align: right;
}

.wmd-email-list-item__to {
	margin: 0;
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	grid-column: 1 / 7;
	-ms-grid-row: 2;
	grid-row: 2;
}

.wmd-search {
	display: flex;
	align-items: stretch;
}

.wmd-search > :first-child {
	margin: 0 .25em 0 0;
}

.wmd-search > :last-child {
	margin: 0 0 0 .25em;
}

.wmd-search > * {
	margin: 0 .25em;
}

.wmd-search__control {
	margin-right: 1em;
	flex-grow: 1;
}

.wmd-search__control .components-base-control__field {
	margin-bottom: 0;
}

.wmd-search .components-text-control__input {
	height: 36px;
}

.wmd-search__trigger {
	box-shadow: inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;
}

.wmd-detail-actions {
	display: flex;
	justify-content: space-between;
}

.wmd-detail-actions__container--left {
	display: flex;
}

.wmd-detail-actions__container--right {
	display: flex;
	justify-content: flex-end;
}

.wmd-detail-actions--trash,
.wmd-detail-actions--download {
	flex-direction: row-reverse;
}

.wmd-detail-actions--trash .dashicon,
.wmd-detail-actions--download .dashicon {
	margin-right: 0 !important;
	margin-left: 4px;
}

.wmd-detail-actions .components-button.is-link {
	text-decoration: none;
}

.wmd-email-recipients {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto;
	-ms-grid-columns: -webkit-min-content .5em 1fr;
	-ms-grid-columns: min-content .5em 1fr;
	    grid-template: auto / -webkit-min-content 1fr;
	    grid-template: auto / min-content 1fr;
	grid-gap: .5em;
}

.wmd-email-recipients dd {
	margin: 0;
}

.components-tab-panel__tabs button {
	background: transparent;
	border: none;
	border-radius: 0;
	cursor: pointer;
	padding: 10px 15px;
	margin-left: 0;
	font-weight: 400;
	outline-offset: -1px;
}

.components-tab-panel__tabs button:focus {
	color: #191e23;
	outline: 1px solid #6c7781;
	box-shadow: none;
}

.wmd-message-tab--text {
	background: white;
	padding: 1.4em;
	border: 1px solid #e2e4e7;
	min-height: 150px;
}

.wmd-message-tab--text pre {
	margin: 0;
	overflow-x: auto;
}

.wmd-message-tab--html iframe {
	border: 1px solid #e2e4e7;
}

.wmd-email-main-header {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
	-ms-grid-rows: (-webkit-min-content)[2];
	-ms-grid-rows: (min-content)[2];
	grid-template-rows: repeat(2, -webkit-min-content);
	grid-template-rows: repeat(2, min-content);
}

.wmd-email-main-header__subject {
	margin: 0;
	-ms-grid-column: 1;
	-ms-grid-column-span: 10;
	grid-column: 1 / 11;
	-ms-grid-row: 1;
	grid-row: 1;
}

.wmd-email-main-header__sent-at {
	-ms-grid-column: 11;
	-ms-grid-column-span: 2;
	grid-column: 11 / 13;
	-ms-grid-row: 1;
	grid-row: 1;
	text-align: right;
}

.wmd-email-main-header__recipients {
	-ms-grid-column: 1;
	-ms-grid-column-span: 8;
	grid-column: 1 / 9;
	-ms-grid-row: 2;
	grid-row: 2;
}

.wmd-email-sidebar-item--headers dl {
	margin: 0;
}

.wmd-email-sidebar-item--headers dl:after {
	content: '';
	clear: both;
	display: table;
}

.wmd-email-sidebar-item--headers dt,
.wmd-email-sidebar-item--headers dd {
	float: left;
}

.wmd-email-sidebar-item--headers dt {
	margin-right: 5px;
	clear: left;
}

.wmd-email-sidebar-item--headers dd {
	margin: 0;
}

.wmd-email-sidebar-item {
	color: #606a73;
	margin-bottom: 2em;
}

.wmd-email-sidebar-item:last-child {
	margin-bottom: 0;
}

.wmd-email-sidebar-item h3 {
	margin: 0 0 .25em 0;
	color: #555d66;
}

.wmd-detail-body {
	max-width: 1100px;
	margin: 1em auto 0;
}

.wmd-email-main {
	float: left;
	width: 100%;
	max-width: 850px;
	box-sizing: border-box;
	padding-right: 2em;
}

.wmd-email-sidebar {
	float: left;
	width: 100%;
	max-width: 250px;
	box-sizing: border-box;
}

#wpcontent,
.auto-fold #wpcontent {
	padding-left: 0;
}

.wmd-body {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 1em;
}

.wmd-body--detail {
	max-width: none;
}

.components-icon-button.is-link:hover {
	background-color: transparent !important;
	color: #00a0d2 !important;
	box-shadow: none !important;
}