#admin-dark-mode-switch{
	height: 20px;
	width: 36px;
	border-radius: 20px;
	background-color: #d9d9d9;
	position: relative;
	outline: 0 !important;
	border-width: 0 !important;
}
#admin-dark-mode-switch:checked{
	background-color: var(--highlight-color, #22b66e);
}
#admin-dark-mode-switch:before{
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 2px 5px 0 rgb(0 0 0 / 26%);
	margin: 0 !important;
	transition: all 0.2s;
}
#admin-dark-mode-switch:checked:before{
	left: 18px;
}

/* notice */
.notice{
	border-left: none !important;
}
.notice{
	color: #222;
	background-color: #eee;
}
.notice-success,
div.updated{
	color: #237450;
	background-color: #d6f4e3;
}
.notice-error, 
div.error{
	color: #887120;
	background-color: #fdf3d0;
}

.ability-explorer-wrap .wp-list-table{
	border: none;
    box-shadow: none;
}
/* table list view */
.table-view-list{
	display: block;
	margin: 1.5rem 0;
}
.table-view-list tbody{
	display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
}
.table-view-list tr,
.table-view-list th,
.table-view-list td,
.table-view-list thead,
.table-view-list tfoot{
	display: block;
	width: auto !important;
	padding: 0;
}
.table-view-list tr{
	padding: 1rem 1.25rem;
	display: flex;
    flex-direction: column;
    position: relative;
}
.table-view-list tr:hover{
	box-shadow: 0 10px 20px rgb(0,0,0,0.1);
}
.table-view-list tr .date{
	margin-top: auto;
	font-size: 11px;
	color: #888;
}
.table-view-list tr .date br{
	content: ' ';
	margin-inline-start: 8px;
	-webkit-margin-start: 8px;
}
.table-view-list thead,
.table-view-list tfoot{
	display: none;
}
.table-view-list td.tags,
.table-view-list td.categories,
.table-view-list td.comment > p{
	display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    word-break: break-all;
}
.table-view-list td.tags a{
	background-color: rgba(150,155,160,0.15);
	padding: 0px 5px;
	border-radius: 4px;
	display: inline-block;
	margin: 3px 0;
	font-size: 12px;
}
.table-view-list td.tags a:hover{
	color: var(--link);
	background-color: rgba(150,155,160,0.2);
}
.table-view-list th.check-column{
	position: absolute;
	z-index: 1;
	right: 0;
	padding: 0 1rem !important;
}
.table-view-list td.num a,
.table-view-list td.posts a{
	position: absolute;
	background-color: var(--notification-color, #d63638);
	color: #fff !important;
	display: inline-block;
	border-radius: 1rem;
	text-align: center;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	min-width: 12px;
	line-height: 1;
	top: 1rem;
	right: 3rem;
}
.table-view-list .author a{
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}
.table-view-list .author .avatar{
	width: 18px;
	height: 18px;
}
.table-view-list .inline-edit-row{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.75) !important;
	z-index: 100000;
	border-radius: 0;
}
.table-view-list .inline-edit-row td{
	max-width: 50rem;
	margin: 2rem auto;
	padding: 2rem !important;
	background-color: var(--body-highlight-background, #fff);
	overflow-y: auto;
	border-radius: 0.5rem !important;
}
.table-view-list .toggle-row{
	width: 32px;
	height: 32px;
	top: 32px;
	right: -2px;
}

.table-view-list tr.unapproved th{
	border-width: 0 !important;
}
.table-view-list tr.unapproved{
	border-top: 3px solid #d63638;
}
.table-view-list tr.status-future{
	border-top: 3px solid #53a6fa;
}
.table-view-list tr.status-draft{
	border-top: 3px solid #999;
}
.table-view-list tr.status-private{
	border-top: 3px solid #1dc16f;
}

@media (max-width: 782px){
	.table-view-list tbody{
	    grid-gap: 0.5rem;
	}
}

/* bar logo */
@media (min-width: 783px) {
	body:not(.admin-menu-h) #wp-admin-bar-site-name > a,
	body:not(.admin-menu-h) #wp-admin-bar-site-name > a:hover{
		width: calc( var(--menu-width) - 20px );
		background-color: var(--menu-background) !important;
		box-shadow: 0 2px 0 var(--menu-background);
	}
	body:not(.admin-menu-h) #wp-admin-bar-site-name span{
		color: var(--menu-text);
	}
	body:not(.admin-menu-h):not(.rtl) #wp-admin-bar-site-name + li{
		margin-left: 12px;
	}
	body:not(.admin-menu-h).folded #wp-admin-bar-site-name > a{
		width: calc( var(--menu-fold-width) - 20px );
		justify-content: center;
	}
	body:not(.admin-menu-h).folded #wp-admin-bar-site-name > a span{
		font-size: 12px;
		line-height: 1;
		word-wrap: break-word;
		word-break: break-all;
		white-space: pre-wrap;
	}
	body:not(.admin-menu-h).folded #wp-admin-bar-site-name > a img + span{
		display: none;
	}

	body:not(.admin-menu-h) #wp-admin-bar-updates .ab-item{
		margin-left: -4rem;
		background-color: transparent !important;
	}

	body:not(.admin-menu-h) #wp-admin-bar-updates .ab-icon{
		display: none;
	}

	body:not(.admin-menu-h) #wp-admin-bar-updates .ab-label{
		height: 18px;
		line-height: 18px;
		min-width: 18px;
		padding: 0 5px;
		display: inline-block;
    	box-sizing: border-box;
		text-align: center;
		color: #fff !important;
		background-color: var(--notification-color, #d63638);
		border-radius: 2rem;
		font-size: 11px;
		font-weight: bold;
		margin: 0 auto;
	}

	body:not(.admin-menu-h).folded #wp-admin-bar-updates .ab-item{
		margin-left: -1.95rem;
	}

	body:not(.admin-menu-h).rtl #wp-admin-bar-updates .ab-item{
		margin-left: 0;
		margin-right: -4rem;
	}

	body:not(.admin-menu-h).folded.rtl #wp-admin-bar-updates .ab-item{
		margin-right: -1.2rem;
	}
	
}

