.fruit-dashboard-hero{margin-bottom:18px}.fruit-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.fruit-dashboard-card{background:#fff;border:1px solid #dbe9df;border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(26,83,48,.08)}.fruit-dashboard-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fruit-dashboard-title{display:flex;gap:12px;align-items:center}.fruit-dashboard-icon{font-size:36px;width:52px;height:52px;display:grid;place-items:center;background:#eef8f1;border-radius:15px}.fruit-dashboard-title small{font-weight:800;color:#698073}.fruit-dashboard-title h3{margin:2px 0 0;font-size:20px;color:#143e27}.fruit-dashboard-status{font-size:12px;font-weight:800;border-radius:999px;padding:7px 10px;background:#e9f7ed;color:#19713b}.fruit-dashboard-card.is-empty .fruit-dashboard-status{background:#f1f3f2;color:#68736c}.fruit-dashboard-empty{padding:24px 4px 16px;color:#66736b}.fruit-dashboard-empty p{margin:7px 0}.fruit-dashboard-cta{width:100%}.fruit-dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.fruit-dashboard-metrics div{background:#f5faf6;border-radius:13px;padding:12px 8px;text-align:center}.fruit-dashboard-metrics strong{display:block;font-size:20px;color:#174d2c}.fruit-dashboard-metrics span{font-size:11px;color:#6b796f}.fruit-dashboard-production{border-top:1px solid #e5eee8;padding-top:12px}.fruit-dashboard-production p{display:flex;justify-content:space-between;gap:10px;margin:9px 0}.fruit-dashboard-production span{color:#69766e}.fruit-dashboard-production strong{color:#173d27}.fruit-dashboard-bar{height:9px;background:#e6eee8;border-radius:999px;overflow:hidden;margin-top:12px}.fruit-dashboard-bar i{display:block;height:100%;background:#24854b;border-radius:999px}@media(max-width:700px){.fruit-dashboard-grid{grid-template-columns:1fr}.fruit-dashboard-metrics{grid-template-columns:1fr}.fruit-dashboard-metrics div{text-align:left}.fruit-dashboard-production p{align-items:flex-start;flex-direction:column}}