/* The existing ecosystem toolbar stays outside the editable conclusion bar. */
.premaculture-ecosystem-head.has-conclusion-summary {
  display:block;
  min-width:0;
}
.premaculture-ecosystem-head.has-conclusion-summary::before { display:none; }
.has-conclusion-summary .premaculture-ecosystem-name-shell {
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.has-conclusion-summary .premaculture-ecosystem-title-row { height:auto; min-height:32px; }
.protocol-ecosystem-summary {
  display:flex;
  align-items:center;
  gap:28px;
  padding:24px 28px;
  min-width:0;
  border-radius:100px;
  background:#334047;
  color:#edf3f6;
}
.protocol-summary-identity { display:flex; align-items:center; gap:18px; flex:0 0 380px; min-width:0; }
.has-conclusion-summary button.protocol-ecosystem-picture,
.has-conclusion-summary .protocol-ecosystem-picture img { width:104px; height:104px; flex-basis:104px; }
.protocol-summary-details { display:grid; gap:10px; min-width:0; flex:1; }
.protocol-summary-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; }
.has-conclusion-summary .protocol-summary-fields>* { grid-column:1; grid-row:auto; }
.has-conclusion-summary .protocol-summary-fields .premaculture-protocol-people,
.has-conclusion-summary .protocol-summary-fields .premaculture-protocol-time {
  display:grid; grid-template-columns:14px max-content minmax(0,1fr); grid-template-rows:auto; grid-auto-rows:auto; align-items:center;
  justify-content:start; gap:0 6px; width:100%; text-align:left; grid-column:1;
}
.has-conclusion-summary .protocol-summary-fields .ecosystem-summary-symbol {
  display:grid; place-items:center; justify-content:center; width:14px; height:16px;
  color:inherit; font-size:14px; line-height:1; font-weight:500;
}
.has-conclusion-summary .protocol-summary-fields .premaculture-protocol-people>span:not(.ecosystem-summary-symbol),
.has-conclusion-summary .protocol-summary-fields .premaculture-protocol-time>span:not(.ecosystem-summary-symbol) {
  display:inline; height:auto; color:inherit; font-size:inherit; text-transform:none; letter-spacing:0;
}
.has-conclusion-summary .protocol-ecosystem-summary input:not([type=file]):not([type=checkbox]),
.has-conclusion-summary .protocol-ecosystem-summary select {
  box-sizing:border-box; margin:0; padding:2px 4px; min-height:26px; height:26px;
  border:1px solid transparent; border-radius:5px; box-shadow:none; outline-offset:1px;
  background:transparent; color:#edf3f6; font-family:inherit; font-size:13px; line-height:20px;
  font-weight:700; text-align:left; text-align-last:left;
}
.premaculture-ecosystem-head.has-conclusion-summary .protocol-ecosystem-summary .protocol-summary-details input[data-protocol-ecosystem-name] {
  width:100%; height:18px; min-height:18px; font-size:15px; font-weight:800; line-height:18px; padding:0; border:0; text-overflow:ellipsis;
}
.has-conclusion-summary .protocol-ecosystem-summary .protocol-summary-fields input[data-protocol-people],
.has-conclusion-summary .protocol-summary-fields select {
  height:16px; min-height:16px; font-size:11px; line-height:16px; padding:0; border:0;
  color:inherit; border-radius:3px;
}
.has-conclusion-summary .protocol-summary-fields input[data-protocol-people] { width:46px; }
.has-conclusion-summary .protocol-summary-fields select { width:112px; max-width:100%; cursor:pointer; appearance:auto; }
.has-conclusion-summary .protocol-summary-fields option { color:#21362c; background:#fff; }
.has-conclusion-summary .protocol-summary-fields input[type=date] { grid-column:2 / -1; width:145px; margin-top:4px; }
.has-conclusion-summary .protocol-summary-fields input[type=checkbox] { width:14px; height:14px; margin:0; }
.has-conclusion-summary .protocol-summary-fields label:has(input[type=checkbox]) { grid-column:2 / -1; display:flex; font-size:11px; color:inherit; align-items:center; gap:4px; margin-top:4px; }
.has-conclusion-summary .protocol-ecosystem-summary :is(input,select):is(:hover,:focus-visible) { border-color:#b9c6cc; }
.has-conclusion-summary .protocol-ecosystem-summary input[data-ecosystem-name-editing=true],
.has-conclusion-summary .protocol-ecosystem-summary :is(input,select):focus-visible { background:#4d616c; color:#fff; outline:2px solid #f4d35e; }
.protocol-summary-portions { position:relative; flex:0 0 120px; height:120px; }
.has-conclusion-summary button.network-portion-toggle { width:120px; min-height:104px; padding:0; border:0; background:transparent; color:inherit; position:relative; border-radius:0; }
.has-conclusion-summary button.network-portion-toggle:hover { transform:none; background:transparent; }
.protocol-summary-values {
  --value-circle:80px;
  --value-edge:32px;
  --value-inset:8px;
  min-width:0; flex:1; overflow-x:auto; padding:var(--value-inset) calc(var(--value-edge) - 12px);
  scrollbar-width:thin; scrollbar-color:#61757f transparent;
}
.protocol-summary-values .premaculture-network-metrics { display:grid; width:max-content; grid-template-columns:repeat(9,104px); gap:12px; }
/* Fade the whole value evenly, never a gradient across the artwork. */
.protocol-summary-values .premaculture-network-metric { opacity:var(--value-edge-opacity,1); }
.protocol-summary-values .premaculture-network-metric .network-metric-icon { width:var(--value-circle); height:var(--value-circle); }
.protocol-summary-values:focus-visible { outline:2px solid #b9c6cc; outline-offset:2px; border-radius:8px; }
.has-conclusion-summary .protocol-summary-details :is(a,span) { text-transform:none; letter-spacing:normal; }
.protocol-ecosystem-summary [hidden] { display:none!important; }
@media(max-width:1100px) {
  .protocol-ecosystem-summary { gap:18px; padding:20px; border-radius:32px; flex-wrap:wrap; }
  .protocol-summary-identity { flex:1; }
  .protocol-summary-values { flex-basis:100%; }
}
@media(max-width:640px) {
  .has-conclusion-summary .premaculture-ecosystem-title-row { flex-wrap:wrap; gap:8px; overflow:visible; }
  .has-conclusion-summary .premaculture-ecosystem-management { width:100%; justify-content:space-between; flex-wrap:wrap; }
  .protocol-ecosystem-summary { padding:16px; gap:16px; border-radius:24px; }
  .protocol-summary-identity { flex-basis:100%; gap:12px; }
  .has-conclusion-summary button.protocol-ecosystem-picture,
  .has-conclusion-summary .protocol-ecosystem-picture img { width:72px; height:72px; flex-basis:72px; }
  .protocol-summary-portions { flex-basis:120px; margin-inline:auto; }
  .protocol-summary-fields { gap:4px; }
  .premaculture-ecosystem-head.has-conclusion-summary .protocol-ecosystem-summary .protocol-summary-details input[data-protocol-ecosystem-name] { font-size:15px; }
}