/**
 * Partnership Admin CSS
 *
 * @package WB_Ad_Manager
 * @since   2.2.0
 */

/* Partnerships List */
.wbam-partnerships-wrap .search-box {
	float: right;
	margin: 0 0 20px 0;
}

.wbam-partnerships-table {
	margin-top: 10px;
}

.wbam-partnerships-table td {
	vertical-align: middle;
}

.wbam-actions-cell {
	white-space: nowrap;
}

.wbam-actions-cell a {
	display: inline-block;
	margin-right: 5px;
	text-decoration: none;
	color: var(--wbam-accent);
}

.wbam-actions-cell a:hover {
	color: var(--wbam-accent-hover);
}

.wbam-actions-cell .wbam-action-accept {
	color: #46b450;
}

.wbam-actions-cell .wbam-action-reject {
	color: #dc3232;
}

.wbam-actions-cell .wbam-action-spam {
	color: #826eb4;
}

.wbam-actions-cell .wbam-action-delete {
	color: #a00;
}

.wbam-actions-cell .dashicons {
	font-size: var(--wbam-font-size-lg);
	width: 18px;
	height: 18px;
}

/* Status Badges */
.wbam-status-badge {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: var(--wbam-font-size-xs);
	font-weight: 600;
	text-transform: uppercase;
}

.wbam-status-pending {
	background: #f0ad4e;
	color: var(--wbam-bg);
}

.wbam-status-accepted {
	background: #46b450;
	color: var(--wbam-bg);
}

.wbam-status-rejected {
	background: #dc3232;
	color: var(--wbam-bg);
}

.wbam-status-spam {
	background: #826eb4;
	color: var(--wbam-bg);
}

/* Type Badges */
.wbam-type-badge {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: var(--wbam-font-size-xs);
	font-weight: 500;
}

.wbam-type-paid_link {
	background: #e3f2fd;
	color: #1565c0;
}

.wbam-type-exchange {
	background: #e8f5e9;
	color: #2e7d32;
}

.wbam-type-sponsored_post {
	background: #fff3e0;
	color: #e65100;
}

/* Single View */
.wbam-partnership-view h1 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.wbam-partnership-view .page-title-action {
	display: flex;
	align-items: center;
	gap: 5px;
}

.wbam-partnership-view .page-title-action .dashicons {
	font-size: var(--wbam-font-size-md);
	width: 16px;
	height: 16px;
}

.wbam-partnership-details {
	display: grid;
	gap: 20px;
	margin-top: 20px;
	max-width: 900px;
}

.wbam-card {
	background: var(--wbam-bg);
	border: 1px solid var(--wbam-border-strong);
	border-radius: 4px;
}

.wbam-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 15px;
	background: var(--wbam-surface);
	border-bottom: 1px solid var(--wbam-border-strong);
}

.wbam-card-header h2 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}

.wbam-card-body {
	padding: 15px;
}

.wbam-details-table {
	width: 100%;
	border-collapse: collapse;
}

.wbam-details-table th,
.wbam-details-table td {
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: top;
}

.wbam-details-table th {
	width: 150px;
	text-align: left;
	font-weight: 600;
	color: var(--wbam-text-muted);
}

.wbam-details-table tr:last-child th,
.wbam-details-table tr:last-child td {
	border-bottom: none;
}

.wbam-message-content {
	padding: 15px;
	background: #f9f9f9;
	border-radius: 4px;
	line-height: 1.6;
}

.wbam-form-field {
	margin-bottom: 20px;
}

.wbam-form-field label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

.wbam-form-field textarea,
.wbam-form-field select {
	width: 100%;
	max-width: 400px;
}

.wbam-form-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}

.wbam-form-actions .button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.wbam-form-actions .dashicons {
	font-size: var(--wbam-font-size-md);
	width: 16px;
	height: 16px;
}

/* Pagination */
.wbam-partnerships-wrap .tablenav .tablenav-pages {
	float: right;
}

.wbam-partnerships-wrap .displaying-num {
	margin-right: 10px;
}

/* Responsive */
@media screen and (max-width: 782px) {
	.wbam-partnerships-wrap .search-box {
		float: none;
		margin-bottom: 10px;
	}

	.wbam-details-table th {
		width: 100px;
	}

	.wbam-form-actions {
		flex-direction: column;
		align-items: flex-start;
	}
}
