/**
 * BlockSieve — admin report styles.
 *
 * Loaded only on the Dashboard and the Tools → BlockSieve screen (see
 * AdminService::enqueue_styles). Deliberately built on the core admin palette
 * variables so the report inherits the active admin colour scheme.
 */

/* -------------------------------------------------------------------------
 * Summary cards
 * ---------------------------------------------------------------------- */

.blocksieve-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 16px 0;
}

.blocksieve-card {
	display: flex;
	flex: 1 1 160px;
	flex-direction: column;
	padding: 16px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	background: #fff;
}

.blocksieve-card__value {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
}

.blocksieve-card__label {
	margin-top: 4px;
	color: #50575e;
	font-size: 13px;
}

/* -------------------------------------------------------------------------
 * Table cells
 * ---------------------------------------------------------------------- */

.blocksieve-source-kind,
.blocksieve-relation {
	color: #646970;
	font-size: 12px;
}

.blocksieve-pill {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 9px;
	font-size: 12px;
	font-weight: 600;
}

.blocksieve-pill--active {
	background: #edfaef;
	color: #00713b;
}

.blocksieve-pill--off {
	background: #f0f0f1;
	color: #646970;
}

.blocksieve-condition-list,
.blocksieve-preview-list,
.blocksieve-warning-list {
	margin: 0;
	font-size: 13px;
}

.blocksieve-condition-list li,
.blocksieve-preview-list li {
	margin: 0 0 2px;
}

.blocksieve-warning-list {
	padding-inline-start: 16px;
	list-style: disc;
	color: #8a5700;
}

.blocksieve-warning-list li {
	margin: 0 0 4px;
}

.blocksieve-preview-who {
	display: inline-block;
	min-width: 52px;
	color: #646970;
}

.blocksieve-verdict {
	font-weight: 600;
}

.blocksieve-verdict--shown {
	color: #00713b;
}

.blocksieve-verdict--hidden {
	color: #b32d2e;
}

.blocksieve-verdict--depends {
	color: #8a5700;
}

.blocksieve-ok {
	color: #646970;
}

.blocksieve-scan-status {
	margin: 8px 0 0;
	color: #646970;
}

/* Shares the bottom row with the pagination; takes the room it leaves. */
.tablenav .blocksieve-preview-note {
	max-width: calc(100% - 300px);
}

.tablenav .blocksieve-preview-note p {
	margin: 0;
	padding-top: 6px;
}

/* -------------------------------------------------------------------------
 * Dashboard widget
 * ---------------------------------------------------------------------- */

.blocksieve-widget__lead {
	margin-top: 0;
	font-size: 14px;
}

.blocksieve-widget__list {
	margin: 0 0 12px;
}

.blocksieve-widget__list li {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #f0f0f1;
}

.blocksieve-widget__warning a {
	color: #8a5700;
	font-weight: 600;
}