:root { --farmdata-card-bg: rgba(255, 255, 255, 0.94); --farmdata-card-border: rgba(24, 71, 42, 0.12); --farmdata-card-shadow: 0 18px 32px rgba(0, 0, 0, 0.16); } .farmdata-hero .badge { letter-spacing: 0.14em; text-transform: uppercase; background: rgba(240, 195, 65, 0.24); color: var(--lasuca-sun-light); border: 1px solid rgba(240, 195, 65, 0.35); padding: 8px 16px; border-radius: 999px; } .farmdata-search-card { background: var(--farmdata-card-bg); border: 1px solid var(--farmdata-card-border); border-radius: 24px; box-shadow: var(--farmdata-card-shadow); padding: 28px; margin-bottom: 32px; } .farmdata-search-card label { font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; color: var(--lasuca-muted); } .farmdata-search-card .form-control, .farmdata-search-card .form-select { border-radius: 999px; padding: 10px 16px; border: 1px solid rgba(24, 71, 42, 0.2); box-shadow: inset 0 0 0 1px rgba(24, 71, 42, 0.08); } .farmdata-search-card .form-check-label { text-transform: none; letter-spacing: normal; font-size: 0.9rem; color: var(--lasuca-text); } .farmdata-metrics { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-bottom: 32px; } .farmdata-metric { background: rgba(24, 71, 42, 0.12); border-radius: 20px; padding: 20px; color: var(--lasuca-text); } .farmdata-metric h4 { margin-bottom: 4px; font-size: 1.1rem; font-weight: 700; color: var(--lasuca-cane); } .farmdata-metric p { margin: 0; color: var(--lasuca-muted); font-size: 0.9rem; } .lasuca-theme.theme-dark .farmdata-metric { background: rgba(15, 35, 23, 0.55); color: #fff; } .lasuca-theme.theme-dark .farmdata-metric h4 { color: var(--lasuca-sun-light); } .lasuca-theme.theme-dark .farmdata-metric p { color: rgba(255, 255, 255, 0.7); } .farmdata-results-card { background: var(--farmdata-card-bg); border: 1px solid var(--farmdata-card-border); border-radius: 24px; box-shadow: var(--farmdata-card-shadow); padding: 24px; } .farmdata-results-card .table thead th { text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.72rem; color: var(--lasuca-muted); border-bottom-width: 2px; } .farmdata-results-card .table tbody td { vertical-align: middle; font-weight: 500; } .farmdata-results-summary { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 20px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--lasuca-muted); } @media (max-width: 767px) { .farmdata-search-card { padding: 20px; } .farmdata-results-card { padding: 20px; } }