/* Page Skills workspace — aligned with the restrained operations overview. */
.ops-home #copyConfig.copy-studio {
  --skills-ink: #242e2c;
  --skills-text: #53625b;
  --skills-muted: #7c8881;
  --skills-line: #e1e6e1;
  --skills-green: #456e62;
  --skills-green-dark: #2f5148;
  --skills-gold: #a77b43;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0 0 56px;
}

.ops-home #copyConfig .cs-header {
  position: relative;
  isolation: isolate;
  min-height: 178px;
  margin: 0 0 18px;
  padding: 34px 36px;
  overflow: hidden;
  border: 1px solid #dce3dd;
  border-radius: 11px;
  background: linear-gradient(115deg, #edf3ee 0%, #f8f7f2 64%, #ece7dc 100%);
  box-shadow: 0 3px 12px #283a2f05;
}

.ops-home #copyConfig .cs-header::before {
  top: auto;
  right: 13%;
  bottom: -92px;
  left: auto;
  width: 220px;
  height: 220px;
  border: 38px solid #7891830a;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.ops-home #copyConfig .cs-header::after {
  top: -155px;
  right: -68px;
  bottom: auto;
  width: 330px;
  height: 330px;
  border: 1px solid #9e7d4b24;
  border-radius: 50%;
  box-shadow: 0 0 0 46px #9e7d4b08, 0 0 0 47px #9e7d4b13;
}

.ops-home #copyConfig .cs-header > * { position: relative; z-index: 1; }
.ops-home #copyConfig .cs-eyebrow { color: var(--skills-gold); font-size: 8px; font-weight: 650; letter-spacing: 2.1px; }
.ops-home #copyConfig .cs-eyebrow > span { width: 18px; background: var(--skills-gold); }
.ops-home #copyConfig .cs-header h2 {
  margin: 14px 0 9px;
  color: var(--skills-ink);
  font-family: inherit;
  font-size: clamp(25px, 2.4vw, 34px);
  font-weight: 560;
  letter-spacing: -.8px;
  line-height: 1.2;
}
.ops-home #copyConfig .cs-header h2 > span { color: var(--skills-gold); }
.ops-home #copyConfig .cs-header p { max-width: 680px; color: var(--skills-text); font-size: 11px; line-height: 1.75; }
.ops-home #copyConfig .cs-header-meta { align-items: flex-end; gap: 10px; }
.ops-home #copyConfig .cs-workspace-tag {
  padding: 8px 12px;
  border: 1px solid #d9dfda;
  border-radius: 7px;
  background: #ffffffc7;
  color: var(--skills-green-dark);
  box-shadow: 0 3px 10px #283a2f08;
}
.ops-home #copyConfig #copyConfigStatus { color: #7c8881; font: 9px ui-monospace, monospace; }

.ops-home #copyConfig #copyConfigForm { margin: 0; padding: 0; }

.ops-home #copyConfig .cs-page-entry-map {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--skills-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 9px #253b2e04;
}

.ops-home #copyConfig .cs-page-entry-map > header {
  align-items: center;
  min-height: 88px;
  margin: 0;
  padding: 22px 25px;
  border-bottom: 1px solid var(--skills-line);
  background: #fff;
}
.ops-home #copyConfig .cs-page-entry-map > header span { color: var(--skills-gold); font-size: 7px; letter-spacing: 2px; }
.ops-home #copyConfig .cs-page-entry-map > header h3 {
  margin-top: 7px;
  color: var(--skills-ink);
  font-family: inherit;
  font-size: 18px;
  font-weight: 570;
  letter-spacing: -.25px;
}
.ops-home #copyConfig .cs-page-entry-map > header p { max-width: 390px; color: var(--skills-muted); font-size: 10px; line-height: 1.65; }

