/* ===========================================================
   WP Sell — لایسنس‌ها
   =========================================================== */

.wpsell-lic-list { display: flex; flex-direction: column; gap: 16px; }

.wpsell-lic-card {
	background: var(--wps-surface, #fff);
	border: 1.5px solid var(--wps-border, #EDE9FE);
	border-radius: 16px;
	padding: 18px;
	font-family: 'Vazirmatn', system-ui, sans-serif;
}

.wpsell-lic-card-head {
	display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid var(--wps-border-soft, #F0EBFF);
}
.wpsell-lic-card-head h3 { margin: 0 0 3px; font-size: .98rem; font-weight: 800; }

.wpsell-lic-tier {
	font-size: .72rem; font-weight: 600;
	padding: 3px 11px; border-radius: 20px;
	background: rgba(124, 58, 237, .1);
	color: var(--wps-primary, #7C3AED);
	display: inline-block;
}

.wpsell-lic-status {
	flex-shrink: 0;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: .72rem; font-weight: 700;
	color: #fff;
}
.wpsell-lic-status.is-active { background: #10B981; }
.wpsell-lic-status.is-inactive { background: #9CA3AF; }
.wpsell-lic-status.is-revoked { background: #EF4444; }

/* ---------- کلید ---------- */
.wpsell-lic-key-row {
	display: flex; align-items: center; gap: 10px;
	padding: 11px 14px;
	background: var(--wps-bg, #F5F3FF);
	border: 1.5px dashed rgba(124, 58, 237, .32);
	border-radius: 11px;
	margin-bottom: 14px;
}
.wpsell-lic-key-row code, .wpsell-lic-key {
	flex: 1; min-width: 0;
	background: none; padding: 0;
	font-family: ui-monospace, 'SF Mono', Menlo, monospace;
	font-size: .84rem; font-weight: 700;
	letter-spacing: 1px;
	color: var(--wps-text, #1E1B4B);
	overflow-wrap: anywhere;
}

.wpsell-lic-copy {
	display: inline-flex; align-items: center; gap: 5px;
	flex-shrink: 0;
	padding: 7px 13px;
	min-height: 36px;
	background: linear-gradient(135deg, var(--wps-primary, #7C3AED), var(--wps-secondary, #4F46E5));
	color: #fff; border: none; border-radius: 9px;
	font-family: inherit; font-size: .74rem; font-weight: 700;
	cursor: pointer;
	transition: box-shadow .2s, transform .2s;
}
.wpsell-lic-copy:hover { box-shadow: 0 4px 14px rgba(124, 58, 237, .3); transform: translateY(-1px); }
.wpsell-lic-copy.is-copied { background: linear-gradient(135deg, #10B981, #059F70); }

/* ---------- دامنه‌ها ---------- */
.wpsell-lic-domains-head {
	display: flex; align-items: center; justify-content: space-between;
	font-size: .8rem; margin-bottom: 8px;
}
.wpsell-lic-domains-head span { color: var(--wps-text-muted, #6B7280); font-weight: 600; }
.wpsell-lic-domains-head strong { font-weight: 800; color: var(--wps-text, #1E1B4B); }

.wpsell-lic-bar {
	height: 6px;
	background: var(--wps-border, #EDE9FE);
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 12px;
}
.wpsell-lic-bar span {
	display: block; height: 100%;
	background: linear-gradient(90deg, var(--wps-primary, #7C3AED), var(--wps-accent, #10B981));
	border-radius: 4px;
	transition: width .4s cubic-bezier(.16, 1, .3, 1);
}

.wpsell-lic-domains ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.wpsell-lic-domains li {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 9px 13px;
	background: var(--wps-bg, #F9FAFB);
	border-radius: 9px;
	font-size: .8rem; font-weight: 600;
}

.wpsell-lic-remove-form { margin: 0; }
.wpsell-lic-remove-form button {
	width: 26px; height: 26px;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(239, 68, 68, .12);
	border: none; border-radius: 7px;
	color: #EF4444; cursor: pointer;
}
.wpsell-lic-remove-form button:hover { background: rgba(239, 68, 68, .22); }

.wpsell-lic-empty { margin: 0; font-size: .78rem; color: var(--wps-text-soft, #9CA3AF); }

/* ---------- جدول در سفارش ---------- */
.wpsell-lic-order { margin-top: 28px; }
.wpsell-lic-order h2 { font-size: 1.05rem; font-weight: 800; margin-bottom: 14px; }

.wpsell-lic-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: var(--wps-surface, #fff);
	border: 1px solid var(--wps-border, #EDE9FE);
	border-radius: 14px;
	overflow: hidden;
}
.wpsell-lic-table th {
	padding: 12px 14px;
	background: var(--wps-bg, #F5F3FF);
	font-size: .78rem; font-weight: 800;
	text-align: start;
}
.wpsell-lic-table td {
	padding: 12px 14px;
	font-size: .8rem;
	border-top: 1px solid var(--wps-border-soft, #F0EBFF);
}
.wpsell-lic-table td:nth-child(2) { display: flex; align-items: center; gap: 8px; }

@media (max-width: 600px) {
	.wpsell-lic-key-row { flex-direction: column; align-items: stretch; }
	.wpsell-lic-copy { justify-content: center; }
	.wpsell-lic-table { display: block; overflow-x: auto; }
}