/* Farm Command — high-contrast readiness UI */
#workspace-farm {
  --farm-red: #ff6472;
  --farm-red-bg: rgba(255, 100, 114, .10);
  --farm-red-border: rgba(255, 100, 114, .40);
  --farm-orange: #ffab52;
  --farm-orange-bg: rgba(255, 171, 82, .10);
  --farm-orange-border: rgba(255, 171, 82, .40);
  --farm-yellow: #f5dc62;
  --farm-yellow-bg: rgba(245, 220, 98, .10);
  --farm-yellow-border: rgba(245, 220, 98, .40);
  --farm-green: #63e6a8;
  --farm-green-bg: rgba(99, 230, 168, .10);
  --farm-green-border: rgba(99, 230, 168, .40);
  --farm-text: #f4f8ff;
  --farm-muted: #a8b7cc;
  --farm-panel: #0b1424;
  --farm-panel-2: #101c30;
  --farm-line: #2b3d5b;
}

#workspace-farm .farm-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 24px 26px;
  background: linear-gradient(130deg, #0f1b30 0%, #0b1424 65%, #101829 100%);
  border-color: #33496d;
}
#workspace-farm .farm-intro h2 { margin: 4px 0 8px; font-size: clamp(1.6rem, 2vw, 2.2rem); color: var(--farm-text); }
#workspace-farm .farm-intro p { max-width: 850px; margin: 0; color: #c2cede; font-size: .96rem; line-height: 1.55; }
#workspace-farm .farm-word { font-weight: 900; }
#workspace-farm .farm-word.far { color: var(--farm-red); }
#workspace-farm .farm-word.building { color: var(--farm-orange); }
#workspace-farm .farm-word.close { color: var(--farm-yellow); }
#workspace-farm .farm-word.ready { color: var(--farm-green); }

#workspace-farm .farm-legend {
  display: grid;
  grid-template-columns: repeat(2, minmax(145px, 1fr));
  gap: 8px;
  min-width: 330px;
}
#workspace-farm .farm-legend span {
  padding: 9px 11px;
  border-radius: 9px;
  border: 1px solid;
  font-size: .72rem;
  font-weight: 850;
  text-align: center;
  letter-spacing: .01em;
}
#workspace-farm .farm-legend .tone-far { color: var(--farm-red); background: var(--farm-red-bg); border-color: var(--farm-red-border); }
#workspace-farm .farm-legend .tone-building { color: var(--farm-orange); background: var(--farm-orange-bg); border-color: var(--farm-orange-border); }
#workspace-farm .farm-legend .tone-close { color: var(--farm-yellow); background: var(--farm-yellow-bg); border-color: var(--farm-yellow-border); }
#workspace-farm .farm-legend .tone-ready { color: var(--farm-green); background: var(--farm-green-bg); border-color: var(--farm-green-border); }

#workspace-farm .farm-chooser { padding: 22px 24px; border-color: #304464; background: #0a1322; }
#workspace-farm .farm-chooser h3 { font-size: 1.18rem; color: var(--farm-text); }
#workspace-farm .farm-chooser .workspace-note { color: var(--farm-muted); font-size: .84rem; }
#workspace-farm .journey-select-row { min-width: min(100%, 500px); gap: 10px; }
#workspace-farm .journey-select-row select {
  min-height: 46px;
  min-width: 300px;
  border: 1px solid #3a5278;
  background: #101b2e;
  color: #f3f7ff;
  font-size: .9rem;
  padding: 0 12px;
}
#workspace-farm .journey-select-row button {
  min-height: 46px;
  padding-inline: 18px;
  font-weight: 900;
  background: #73e7dc;
  color: #071419;
  border-color: #82f3e8;
}

