.promike-shell {
	max-width: 1160px;
	margin: 0 auto;
	padding: 32px 20px;
}

.promike-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 24px;
}

.promike-card {
	grid-column: span 6;
	background: linear-gradient(180deg, #10192d 0%, #0b1220 100%);
	border: 1px solid rgba(213, 170, 74, 0.24);
	border-radius: 20px;
	padding: 28px;
	box-shadow: 0 16px 40px rgba(2, 6, 16, 0.18);
	color: #f4f2eb;
}

.promike-card-wide {
	grid-column: 1 / -1;
}

.promike-hero {
	background:
		radial-gradient(circle at top right, rgba(213, 170, 74, 0.28), transparent 34%),
		linear-gradient(180deg, #16233d 0%, #0c1425 100%);
}

.promike-auth-shell .promike-card {
	grid-column: 1 / -1;
}

.promike-eyebrow {
	display: inline-block;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: #d5aa4a;
	margin-bottom: 12px;
}

.promike-card h1,
.promike-card h2,
.promike-card h3 {
	color: #fff;
	margin-top: 0;
}

.promike-card p,
.promike-card li,
.promike-card label,
.promike-doc-meta {
	color: rgba(244, 242, 235, 0.84);
}

.promike-list {
	margin: 0;
	padding-left: 20px;
}

.promike-status-badges,
.promike-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.promike-badge,
.promike-link-card,
.promike-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 12px 18px;
	font-weight: 600;
	text-decoration: none;
}

.promike-badge {
	background: rgba(213, 170, 74, 0.14);
	color: #f7d37f;
}

.promike-badge-muted {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.promike-badge-success {
	background: rgba(84, 199, 129, 0.18);
	color: #98ecb4;
}

.promike-badge-success-muted {
	background: rgba(84, 199, 129, 0.12);
	color: #b8f1cb;
}

.promike-link-card,
.promike-button {
	background: #d5aa4a;
	color: #0b1220;
	border: none;
	cursor: pointer;
}

.promike-link-card:hover,
.promike-button:hover {
	background: #e5bc61;
	color: #0b1220;
}

.promike-upload-form p {
	margin-bottom: 16px;
}

.promike-upload-form input[type="text"],
.promike-upload-form input[type="file"],
.promike-upload-form textarea,
.woocommerce-form-row input,
.woocommerce-form-row select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	width: 100%;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	padding: 12px 14px;
}

.promike-upload-form textarea::placeholder,
.promike-upload-form input::placeholder,
.woocommerce form .form-row input::placeholder,
.woocommerce form .form-row textarea::placeholder {
	color: rgba(244, 242, 235, 0.5);
}

.promike-doc-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
}

.promike-doc-item {
	padding: 18px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.promike-notice {
	padding: 12px 14px;
	border-left: 3px solid #d5aa4a;
	background: rgba(213, 170, 74, 0.08);
	border-radius: 10px;
	color: #f4e3a5;
}

@media (max-width: 900px) {
	.promike-card {
		grid-column: 1 / -1;
	}
}