/**
 * Shared styles for the My Account licensing areas
 * (Licenses & Downloads and the POM AI panel).
 */

.pom-lic-cards {
	display: grid;
	gap: 20px;
	margin: 0 0 32px;
}

.pom-lic-card {
	border: 1px solid #e3e5e8;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
	overflow: hidden;
}

.pom-lic-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 16px 20px;
	background: #f8f9fb;
	border-bottom: 1px solid #eceef1;
}

.pom-lic-card__title {
	margin: 0;
	font-size: 1.05em;
	line-height: 1.3;
}

.pom-lic-card__title small {
	font-weight: 400;
	color: #667085;
	margin-left: 6px;
	text-transform: uppercase;
	font-size: 0.72em;
	letter-spacing: 0.04em;
}

.pom-lic-card__body {
	padding: 18px 20px;
}

/* Status badges */
.pom-lic-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 0.78em;
	font-weight: 600;
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	white-space: nowrap;
}

.pom-lic-badge--active { background: #e7f6ec; color: #137a33; }
.pom-lic-badge--expired,
.pom-lic-badge--revoked,
.pom-lic-badge--blocked { background: #fdebec; color: #b3271e; }
.pom-lic-badge--suspended,
.pom-lic-badge--on-hold,
.pom-lic-badge--pending { background: #fff4e5; color: #955800; }
.pom-lic-badge--neutral { background: #eef1f4; color: #475467; }

/* Meta grid */
.pom-lic-meta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 12px 24px;
	margin: 0 0 16px;
}

.pom-lic-meta__item {
	min-width: 0;
}

.pom-lic-meta__label {
	display: block;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #667085;
	margin-bottom: 2px;
}

.pom-lic-meta__value {
	font-weight: 600;
	color: #101828;
	word-break: break-word;
}

/* License key row */
.pom-lic-key {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	background: #f8f9fb;
	border: 1px dashed #d0d5dd;
	border-radius: 8px;
	padding: 10px 14px;
	margin: 0 0 16px;
}

.pom-lic-key code {
	background: none;
	padding: 0;
	font-size: 0.9em;
	word-break: break-all;
}

/* Domains */
.pom-lic-domains {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}

.pom-lic-domain {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #f2f4f7;
	border: 1px solid #e4e7ec;
	border-radius: 999px;
	padding: 4px 6px 4px 12px;
	font-size: 0.88em;
}

.pom-lic-domain__env {
	font-size: 0.78em;
	color: #667085;
}

.pom-lic-domain form {
	margin: 0;
	display: inline-flex;
}

.pom-lic-domain__remove {
	border: 0;
	background: #e4e7ec;
	color: #475467;
	border-radius: 999px;
	width: 20px;
	height: 20px;
	line-height: 1;
	font-size: 12px;
	cursor: pointer;
	padding: 0;
}

.pom-lic-domain__remove:hover {
	background: #b3271e;
	color: #fff;
}

/* Usage meters (download limits, credits) */
.pom-lic-usage {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin: 0 0 16px;
	font-size: 0.88em;
	color: #475467;
}

.pom-lic-usage__item strong {
	color: #101828;
}

.pom-lic-usage__item--exhausted strong {
	color: #b3271e;
}

/* Actions */
.pom-lic-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	border-top: 1px solid #eceef1;
	padding-top: 14px;
}

.pom-lic-actions form {
	margin: 0;
}

.pom-lic-btn {
	display: inline-block;
	border-radius: 6px;
	border: 1px solid #d0d5dd;
	background: #fff;
	color: #344054;
	padding: 7px 14px;
	font-size: 0.88em;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.pom-lic-btn:hover {
	background: #f2f4f7;
}

.pom-lic-btn--primary {
	background: #101828;
	border-color: #101828;
	color: #fff;
}

.pom-lic-btn--primary:hover {
	background: #2a3547;
	border-color: #2a3547;
}

.pom-lic-btn--danger:hover {
	border-color: #b3271e;
	color: #b3271e;
	background: #fff;
}

.pom-lic-btn[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Notices */
.pom-lic-notice {
	border-radius: 8px;
	padding: 12px 16px;
	margin: 0 0 20px;
	background: #eef4ff;
	border: 1px solid #d1e0ff;
	color: #1d3f8f;
}

.pom-lic-notice--error {
	background: #fdebec;
	border-color: #f5c6c8;
	color: #8f2420;
}

/* Section headings inside the account area */
.pom-lic-section-title {
	margin: 32px 0 16px;
}

/* POM AI panel reuse */
.pom-ai-account .pom-lic-card { margin-bottom: 20px; }

.pom-lic-credits-figure {
	font-size: 2em;
	font-weight: 700;
	color: #101828;
	line-height: 1.1;
	margin: 0 0 6px;
}

@media (max-width: 640px) {
	.pom-lic-card__header,
	.pom-lic-card__body {
		padding: 14px 16px;
	}
}