#simplyin-blik-status-modal {
	&.simplyin-blik-modal {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
			sans-serif;

		.simplyin-blik-content {
			background: #fff;
			border-radius: 12px;
			padding: 24px;
			max-width: 400px;
			width: 90%;
			border: 2px solid #3b82f6;
			position: relative;
			margin-bottom: 20px;
		}

		.simplyin-blik-header {
			text-align: center;
			margin-bottom: 20px;

			.simplyin-blik-title {
				margin: 0;
				font-size: 18px;
				font-weight: 600;
				color: #333;
			}
		}

		.simplyin-status-logo {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 10px;
			margin-top: 10px;

			& > img.simplyin {
				width: 35px;
			}

			& > img.payu {
				width: 50px;
			}
		}

		.simplyin-blik-payment-method {
			border: 2px solid #3b82f6;
			border-radius: 8px;
			padding: 16px;
			margin-bottom: 24px;
			background: #f8fafc;

			.simplyin-blik-method-info {
				display: flex;
				align-items: center;
				gap: 12px;

				input[type="radio"] {
					margin: 0;
					accent-color: #3b82f6;

					&::before,
					&::after {
						display: none !important;
					}
				}

				.simplyin-blik-label {
					display: flex;
					align-items: center;
					gap: 8px;
					flex: 1;
					margin: 0;
					cursor: default;

					.simplyin-blik-logo {
						width: 32px;
						height: 20px;
						object-fit: contain;
					}

					.simplyin-blik-text {
						font-weight: 600;
						color: #333;
					}
				}

				.simplyin-blik-checkmark {
					color: #22c55e;
					font-weight: bold;
					font-size: 18px;
				}
			}
		}

		.simplyin-blik-status-container {
			display: flex;
			align-items: flex-start;
			gap: 16px;
			margin-bottom: 24px;

			.simplyin-blik-icon {
				flex-shrink: 0;

				svg {
					display: block;
				}
			}

			.simplyin-blik-status-text {
				flex: 1;

				.simplyin-blik-main-message {
					font-size: 16px;
					font-weight: 500;
					color: #333;
					margin-bottom: 8px;
					line-height: 1.4;
				}

				.simplyin-blik-sub-message {
					font-size: 14px;
					color: #666;
					line-height: 1.4;
					margin-top: 10px;
				}
			}
		}

		.simplyin-blik-loader {
			text-align: center;

			.simplyin-blik-spinner {
				width: 32px;
				height: 32px;
				border: 3px solid #f3f4f6;
				border-top: 3px solid #3b82f6;
				border-radius: 50%;
				animation: spin 1s linear infinite;
				margin: 0 auto;
			}

			&.hidden {
				display: none;
			}
		}

		.simplyin-blik-actions {
			text-align: center;

			.simplyin-blik-cancel-btn {
				background: #fff;
				border: 1px solid #d1d5db;
				color: #374151;
				padding: 10px 20px;
				border-radius: 6px;
				font-size: 14px;
				cursor: pointer;
				transition: all 0.2s;

				&:hover {
					background: #f9fafb;
					border-color: #9ca3af;
				}
			}
		}

		.simplyin-blik-success {
			.simplyin-blik-icon svg path {
				fill: #22c55e;
			}

			.simplyin-blik-sub-message {
				color: #22c55e;
			}
		}

		.simplyin-blik-error {
			.simplyin-blik-icon svg path {
				fill: #ef4444;
			}

			.simplyin-blik-sub-message {
				color: #ef4444;
			}
		}
	}

	@keyframes spin {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	@media (max-width: 480px) {
		.simplyin-blik-modal {
			.simplyin-blik-content {
				margin: 20px;
				padding: 20px;
			}

			.simplyin-blik-status-container {
				gap: 12px;
			}

			.simplyin-blik-status-text {
				.simplyin-blik-main-message {
					font-size: 14px;
				}

				.simplyin-blik-sub-message {
					font-size: 13px;
				}
			}
		}
	}
}
