/* student-billing — subscriptions list, Stripe portal link, payment history.
   Used on the student billing page. */

.student-billing {
	max-width: 800px;

	.subscription-list {
		margin-bottom: 2rem;
	}

	.subscription-card {
		padding: 1.5rem;
		background: #f9f9f9;
		border: 1px solid #ddd;
		border-radius: 4px;
		margin-bottom: 1rem;

		&.cancelled {
			background: #fff3cd;
			border-color: #ffc107;
		}

		h3 {
			margin: 0 0 0.5rem 0;
			font-size: 1.2rem;

			a {
				color: inherit;
				text-decoration: none;

				&:hover {
					text-decoration: underline;
				}
			}
		}
	}

	.subscription-price {
		margin: 0;
		color: #666;
		font-size: 1rem;
	}

	.status-badge {
		font-size: 0.85em;
		font-weight: normal;
		padding: 0.2em 0.6em;
		border-radius: 3px;
		margin-left: 0.5em;

		&.active {
			color: #155724;
			background: #d4edda;
		}

		&.cancelled {
			color: #856404;
			background: #fff3cd;
		}
	}

	.billing-actions {
		padding: 1.5rem;
		background: #f0f8ff;
		border: 1px solid #b3d9ff;
		border-radius: 4px;

		p {
			margin-bottom: 1rem;
		}
	}

	.no-subscriptions {
		padding: 2rem;
		text-align: center;
		background: #f9f9f9;
		border: 1px solid #ddd;
		border-radius: 4px;
	}
}