/* Massing — My Account "Massing Licences" screen
   Dark-on-light cards that echo the Massing brand gradient. */

.massing-account { --mass-cyan:#2DE2E6; --mass-blue:#5B8CFF; --mass-purple:#B14CFF; --mass-ink:#0E1430; --mass-line:#e6e9f5; }
.massing-intro { color:#4a5270; }
.massing-endpoint code { background:#0E1430; color:#9fe9ee; padding:.2rem .5rem; border-radius:.35rem; font-size:.85rem; }

.massing-card {
	border:1px solid var(--mass-line);
	border-radius:1rem;
	padding:1.5rem;
	margin:1.25rem 0;
	background:#fff;
	box-shadow:0 1px 2px rgba(14,20,48,.05);
	position:relative;
	overflow:hidden;
}
.massing-card::before {
	content:""; position:absolute; inset:0 0 auto 0; height:4px;
	background:linear-gradient(90deg,var(--mass-cyan),var(--mass-blue),var(--mass-purple));
}
.massing-card__head { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.massing-card__head h3 { margin:0; color:var(--mass-ink); }

.massing-badge {
	font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
	padding:.25rem .6rem; border-radius:999px; color:#fff;
}
.massing-badge--active    { background:#15a36b; }
.massing-badge--on-hold   { background:#e0a106; }
.massing-badge--pending   { background:#5B8CFF; }
.massing-badge--cancelled,
.massing-badge--expired   { background:#9aa1b8; }

.massing-key { margin:1rem 0; }
.massing-key label { display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; color:#7b829b; margin-bottom:.25rem; }
.massing-key code {
	display:inline-block; background:var(--mass-ink); color:#9fe9ee;
	padding:.5rem .85rem; border-radius:.5rem; font-size:1rem; letter-spacing:.05em;
}

.massing-meta { list-style:none; margin:1rem 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:.75rem; }
.massing-meta li { background:#f5f7fd; border-radius:.6rem; padding:.6rem .75rem; }
.massing-meta li span { display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; color:#7b829b; }
.massing-meta li strong { color:var(--mass-ink); font-size:1.02rem; }

.massing-instances { margin-top:1.25rem; border-top:1px solid var(--mass-line); padding-top:1rem; }
.massing-instances h4 { margin:0 0 .5rem; font-size:.9rem; }
.massing-instances ul { list-style:none; margin:0; padding:0; }
.massing-instances li { display:flex; align-items:center; justify-content:space-between; padding:.4rem 0; border-bottom:1px dashed var(--mass-line); }
.massing-instance { font-family:monospace; font-size:.85rem; color:#3a4264; }
.massing-release {
	background:none; border:1px solid #d8537a; color:#d8537a; border-radius:.4rem;
	padding:.2rem .65rem; font-size:.8rem; cursor:pointer;
}
.massing-release:hover { background:#d8537a; color:#fff; }
.massing-muted { color:#9aa1b8; font-style:italic; }
.massing-empty { text-align:center; padding:2rem; border:1px dashed var(--mass-line); border-radius:1rem; }

/* Add-ons */
.massing-addons { margin-top:1.75rem; border-top:1px solid var(--mass-line); padding-top:1.25rem; }
.massing-addons__title { margin:0 0 .75rem; font-size:1.05rem; }
.massing-addons__list { list-style:none; margin:0; padding:0; }
.massing-addon { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; padding:.7rem .9rem; border:1px solid var(--mass-line); border-radius:.7rem; margin-bottom:.6rem; background:#fff; }
.massing-addon__name { font-weight:600; color:var(--mass-ink); }
.massing-addon__key { background:var(--mass-ink); color:#9fe9ee; padding:.15rem .5rem; border-radius:.35rem; font-size:.8rem; cursor:copy; }
.massing-addon__manage { margin-left:auto; font-size:.85rem; }
.massing-addons__more { margin-top:.5rem; font-size:.9rem; }

/* Usage meters (real consumption vs plan limit) */
.massing-meter { display:block; }
.massing-meter__row { display:flex; align-items:baseline; justify-content:space-between; gap:.5rem; }
.massing-meta .massing-meter__row span { display:inline; font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; color:#7b829b; }
.massing-meter__row strong { color:var(--mass-ink); font-size:.95rem; }
.massing-meter__track { margin-top:.4rem; height:6px; border-radius:999px; background:#e6e9f5; overflow:hidden; }
.massing-meter__fill { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--mass-cyan),var(--mass-blue)); transition:width .3s ease; }
.massing-meter.is-near .massing-meter__fill { background:linear-gradient(90deg,#e0a106,#d8537a); }

/* Billing & invoices row */
.massing-card__billing { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; margin-top:1rem; }
.massing-renewal { font-size:.85rem; color:#4a5270; }
.massing-billing-link { margin-left:auto; font-size:.85rem; font-weight:600; }

/* Connected-instance last-active */
.massing-instance__seen { font-size:.75rem; color:#9aa1b8; white-space:nowrap; }