/* AGROLOGIX R64 PORTAFOLIO — EXACT MOCKUP GEOMETRY TARGET 1672x941 */
#r64-portfolio{position:fixed;left:var(--r64-left,284px);top:var(--r64-top,64px);right:0;bottom:0;z-index:35;background:#f7fbf9;color:#08296e;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
#r64-portfolio *{box-sizing:border-box}
#r64-portfolio img{display:block}
.r64-page{height:100%;padding:16px 18px 18px;display:grid;grid-template-rows:64px 34px 142px 268px 309px;gap:12px;overflow:hidden}
.r64-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.r64-title h1{margin:0;color:#082a76;font-size:34px;line-height:38px;font-weight:800;letter-spacing:-1px}
.r64-title p{margin:3px 0 0;color:#6476a0;font-size:15px;line-height:18px}
.r64-filters{display:flex;gap:10px;height:54px}
.r64-select{width:220px;height:54px;background:#fff;border:1px solid #d8e3e7;border-radius:10px;padding:0 12px;display:grid;grid-template-columns:28px 1fr;align-items:center}
.r64-select-icon{color:#087c49;font-size:20px;text-align:center}
.r64-select select{border:0;outline:0;background:#fff;color:#0b2d76;font-weight:700;font-size:13px;width:100%}
.r64-period-wrap{display:flex;justify-content:flex-end}
.r64-periods{height:34px;border:1px solid #d7e1e6;border-radius:9px;overflow:hidden;display:flex;background:#fff}
.r64-periods button{width:74px;border:0;border-right:1px solid #e4ebef;background:#fff;color:#0b2c6b;font-size:13px;font-weight:700}
.r64-periods button:last-child{border-right:0}.r64-periods button.active{background:#07964c;color:#fff}
.r64-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.r64-kpi{height:142px;background:#fff;border:1px solid #e0e8e5;border-radius:11px;display:grid;grid-template-columns:72px 1fr;padding:13px 14px;box-shadow:0 1px 2px rgba(0,55,35,.03)}
.r64-kpi-icon{width:58px;height:58px;border-radius:50%;background:#dcf8e6;display:grid;place-items:center}
.r64-kpi-icon img{width:36px;height:36px;object-fit:contain}
.r64-kpi-copy span,.r64-kpi-copy strong,.r64-kpi-copy a{display:block}
.r64-kpi-copy>span:first-child{font-size:12px;line-height:15px;font-weight:700;color:#0b2d75}
.r64-kpi-copy strong{font-size:25px;line-height:30px;font-weight:800;color:#08296f;margin-top:3px}
.r64-delta{font-size:12px!important;line-height:16px!important;margin-top:2px;font-weight:800!important}.r64-delta.up{color:#0cb95a}.r64-delta.down{color:#079e51}.r64-delta.neutral{color:#6f819d;font-weight:600!important}
.r64-kpi-copy a{margin-top:15px;color:#1667d4;font-size:11px;text-decoration:none}
.r64-arrow{width:13px!important;height:13px!important;display:inline-block!important;vertical-align:-2px;margin-left:5px}
.r64-mid{display:grid;grid-template-columns:1.05fr 1.05fr .8fr;gap:12px}
.r64-bottom{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px}
.r64-card{height:100%;background:#fff;border:1px solid #dfe8e4;border-radius:11px;padding:12px 14px;position:relative;overflow:hidden}
.r64-card h2{margin:0 0 8px;color:#082a70;font-size:16px;line-height:20px;font-weight:800;display:flex;align-items:center;gap:8px}
.r64-card h2>a{margin-left:auto;font-size:11px;color:#1667d4;font-weight:500}
.r64-card>a{position:absolute;left:14px;bottom:12px;color:#1667d4;font-size:11px}
.r64-dist{height:190px;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:6px}
.r64-donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#10b75e 0 30%,#06753f 30% 51.9%,#f8ac25 51.9% 69.8%,#2985df 69.8% 86%,#6b42e8 86% 100%);position:relative}
.r64-donut-hole{position:absolute;inset:40px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.r64-donut-hole strong{font-size:19px}.r64-donut-hole span{font-size:10px}
.r64-dist-list{display:grid;gap:9px}.r64-dist-list div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:10px}.r64-dist-list i{width:9px;height:9px;border-radius:50%}.r64-dist-list .c1{background:#10b75e}.r64-dist-list .c2{background:#06753f}.r64-dist-list .c3{background:#f8ac25}.r64-dist-list .c4{background:#2985df}.r64-dist-list .c5{background:#6b42e8}
.r64-weight-card h2 select{margin-left:auto;height:28px;border:1px solid #dbe4e8;border-radius:7px;color:#425d8f;background:#fff;padding:0 8px;font-size:10px}
.r64-chart{height:192px}.r64-weight-svg{width:100%;height:100%}.r64-weight-svg .grid{stroke:#dce7e3;stroke-width:1}.r64-weight-svg .area{fill:url(#r64Area)}.r64-weight-svg .line{fill:none;stroke:#0bb85c;stroke-width:3}.r64-weight-svg circle{fill:#fff;stroke:#0bb85c;stroke-width:3}.r64-weight-svg text{font-family:Arial,Helvetica,sans-serif}.r64-weight-svg .ylabel{fill:#5370a2;font-size:10px;text-anchor:end}.r64-weight-svg .xlabel{fill:#5370a2;font-size:9px;text-anchor:middle}
.r64-no-weight{height:185px;display:grid;place-items:center;color:#7587a2;font-size:12px;border:1px dashed #dfe7e5;border-radius:8px;background:#fbfdfc}
.r64-status{display:grid;gap:14px;padding-top:5px}.r64-status-row{display:grid;grid-template-columns:112px 1fr 28px;gap:9px;align-items:center;font-size:11px}.r64-status-row i{height:18px;background:#e9eff0;border-radius:7px;overflow:hidden}.r64-status-row b{height:100%;display:block;border-radius:7px}.r64-status-row .g{background:#10bd66}.r64-status-row .r{background:#ff3d38}.r64-status-row .a{background:#ffae19}.r64-status-row .b{background:#1f8dde}.r64-status-row .s{background:#98aabd}
.r64-badge{background:#ff2a2a;color:#fff;border-radius:20px;min-width:28px;text-align:center;font-size:11px;padding:3px 8px}.r64-triangle{color:#ff2d2d}
.r64-list-row{min-height:43px;border-bottom:1px solid #edf1ef;display:grid;grid-template-columns:28px 1fr 58px;gap:8px;align-items:center}.r64-list-row:last-child{border-bottom:0}.r64-list-row div b,.r64-list-row div small{display:block}.r64-list-row div b{font-size:10px;color:#082a70}.r64-list-row div small{font-size:9px;color:#6f81a1;margin-top:2px}.r64-list-row time{font-size:9px;color:#7284a2;text-align:right}
.r64-alert-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}.r64-alert-icon.red{background:#ff3333}.r64-alert-icon.amber{background:#ffaf18}.r64-alert-icon.blue{background:#2d7fe2}
.r64-activity-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0fb75d;font-size:13px;font-weight:800}
.r64-fin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.r64-fin-kpis>div{height:90px;border:1px solid #e1e9e6;border-radius:8px;padding:9px}.r64-fin-kpis small,.r64-fin-kpis strong,.r64-fin-kpis em{display:block}.r64-fin-kpis small{font-size:10px;color:#082a70}.r64-fin-kpis strong{font-size:18px;margin:4px 0;color:#082a70}.r64-fin-kpis em{font-style:normal;font-size:10px;color:#0ab657}
.r64-card h3{font-size:11px;margin:10px 0 6px}.r64-bars{display:grid;gap:6px}.r64-bars>div{display:grid;grid-template-columns:105px 1fr;gap:8px;align-items:center;font-size:9px}.r64-bars i{height:10px;background:#edf2f0;border-radius:5px;overflow:hidden}.r64-bars b{display:block;height:100%;background:#10bd66;border-radius:5px}.r64-bars .b2{background:#087c49}.r64-bars .b3{background:#f3a926}.r64-bars .b4{background:#2c7de4}.r64-bars .b5{background:#6f45e5}
.r64-empty{color:#74869d;font-size:11px;padding:10px 0}
@media(max-width:1450px),(max-height:900px){.r64-page{grid-template-rows:64px 34px 132px 250px 286px;gap:10px}.r64-kpi{height:132px}.r64-mid{grid-template-columns:1.05fr 1.05fr .8fr}.r64-donut{width:145px;height:145px}.r64-donut-hole{inset:36px}.r64-chart{height:177px}}

/* Full authorized farm lists; fixed card footprint and internal scrolling. */
#r64-portfolio .r64-dist-list{max-height:185px;overflow-y:auto;align-content:start;overscroll-behavior:contain;min-width:0}
#r64-portfolio .r64-dist-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#r64-portfolio .r64-bars{max-height:125px;overflow-y:auto;overscroll-behavior:contain}
#r64-portfolio .r64-bars>div{grid-template-columns:minmax(0,105px) 1fr 24px;min-height:20px}
#r64-portfolio .r64-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#r64-portfolio .r64-status{max-height:190px;overflow-y:auto;overscroll-behavior:contain}

/* Approved eight-KPI Portfolio body, ADMIN and INVESTOR only. */
#r64-portfolio .r64-page{grid-template-rows:auto 30px 160px minmax(210px,1fr) minmax(175px,1fr);gap:10px;padding:14px 16px;min-height:680px;overflow:visible}
#r64-portfolio{overflow-y:auto}
#r64-portfolio .r64-title h1{font-size:29px;line-height:34px}
#r64-portfolio .r64-kpis{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,75px);gap:10px}
#r64-portfolio .r64-kpi{height:75px;padding:10px;grid-template-columns:48px minmax(0,1fr);border-radius:7px}
#r64-portfolio .r64-kpi-icon{width:40px;height:40px;border-radius:10px}
#r64-portfolio .r64-kpi-icon svg{width:29px;height:29px}
#r64-portfolio .r64-kpi-copy strong{font-size:21px;line-height:25px;margin:2px 0}
#r64-portfolio .r64-kpi-copy small{font-size:11px;color:#6980a4;display:block}
#r64-portfolio .r64-mid,#r64-portfolio .r64-bottom{grid-template-columns:1.5fr 1fr;min-height:0}
#r64-portfolio .r64-card{border-radius:7px;padding:10px 12px;display:flex;flex-direction:column;min-height:0}
#r64-portfolio .r64-card h2{font-size:14px;line-height:20px;flex-shrink:0;margin-bottom:8px}
#r64-portfolio .r64-card h2 svg{width:22px;height:22px;flex-shrink:0}
#r64-portfolio .r64-dist{grid-template-columns:160px minmax(0,1fr);height:auto;flex:1;min-height:0}
#r64-portfolio .r64-pie-neutral{width:145px;height:145px;border-radius:50%;background:#e8eff1}
#r64-portfolio .r64-dist-list{max-height:170px;overflow:auto}
#r64-portfolio .r64-neutral-chart{flex:1;border:1px solid #e4ecf0;background:repeating-linear-gradient(0deg,#fff 0px,#fff 33px,#edf2f5 34px);display:grid;place-items:center;color:#7587a2;font-size:12px;padding:15px;text-align:center}
#r64-portfolio .r64-value-legend{display:flex;justify-content:flex-end;gap:12px;font-size:9px;color:#45618e;margin-bottom:7px}
#r64-portfolio .r64-table-scroll,#r64-portfolio .r64-alert-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#r64-portfolio table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10px}
#r64-portfolio th{position:sticky;top:0;text-align:left;background:#f0f6f7;color:#49688c;font-weight:500}
#r64-portfolio td,#r64-portfolio th{padding:8px;border-bottom:1px solid #e5edf0}
#r64-portfolio td[colspan]{text-align:center;white-space:normal;color:#7587a2;padding:28px 12px}
@media(max-width:1100px){#r64-portfolio .r64-head{flex-wrap:wrap}#r64-portfolio .r64-filters{width:100%}#r64-portfolio .r64-select{flex:1;min-width:0}#r64-portfolio .r64-page{min-height:800px}#r64-portfolio .r64-dist{grid-template-columns:120px minmax(0,1fr)}#r64-portfolio .r64-pie-neutral{width:110px;height:110px}}

#r64-portfolio .r64-dist-list button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;background:transparent;border:0;padding:3px 0;text-align:left;color:inherit;font-size:10px;cursor:pointer}
#r64-portfolio .r64-pie-neutral{border:0;cursor:pointer;flex-shrink:0}
#r64-portfolio .r64-kpi[role="button"]{cursor:pointer}
#r64-portfolio [data-r64-detail]:focus-visible,#r64-portfolio [data-r64-partner]:focus-visible{outline:2px solid #1689df;outline-offset:2px}
#r64-portfolio button.r64-neutral-chart{width:100%;border:1px solid #e4ecf0;cursor:pointer;font-family:inherit}
#r64-portfolio .r64-detail-dialog{max-width:760px;width:90%;max-height:80vh;overflow:auto;border:1px solid #d8e5e2;border-radius:10px;padding:22px;color:#08296e}
#r64-portfolio .r64-detail-dialog::backdrop{background:#092c4544}
#r64-portfolio .r64-detail-dialog p{font-size:13px;line-height:1.6}
#r64-portfolio .r64-detail-dialog button[data-close-detail]{border:0;border-radius:6px;padding:9px 20px;background:#078849;color:white;cursor:pointer}

#r64-portfolio .r64-snapshot-note{margin-right:auto;align-self:center;font-size:10px;color:#74869d}

#r64-portfolio:has(.r64-test-toolbar) .r64-page{grid-template-rows:auto 26px 30px 160px minmax(210px,1fr) minmax(175px,1fr)}
#r64-portfolio .r64-test-toolbar{display:flex;gap:12px;align-items:center;color:#7953c5;font-size:11px}
#r64-portfolio .r64-test-toolbar button{border:1px solid #7953c5;color:#7953c5;background:#f8f4ff;border-radius:5px;cursor:pointer;padding:4px 10px;font-size:11px}
#r64-portfolio .r64-value-chart{flex:1;min-height:0;display:flex;flex-direction:column}
#r64-portfolio .r64-value-chart svg{width:100%;flex:1;min-height:0}
#r64-portfolio .r64-value-chart small{font-size:10px;color:#7587a2}

#r64-portfolio .r64-data-notice{border-left:3px solid #2d7fe2;background:#f2f7fc;color:#54708c;padding:8px;margin:8px 0;font-size:10px;line-height:1.5}

/* AGX_R4_PORTFOLIO_EXPANDABLE_R2B */
#r64-portfolio .r64-card[data-r64-expandable="1"] {
  cursor: pointer;
  transition: transform .14s ease, box-shadow .14s ease;
}
#r64-portfolio .r64-card[data-r64-expandable="1"]:hover,
#r64-portfolio .r64-card[data-r64-expandable="1"]:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(15, 38, 55, .14);
  outline: none;
}
body.r64-expand-open { overflow: hidden; }

.r64-expand-overlay {
  position: fixed;
  left: var(--r64-expand-left, 0px);
  top: var(--r64-expand-top, 0px);
  right: 0;
  bottom: 0;
  z-index: 2600;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10, 26, 38, .34);
  backdrop-filter: blur(2px);
}
.r64-expand-dialog {
  width: min(1040px, calc(100vw - var(--r64-expand-left, 0px) - 64px));
  max-height: calc(100vh - var(--r64-expand-top, 0px) - 48px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(12, 35, 52, .24);
}
.r64-expand-head {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 18px 12px 24px;
  border-bottom: 1px solid rgba(20, 53, 73, .10);
}
.r64-expand-head h2 {
  margin: 0;
  color: #082a70;
  font-size: 20px;
  line-height: 1.25;
}
.r64-expand-close {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 11px;
  background: rgba(20, 53, 73, .07);
  color: #17384b;
  font: 400 28px/1 system-ui, sans-serif;
  cursor: pointer;
}
.r64-expand-stage {
  min-height: 0;
  overflow: auto;
  padding: 22px 24px 26px;
}
.r64-expand-stage .r64-expanded-card {
  width: 100%;
  max-width: none;
  min-height: 420px;
  height: auto !important;
  margin: 0;
  padding: 20px 22px 28px;
  overflow: visible;
  cursor: default;
  transform: none !important;
  box-shadow: none !important;
}
.r64-expand-stage .r64-expanded-card > h2 { display: none; }

.r64-expand-stage .r64-dist {
  height: auto;
  min-height: 320px;
  grid-template-columns: minmax(260px, 38%) 1fr;
  gap: 28px;
}
.r64-expand-stage .r64-pie-neutral {
  width: 260px;
  height: 260px;
  justify-self: center;
  border-radius: 50%;
}
.r64-expand-stage .r64-dist-list {
  gap: 16px;
}
.r64-expand-stage .r64-dist-list button {
  min-height: 42px;
  font-size: 14px;
}
.r64-expand-stage .r64-value-chart,
.r64-expand-stage .r64-chart {
  min-height: 340px;
  height: 340px;
}
.r64-expand-stage .r64-list-row {
  min-height: 62px;
  grid-template-columns: 38px 1fr 82px;
  gap: 12px;
}
.r64-expand-stage .r64-list-row div b { font-size: 14px; }
.r64-expand-stage .r64-list-row div small,
.r64-expand-stage .r64-list-row time { font-size: 12px; }
.r64-expand-stage .r64-alert-scroll {
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 900px) {
  .r64-expand-overlay {
    left: 0;
    top: 0;
    padding: 14px;
  }
  .r64-expand-dialog {
    width: min(96vw, 1040px);
    max-height: 94vh;
  }
}
