/**
 * Fish grow-out calculator tool — visuals scoped to .fish-calculator-page
 */
.fish-calculator-page {
    --ccf-radius: 1rem;
    --ccf-radius-sm: 0.625rem;
    --ccf-accent: rgb(25, 135, 84);
    --ccf-accent-deep: rgb(30, 86, 49);
    --ccf-nav-gap: 5.5rem;
    padding-top: var(--ccf-nav-gap);
    min-height: 100vh;
    background:
        radial-gradient(1200px 520px at 12% -8%, rgba(25, 135, 84, 0.12), transparent 55%),
        radial-gradient(900px 400px at 88% 0%, rgba(32, 201, 151, 0.1), transparent 50%),
        linear-gradient(180deg, #f3f9f6 0%, #eef4ef 42%, #f6f8f7 100%);
}

.fish-calculator-page .ccf-hero h1 {
    letter-spacing: -0.02em;
    color: var(--ccf-accent-deep);
}

.fish-calculator-page .ccf-hero .lead {
    line-height: 1.65;
}

/* Form panel */
.fish-calculator-page .ccf-form-card {
    border-radius: var(--ccf-radius);
    border: 1px solid rgba(30, 86, 49, 0.1);
    box-shadow:
        0 4px 6px rgba(30, 86, 49, 0.04),
        0 12px 32px rgba(0, 0, 0, 0.06);
    background: #fff;
}

.fish-calculator-page .ccf-form-card h2 {
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem !important;
    border-bottom: 1px solid rgba(30, 86, 49, 0.1);
    color: var(--ccf-accent-deep);
}

.fish-calculator-page .ccf-form-card .form-label {
    font-weight: 600;
    font-size: 0.875rem;
    color: rgb(52, 58, 64);
}

.fish-calculator-page .ccf-form-card .form-control,
.fish-calculator-page .ccf-form-card .form-select {
    border-radius: var(--ccf-radius-sm);
    border-color: rgba(0, 0, 0, 0.12);
}

.fish-calculator-page .ccf-form-card .form-control:focus,
.fish-calculator-page .ccf-form-card .form-select:focus {
    border-color: rgba(25, 135, 84, 0.55);
    box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.12);
}

.fish-calculator-page .ccf-form-card .input-group-text {
    background: rgba(25, 135, 84, 0.06);
    border-color: rgba(0, 0, 0, 0.12);
    color: var(--ccf-accent-deep);
    font-weight: 600;
}

.fish-calculator-page .ccf-form-card .form-text {
    font-size: 0.8125rem;
    color: rgb(108, 117, 125) !important;
}

.fish-calculator-page #ccf-suggest-feed {
    border-radius: var(--ccf-radius-sm);
}

/* Results panel */
.fish-calculator-page .ccf-results-card {
    border-radius: var(--ccf-radius);
    overflow: hidden;
    background: linear-gradient(155deg, #146c43 0%, #198754 38%, var(--ccf-accent-deep) 100%) !important;
    box-shadow:
        0 4px 6px rgba(25, 135, 84, 0.15),
        0 20px 40px rgba(15, 42, 22, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.fish-calculator-page .ccf-results-card h2 {
    padding-bottom: 0.65rem;
    margin-bottom: 1rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.fish-calculator-page .ccf-results-card .ccf-results-rows li {
    gap: 0.75rem;
}

.fish-calculator-page .ccf-results-card .ccf-results-rows strong {
    font-variant-numeric: tabular-nums;
    text-align: right;
    flex-shrink: 0;
}

.fish-calculator-page .ccf-results-card .ccf-results-rows .fs-5 {
    letter-spacing: 0.02em;
}

.fish-calculator-page .ccf-results-card .ccf-sales-heading {
    letter-spacing: 0.06em !important;
    font-size: 0.72rem !important;
}

@media (min-width: 992px) {
    .fish-calculator-page .ccf-sidebar-sticky {
        position: sticky;
        top: calc(var(--ccf-nav-gap) + 0.35rem);
    }
}

.fish-calculator-page .ccf-disclaimer {
    border-radius: var(--ccf-radius-sm);
    border: 1px solid rgba(25, 135, 84, 0.14) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(6px);
}

/* Timeline phase cards */
.fish-calculator-page .ccf-timeline-section h2 {
    color: var(--ccf-accent-deep);
}

.fish-calculator-page .ccf-phase-card {
    border-radius: var(--ccf-radius);
    border-left: 4px solid rgba(25, 135, 84, 0.55);
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fish-calculator-page .ccf-phase-card .badge {
    font-weight: 600;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .fish-calculator-page .ccf-phase-card:hover {
        transform: translateY(-3px);
        box-shadow:
            0 4px 12px rgba(30, 86, 49, 0.1),
            0 12px 28px rgba(0, 0, 0, 0.08) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fish-calculator-page .ccf-phase-card {
        transition: none;
    }

    .fish-calculator-page .ccf-phase-card:hover {
        transform: none;
    }
}

.fish-calculator-page .ccf-page-footer.bg-dark {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}