/* Lactation Curve Intelligence v5.0 — Focused Edition (Holstein & Jersey) */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');

:root {
  --lci-jersey:#D4A017;--lci-jersey-light:#F5E6B8;--lci-jersey-dark:#8B6914;
  --lci-holstein:#1A1A2E;--lci-holstein-light:#A8B8D8;
  --lci-bg:#FEFCF6;--lci-card:#FFFFFF;--lci-text:#2D2A24;--lci-muted:#8A8578;
  --lci-accent:#C45B28;--lci-grid:#E8E4DB;
  --lci-L1:#E07B39;--lci-L2:#4A90D9;--lci-L3:#2EAF6C;
  --lci-herd:#9B59B6;--lci-predict:#E74C3C;--lci-teal:#16A085;
  --lci-bcs:#8E44AD;
}
.lci-wrap{font-family:'DM Sans',sans-serif;background:var(--lci-bg);color:var(--lci-text);max-width:1140px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08)}.lci-wrap *{box-sizing:border-box}

/* Header */
.lci-header{background:linear-gradient(135deg,#0F0F1B 0%,#2D2A24 50%,#8B6914 100%);padding:32px 28px 22px;color:#fff}
.lci-header h2{font-family:'Libre Baskerville',Georgia,serif;font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}
.lci-header h2 span{font-size:26px;margin-right:8px}
.lci-header .lci-version-badge{display:inline-block;font-size:10px;font-weight:400;background:rgba(255,255,255,.15);padding:2px 8px;border-radius:10px;margin-left:10px;vertical-align:middle}
.lci-header p{font-size:13px;color:rgba(255,255,255,.6);margin:0;max-width:720px;line-height:1.5}

/* Nav */
.lci-nav{background:var(--lci-card);border-bottom:1px solid var(--lci-grid);display:flex;gap:2px;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lci-nav::-webkit-scrollbar{height:0}
.lci-tab{padding:12px 14px;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--lci-muted);font-family:'Libre Baskerville',Georgia,serif;font-size:12px;font-weight:400;cursor:pointer;transition:all .3s;white-space:nowrap;letter-spacing:.02em}
.lci-tab:hover{color:var(--lci-text)}
.lci-tab.active{color:var(--lci-text);font-weight:700;border-bottom-color:var(--lci-accent)}
.lci-tab[data-tab="bcs"].active{border-bottom-color:var(--lci-bcs)}
.lci-tab[data-tab="dmi"].active{border-bottom-color:var(--lci-teal)}
.lci-tab[data-tab="ecm"].active{border-bottom-color:var(--lci-L2)}

/* Content */
.lci-content{padding:24px 24px 40px}
.lci-panel{display:none}.lci-panel.active{display:block}

/* Controls */
.lci-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.lci-lac-toggle{display:flex;gap:5px;background:#F3F0E8;border-radius:8px;padding:3px}
.lci-lac-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:var(--lci-muted);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s}
.lci-lac-btn.active{background:var(--lci-card);color:var(--lci-text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.lci-checks{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.lci-checks label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--lci-muted);cursor:pointer}
.lci-checks input[type="checkbox"]{accent-color:var(--lci-accent)}

/* Stats */
.lci-stats{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.lci-stat{background:var(--lci-card);border:1px solid var(--lci-grid);border-radius:6px;padding:12px 16px;flex:1;min-width:130px;border-left:4px solid var(--lci-accent)}
.lci-stat-label{font-size:10px;color:var(--lci-muted);text-transform:uppercase;letter-spacing:.1em}
.lci-stat-value{font-size:22px;font-weight:700;margin-top:2px}
.lci-stat-value .unit{font-size:11px;font-weight:400;color:var(--lci-muted);margin-left:3px}
.lci-stat-sub{font-size:10px;color:var(--lci-muted);margin-top:2px}

/* Chart cards */
.lci-chart-card{background:var(--lci-card);border:1px solid var(--lci-grid);border-radius:10px;padding:20px 16px 12px;margin-bottom:16px}
.lci-chart-title{font-size:14px;font-weight:600;margin-bottom:4px}
.lci-chart-sub{font-size:12px;color:var(--lci-muted);margin-bottom:14px;line-height:1.4}
.lci-chart-wrap{position:relative;width:100%}
.lci-chart-wrap canvas{width:100%!important}

/* Insight boxes */
.lci-insight{padding:14px 18px;border-radius:8px;font-size:13px;line-height:1.6;margin-top:16px}
.lci-insight.orange{background:#FFF8EE;border:1px solid #F0DFC0;color:#6B5A3E}
.lci-insight.green{background:#F5FFF5;border:1px solid #C0E8C0;color:#3B5A3B}
.lci-insight.purple{background:#F5F0FA;border:1px solid #D8CCE8;color:#5B3E7B}
.lci-insight.blue{background:#F0F4FF;border:1px solid #D0DAFA;color:#3B4A6B}
.lci-insight.teal{background:#F0FAF8;border:1px solid #B8E0D8;color:#2A5A50}
.lci-insight strong{font-weight:700}.lci-insight strong.accent{color:var(--lci-accent)}

/* Inputs */
.lci-input-row{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.lci-input-group{display:flex;flex-direction:column;gap:3px}
.lci-input-group label{font-size:10px;color:var(--lci-muted);text-transform:uppercase;letter-spacing:.08em}
.lci-input-group input[type="number"],.lci-input-group select{width:100px;padding:7px 9px;border:1px solid var(--lci-grid);border-radius:6px;font-size:15px;font-weight:600;color:var(--lci-text);background:var(--lci-card);outline:none;font-family:'DM Sans',sans-serif}
.lci-input-group input:focus,.lci-input-group select:focus{border-color:var(--lci-accent)}

/* Toggles */
.lci-breed-toggle{display:flex;gap:6px}
.lci-breed-btn{padding:8px 16px;border:2px solid var(--lci-grid);border-radius:6px;background:transparent;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:var(--lci-muted);transition:all .2s}
.lci-breed-btn.active-h{border-color:var(--lci-holstein);background:var(--lci-holstein-light);color:var(--lci-text)}
.lci-breed-btn.active-j{border-color:var(--lci-jersey);background:var(--lci-jersey-light);color:var(--lci-text)}

/* Hero banners */
.lci-bcs-hero{background:linear-gradient(135deg,#2C3E50 0%,#8E44AD 100%);border-radius:10px;padding:18px 22px;margin-bottom:16px;color:#fff}
.lci-bcs-hero h3{font-family:'Libre Baskerville',Georgia,serif;font-size:18px;font-weight:700;margin:0 0 4px}
.lci-bcs-hero p{font-size:12px;opacity:.7;margin:0;line-height:1.5}

/* Equations */
.lci-equation{font-family:'Libre Baskerville',Georgia,serif;font-size:14px;padding:12px 16px;background:#F9F7F2;border:1px solid var(--lci-grid);border-radius:8px;text-align:center;margin-bottom:16px;color:var(--lci-text);letter-spacing:.01em}
.lci-equation .eq-label{display:block;font-family:'DM Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--lci-muted);margin-bottom:4px}

/* Two-col layout */
.lci-chart-row{display:flex;gap:16px;flex-wrap:wrap}
.lci-chart-row .lci-chart-card{flex:1;min-width:300px}

/* Footer */
.lci-footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--lci-grid);font-size:11px;color:var(--lci-muted);line-height:1.7}

/* Responsive */
@media(max-width:768px){
  .lci-content{padding:16px 14px 32px}.lci-header{padding:24px 16px 18px}.lci-header h2{font-size:20px}
  .lci-stats{flex-direction:column}.lci-stat{min-width:unset}.lci-nav{padding:0 10px}
  .lci-tab{padding:10px 10px;font-size:11px}
  .lci-chart-row{flex-direction:column}.lci-chart-row .lci-chart-card{min-width:unset}
}