.ops-home #copyConfig .cs-page-workspace {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  min-height: 142px;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: #fff;
}
.ops-home #copyConfig .cs-page-workspace > header {
  position: relative;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 13px;
  padding: 24px 26px;
  border: 0;
  border-right: 1px solid #d9e3dc;
  background: linear-gradient(145deg, #e9f1eb, #f5f7f3);
}
.ops-home #copyConfig .cs-page-workspace > header::after {
  position: absolute;
  right: 22px;
  bottom: 20px;
  width: 34px;
  height: 1px;
  background: #7c9b895e;
  content: '';
}
.ops-home #copyConfig .cs-page-workspace > header > span {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: #668373;
  font: 600 9px ui-monospace, monospace;
  letter-spacing: 1px;
}
.ops-home #copyConfig .cs-page-workspace > header h4 { color: #294438; font-size: 19px; font-weight: 580; letter-spacing: -.3px; }
.ops-home #copyConfig .cs-page-workspace > header p { margin-top: 5px; color: #718178; font-size: 9px; }

.ops-home #copyConfig .cs-entry-tabs { align-content: stretch; gap: 12px; padding: 18px; }
.ops-home #copyConfig .cs-entry-tabs button {
  min-height: 104px;
  padding: 17px 18px;
  border: 1px solid #e2e7e3;
  border-radius: 9px;
  background: #fbfcfb;
  color: #708078;
  box-shadow: none;
}
.ops-home #copyConfig .cs-entry-tabs button:hover { border-color: #b9c9bf; background: #fff; box-shadow: 0 8px 20px #2d463409; transform: translateY(-2px); }
.ops-home #copyConfig .cs-entry-tabs button[aria-selected=true] {
  border-color: #d8c29c;
  background: linear-gradient(120deg, #fbf5e9, #fff 70%);
  color: #2f5148;
  box-shadow: inset 0 1px #fff, 0 8px 20px #86632d0a;
}
.ops-home #copyConfig .cs-entry-tabs button[aria-selected=true]::before { top: 18px; bottom: 18px; width: 3px; background: #b68a4b; }
.ops-home #copyConfig .cs-tab-icon { width: 40px; height: 40px; border-color: #dce4de; border-radius: 9px; background: #fff; color: #71847a; }
.ops-home #copyConfig [aria-selected=true] > .cs-tab-icon { border-color: #dcc79f; background: #fffaf0; color: #9a7139; }
.ops-home #copyConfig .cs-tab-text strong { color: #344940; font-size: 13px; font-weight: 620; }
.ops-home #copyConfig .cs-tab-text small { margin-top: 5px; color: #8b9690; font-size: 9px; }
.ops-home #copyConfig .cs-tab-arrow { color: #9ba8a1; font-size: 15px; }

.ops-home #copyConfig #entryTagsPanel,
.ops-home #copyConfig #contentGoalsEditor,
.ops-home #copyConfig #contentDirectionsEditor {
  margin: 18px 0 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--skills-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 9px #253b2e04;
}
.ops-home #copyConfig :is(#entryTagsPanel,#contentGoalsEditor,#contentDirectionsEditor) > .cg-heading {
  position: relative;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 88px;
  margin: 0;
  padding: 34px 25px 19px;
  border-bottom: 1px solid var(--skills-line);
  background: linear-gradient(90deg, #fff, #fbfcfa);
}
.ops-home #copyConfig :is(#entryTagsPanel,#contentGoalsEditor,#contentDirectionsEditor) > .cg-heading::before {
  position: absolute;
  top: 18px;
  left: 25px;
  color: var(--skills-gold);
  font-size: 7px;
  font-weight: 650;
  letter-spacing: 2px;
  content: 'PAGE SKILL PROMPTS';
}
.ops-home #copyConfig .cg-heading h3 { margin: 0 0 6px; color: var(--skills-ink); font-size: 17px; font-weight: 570; letter-spacing: -.25px; }
.ops-home #copyConfig .cg-heading p { color: var(--skills-muted); font-size: 10px; line-height: 1.65; }

