/* AGROLOGIX R4 - PROYECCION GEOMETRY PARITY R13
   Authority: approved 1672x941 mockup.
   Measured body geometry:
   - title 78px
   - KPI row 90px
   - filters 100px
   - main area = remaining viewport
   - main columns ≈ 45.2% / 22.1% / 32.7%
   - main rows ≈ 59% / 41%
   - history spans columns 1-2; new projection = col 3
   - bottom row: chart / summary / comparison
   Canonical shared shell/header remain untouched. */
#projectionContent,#projectionContent *{box-sizing:border-box}
#projectionContent{
  --g:#078c50;--b:#238ee8;--a:#ef9900;--p:#7d2fe7;--t:#102847;--m:#61758c;--l:#d8e3eb;
  background:#f3f7fa;color:var(--t);overflow:hidden!important;min-width:0!important;min-height:0!important
}
#projectionContent .ps4-content{
  width:100%;height:100%;min-width:0;min-height:0;
  padding:12px 18px;
  display:grid;
  grid-template-rows:78px 90px 100px minmax(0,1fr);
  gap:11px;
  overflow:hidden
}
#projectionContent svg{display:block}
#projectionContent button,#projectionContent input,#projectionContent select{font:inherit}

/* Header inside body */
#projectionContent .ps4-titlebar{display:flex;align-items:center;justify-content:space-between;min-width:0;overflow:hidden}
#projectionContent .title-copy{min-width:0}
#projectionContent .title-copy small{display:block;color:var(--g);font-weight:900;letter-spacing:1.2px;font-size:12px}
#projectionContent .title-copy h1{margin:3px 0 4px;font-size:31px;line-height:1;color:#0b2b70;white-space:nowrap}
#projectionContent .title-copy p{margin:0;color:#56708b;font-size:12.5px;white-space:nowrap}
#projectionContent .ps4-title-actions{display:flex;gap:12px;align-items:center;flex:none}
#projectionContent .ps4-title-actions button{
  height:43px;border:1px solid var(--g);border-radius:7px;background:var(--g);color:#fff;
  font-weight:800;padding:0 18px;display:flex;align-items:center;gap:9px;white-space:nowrap
}
#projectionContent .ps4-title-actions .outline{background:#fff;color:#0c2f65}
#projectionContent .btn-icon{width:19px;height:19px;color:currentColor}
#projectionContent .btn-icon svg{width:100%;height:100%;fill:currentColor}

/* KPI row */
#projectionContent .ps4-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0}
#projectionContent .ps4-kpis article{
  height:90px;background:#fff;border:1px solid var(--l);border-radius:10px;border-top:2px solid;
  display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;padding:10px 14px;min-width:0
}
#projectionContent .ps4-kpis .green{border-top-color:var(--g)}
#projectionContent .ps4-kpis .blue{border-top-color:var(--b)}
#projectionContent .ps4-kpis .amber{border-top-color:var(--a)}
#projectionContent .ps4-kpis .purple{border-top-color:var(--p)}
#projectionContent .ps4-kpis .ico{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:#eaf8ef;color:var(--g)}
#projectionContent .ps4-kpis .blue .ico{background:#eaf5ff;color:var(--b)}
#projectionContent .ps4-kpis .amber .ico{background:#fff4df;color:var(--a)}
#projectionContent .ps4-kpis .purple .ico{background:#f3eaff;color:var(--p)}
#projectionContent .ps4-kpis .ico svg{width:28px;height:28px;fill:currentColor}
#projectionContent .ps4-kpis span,#projectionContent .ps4-kpis small{display:block;color:#58708a;font-size:11px}
#projectionContent .ps4-kpis strong{display:block;font-size:24px;margin:2px 0;line-height:1}

/* Shared card language */
#projectionContent .ps4-filter-card,
#projectionContent .ps4-history,
#projectionContent .ps4-create,
#projectionContent .ps4-chart-card,
#projectionContent .ps4-summary,
#projectionContent .ps4-compare,
#projectionContent .ps4-detail{background:#fff;border:1px solid var(--l);border-radius:9px;min-width:0;min-height:0}

