/**
 * CNA Fill & Refill Reminder — tool-specific styles.
 *
 * Deliberately small: almost everything reuses core's shared .cna-* classes
 * (see cna-core.css / cna-core-fallback.css). Only genuinely tool-specific
 * bits live here.
 */

.cna-fr__custom-rate-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.cna-fr__custom-rate {
	max-width: 110px;
}

.cna-fr__lifting-options {
	display: flex;
	gap: 16px;
	align-items: center;
}

.cna-fr__lifting-options label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 400;
	cursor: pointer;
}

.cna-fr__status {
	font-weight: 600;
}

.cna-fr__status--on-schedule {
	background: rgba(46, 125, 50, 0.12);
	color: #2e7d32;
}

.cna-fr__status--due-soon {
	background: rgba(239, 146, 26, 0.15);
	color: #b5690a;
}

.cna-fr__status--overdue {
	background: rgba(198, 40, 40, 0.12);
	color: #c62828;
}

.cna-fr__overdue-note {
	margin-top: 10px;
	padding: 10px 12px;
	background: rgba(198, 40, 40, 0.06);
	border-radius: calc(var(--cna-radius, 14px) - 6px);
}

.cna-fr__rebalance {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px dashed var(--cna-line, #e2d9e6);
}

.cna-fr__rebalance h3 {
	font-size: 1rem;
}

.cna-fr__rebalance p {
	margin: 0;
	color: var(--cna-text, #2b2130);
	font-size: 0.92rem;
}

.cna-fr__toolbar-langs {
	margin-left: auto;
	display: flex;
	gap: 8px;
}

@media print {
	.cna-fr-tool .cna-toolbar,
	.cna-fr-tool .cna-fr__ics-btn,
	.cna-fr-tool .cna-capture,
	.cna-fr-tool .cna-suggestions {
		display: none !important;
	}
}