#workspace-farm .farm-preset-picker {
  margin-top: 4px;
  padding: 14px 0 0;
  border-top: 1px solid #2a3e5d;
}
#workspace-farm .farm-preset-picker summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  color: #dbe7f7;
  font-size: .88rem;
  font-weight: 850;
}
#workspace-farm .journey-preset-group { margin-top: 20px; }
#workspace-farm .farm-preset-group-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 9px; }
#workspace-farm .farm-preset-group-head h4 { margin: 0; color: #94a8c4; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
#workspace-farm .farm-preset-group-head > span { color: #6f829e; font-size: .7rem; }
#workspace-farm .farm-preset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 9px;
}
#workspace-farm .farm-preset-button {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  gap: 3px 10px;
  text-align: left;
  min-height: 68px;
  padding: 11px 12px;
  border: 1px solid #324a6e;
  border-radius: 10px;
  background: #101c30;
  color: #edf5ff;
}
#workspace-farm .farm-preset-button:hover { border-color: #65dbe4; background: #13243a; transform: translateY(-1px); }
#workspace-farm .farm-preset-button.featured { border-color: rgba(102, 228, 220, .55); background: linear-gradient(135deg, rgba(35, 100, 111, .26), #101c30 65%); }
#workspace-farm .farm-preset-title { align-self: end; color: #f2f7ff; font-size: .83rem; font-weight: 900; overflow: hidden; text-overflow: ellipsis; }
#workspace-farm .farm-preset-button small { grid-column: 1; color: #8fa2bd; font-size: .68rem; }
#workspace-farm .farm-preset-button i { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #7cf1dd; font-size: 1.3rem; font-style: normal; font-weight: 900; }
#workspace-farm .farm-preset-button b { position: absolute; top: -7px; right: 28px; padding: 2px 6px; border-radius: 999px; background: #63e6d4; color: #071317; font-size: .55rem; letter-spacing: .08em; }

#workspace-farm .journey-live-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: center;
  padding: 13px 17px;
  color: #a9b9ce;
  border-color: #2b3e5d;
  font-size: .8rem;
}
#workspace-farm .journey-live-status strong { color: #f2f8ff; font-size: .88rem; }
#workspace-farm .journey-live-status span { position: relative; }
#workspace-farm .journey-live-status span::before { content: "•"; margin-right: 18px; color: #4e678c; }

#workspace-farm .journey-tracked-list { gap: 22px; }
#workspace-farm .farm-journey-card {
  border: 1px solid #334968;
  border-radius: 16px;
  background: #08111f;
  box-shadow: 0 18px 48px rgba(0,0,0,.20);
}
#workspace-farm .farm-journey-card.tone-far { border-color: var(--farm-red-border); }
#workspace-farm .farm-journey-card.tone-building { border-color: var(--farm-orange-border); }
#workspace-farm .farm-journey-card.tone-close { border-color: var(--farm-yellow-border); }
#workspace-farm .farm-journey-card.tone-ready { border-color: var(--farm-green-border); }

#workspace-farm .farm-journey-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  background: linear-gradient(100deg, #111f35 0%, #0b1628 70%);
}
#workspace-farm .farm-target { min-width: 0; }
#workspace-farm .farm-target h3 { margin: 3px 0 5px; color: #f5f9ff; font-size: 1.25rem; }
#workspace-farm .farm-target small { color: #9eafc5; font-size: .78rem; }
#workspace-farm .farm-target .journey-target-image,
#workspace-farm .farm-target-fallback {
  width: 58px;
  height: 58px;
  border-radius: 12px;
  border: 1px solid #496183;
  background: #08111d;
  flex: 0 0 auto;
}
#workspace-farm .farm-target-fallback { display: grid; place-items: center; color: #6b83a6; font-size: 1.4rem; }
#workspace-farm .farm-overall-score { display: grid; grid-template-columns: auto auto; gap: 3px 10px; align-items: center; text-align: right; }
#workspace-farm .farm-overall-score > strong { grid-column: 2; grid-row: 1 / span 2; color: #f7fbff; font-size: 2rem; line-height: 1; }
#workspace-farm .farm-overall-score small { color: #9aabc1; font-size: .7rem; }
#workspace-farm .journey-remove { border-color: rgba(255,100,114,.4); color: #ff9ca5; background: rgba(255,100,114,.06); }

#workspace-farm .farm-tone-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: 66px;
  padding: 4px 8px;
  border: 1px solid;
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}
#workspace-farm .farm-tone-badge.tone-far { color: #ff9aa3; background: var(--farm-red-bg); border-color: var(--farm-red-border); }
#workspace-farm .farm-tone-badge.tone-building { color: #ffc27f; background: var(--farm-orange-bg); border-color: var(--farm-orange-border); }
#workspace-farm .farm-tone-badge.tone-close { color: #fff09a; background: var(--farm-yellow-bg); border-color: var(--farm-yellow-border); }
#workspace-farm .farm-tone-badge.tone-ready { color: #8ff0c2; background: var(--farm-green-bg); border-color: var(--farm-green-border); }

