/* ===============================
	PSPG Tools (Admin UI)
	=============================== */

.wrap.pspg-tools {
	max-width: 1100px;
}

.pspg-tools-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	margin-top: 14px;
}

.pspg-tools-card {
	max-width: 100%;
}

.pspg-tools-card .inside {
	padding: 14px 16px 16px 20px;
}

.pspg-tools-card .postbox-header {
	padding: 0 20px;
}

.pspg-tools-card p {
	margin: 0 0 12px;
}

.pspg-tools-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

.pspg-tools-field {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.pspg-tools-label {
	font-weight: 600;
}

.pspg-tools-form input[type="file"] {
	max-width: 520px;
}

.pspg-tools-toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
}

.pspg-tools-card .description {
	flex-basis: 100%;
	margin: 0;
	color: #646970;
}

/* Make buttons align nicely when wrapped */
.pspg-tools-form .button {
	white-space: nowrap;
}


/* Danger sections */
.pspg-tools-card--danger {
	border-left: 4px solid #d63638;
}

.pspg-tools-card--danger .postbox-header {
	border-bottom: 1px solid rgba(214, 54, 56, 0.15);
}


.pspg-tools-card--warning {
    border-left: 4px solid #dba617;
}

.pspg-tools-card--warning .postbox-header {
    border-bottom: 1px solid rgba(214, 54, 56, 0.15);
}

.wrap.pspg-tools .postbox .hndle {
	cursor: default;
}

.wrap.pspg-tools .pspg-tools-card hr {
	margin: 14px 0;
}

.wrap.pspg-tools .pspg-tools-card h3 {
	margin: 16px 0 10px;
}

.wrap.pspg-tools .pspg-tools-card form {
	margin: 0;
}

.wrap.pspg-tools .pspg-tools-card input.large-text.code {
	max-width: 520px;
}

.wrap.pspg-tools .pspg-tools-card p.description {
	margin: 6px 0;
}