/* Smart Shrimp Log — Pond AI Analysis Global Production
   Presentation only. Decision semantics remain owned by Biomass/Harvest/Feed read models. */

.insight-production{
  --ai-ink:#173d32;
  --ai-muted:#6f837a;
  --ai-line:#d9e7de;
  --ai-soft:#f5faf7;
  --ai-green:#087b59;
  --ai-green-2:#159b69;
  --ai-gold:#b57a24;
  --ai-warn:#a86017;
  --ai-warn-bg:#fff6e7;
  gap:12px;
  max-width:1380px;
  margin-inline:auto;
}
.insight-production>*{min-width:0}
.insight-production-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:128px;
  padding:22px 24px;
  border:1px solid #cfe2d6;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 10%,rgba(30,164,111,.15),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f4faf6 68%,#eef7f2 100%);
  box-shadow:0 14px 34px rgba(24,76,57,.07);
}
.insight-production-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:190px;
  height:190px;
  right:-84px;
  bottom:-105px;
  border:1px solid rgba(8,123,89,.12);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(8,123,89,.035),0 0 0 60px rgba(8,123,89,.02);
}
.insight-production-hero .pond-module-kicker,
.insight-production .eyebrow,
.insight-production .pond-op-kicker{
  color:#168462;
  font-family:'Plus Jakarta Sans','Noto Sans Thai',sans-serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.insight-production-hero .pond-module-title{
  margin-top:4px;
  color:var(--ai-ink);
  font-size:clamp(25px,2.2vw,31px);
  letter-spacing:-.035em;
}
.insight-production-hero .pond-module-desc{
  max-width:780px;
  margin-top:4px;
  color:var(--ai-muted);
  font-size:12px;
  line-height:1.55;
}
.insight-production-actions{align-self:end}
.insight-authority{
  border:1px solid #cce7d8;
  background:#eff9f3;
  color:#126b50;
  font-size:9px;
  box-shadow:inset 0 1px rgba(255,255,255,.8);
}
.insight-production-actions .pond-module-primary-btn{
  min-height:42px;
  padding-inline:18px;
  border-radius:13px;
  border-color:#0b7c5b;
  background:linear-gradient(135deg,#087a59,#086947);
  color:#fff;
  box-shadow:0 8px 18px rgba(7,104,73,.16);
}

.insight-status-strip{
  gap:8px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.insight-status-strip>span{
  position:relative;
  min-height:64px;
  gap:5px;
  padding:12px 14px;
  border:1px solid var(--ai-line);
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 16px rgba(26,72,55,.035);
}
.insight-status-strip>span:before{
  content:"";
  position:absolute;
  inset:10px auto 10px 0;
  width:3px;
  border-radius:3px;
  background:#82bea4;
}
.insight-status-strip b{font-size:12px;color:#24483a}
.insight-status-strip small{font-size:9px;color:#7a8d84;line-height:1.35}

.insight-biomass-kpis{gap:8px!important}
.insight-biomass-kpis .pond-kpi-card{
  min-height:108px;
  padding:14px 15px;
  border:1px solid var(--ai-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(25,72,55,.035);
}
.insight-biomass-kpis .pond-kpi-title{font-size:11px;color:#60776c}
.insight-biomass-kpis .pond-kpi-val{
  margin-top:9px;
  color:#164e3d;
  font-family:'Plus Jakarta Sans','Noto Sans Thai',sans-serif;
  font-size:22px;
  font-weight:800;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.insight-biomass-kpis .pond-kpi-sub{margin-top:4px;font-size:9px;line-height:1.35;color:#84958d}
.insight-biomass-kpis .insight-primary-kpi{
  border-color:#9ed6bd!important;
  background:linear-gradient(145deg,#f6fcf8,#eaf7f0)!important;
}

.insight-production>.ai-trend-card,
.insight-production>.ai-forecast-card,
.insight-production>.ai-stock-count-card,
.insight-production-grid .pond-op-card{
  border:1px solid var(--ai-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 24px rgba(23,74,55,.045);
}
.insight-production>.ai-trend-card{padding:17px 18px}
.insight-production>.ai-trend-card .ai-trend-chart{
  border:1px solid #edf3ef;
  border-radius:13px;
  background:linear-gradient(180deg,#fcfefc,#f7faf8);
}

.post-harvest-forecast{position:relative;padding:18px!important}
.ai-forecast-head b.is-ready{background:#e5f5eb;color:#137148}
.ai-forecast-head b.is-watch{background:#fff0d9;color:#a36116}
.ai-forecast-context{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.ai-forecast-context>span{
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:1px solid #e1ebe5;
  border-radius:12px;
  background:#fafcfb;
}
.ai-forecast-context small{color:#7b8c84;font-size:8.5px;font-weight:700}
.ai-forecast-context b{color:#294c3e;font-size:12px;font-variant-numeric:tabular-nums}
.insight-production>.ai-forecast-card .ai-forecast-grid{
  border:0;
  gap:7px;
  overflow:visible;
  background:transparent;
}
.insight-production>.ai-forecast-card .ai-forecast-grid>div{
  min-height:96px;
  padding:13px 14px;
  border:1px solid #dae8df!important;
  border-radius:13px;
  background:#fff;
}
.insight-production>.ai-forecast-card .ai-forecast-grid span{font-size:9.5px;font-weight:700}
.insight-production>.ai-forecast-card .ai-forecast-grid strong{
  color:#0a7754;
  font-size:24px;
  font-variant-numeric:tabular-nums;
}
.insight-production>.ai-forecast-card .ai-forecast-grid small{font-size:8.5px}
.insight-production>.ai-forecast-card .ai-forecast-evidence{gap:7px}
.insight-production>.ai-forecast-card .ai-learning-summary,
.insight-production>.ai-forecast-card .ai-history-signal{
  border-radius:11px;
  background:#f7fbf8;
}
.insight-production>.ai-forecast-card .ai-feed-plan{
  grid-template-columns:repeat(10,minmax(0,1fr));
  gap:5px;
}
.insight-production>.ai-forecast-card .ai-plan-day{
  min-height:74px;
  padding:8px 5px;
  border-radius:10px;
}
.insight-production>.ai-forecast-card .ai-plan-day b{font-size:11.5px;font-variant-numeric:tabular-nums}
.ai-forecast-note{border:1px solid #f0dfb9;background:#fff8eb}
.ai-forecast-hold{border-color:#edcf96!important;background:linear-gradient(145deg,#fffdf8,#fff7e8)!important}

.insight-production-grid{gap:9px}
.insight-production-grid .pond-op-card{padding:15px}
.insight-reconcile-rows{border-radius:12px}
.insight-reconcile-rows>div{padding:10px 12px}
.insight-reconcile-rows span{font-size:10px}
.insight-reconcile-rows b{font-size:11px;font-variant-numeric:tabular-nums}
.insight-action-card{
  background:linear-gradient(145deg,#f7fbf8,#eff8f3)!important;
}
.insight-action-main{border-radius:12px}
.insight-action-list{font-size:10px}

.insight-stock-ledger{padding:18px!important}
.insight-stock-ledger .section-head{align-items:flex-start}
.insight-stock-ledger .section-head h3{margin:3px 0 2px;color:#1f4938;font-size:19px}
.insight-stock-ledger .section-head .muted{max-width:760px;font-size:10px;line-height:1.5}
.ai-stock-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.ai-stock-summary article{
  min-height:104px;
  padding:13px 14px;
  border:1px solid #dce9e1;
  border-radius:14px;
  background:#fbfdfc;
}
.ai-stock-summary article>span{
  display:block;
  color:#789086;
  font:800 8.5px 'Plus Jakarta Sans','Noto Sans Thai',sans-serif;
  letter-spacing:.08em;
}
.ai-stock-summary article>strong{
  display:block;
  margin-top:10px;
  color:#234d3d;
  font:800 22px 'Plus Jakarta Sans','Noto Sans Thai',sans-serif;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
.ai-stock-summary article>small{display:block;margin-top:5px;color:#819188;font-size:9px;line-height:1.35}
.ai-stock-summary article.is-primary{
  border-color:#9bd2b8;
  background:linear-gradient(145deg,#f3fbf6,#eaf7f0);
}
.ai-stock-summary article.is-primary strong{color:#087957}
.ai-stock-summary article.is-survival{
  border-color:#d9c691;
  background:linear-gradient(145deg,#fffdf8,#fff8e8);
}
.ai-stock-summary article.is-survival strong{color:#98621b}
.ai-stock-method{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:10px;
  margin-top:8px;
  padding:9px 11px;
  border:1px solid #dce9e1;
  border-radius:11px;
  background:#f8fbf9;
}
.ai-stock-method span{color:#168462;font:800 8px 'Plus Jakarta Sans';letter-spacing:.1em}
.ai-stock-method b{color:#315a48;font-size:10px}
.ai-stock-method small{color:#7b8e84;font-size:9px}
.ai-stock-table{margin-top:8px;overflow:auto;border:1px solid #e2ece6;border-radius:12px}
.ai-stock-table .table{margin:0}
.ai-stock-disclosure{margin-top:9px!important;border:1px solid #e0ebe4;background:#f7faf8}

@media(max-width:1100px){
  .ai-stock-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .insight-production>.ai-forecast-card .ai-feed-plan{grid-template-columns:repeat(5,minmax(0,1fr))}
}

@media(max-width:700px){
  .insight-production{gap:9px}
  .insight-production-hero{
    min-height:0;
    padding:14px 14px 13px;
    border-radius:17px;
    box-shadow:0 8px 20px rgba(23,74,55,.045);
  }
  .insight-production-hero .pond-module-title{font-size:22px}
  .insight-production-hero .pond-module-desc{font-size:10.5px;line-height:1.45}
  .insight-production-actions{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%;gap:7px}
  .insight-production-actions .pond-module-primary-btn{min-height:40px}
  .insight-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}
  .insight-status-strip>span{min-height:58px;padding:9px 10px}
  .insight-status-strip b{font-size:10.5px}
  .insight-status-strip small{font-size:8.5px}
  .insight-biomass-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .insight-biomass-kpis .pond-kpi-card{min-height:96px;padding:11px;border-radius:13px}
  .insight-biomass-kpis .pond-kpi-val{font-size:19px}
  .insight-biomass-kpis .pond-kpi-title{font-size:10px}
  .insight-biomass-kpis .pond-kpi-sub{font-size:8.5px}

  .insight-production>.ai-trend-card,
  .insight-production>.ai-forecast-card,
  .insight-production>.ai-stock-count-card{padding:12px!important;border-radius:15px}
  .insight-production>.ai-trend-card .ai-trend-head h3,
  .insight-production>.ai-forecast-card h3,
  .insight-stock-ledger .section-head h3{font-size:16px}

  .ai-forecast-context{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .ai-forecast-context>span{padding:8px 7px}
  .ai-forecast-context small{font-size:7.5px}
  .ai-forecast-context b{font-size:10.5px}
  .insight-production>.ai-forecast-card .ai-forecast-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px;
  }
  .insight-production>.ai-forecast-card .ai-forecast-grid>div{min-height:100px;padding:10px 8px}
  .insight-production>.ai-forecast-card .ai-forecast-grid span{font-size:8.5px}
  .insight-production>.ai-forecast-card .ai-forecast-grid strong{font-size:20px}
  .insight-production>.ai-forecast-card .ai-forecast-grid small{font-size:7.5px;line-height:1.35}
  .insight-production>.ai-forecast-card .ai-forecast-evidence{grid-template-columns:1fr;gap:5px}
  .insight-production>.ai-forecast-card .ai-learning-summary{display:grid;gap:2px}
  .insight-production>.ai-forecast-card .ai-history-signal{display:block}
  .insight-production>.ai-forecast-card .ai-feed-plan{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px;
    overflow:visible;
  }
  .insight-production>.ai-forecast-card .ai-plan-day{min-height:72px;padding:7px 3px}
  .insight-production>.ai-forecast-card .ai-plan-day span{font-size:7.5px}
  .insight-production>.ai-forecast-card .ai-plan-day b{font-size:10px}
  .insight-production>.ai-forecast-card .ai-plan-day small{font-size:7px;line-height:1.2}
  .ai-plan-head{align-items:flex-start;gap:2px}
  .ai-plan-head b{font-size:11px}
  .ai-plan-head span{font-size:8px}

  .insight-production-grid{grid-template-columns:1fr!important;gap:7px}
  .insight-production-grid .pond-op-card{padding:12px;border-radius:14px}
  .insight-reconcile-rows>div{padding:9px 10px}
  .insight-reconcile-rows span{max-width:62%;font-size:9px;line-height:1.25}
  .insight-reconcile-rows b{text-align:right;font-size:10px}

  .insight-stock-ledger .section-head{display:grid;gap:8px}
  .insight-stock-ledger .section-head .outline{width:100%;min-height:40px}
  .ai-stock-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .ai-stock-summary article{min-height:98px;padding:10px}
  .ai-stock-summary article>strong{font-size:18px}
  .ai-stock-summary article>small{font-size:8px}
  .ai-stock-method{grid-template-columns:1fr;gap:3px;padding:8px 9px}
  .ai-stock-method small{font-size:8px}
  .ai-stock-table{overflow:visible;border:0}
  .ai-stock-table .table{display:block;width:100%;font-size:9.5px}
  .ai-stock-table .table thead{display:none}
  .ai-stock-table .table tbody{display:grid;gap:6px}
  .ai-stock-table .ai-stock-sample-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:9px;
    border:1px solid #dce9df;
    border-radius:11px;
    background:#fbfdfb;
  }
  .ai-stock-table .ai-stock-sample-row td{display:grid;gap:2px;padding:0;border:0;min-width:0}
  .ai-stock-table .ai-stock-sample-row td:before{content:attr(data-label);color:#819289;font-size:7.5px;font-weight:800}
  .ai-stock-table .ai-stock-sample-row td b{font-size:10px}
}

@media(max-width:390px){
  .insight-production-hero{padding-inline:12px}
  .insight-status-strip>span{min-height:56px}
  .ai-forecast-context>span{padding-inline:6px}
  .ai-stock-summary article>strong{font-size:17px}
}