/* =========================================================
   Ajans Asistanlığı — Tahmini Aylık Kazanç Hesaplama
   Tüm class adları "b12-agency-income-" öneki ile izole edilmiştir.
   ========================================================= */

.b12-agency-income-section {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 4px;
}

.b12-agency-income-subtitle {
	margin: -4px 0 4px;
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--pw-muted);
}

.b12-agency-income-count-field input {
	max-width: 240px;
}

.b12-agency-income-field-error {
	display: block;
	font-size: 12.5px;
	color: #ff8a8a;
	margin-top: -6px;
}

/* ===== Segment kartları ===== */
.b12-agency-income-segments {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.b12-agency-income-segment-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-align: left;
	padding: 16px 14px;
	border-radius: var(--pw-radius-md);
	border: 1px solid var(--pw-border-soft);
	background: var(--pw-card);
	color: var(--pw-text);
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.b12-agency-income-segment-card:hover {
	border-color: var(--pw-border);
}
.b12-agency-income-segment-card:focus-visible {
	outline: 2px solid var(--pw-primary-light);
	outline-offset: 2px;
}
.b12-agency-income-segment-card.is-active {
	background: linear-gradient(160deg, rgba(113, 56, 237, 0.28), rgba(153, 92, 255, 0.12));
	border-color: var(--pw-primary-light);
	box-shadow: 0 0 0 1px rgba(153, 92, 255, 0.35), 0 10px 26px rgba(113, 56, 237, 0.25);
	transform: translateY(-1px);
}

.b12-agency-income-segment-badge {
	position: absolute;
	top: -10px;
	right: 12px;
	background: linear-gradient(135deg, var(--pw-primary), var(--pw-primary-light));
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	box-shadow: 0 4px 10px rgba(113, 56, 237, 0.4);
}

.b12-agency-income-segment-title {
	font-weight: 700;
	font-size: 15px;
	color: #fff;
}
.b12-agency-income-segment-subtitle {
	font-size: 12px;
	color: var(--pw-primary-light);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}
.b12-agency-income-segment-stat {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.85);
}
.b12-agency-income-segment-desc {
	font-size: 12px;
	color: var(--pw-muted);
	margin-top: 4px;
	line-height: 1.4;
}

/* ===== Sonuç kartı ===== */
.b12-agency-income-result-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 20px 22px;
	border-radius: var(--pw-radius-lg);
	background: linear-gradient(160deg, rgba(113, 56, 237, 0.22), rgba(11, 17, 37, 0.9));
	border: 1px solid var(--pw-border);
	box-shadow: var(--pw-shadow-glow);
}

.b12-agency-income-result-label {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.6px;
	color: var(--pw-primary-light);
}

.b12-agency-income-result-amount {
	font-size: 32px;
	font-weight: 800;
	color: #fff;
	line-height: 1.1;
}

.b12-agency-income-result-formula {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.75);
}

.b12-agency-income-result-note {
	font-size: 11.5px;
	color: var(--pw-muted);
	line-height: 1.5;
	margin-top: 4px;
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
	.b12-agency-income-segments { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
	.b12-agency-income-segments { grid-template-columns: 1fr; }
	.b12-agency-income-segment-card { min-height: 44px; }
	.b12-agency-income-result-card { width: 100%; }
	.b12-agency-income-result-amount { font-size: 28px; }
	.b12-agency-income-count-field input { max-width: 100%; }
}