/* Filter band */
#projectionContent .ps4-filter-card{height:100px;padding:9px 14px;overflow:hidden}
#projectionContent .ps4-filter-card h2,#projectionContent .card-head h2{
  margin:0;font-size:15px;display:flex;align-items:center;gap:8px;color:#0c2744
}
#projectionContent .section-icon{width:23px;height:23px;color:var(--g);display:grid;place-items:center;flex:none}
#projectionContent .section-icon svg{width:22px;height:22px;fill:currentColor}
#projectionContent .ps4-filter-card h2{margin-bottom:8px}
#projectionContent .ps4-filters{display:grid;grid-template-columns:1fr 1.05fr 1fr .92fr 1.05fr 1fr;gap:10px;min-width:0}
#projectionContent label{font-size:10px;color:#3d5b78;min-width:0}
#projectionContent .field-shell{position:relative;margin-top:3px;min-width:0}
#projectionContent .field-shell input,#projectionContent .field-shell select,
#projectionContent .ps4-create select,#projectionContent .ps4-create input{
  width:100%;height:34px;border:1px solid #cbd9e5;border-radius:6px;background:#fff;color:#173b61;min-width:0
}
#projectionContent .field-shell input,#projectionContent .field-shell select{padding:0 9px 0 35px}
#projectionContent .field-icon{
  position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:17px;height:17px;color:var(--g);z-index:2;pointer-events:none
}
#projectionContent .field-icon svg{width:100%;height:100%;fill:currentColor}

/* === Measured main geometry from authority mockup === */
#projectionContent .ps4-grid{
  min-width:0;min-height:0;height:100%;overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.43fr) minmax(0,.70fr) minmax(0,1fr);
  grid-template-rows:minmax(0,1.47fr) minmax(0,1fr);
  grid-template-areas:
    "history history create"
    "chart summary compare";
  gap:10px
}
#projectionContent .ps4-history{grid-area:history;padding:10px;overflow:hidden}
#projectionContent .ps4-create{grid-area:create;padding:10px;overflow:hidden}
#projectionContent .ps4-chart-card{grid-area:chart;padding:10px;overflow:hidden}
#projectionContent .ps4-summary{grid-area:summary;padding:10px;overflow:hidden}
#projectionContent .ps4-compare{grid-area:compare;padding:10px;overflow:hidden}

/* Card heads */
#projectionContent .card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7px;min-width:0}
#projectionContent .card-head.compact{margin-bottom:4px}
#projectionContent .card-head h2{font-size:16px;white-space:nowrap}
#projectionContent .card-head p{margin:3px 0 0;color:#6d8195;font-size:10px;white-space:nowrap}
#projectionContent .mini-search{
  height:34px;border:1px solid #cfdde7;border-radius:6px;display:flex;align-items:center;gap:8px;
  padding:0 10px;color:#1f66c7;min-width:270px;max-width:300px
}
#projectionContent .mini-search span{width:17px;height:17px;flex:none}
#projectionContent .mini-search svg{width:100%;height:100%}
#projectionContent .mini-search input{border:0;outline:0;width:100%;min-width:0;color:#4e657d}

/* History - exactly compact like authority */
#projectionContent .table-wrap{border:1px solid #dce5ec;border-radius:6px;overflow:hidden;height:190px}
#projectionContent .table-wrap table,#projectionContent .ps4-compare table{width:100%;border-collapse:collapse;font-size:9px;table-layout:auto}
#projectionContent .table-wrap th,#projectionContent .ps4-compare th{
  background:#edf3f6;padding:6px 7px;text-align:left;color:#49627d;font-weight:700;white-space:nowrap
}
#projectionContent .table-wrap td,#projectionContent .ps4-compare td{
  padding:6px 7px;border-top:1px solid #e6edf2;white-space:nowrap
}
#projectionContent .table-wrap tbody tr:nth-child(n+5){display:none}
#projectionContent .proj-name strong,#projectionContent .proj-name small{display:block}
#projectionContent .proj-name small{color:#4c72ac;margin-top:1px}
#projectionContent .badge{display:inline-flex;padding:4px 10px;border-radius:6px;font-weight:800}
#projectionContent .badge.active{background:#d9f5e6;color:var(--g)}
#projectionContent .badge.done{background:#deefff;color:#1871d1}
#projectionContent .actions{display:flex;gap:5px}
#projectionContent .actions button{
  width:29px;height:27px;border:1px solid #d3e0e8;background:#fff;border-radius:5px;color:#153f72;
  display:grid;place-items:center;padding:0
}
#projectionContent .actions button svg{width:15px;height:15px}
#projectionContent .actions .delete{color:#ef3647}
#projectionContent .pager{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 2px 0;
  color:#5c748d;font-size:10px
}
#projectionContent .pager>div{display:flex;gap:5px}
#projectionContent .pager button{width:30px;height:28px;border:1px solid #d6e1e9;background:#fff;border-radius:5px}
#projectionContent .pager .active{background:#e8f0f5}
#projectionContent .pager label{justify-self:end}
#projectionContent .pager select{height:28px;border:1px solid #d6e1e9;border-radius:5px}

