/* Laghavi License Manager – My Account > Licenses */
.llm-licenses {
	display: grid;
	gap: 18px;
}

.llm-license {
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background: #fff;
}

.llm-license__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.llm-license__head h3 {
	margin: 0 0 2px;
}

.llm-version {
	font-size: 13px;
	opacity: 0.7;
}

.llm-badge {
	padding: 3px 10px;
	border-radius: 999px;
	background: #f0f0f1;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.llm-badge--active { background: #e7f6ec; color: #116329; }
.llm-badge--expired { background: #fff4e0; color: #8a5300; }
.llm-badge--revoked { background: #fdecea; color: #a1221b; }

.llm-key {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 16px 0;
}

.llm-key__value {
	flex: 1 1 260px;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.04);
	font-size: 15px;
	letter-spacing: 0.04em;
	overflow-wrap: anywhere;
}

.llm-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 0 0 14px;
}

.llm-facts div {
	margin: 0;
}

.llm-facts dt {
	margin: 0;
	font-size: 12px;
	opacity: 0.7;
}

.llm-facts dd {
	margin: 0;
	font-weight: 600;
}

.llm-sub {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 14px;
	padding: 14px 16px;
	border-radius: 8px;
	background: #f6f7f9;
}

.llm-sub--pending-cancel { background: #fff8eb; }
.llm-sub--on-hold { background: #fdecea; }

.llm-sub__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.llm-sub__actions form {
	display: inline;
	margin: 0;
}

.llm-cancel.button {
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	background: #fff !important;
	color: #a1221b !important;
}

.llm-sites {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.llm-sites li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.llm-sites form {
	margin: 0;
}

.llm-link {
	padding: 0;
	border: 0;
	background: none;
	color: #a1221b;
	font-size: 13px;
	text-decoration: underline;
	cursor: pointer;
}

.llm-help summary {
	cursor: pointer;
	font-weight: 600;
}

.llm-help ol {
	margin: 8px 0 0 20px;
}

.llm-empty {
	padding: 30px;
	border: 1px dashed rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	text-align: center;
}