.ops-home #copyConfig #entryTagGroups { display: block; }
.ops-home #copyConfig .et-group { border: 0; border-radius: 0; }
.ops-home #copyConfig .et-group > header { align-items: center; padding: 18px 20px; border-bottom: 1px solid #edf0ed; background: #f7f9f7; }
.ops-home #copyConfig .et-group > header strong { color: #344940; font-size: 13px; font-weight: 620; }
.ops-home #copyConfig .et-group > header span,
.ops-home #copyConfig .et-group > header small { color: #839088; font-size: 9px; }
.ops-home #copyConfig .et-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px; }
.ops-home #copyConfig .et-item-editable {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px 34px;
  grid-template-rows: 25px minmax(0, 1fr) 32px;
  gap: 10px 6px;
  min-height: 280px;
  padding: 16px;
  border: 1px solid #e3e8e4;
  border-radius: 9px;
  background: linear-gradient(145deg, #fff, #fbfcfb);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ops-home #copyConfig .et-item-editable:hover { border-color: #cdd8d0; box-shadow: 0 9px 22px #2940310b; transform: translateY(-2px); }
.ops-home #copyConfig .et-item-editable:focus-within { border-color: #8fa99a; box-shadow: 0 0 0 3px #456e620c, 0 9px 22px #2940310b; }
.ops-home #copyConfig .et-item-editable .et-order { grid-column: 1; grid-row: 1; color: #9b7a48; font: 600 9px ui-monospace, monospace; letter-spacing: 1px; }
.ops-home #copyConfig .et-item-editable .et-fields { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: 1fr; gap: 12px; }
.ops-home #copyConfig .et-item-editable .et-fields label span { color: #7d8981; font-size: 9px; font-weight: 600; letter-spacing: .15px; }
.ops-home #copyConfig .et-item-editable .et-fields input,
.ops-home #copyConfig .et-item-editable .et-fields textarea { border-color: #e0e5e1; border-radius: 7px; background: #f8faf8; color: #35483e; font-size: 11px; }
.ops-home #copyConfig .et-item-editable .et-fields input { height: 38px; }
.ops-home #copyConfig .et-item-editable .et-fields textarea { min-height: 110px; line-height: 1.7; }
.ops-home #copyConfig .et-item-editable .et-skill-spec { grid-column: 1 / -1; border: 1px solid #dbe4dd; border-radius: 10px; background: #f8faf8; }
.ops-home #copyConfig .et-item-editable .et-skill-spec > summary { padding: 11px 13px; cursor: pointer; color: #3f5d4e; font-size: 11px; font-weight: 700; list-style-position: inside; }
.ops-home #copyConfig .et-item-editable .et-skill-spec > summary small { margin-left: 6px; color: #87978e; font-size: 9px; font-weight: 400; }
.ops-home #copyConfig .et-item-editable .et-skill-content { padding: 2px 13px 13px; }
.ops-home #copyConfig .et-item-editable .et-skill-content textarea { min-height: 430px; background: #fff; font-family: inherit; font-size: 11px; line-height: 1.45; }
.ops-home #copyConfig .et-item-editable .et-enabled { grid-column: 2 / 4; grid-row: 1; justify-self: end; margin: 0; color: #5f7067; font-size: 9px; }
.ops-home #copyConfig .et-item-editable .et-enabled input { accent-color: var(--skills-green); }
.ops-home #copyConfig .et-item-editable button { align-self: end; width: 32px; height: 32px; border-color: #e1e6e2; border-radius: 7px; color: #62756b; }
.ops-home #copyConfig .et-item-editable .et-remove {
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  width: auto;
  padding: 0 4px;
  border-color: transparent;
  background: transparent;
  color: #9a7770;
  font-size: 9px;
}
.ops-home #copyConfig .et-item-editable .et-remove:hover:not(:disabled) { color: #7d4f47; }
.ops-home #copyConfig .et-item-editable .et-card-actions { grid-column: 1; grid-row: 3; display: flex; align-items: center; gap: 7px; }
.ops-home #copyConfig .et-item-editable .et-card-actions .et-remove { width: auto; height: 32px; padding: 0 4px; }
.ops-home #copyConfig .et-item-editable .et-card-actions .et-distill { width: auto; height: 32px; padding: 0 10px; border-color: #d6dfd9; background: #f5f8f6; color: #45665a; font-size: 10px; }
.ops-home #copyConfig .et-item-editable .et-card-actions .et-distill:hover { border-color: #9fb5a8; background: #fff; }
.ops-home #copyConfig .et-item-editable button[data-tag-action='up'] { grid-column: 2; grid-row: 3; }
.ops-home #copyConfig .et-item-editable button[data-tag-action='down'] { grid-column: 3; grid-row: 3; }
.ops-home #copyConfig .et-add-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  min-height: 280px;
  padding: 24px;
  border: 1px dashed #bdcbc2;
  border-radius: 9px;
  background: linear-gradient(145deg, #fbfdfb, #f5f8f5);
  color: #48675a;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ops-home #copyConfig .et-add-card > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #d7e0da;
  border-radius: 50%;
  background: #fff;
  color: var(--skills-gold);
  font-size: 21px;
}
.ops-home #copyConfig .et-add-card strong { font-size: 12px; font-weight: 620; }
.ops-home #copyConfig .et-add-card small { color: #88958d; font-size: 9px; }
.ops-home #copyConfig .et-add-card:hover:not(:disabled) { border-color: #819e8e; background: #f7faf7; box-shadow: 0 9px 22px #2940310b; transform: translateY(-2px); }
.ops-home #copyConfig .et-add-card:focus-visible { outline: 3px solid #456e6218; outline-offset: 2px; }
.ops-home #copyConfig .et-add-card:disabled { cursor: not-allowed; opacity: .55; }