@media (min-width: 783px) and (max-width: 960px) {
	body:not(.admin-menu-h).auto-fold #wp-admin-bar-site-name > a{
		width: calc( var(--menu-fold-width) - 20px );
		justify-content: center;
	}
	body:not(.admin-menu-h).auto-fold #wp-admin-bar-site-name > a span{
		font-size: 12px;
		line-height: 1;
		word-wrap: break-word;
		word-break: break-all;
		white-space: pre-wrap;
	}
	body:not(.admin-menu-h).auto-fold #wp-admin-bar-site-name > a img + span{
		display: none;
	}

	body:not(.admin-menu-h).auto-fold #wp-admin-bar-updates .ab-item{
		margin-left: -1.95rem;
	}

	body:not(.admin-menu-h).auto-fold.rtl #wp-admin-bar-updates .ab-item{
		margin-left: 0;
		margin-right: -1.2rem;
	}
}

/* dashboard */
.postbox .handle-actions{
	opacity: 0;
}
.postbox:hover .handle-actions,
.postbox:active .handle-actions{
	opacity: 1;
}
#wp-version-message{
	display: none;
}
#dashboard_right_now li a,
#dashboard_right_now li > span{
	display: flex;
	align-items: center;
	color: inherit;
}
#dashboard_right_now li a:before, 
#dashboard_right_now li > span:before{
	background-color: var(--highlight-color);
	color: #fff;
	font-size: 1rem;
	width: 1rem;
	height: 1rem;
	padding: 10px !important;
	margin: 2px 8px;
	border-radius: 50%;
}
svg.avatar{
	vertical-align: middle;
}
.site-health-progress{
	width: 70px;
	height: 70px;
}

/* login */
#login{
	padding: 10px 0;
	background-color: #fff;
	box-shadow: 0 1px 3px rgb(0 0 0 / 3%);
}
#login-form{
	padding: 8% 4%;
}
body.login div#login h1 a{
	height: 36px;
}