#workspace-farm .farm-progress-track {
  height: 7px;
  overflow: hidden;
  background: #030810;
  border-radius: 999px;
}
#workspace-farm .farm-progress-track > span { display: block; height: 100%; border-radius: inherit; }
#workspace-farm .farm-progress-track.tone-far > span { background: var(--farm-red); }
#workspace-farm .farm-progress-track.tone-building > span { background: var(--farm-orange); }
#workspace-farm .farm-progress-track.tone-close > span { background: var(--farm-yellow); }
#workspace-farm .farm-progress-track.tone-ready > span { background: var(--farm-green); }
#workspace-farm .farm-overall-progress { height: 8px; border-radius: 0; }

#workspace-farm .farm-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 13px 16px 4px;
}
#workspace-farm .farm-summary-box {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  min-height: 46px;
  padding: 9px 11px;
  border: 1px solid;
  border-radius: 9px;
}
#workspace-farm .farm-summary-box span { font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
#workspace-farm .farm-summary-box strong { font-size: 1.2rem; }
#workspace-farm .farm-summary-box.tone-far { color: #ff9ca5; border-color: var(--farm-red-border); background: var(--farm-red-bg); }
#workspace-farm .farm-summary-box.tone-building { color: #ffc37d; border-color: var(--farm-orange-border); background: var(--farm-orange-bg); }
#workspace-farm .farm-summary-box.tone-close { color: #fff09a; border-color: var(--farm-yellow-border); background: var(--farm-yellow-bg); }
#workspace-farm .farm-summary-box.tone-ready { color: #8ff0c2; border-color: var(--farm-green-border); background: var(--farm-green-bg); }

#workspace-farm .farm-card-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  padding: 12px 16px;
}
#workspace-farm .farm-filter-buttons { display: flex; flex-wrap: wrap; gap: 6px; }
#workspace-farm .farm-filter-buttons button {
  padding: 6px 9px;
  border: 1px solid #304766;
  border-radius: 8px;
  background: #0e1a2c;
  color: #aebed2;
  font-size: .7rem;
  font-weight: 800;
}
#workspace-farm .farm-filter-buttons button span { margin-left: 4px; color: #6f839f; }
#workspace-farm .farm-filter-buttons button.active { color: #effcff; border-color: #69dce0; background: rgba(71, 183, 191, .14); }
#workspace-farm .farm-card-toolbar label { color: #7f93ae; font-size: .66rem; text-transform: uppercase; letter-spacing: .055em; }
#workspace-farm .farm-card-toolbar select { min-width: 155px; margin-left: 6px; padding: 7px 9px; border: 1px solid #304766; background: #0e1a2c; color: #dce7f4; font-size: .72rem; }

#workspace-farm .farm-requirement-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 11px;
  padding: 4px 16px 17px;
}
#workspace-farm .farm-requirement {
  min-width: 0;
  padding: 13px;
  border: 1px solid;
  border-left-width: 4px;
  border-radius: 11px;
  background: #0e192a;
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
#workspace-farm .farm-requirement:hover,
#workspace-farm .farm-requirement:focus { transform: translateY(-1px); outline: none; background: #122138; }
#workspace-farm .farm-requirement.tone-far { border-color: var(--farm-red-border); border-left-color: var(--farm-red); }
#workspace-farm .farm-requirement.tone-building { border-color: var(--farm-orange-border); border-left-color: var(--farm-orange); }
#workspace-farm .farm-requirement.tone-close { border-color: var(--farm-yellow-border); border-left-color: var(--farm-yellow); }
#workspace-farm .farm-requirement.tone-ready { border-color: var(--farm-green-border); border-left-color: var(--farm-green); }
#workspace-farm .farm-requirement-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
#workspace-farm .farm-unit-identity { display: flex; gap: 10px; min-width: 0; align-items: center; }
#workspace-farm .farm-unit-identity img,
#workspace-farm .farm-avatar-fallback { width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid #405878; border-radius: 9px; object-fit: cover; background: #07101d; }
#workspace-farm .farm-avatar-fallback { display: grid; place-items: center; color: #7285a0; }
#workspace-farm .farm-unit-identity strong { display: block; color: #f1f6ff; font-size: .88rem; line-height: 1.2; }
#workspace-farm .farm-required-target { display: block; margin-top: 4px; color: #9caec5; font-size: .68rem; font-weight: 700; }
#workspace-farm .farm-unit-score { display: grid; justify-items: end; gap: 4px; flex: 0 0 auto; }
#workspace-farm .farm-unit-score > strong { color: #f4f8ff; font-size: 1.15rem; }
#workspace-farm .farm-requirement > .farm-progress-track { margin-bottom: 10px; }

