/* ALPEG Forms – admin (loaded on our own pages only) */

.alpeg-admin {
	--alpeg-accent: #2f6f5e;
	max-width: 1200px;
}
.alpeg-card {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	padding: 20px 24px;
	margin: 16px 0;
}
.alpeg-card h2 {
	margin-top: 0;
	font-size: 15px;
}
.alpeg-lead {
	font-size: 14px;
	color: #50575e;
	max-width: 760px;
}
.alpeg-label {
	display: block;
	font-weight: 600;
	margin: 14px 0 6px;
}
.alpeg-card .alpeg-label:first-of-type {
	margin-top: 0;
}
.alpeg-inline {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.alpeg-fieldset {
	margin: 16px 0 6px;
}
.alpeg-fieldset label {
	line-height: 2;
}
.alpeg-muted {
	color: #8c8f94;
	font-weight: 400;
}

/* Empty state */
.alpeg-empty {
	text-align: center;
	padding: 40px 24px;
}
.alpeg-empty .dashicons {
	font-size: 42px;
	width: 42px;
	height: 42px;
	color: var(--alpeg-accent);
}
.alpeg-empty h2 {
	font-size: 18px;
	margin: 12px 0 16px;
}
.alpeg-empty ol {
	display: inline-block;
	text-align: left;
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.8;
}

/* List */
.alpeg-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--alpeg-accent);
	margin-right: 6px;
	vertical-align: middle;
}
.row-title.is-unread {
	font-weight: 700;
}
.alpeg-preview {
	margin: 4px 0 0;
	color: #646970;
}
.alpeg-danger,
.alpeg-admin .row-actions .delete a {
	color: #b32d2e;
}
.tablenav .button .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}
.wp-list-table .column-form_title {
	width: 20%;
}
.wp-list-table .column-created_at {
	width: 16%;
}

/* Detail view */
.alpeg-back {
	margin: 16px 0 0;
}
.alpeg-entry {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 16px;
	align-items: start;
}
@media (max-width: 960px) {
	.alpeg-entry {
		grid-template-columns: 1fr;
	}
}
.alpeg-values {
	width: 100%;
	border-collapse: collapse;
}
.alpeg-values th,
.alpeg-values td {
	text-align: left;
	vertical-align: top;
	padding: 12px 12px 12px 0;
	border-bottom: 1px solid #f0f0f1;
	font-size: 14px;
	line-height: 1.55;
}
.alpeg-values th {
	width: 30%;
	color: #50575e;
	font-weight: 600;
}
.alpeg-values tr:last-child th,
.alpeg-values tr:last-child td {
	border-bottom: 0;
}
.alpeg-meta dt {
	font-weight: 600;
	color: #50575e;
	margin-top: 10px;
}
.alpeg-meta dd {
	margin: 2px 0 0;
	word-break: break-word;
}
.alpeg-full {
	width: 100%;
	text-align: center;
}
.alpeg-actions {
	display: flex;
	justify-content: space-between;
	margin: 18px 0 0;
	padding-top: 14px;
	border-top: 1px solid #f0f0f1;
}

/* License */
.alpeg-pill {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 99px;
	font-size: 12px;
	font-weight: 600;
	margin-left: 6px;
}
.alpeg-pill--neutral { background: #f0f0f1; color: #50575e; }
.alpeg-pill--good { background: #e6f1ed; color: #1f5c4a; }
.alpeg-pill--warn { background: #fcf0d6; color: #7a5300; }
.alpeg-pill--bad { background: #fbe7e7; color: #8a1f1f; }
.alpeg-license-state {
	font-size: 14px;
	margin-top: 0;
}

/* 0.2: files, mail status, callouts */
.alpeg-files {
	margin: 0;
	padding: 0;
	list-style: none;
}
.alpeg-files li {
	margin: 0 0 4px;
}
.alpeg-files .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	color: #646970;
}
.alpeg-icon {
	font-size: 16px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	color: #646970;
}
.alpeg-ok { color: #1f7a4d; font-weight: 600; }
.alpeg-bad { color: #b32d2e; font-weight: 600; }
.alpeg-icon.alpeg-bad { color: #b32d2e; }
.alpeg-callout {
	padding: 10px 14px;
	border-radius: 6px;
	margin: 12px 0;
	border-left: 4px solid;
}
.alpeg-callout--bad {
	background: #fbeaea;
	border-color: #b32d2e;
}
.alpeg-card code {
	font-size: 12px;
}

/* Import */
.alpeg-import td, .alpeg-import th { vertical-align: top; }
.alpeg-import td:nth-child(4) { max-width: 360px; color: #50575e; }
.alpeg-admin h2[id] { margin-top: 32px; }
.alpeg-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	max-width: 960px;
}
.alpeg-columns .alpeg-card { margin: 0; }
.alpeg-columns h3 { margin-top: 0; }
.alpeg-check { display: block; margin: 4px 0; }
.alpeg-columns fieldset { margin-bottom: 12px; }
.alpeg-links { margin: 0; padding: 0; list-style: none; }
.alpeg-links li { margin: 6px 0; }
.alpeg-callout--ok {
	background: #edf7f0;
	border-color: #1f7a4d;
}