.ops-home #copyConfig :is(#contentGoalList,#contentDirectionList) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px; }
.ops-home #copyConfig .cg-item { padding: 17px; border-color: #e3e8e4; border-radius: 9px; background: linear-gradient(145deg, #fff, #fbfcfb); }
.ops-home #copyConfig .cg-fields { grid-template-columns: 1fr; }
.ops-home #copyConfig .cg-item textarea { min-height: 110px; }

.ops-home #copyConfig .cs-savebar {
  position: static;
  min-height: 68px;
  margin: 14px 0 0;
  padding: 13px 16px;
  border: 1px solid #dce3dd;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 9px #253b2e05;
  backdrop-filter: none;
}
.ops-home #copyConfig .cs-save-status strong { color: #40544a; font-size: 10px; }
.ops-home #copyConfig .cs-save-status p { color: #8a958e; font-size: 9px; }
.ops-home #copyConfig #saveCopyConfig { min-height: 40px; border-radius: 7px; background: var(--skills-green-dark); box-shadow: none; }
.ops-home #copyConfig #saveCopyConfig:hover { background: var(--skills-green); box-shadow: 0 6px 16px #2f514820; }

.ops-home #copyConfig .candidate-list,
.ops-home #copyConfig .skill-list {
  margin: 0;
  padding: 18px;
}

@media (max-width: 1120px) {
  .ops-home #copyConfig .cs-page-workspace { grid-template-columns: 180px minmax(0, 1fr); }
  .ops-home #copyConfig .et-items,
  .ops-home #copyConfig :is(#contentGoalList,#contentDirectionList) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .ops-home #copyConfig .cs-header { min-height: 0; padding: 26px 22px; border-radius: 9px; }
  .ops-home #copyConfig .cs-header-meta { display: none; }
  .ops-home #copyConfig .cs-page-entry-map > header { align-items: flex-start; padding: 19px; }
  .ops-home #copyConfig .cs-page-workspace { grid-template-columns: 1fr; }
  .ops-home #copyConfig .cs-page-workspace > header { min-height: 92px; border-right: 0; border-bottom: 1px solid #d9e3dc; }
  .ops-home #copyConfig .cs-entry-tabs { grid-template-columns: 1fr; padding: 12px; }
  .ops-home #copyConfig .cs-entry-tabs button { min-height: 80px; }
  .ops-home #copyConfig .et-items,
  .ops-home #copyConfig :is(#contentGoalList,#contentDirectionList) { grid-template-columns: 1fr; padding: 12px; }
  .ops-home #copyConfig .et-item-editable { min-height: 260px; }
  .ops-home #copyConfig .et-add-card { min-height: 190px; }
  .ops-home #copyConfig :is(#entryTagsPanel,#contentGoalsEditor,#contentDirectionsEditor) > .cg-heading { align-items: flex-start; padding: 19px; }
  .ops-home #copyConfig .cs-savebar { align-items: flex-start; flex-direction: column; }
  .ops-home #copyConfig .cs-save-actions { width: 100%; justify-content: flex-end; }
  .ops-home #copyConfig .candidate-list,
  .ops-home #copyConfig .skill-list { padding: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .ops-home #copyConfig .et-item-editable,
  .ops-home #copyConfig .cs-entry-tabs button { transition: none; }
}