/* Farmer-first UI refinements for Kalasin Shrimp */
:root {
    --farm-green: #2f7d4f;
    --farm-green-dark: #1f5d3a;
    --water-blue: #1f8fb8;
    --pond-blue: #eaf7fb;
    --rice-gold: #f2b84b;
    --soil: #6f5a3f;
    --ink: #17323a;
    --muted: #6b7a82;
    --surface: #ffffff;
    --page: #f3f8f5;
    --line: #dce8df;
    --shadow-soft: 0 10px 28px rgba(23, 50, 58, .08);
}

html { scroll-behavior: smooth; }
body {
    font-family: 'Sarabun', sans-serif;
    background: var(--page);
    color: var(--ink);
}

.farmer-page { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
.farmer-container { max-width: 760px; margin: 0 auto; }

.farmer-hero {
    background: linear-gradient(135deg, rgba(47,125,79,.96), rgba(31,143,184,.94));
    color: #fff;
    padding: 22px 18px 24px;
    border-radius: 0 0 28px 28px;
    box-shadow: var(--shadow-soft);
}
.farmer-hero h4, .farmer-hero h5 { letter-spacing: 0; }
.farmer-hero .eyebrow { opacity: .86; font-size: .88rem; }
.farmer-hero .hero-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 10px; border-radius: 999px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.24);
    font-size: .82rem;
}

.quick-menu-btn, .farmer-action-card {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 14px 12px;
    box-shadow: var(--shadow-soft);
    color: var(--ink);
    text-decoration: none;
    min-height: 94px;
}
.quick-menu-btn i {
    width: 42px; height: 42px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--pond-blue); margin-bottom: 8px;
}
.quick-menu-btn:hover, .farmer-action-card:hover {
    color: var(--farm-green-dark);
    border-color: rgba(47,125,79,.35);
    transform: translateY(-1px);
}

.farmer-section-title {
    font-size: .86rem;
    color: var(--muted);
    font-weight: 700;
    margin: 20px 0 10px;
}

.farmer-card, .profile-card, .cycle-card, .card-stat {
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    box-shadow: var(--shadow-soft) !important;
    overflow: hidden;
}
.card-stat { min-height: 84px; }
.card-stat small { opacity: .9; }

.status-badge, .badge-soft {
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 700;
}
.badge-raising { background: #e6f5ed; color: var(--farm-green-dark); border: 1px solid #b9dfc8; }
.badge-idle { background: #eef3f6; color: #61717a; border: 1px solid #d6e0e5; }

.farmer-filter-card {
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow-soft);
}
.form-control, .form-select { border-radius: 8px; border-color: #cfddd5; }
.form-control:focus, .form-select:focus {
    border-color: var(--farm-green);
    box-shadow: 0 0 0 .2rem rgba(47,125,79,.12);
}
.btn { border-radius: 8px; }
.btn-primary { background: var(--farm-green); border-color: var(--farm-green); }
.btn-primary:hover { background: var(--farm-green-dark); border-color: var(--farm-green-dark); }
.btn-success { background: var(--farm-green); border-color: var(--farm-green); }

.bottom-nav {
    position: fixed; left: 0; right: 0; bottom: 0;
    background: rgba(255,255,255,.98);
    border-top: 1px solid var(--line);
    box-shadow: 0 -10px 30px rgba(23,50,58,.08);
    display: grid !important; grid-template-columns: repeat(5, 1fr);
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
    z-index: 1000;
}
.nav-item-mobile {
    width: auto !important; min-height: 58px;
    display: flex !important; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; border-radius: 8px;
    color: #66777f !important; text-decoration: none; font-size: .74rem;
}
.nav-item-mobile i { font-size: 1.15rem; margin: 0 !important; }
.nav-item-mobile.active {
    color: var(--farm-green-dark) !important;
    background: #e7f4ec;
    font-weight: 700;
}
.nav-item-mobile.text-danger { color: #bd3d3d !important; }

.map-card #map, #map { min-height: 260px; }
.list-group-item { border-color: #edf3ef; }

.login-farmer-bg {
    background: linear-gradient(180deg, #eaf7fb 0%, #f3f8f5 52%, #ffffff 100%);
}
.login-header-farmer {
    background: linear-gradient(135deg, var(--farm-green), var(--water-blue));
}

@media (min-width: 768px) {
    .farmer-hero { border-radius: 0 0 32px 32px; padding: 28px 28px 30px; }
    .bottom-nav { max-width: 760px; left: 50%; transform: translateX(-50%); border-radius: 18px 18px 0 0; }
}


/* Farmer dashboard refinements */
.summary-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow-soft);
    padding: 16px;
}
.mini-stat {
    min-height: 82px;
    border: 1px solid #e5efe8;
    background: #f8fbf9;
    border-radius: 8px;
    padding: 12px;
}
.mini-stat small {
    display: block;
    color: var(--muted);
    font-size: .78rem;
    margin-bottom: 4px;
}
.mini-stat strong {
    display: block;
    color: var(--ink);
    font-size: 1.32rem;
    line-height: 1.15;
}
.mini-stat.income strong { color: #198754; }
.mini-stat.profit strong { color: var(--farm-green-dark); }
.mini-stat.loss strong { color: #bd3d3d; }
.quick-menu-btn.quick-primary {
    border-color: rgba(47,125,79,.28);
    background: linear-gradient(180deg, #ffffff 0%, #f1faf4 100%);
}
.network-section { scroll-margin-top: 16px; }
.farmer-avatar {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--farm-green-dark);
    background: #e7f4ec;
}
.contact-circle {
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.min-w-0 { min-width: 0; }