/* New Projection - compact to authority top-right block */
#projectionContent .ps4-create form{display:flex;flex-direction:column;gap:5px}
#projectionContent .two{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#projectionContent .three{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#projectionContent .horizon-buttons,#projectionContent .engine-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:3px}
#projectionContent .horizon-buttons button,#projectionContent .engine-mode button{
  height:28px;border:1px solid #d0dde7;background:#fff;color:#1b4f82;font-size:10px
}
#projectionContent .horizon-buttons .active,#projectionContent .engine-mode .active{
  background:var(--g);color:#fff;border-color:var(--g)
}
#projectionContent .ps4-create .field-shell input,#projectionContent .ps4-create .field-shell select,
#projectionContent .ps4-create>form>div select,#projectionContent .ps4-create>form>div input{height:30px;font-size:10px}
#projectionContent .engine-box{border:1px solid #d8e5ec;border-radius:7px;padding:6px;background:#fbfdfe}
#projectionContent .engine-box>strong{display:block;font-size:10px;margin-bottom:4px}
#projectionContent .engine-mode{grid-template-columns:1fr 1fr;margin-bottom:5px}
#projectionContent .engine-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
#projectionContent .engine-fields label:first-child:last-child{grid-column:1/-1}
#projectionContent .ollama-status{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:9px}
#projectionContent .ollama-status button{border:1px solid #0c9155;background:#fff;color:#0c7e4b;border-radius:5px;height:27px}
#projectionContent .notice{
  background:#eaf5ff;border:1px solid #d2e7fb;border-radius:6px;padding:5px 7px;color:#2866b4;
  font-size:8.5px;display:flex;gap:6px;align-items:center;line-height:1.15
}
#projectionContent .notice span:first-child{width:15px;height:15px;flex:none}
#projectionContent .notice svg{width:100%;height:100%}
#projectionContent .simulate{
  height:31px;border:0;border-radius:5px;background:var(--g);color:#fff;font-weight:800;
  display:flex;align-items:center;justify-content:center;gap:8px
}
#projectionContent .simulate span{width:15px;height:15px}
#projectionContent .simulate svg{width:100%;height:100%;fill:currentColor}

/* Bottom row */
#projectionContent .legend{display:flex;gap:10px;font-size:8.5px;align-items:center;white-space:nowrap}
#projectionContent .legend span:before{
  content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px
}
#projectionContent .legend .g:before{background:#1ebd69}
#projectionContent .legend .b:before{background:#2f8ef5}
#projectionContent .legend .a:before{background:#f1a31b}
#projectionContent #projectionChart{width:100%;height:145px;background:#fff}
#projectionContent .chart-note{
  font-size:8.5px;color:#466ea2;background:#edf5ff;border:1px solid #d9e9fb;border-radius:5px;
  padding:4px 6px;display:flex;gap:6px;align-items:center;line-height:1.1
}
#projectionContent .chart-note span:first-child{width:14px;height:14px;flex:none}
#projectionContent .chart-note svg{width:100%;height:100%}

/* Summary middle column */
#projectionContent .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
#projectionContent .summary-grid>div{
  border:1px solid #dfe8ee;border-radius:7px;padding:5px;min-height:44px;
  display:grid;grid-template-columns:30px 1fr;align-items:center;gap:5px;min-width:0
}
#projectionContent .summary-grid span,#projectionContent .summary-grid small{display:block;color:#667e96;font-size:8px}
#projectionContent .summary-grid strong{display:block;font-size:13px;margin:1px 0;white-space:nowrap}
#projectionContent .summary-grid small{color:#0a9856}
#projectionContent .summary-grid .risk{color:var(--g)}
#projectionContent .metric-icon{
  width:27px;height:27px;border-radius:8px;background:#eaf8ef;color:var(--g);display:grid;place-items:center
}
#projectionContent .metric-icon.blue{background:#eaf5ff;color:var(--b)}
#projectionContent .metric-icon.amber{background:#fff4df;color:var(--a)}
#projectionContent .metric-icon.purple{background:#f3eaff;color:var(--p)}
#projectionContent .metric-icon.red{background:#fff0ef;color:#e4414a}
#projectionContent .metric-icon svg{width:16px;height:16px;fill:currentColor}

