/* KSEF - WordPress Admin Styles */

.wrap.ksef-settings {
	max-width: 1200px;
}

.card {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 20px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.card h2,
.card h3 {
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.ksef-status-badge {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.ksef-status-badge.active {
	background: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.ksef-status-badge.pending {
	background: #fff3cd;
	color: #856404;
	border: 1px solid #ffeeba;
}

.ksef-status-badge.error {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.ksef-status-badge.expired {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

table.widefat.striped tbody th {
	font-weight: bold;
	background: #f5f5f5;
}

table.widefat.striped tbody td {
	padding: 10px;
}

.form-table th {
	width: 200px;
}

.button-large {
	height: 40px;
	padding: 0 20px;
}

.ksef-notice-inline {
	border-left: 4px solid #00a32a;
	padding: 12px;
	margin: 20px 0;
	background: #f6ffed;
}

.ksef-notice-inline.error {
	border-left-color: #dc3545;
	background: #fff5f5;
}

.ksef-notice-inline.warning {
	border-left-color: #ffc107;
	background: #fffbf0;
}

.ksef-list-table {
	margin-top: 20px;
}

.ksef-list-table .column-status {
	width: 100px;
}

.ksef-list-table .column-date {
	width: 150px;
}

@media (max-width: 782px) {
	.form-table th {
		width: 100%;
	}

	table.widefat {
		font-size: 13px;
	}

	.button-large {
		width: 100%;
		box-sizing: border-box;
	}
}