#workspace-farm .farm-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
#workspace-farm .farm-metric {
  min-height: 59px;
  padding: 7px 7px 6px;
  border: 1px solid;
  border-radius: 8px;
  background: #0a1423;
}
#workspace-farm .farm-metric span { display: block; font-size: .57rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; opacity: .8; }
#workspace-farm .farm-metric strong { display: block; margin-top: 3px; color: #f5f8fc; font-size: .84rem; }
#workspace-farm .farm-metric small { display: block; margin-top: 1px; font-size: .57rem; opacity: .72; }
#workspace-farm .farm-metric.tone-far { color: #ff9ca5; border-color: var(--farm-red-border); background: var(--farm-red-bg); }
#workspace-farm .farm-metric.tone-building { color: #ffc37d; border-color: var(--farm-orange-border); background: var(--farm-orange-bg); }
#workspace-farm .farm-metric.tone-close { color: #fff09a; border-color: var(--farm-yellow-border); background: var(--farm-yellow-bg); }
#workspace-farm .farm-metric.tone-ready { color: #8ff0c2; border-color: var(--farm-green-border); background: var(--farm-green-bg); }

#workspace-farm .farm-action-note { margin-top: 9px; color: #a9b7c8; font-size: .66rem; }
#workspace-farm .farm-action-note.ready { color: #7ee3b1; }
#workspace-farm .farm-filter-empty { grid-column: 1 / -1; padding: 28px; border: 1px dashed #304767; border-radius: 10px; color: #94a6bd; text-align: center; }
#workspace-farm .journey-empty, #workspace-farm .journey-no-player { border-color: #304562; background: #0c1627; }
#workspace-farm .journey-empty h3, #workspace-farm .journey-no-player h3 { color: #edf5ff; }

@media (max-width: 900px) {
  #workspace-farm .farm-intro { grid-template-columns: 1fr; }
  #workspace-farm .farm-legend { min-width: 0; }
  #workspace-farm .farm-summary-strip { grid-template-columns: repeat(2, 1fr); }
  #workspace-farm .farm-journey-head { grid-template-columns: minmax(0,1fr) auto; }
  #workspace-farm .farm-overall-score { grid-column: 1; grid-row: 2; justify-self: start; text-align: left; }
  #workspace-farm .journey-remove { grid-column: 2; grid-row: 1; }
}

@media (max-width: 700px) {
  #workspace-farm .farm-intro, #workspace-farm .farm-chooser { padding: 17px; }
  #workspace-farm .farm-legend { grid-template-columns: 1fr 1fr; }
  #workspace-farm .journey-select-row { min-width: 100%; flex-direction: column; }
  #workspace-farm .journey-select-row select { min-width: 0; width: 100%; }
  #workspace-farm .farm-preset-grid { grid-template-columns: 1fr; }
  #workspace-farm .farm-card-toolbar { align-items: stretch; flex-direction: column; }
  #workspace-farm .farm-card-toolbar label { display: flex; justify-content: space-between; align-items: center; }
  #workspace-farm .farm-requirement-grid { grid-template-columns: 1fr; padding-inline: 10px; }
  #workspace-farm .farm-summary-strip { padding-inline: 10px; }
  #workspace-farm .farm-card-toolbar { padding-inline: 10px; }
}

@media (max-width: 480px) {
  #workspace-farm .farm-legend { grid-template-columns: 1fr; }
  #workspace-farm .farm-summary-strip { grid-template-columns: 1fr 1fr; }
  #workspace-farm .farm-summary-box { display: grid; gap: 2px; }
  #workspace-farm .farm-metric-grid { grid-template-columns: repeat(2, 1fr); }
  #workspace-farm .farm-unit-identity img, #workspace-farm .farm-avatar-fallback { width: 42px; height: 42px; flex-basis: 42px; }
  #workspace-farm .farm-overall-score > strong { font-size: 1.65rem; }
}