/* Compare right column */
#projectionContent .ps4-compare table{font-size:8px}
#projectionContent .ps4-compare th,#projectionContent .ps4-compare td{padding:5px 6px}
#projectionContent .compare-btn{
  width:100%;height:28px;margin-top:5px;border:1px solid #2f73c9;background:#fff;color:#174a84;
  border-radius:5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px
}
#projectionContent .compare-btn span{width:15px;height:15px}
#projectionContent .compare-btn svg{width:100%;height:100%;fill:currentColor}

#projectionContent .ps4-detail{display:none!important}
#projectionContent .status{
  position:fixed;right:20px;bottom:20px;background:#eef8f2;border:1px solid #cfe4d7;border-radius:7px;
  padding:10px 14px;color:#18603b;font-size:11px;z-index:20
}
#projectionContent .status.error{background:#fff0ef;border-color:#f0c8c5;color:#a12f27}

/* No zoom / no width expansion: the authority viewport already matches the app viewport height. */

/* AGROLOGIX R4 - NUEVA PROYECCION INTERNAL SCROLL R14
   Keep R13 geometry intact. Only the right-side Nueva Proyección card scrolls internally. */
#projectionContent .ps4-create{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin;
  padding-right:8px!important;
}
#projectionContent .ps4-create .card-head{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  background:#fff!important;
  padding-bottom:6px!important;
  margin-bottom:4px!important;
}
#projectionContent .ps4-create form{
  min-height:max-content!important;
  padding-bottom:6px!important;
}
#projectionContent .ps4-create::-webkit-scrollbar{
  width:8px;
}
#projectionContent .ps4-create::-webkit-scrollbar-track{
  background:transparent;
}
#projectionContent .ps4-create::-webkit-scrollbar-thumb{
  background:#a7a7a7;
  border-radius:8px;
}
#projectionContent .ps4-create::-webkit-scrollbar-thumb:hover{
  background:#8e8e8e;
}

/* AGROLOGIX R4 - PROYECCION REAL STATE + EYE DETAIL R15
   Preserve R13/R14 geometry. Make detail visible as an overlay, never as a new page section. */
#projectionContent .ps4-detail[hidden]{display:none!important}
#projectionContent .ps4-detail:not([hidden]){
  display:block!important;
  position:fixed!important;
  z-index:1200!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(720px,calc(100vw - 360px))!important;
  max-width:720px!important;
  max-height:72vh!important;
  overflow:auto!important;
  margin:0!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid #cfdde7!important;
  border-radius:10px!important;
  box-shadow:0 18px 55px rgba(16,40,71,.24)!important;
}
#projectionContent .ps4-detail:not([hidden])::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(8,32,48,.22);
  z-index:-1;
}
#projectionContent .ps4-detail #closeDetail{
  width:32px;height:32px;border:1px solid #d4e0e8;border-radius:6px;
  background:#fff;color:#173b61;font-size:20px;line-height:1;cursor:pointer
}

