/**
 * CostoCajero Exchange Styles
 */

/* Exchange Widget */
.cc-exchange-widget {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	padding: 2em;
	margin: 2em 0;
	text-align: center;
}

.cc-exchange-current {
	margin-bottom: 2em;
}

.cc-exchange-label {
	font-size: 1.1em;
	color: #666;
	margin-bottom: 1em;
}

.cc-exchange-rate {
	font-size: 2.5em;
	font-weight: 700;
	color: #0073aa;
	margin: 0.5em 0;
}

.cc-rate-value {
	display: inline-block;
}

.cc-rate-currency {
	font-size: 0.6em;
	color: #666;
	margin-left: 0.5em;
}

.cc-exchange-date {
	color: #999;
	font-size: 0.9em;
	margin-top: 0.5em;
}

.cc-auto-refresh {
	display: block;
	color: #4caf50;
	margin-top: 0.5em;
	font-size: 0.85em;
}

.cc-exchange-historical {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #e0e0e0;
}

.cc-exchange-historical label {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 600;
}

.cc-exchange-historical input[type="date"] {
	padding: 0.5em;
	margin-right: 0.5em;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.cc-exchange-historical .button {
	margin-left: 0.5em;
}

#cc-historical-display {
	margin-top: 1em;
	padding: 1em;
	background: #f9f9f9;
	border-radius: 4px;
}

/* Admin Dashboard */
.cc-exchange-dashboard {
	margin: 2em 0;
}

.cc-current-rate-card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 2em;
	margin-bottom: 2em;
	text-align: center;
}

.cc-rate-display {
	margin: 1.5em 0;
}

.cc-rate-value {
	font-size: 3em;
	font-weight: 700;
	color: #0073aa;
	display: block;
}

.cc-rate-label {
	font-size: 1.2em;
	color: #666;
	margin-left: 0.5em;
}

.cc-last-update {
	color: #999;
	font-size: 0.9em;
	margin: 1em 0;
}

.cc-historical-section {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 2em;
	margin-top: 2em;
}

.cc-historical-form {
	margin: 1.5em 0;
}

.cc-historical-form label {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 600;
}

.cc-historical-form input[type="date"] {
	padding: 0.5em;
	margin-right: 0.5em;
	border: 1px solid #ddd;
	border-radius: 4px;
}

#cc-historical-result {
	margin-top: 1.5em;
	padding: 1em;
	background: #f9f9f9;
	border-radius: 4px;
	min-height: 50px;
}

.cc-historical-result-value {
	font-size: 2em;
	font-weight: 700;
	color: #0073aa;
	text-align: center;
}

/* Loading */
.cc-loading {
	color: #666;
	font-style: italic;
}

/* Responsive */
@media (max-width: 768px) {
	.cc-exchange-rate {
		font-size: 2em;
	}
	
	.cc-rate-value {
		font-size: 2.5em;
	}
}