/* Calculator dobândă simplă vs. compusă — stil consistent cu celelalte calculatoare. */
.cir-calc {
	max-width: 640px;
	background: #fff;
	border: 1px solid #d8e1ec;
	border-left: 4px solid #1a6e37;
	border-radius: 10px;
	padding: 1.4rem 1.5rem;
	margin: 1.2rem 0;
}
.cir-sub { margin: 0 0 1.1rem; color: #33424f; }
.cir-form { margin: 0; }

.cir-field { border: 0; margin: 0 0 1.1rem; padding: 0; }
.cir-field > label,
.cir-field legend { display: block; font-weight: 600; margin-bottom: .45rem; color: #1d2327; }

.cir-field input[type="number"],
.cir-field select {
	width: 100%;
	box-sizing: border-box;
	font-size: 1.1rem;
	padding: .6rem .7rem;
	border: 1px solid #b9c4d0;
	border-radius: 6px;
}
.cir-field--inline { display: flex; gap: 1rem; }
.cir-field--inline > div:first-child { flex: 1 1 auto; }
.cir-field--inline > div:last-child { flex: 0 0 9rem; }

.cir-radio { display: block; padding: .35rem 0; cursor: pointer; font-weight: 400; }
.cir-radio input { margin-right: .5rem; }
.cir-hint { color: #50575e; font-size: .9rem; }

.cir-actions { margin: .4rem 0 1.2rem; }
.cir-btn {
	background: #1a6e37; color: #fff; border: 0; border-radius: 6px;
	font-size: 1.05rem; font-weight: 700; padding: .7rem 1.4rem; cursor: pointer;
}
.cir-btn:hover { background: #14572b; }

.cir-calc input:focus-visible,
.cir-calc select:focus-visible,
.cir-btn:focus-visible { outline: 3px solid #0d4f93; outline-offset: 2px; }

.cir-result { border-top: 1px solid #e1e8f0; padding-top: 1rem; display: grid; gap: .5rem; }
.cir-metric {
	display: flex; justify-content: space-between; align-items: baseline;
	gap: 1rem; padding: .5rem .7rem; border-radius: 6px; background: #f6f8fb;
}
.cir-metric-label { color: #33424f; }
.cir-metric-value { font-weight: 700; font-size: 1.15rem; color: #0d3a6b; white-space: nowrap; }
.cir-metric--total { background: #eaf4ec; }
.cir-metric--total .cir-metric-value { color: #1a6e37; font-size: 1.4rem; }

.cir-compare {
	margin: .6rem 0 0; padding: .8rem 1rem; border-radius: 8px;
	background: #fff7ed; border: 1px solid #fed7aa; color: #7c2d12; line-height: 1.5;
}
.cir-compare:empty { display: none; }
.cir-note { color: #50575e; font-size: .88rem; margin: 1rem 0 0; }

@media (max-width: 480px) {
	.cir-metric { flex-direction: column; align-items: flex-start; gap: .15rem; }
	.cir-field--inline { flex-direction: column; gap: 1.1rem; }
}