/* =========================================
   UNIVERSAL DARK MODE FOR ALL FARMER PAGES
========================================= */

body.dark {
    background: #121212 !important;
    color: #eaeaea !important;
}

/* Global containers */
body.dark .main-content,
body.dark .content-wrapper,
body.dark section,
body.dark .container,
body.dark .panel,
body.dark .page,
body.dark .card,
body.dark .box {
    background: #1a1a1a !important;
    color: #eaeaea !important;
    border-color: #333 !important;
}

/* Headings */
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: #f1f1f1 !important;
}

/* Inputs */
body.dark input,
body.dark select,
body.dark textarea {
    background: #1f1f1f !important;
    color: #f1f1f1 !important;
    border: 1px solid #444 !important;
}

body.dark input::placeholder,
body.dark textarea::placeholder {
    color: #888 !important;
}

/* Buttons */
body.dark .btn,
body.dark button {
    background: #2b2b2b !important;
    color: #eaeaea !important;
    border: 1px solid #444 !important;
}

body.dark .btn-primary {
    background: #00c853 !important;
    color: #000 !important;
}

body.dark .btn-danger {
    background: #c62828 !important;
}

/* SIDEBAR */
body.dark .sidebar {
    background: #1a1a1a !important;
    color: #fff !important;
    border-right: 1px solid #333 !important;
}

body.dark .sidebar ul li a {
    color: #eaeaea !important;
}

body.dark .sidebar ul li a:hover {
    background: #2d2d2d !important;
    color: #00ff73 !important;
}

/* TOP NAV */
body.dark .top-nav {
    background: #1c1c1c !important;
    color: #fff !important;
}

/* CARDS (Crops, Orders, Dashboard Stats) */
body.dark .crop-card,
body.dark .order-card,
body.dark .stat-card {
    background: #1c1c1c !important;
    color: #f1f1f1 !important;
    border: 1px solid #333 !important;
}

body.dark .crop-card-category {
    background: rgba(0,255,100,0.15) !important;
    color: #00ff73 !important;
}

/* Status tags */
body.dark .status-available {
    background: #00c853 !important;
    color: #000 !important;
}

body.dark .status-sold,
body.dark .status-cancelled {
    background: #b71c1c !important;
    color: #fff !important;
}

/* TABLES (Orders Page) */
body.dark table {
    background: #1a1a1a !important;
    color: #eaeaea !important;
}

body.dark thead {
    background: #222 !important;
}

body.dark tbody tr {
    background: #181818 !important;
    border-color: #333 !important;
}

body.dark td,
body.dark th {
    border-color: #333 !important;
}

/* Pagination */
body.dark .pagination-btn {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

body.dark .pagination-btn:hover {
    background: #333 !important;
}

/* Empty State */
body.dark .empty-state {
    background: #1e1e1e !important;
    color: #ccc !important;
    border: 1px solid #333 !important;
}

/* Image Upload */
body.dark .upload-area {
    background: #1d1d1d !important;
    border-color: #333 !important;
}

body.dark .upload-area i,
body.dark .upload-area p {
    color: #bbb !important;
}

/* Modal */
body.dark .modal-content {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #f1f1f1 !important;
}

/* Toast */
body.dark .toast {
    background: #1f1f1f !important;
    border: 1px solid #444 !important;
    color: #eaeaea !important;
}
/* LOGOUT MODAL */
body.dark .logout-modal-content {
    background: #1d1d1d !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}

body.dark .logout-modal-content p {
    color: #ffffff !important;
}

/* Buttons inside logout modal */
body.dark #confirmLogout,
body.dark #cancelLogout {
    background: #2b2b2b !important;
    color: #fff !important;
    border: 1px solid #555 !important;
}

body.dark #confirmLogout:hover {
    background: #00c853 !important;
    color: #d6d2d2 !important;
}

body.dark #cancelLogout:hover {
    background: #444 !important;
}

#suggestionBox {
    position: absolute;
    top: 50px; /* directly under input */
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    z-index: 2000;
    display: none;
}

/* Suggestion items */
#suggestionBox div {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
}

#suggestionBox div:hover {
    background: #f5f5f5;
}
body.dark .suggestion-box {
  background: #1f1f1f !important;
  border-color: #444 !important;
  color: #eee !important;
}

body.dark .suggestion-box div {
  border-bottom: 1px solid #333 !important;
}

body.dark .suggestion-box div:hover {
  background: #2c2c2c !important;
}