/* AGROLOGIX_R4_PROJECTION_R14F_CANONICAL_MODAL */
html body #projectionDetail{display:none!important}
html body #projectionDetail.ps4-open:not([hidden]){
  position:fixed!important;
  left:260px!important; top:108px!important; right:0!important; bottom:0!important;
  width:auto!important; height:auto!important; max-width:none!important; max-height:none!important;
  z-index:9999!important; display:flex!important; align-items:center!important; justify-content:center!important;
  padding:18px!important; overflow:hidden!important; pointer-events:auto!important;
  background:rgba(8,31,49,.30)!important; backdrop-filter:blur(2px)!important; box-sizing:border-box!important;
}
html body #projectionDetail .ps4-detail-modal{
  width:min(1080px,calc(100% - 36px))!important; max-width:1080px!important;
  height:auto!important; max-height:calc(100% - 36px)!important;
  display:flex!important; flex-direction:column!important; overflow:hidden!important;
  background:#fff!important; border:1px solid #d9e6df!important; border-radius:16px!important;
  box-shadow:0 20px 55px rgba(10,38,58,.24)!important; box-sizing:border-box!important;
}
html body #projectionDetail .ps4-detail-head{
  flex:0 0 auto!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important;
  gap:18px!important; padding:14px 20px 11px!important; border-bottom:1px solid #e4ece8!important;
  background:linear-gradient(180deg,#fff 0%,#f9fbfa 100%)!important;
}
html body #projectionDetail .ps4-detail-eyebrow{margin:0 0 3px!important;color:#078a4f!important;font-size:10px!important;font-weight:800!important;letter-spacing:.11em!important}
html body #projectionDetail .ps4-detail-head h2{margin:0!important;color:#082f59!important;font-size:22px!important;line-height:1.05!important;font-weight:800!important}
html body #projectionDetail .ps4-detail-head p{margin:4px 0 0!important;color:#657a8c!important;font-size:10.5px!important}
html body #projectionDetail .ps4-detail-close{
  flex:0 0 auto!important;width:34px!important;height:34px!important;border:1px solid #d9e6df!important;border-radius:9px!important;
  background:#fff!important;color:#31536b!important;font-size:21px!important;line-height:1!important;cursor:pointer!important;
}
html body #projectionDetail .ps4-detail-body{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:12px 20px 16px!important;box-sizing:border-box!important}
html body #projectionDetail .ps4-detail-hero{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0 0 9px!important}
html body #projectionDetail .ps4-detail-hero article{min-width:0!important;min-height:72px!important;padding:9px 12px!important;border:1px solid #dfe9e4!important;border-radius:12px!important;background:#fbfdfc!important}
html body #projectionDetail .ps4-detail-hero article:nth-child(1){border-top:3px solid #0aa45f!important}
html body #projectionDetail .ps4-detail-hero article:nth-child(2){border-top:3px solid #2c9be8!important}
html body #projectionDetail .ps4-detail-hero article:nth-child(3){border-top:3px solid #f4a300!important}
html body #projectionDetail .ps4-detail-hero article:nth-child(4){border-top:3px solid #8b42e6!important}
html body #projectionDetail .ps4-detail-hero span,
html body #projectionDetail .ps4-detail-kv span{display:block!important;color:#718596!important;font-size:9.5px!important;font-weight:600!important}
html body #projectionDetail .ps4-detail-hero strong{display:block!important;margin-top:4px!important;color:#082f59!important;font-size:16px!important;line-height:1.05!important;font-weight:800!important}
html body #projectionDetail .ps4-detail-hero small{display:block!important;margin-top:3px!important;color:#168957!important;font-size:8.5px!important;line-height:1.2!important}
html body #projectionDetail .ps4-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:9px!important}
html body #projectionDetail .ps4-detail-section{min-width:0!important;padding:9px 12px!important;border:1px solid #e0e9e5!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
html body #projectionDetail .ps4-detail-section h3{margin:0 0 6px!important;padding-bottom:6px!important;border-bottom:1px solid #eef3f0!important;color:#123b61!important;font-size:12.5px!important;font-weight:800!important}
html body #projectionDetail .ps4-detail-kv{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;padding:3px 0!important;border-bottom:1px solid #f1f5f3!important}
html body #projectionDetail .ps4-detail-kv:last-child{border-bottom:0!important}
html body #projectionDetail .ps4-detail-kv strong{max-width:68%!important;color:#16354f!important;font-size:10px!important;line-height:1.18!important;font-weight:750!important;text-align:right!important;overflow-wrap:anywhere!important}
html body #projectionDetail .ps4-detail-hash strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:8px!important;line-height:1.1!important}
html body #projectionDetail .ps4-detail-event-count{display:flex!important;align-items:baseline!important;gap:7px!important;margin-bottom:5px!important}
html body #projectionDetail .ps4-detail-event-count strong{color:#082f59!important;font-size:19px!important}
html body #projectionDetail .ps4-detail-event-count span{color:#718596!important;font-size:9.5px!important}
html body #projectionDetail .ps4-detail-events{padding:6px 8px!important;border-radius:9px!important;background:#f6faf8!important;color:#3f5a6d!important;font-size:8.8px!important;line-height:1.25!important;max-height:50px!important;overflow:hidden!important}
html body #projectionDetail .ps4-detail-modal,
html body #projectionDetail .ps4-detail-modal *{box-sizing:border-box!important}

