.saga-machine-field {
	margin: 1rem 0 1.25rem;
	padding: 1rem 1.1rem;
	border: 1px solid #c9d4e5;
	border-radius: 10px;
	background: #f4f8fc;
}
.saga-machine-field label {
	display: block;
	font-weight: 700;
	margin-bottom: .4rem;
}
.saga-machine-field input {
	width: 100%;
	max-width: 420px;
}
.saga-hint {
	margin: .45rem 0 0;
	color: #5b6b82;
	font-size: .9em;
}

.saga-checkout-box {
	margin: 1.5rem 0;
	padding: 1.25rem 1.4rem 1.5rem;
	border: 1px solid #9ec5e8;
	border-radius: 12px;
	background: linear-gradient(180deg, #f3f9ff, #eef4fb);
}
.saga-checkout-box h3 { margin-top: 0; }
.saga-checkout-box .saga-missing input {
	border-color: #d97706;
	background: #fffbeb;
}

.saga-account-notice {
	border: 1px solid #f59e0b;
	background: #fffbeb;
	padding: 1rem 1.2rem;
	border-radius: 10px;
	margin-bottom: 1.25rem;
}
.saga-account-profile {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .6rem 1rem;
}
.saga-account-profile label { display: grid; gap: .25rem; font-weight: 600; }

.saga-license-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1rem;
}
.saga-license-card {
	border: 1px solid #d7e0ee;
	border-radius: 12px;
	padding: 1rem 1.1rem;
	background: #fff;
}
.saga-license-card header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .75rem;
}
.saga-status {
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: .15rem .5rem;
	border-radius: 999px;
	background: #e5e7eb;
}
.status-active .saga-status { background: #d1fae5; color: #065f46; }
.status-expired .saga-status { background: #fef3c7; color: #92400e; }
.status-revoked .saga-status,
.status-error .saga-status { background: #fee2e2; color: #991b1b; }
.status-pending .saga-status { background: #dbeafe; color: #1e3a8a; }
.saga-license-card dl { margin: 0; }
.saga-license-card dt { color: #6b7280; font-size: .8rem; margin-top: .45rem; }
.saga-license-card dd { margin: 0; }
.saga-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .85em; word-break: break-all; }
.saga-activate { margin-top: 1rem; display: grid; gap: .5rem; }

@media (max-width: 600px) {
	.saga-account-profile { grid-template-columns: 1fr; }
}