@media (max-height:820px){
  html body #projectionDetail.ps4-open:not([hidden]){top:96px!important;padding:10px!important}
  html body #projectionDetail .ps4-detail-modal{width:min(1120px,calc(100% - 20px))!important;max-height:calc(100% - 20px)!important}
  html body #projectionDetail .ps4-detail-head{padding:9px 16px 7px!important}
  html body #projectionDetail .ps4-detail-body{padding:8px 16px 9px!important}
  html body #projectionDetail .ps4-detail-hero article{min-height:58px!important;padding:6px 9px!important}
  html body #projectionDetail .ps4-detail-section{padding:7px 9px!important}
  html body #projectionDetail .ps4-detail-kv{padding:2px 0!important}
}
@media (max-width:900px){
  html body #projectionDetail.ps4-open:not([hidden]){left:0!important;top:0!important}
  html body #projectionDetail .ps4-detail-hero{grid-template-columns:1fr 1fr!important}
  html body #projectionDetail .ps4-detail-grid{grid-template-columns:1fr!important}
}

/* AGROLOGIX_R4_PROJECTION_R14G_BODY_RECT_AUTHORITY */
/* Final geometry authority: runtime body rectangle; never translate from legacy 50/50 centering. */
html body #projectionDetail,
html body #projectionContent #projectionDetail{
  transform:none!important;
  margin:0!important;
}
html body #projectionDetail.ps4-open:not([hidden]),
html body #projectionContent #projectionDetail.ps4-open:not([hidden]){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
html body #projectionDetail .ps4-detail-modal{
  transform:none!important;
  margin:0!important;
  overflow:hidden!important;
}


/* AGROLOGIX_R4_PROJECTION_R16_EXPANDED_COMPARE_CARDS */
.ps4-chart-card.ps4-expandable-card,.ps4-summary.ps4-expandable-card{cursor:pointer!important}
.ps4-chart-card.ps4-expandable-card:hover,.ps4-summary.ps4-expandable-card:hover,.ps4-chart-card.ps4-expandable-card:focus-visible,.ps4-summary.ps4-expandable-card:focus-visible{border-color:#0aa45f!important;box-shadow:0 10px 28px rgba(18,79,56,.13)!important;outline:none!important}
html body #projectionDetail.ps4-panel-open .ps4-panel-modal{width:min(1220px,calc(100% - 34px))!important;max-width:1220px!important;max-height:calc(100% - 34px)!important}
html body #projectionDetail .ps4-panel-head{padding:18px 24px 14px!important}
html body #projectionDetail .ps4-panel-head h2{font-size:26px!important}
html body #projectionDetail .ps4-panel-head p{font-size:12px!important}
html body #projectionDetail .ps4-panel-body{min-height:0!important;overflow:hidden!important;padding:18px 24px 24px!important;background:#fff!important}
html body #projectionDetail .ps4-expanded-chart-wrap{height:min(620px,calc(100vh - 260px))!important;min-height:430px!important;display:flex!important;flex-direction:column!important;gap:14px!important}
html body #projectionDetail .ps4-expanded-chart-wrap .legend{display:flex!important;justify-content:flex-end!important;gap:18px!important;font-size:12px!important}
html body #projectionDetail .ps4-expanded-chart-svg{width:100%!important;height:100%!important;min-height:390px!important;display:block!important;overflow:visible!important}
html body #projectionDetail .ps4-expanded-summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body #projectionDetail .ps4-expanded-summary-grid>div{min-height:138px!important;padding:18px!important;border:1px solid #dfe9e4!important;border-radius:14px!important;background:#fbfdfc!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
html body #projectionDetail .ps4-expanded-summary-grid span{color:#718596!important;font-size:12px!important;font-weight:700!important}
html body #projectionDetail .ps4-expanded-summary-grid strong{margin:8px 0 7px!important;color:#082f59!important;font-size:22px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
html body #projectionDetail .ps4-expanded-summary-grid small{color:#138754!important;font-size:11px!important;line-height:1.35!important}
@media(max-width:1050px){html body #projectionDetail .ps4-expanded-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}