/* Public-layout treatment for Private, My and Shared Skills pages. */
.ops-home #copyConfig.copy-studio,
.ops-home #generations.content-suite-page {
  --scope-ink:#29483d;
  --scope-text:#66776e;
  --scope-muted:#91a099;
  --scope-line:#dce5df;
  --scope-green:#315f50;
  --scope-deep:#24483e;
  --scope-mint:#e8f2ec;
  --scope-gold:#a77b43;
  width:min(100%,1500px);
  margin:18px auto 0;
  padding:0;
  overflow:hidden;
  border:1px solid #dce4df;
  border-radius:20px;
  background:#fffdfa;
  box-shadow:0 16px 44px rgba(35,54,44,.07);
}

/* The same light editorial header used by the public Skills catalogue. */
.ops-home #copyConfig .skills-page-hero,
.ops-home #generations .content-suite-hero {
  position:relative;
  display:flex;
  min-height:154px;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin:0;
  padding:28px 34px;
  overflow:hidden;
  border:0;
  border-bottom:1px solid var(--scope-line);
  border-radius:0;
  background:radial-gradient(circle at 82% -20%,rgba(174,139,81,.15),transparent 32%),linear-gradient(120deg,#eef5f0 0%,#fbfbf8 58%,#f6efe4 100%);
  box-shadow:none;
}
.ops-home #copyConfig .skills-page-hero::before,
.ops-home #generations .content-suite-hero::before {
  position:absolute;
  right:-55px;
  bottom:-140px;
  width:260px;
  height:260px;
  border:1px solid rgba(56,95,79,.12);
  border-radius:50%;
  box-shadow:inset 0 0 0 35px rgba(56,95,79,.025);
  content:'';
  pointer-events:none;
}
.ops-home #copyConfig .skills-page-hero::after,
.ops-home #generations .content-suite-hero::after { display:none; }
.scope-page-mark {
  position:relative;
  z-index:1;
  display:grid;
  width:64px;
  height:64px;
  flex:0 0 64px;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(145deg,#315f50,#24483e);
  color:#fff;
  font:28px Georgia,serif;
  box-shadow:0 10px 22px rgba(36,72,62,.15);
}
.ops-home #copyConfig .skills-hero-copy,
.ops-home #generations .content-suite-hero-copy { position:relative; z-index:1; min-width:0; flex:1; }
.ops-home #copyConfig .cs-eyebrow,
.ops-home #generations .content-suite-kicker { color:var(--scope-gold); font-size:10px; font-weight:750; letter-spacing:.18em; }
.ops-home #copyConfig .skills-page-hero h2,
.ops-home #generations .content-suite-hero h2 { margin:9px 0 6px; color:var(--scope-ink); font-size:28px; font-weight:680; letter-spacing:-.035em; }
.ops-home #copyConfig .skills-page-hero p,
.ops-home #generations .content-suite-hero p { margin:0; color:#748078; font-size:13px; line-height:1.65; }
.ops-home #copyConfig .cs-inline-save-state { display:inline-flex; align-items:center; gap:7px; margin-top:13px; color:#66786e; font:11px inherit; }
.ops-home #copyConfig .cs-inline-save-state::before { width:6px; height:6px; border-radius:50%; background:#739381; box-shadow:0 0 0 3px rgba(115,147,129,.12); content:''; }
.scope-page-overview {
  position:relative;
  z-index:1;
  display:flex;
  flex:0 0 auto;
  align-items:stretch;
  overflow:hidden;
  border:1px solid rgba(52,95,80,.14);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 28px rgba(38,59,48,.065);
  backdrop-filter:blur(10px);
}
.scope-page-overview article { position:relative; min-width:104px; padding:15px 18px; border-right:1px solid #e1e7e3; }
.scope-page-overview article::before { position:absolute; top:0; right:18px; left:18px; height:2px; border-radius:0 0 3px 3px; background:#9ab3a5; content:''; opacity:.65; }
.scope-page-overview article:nth-child(2)::before { background:#b8945f; }
.scope-page-overview strong,.scope-page-overview span { display:block; }
.scope-page-overview strong { color:var(--scope-deep); font-size:20px; font-weight:700; line-height:1.1; }
.scope-page-overview article>span { margin-top:5px; color:var(--scope-muted); font-size:11px; }
.ops-home #copyConfig .scope-page-overview .cs-workspace-tag { align-self:center; margin:0 14px; padding:8px 11px; border-color:#d8e2dc; background:#f6faf7; color:#5b7166; }
.ops-home #copyConfig .scope-page-overview .cs-hero-save { width:54px; min-width:54px; padding:0; border:0; border-left:1px solid #e1e7e3; border-radius:0; background:transparent; color:var(--scope-green); box-shadow:none; font-size:20px; }
.ops-home #copyConfig .scope-page-overview .cs-hero-save:hover { background:var(--scope-mint); transform:none; }
.ops-home #copyConfig .scope-page-overview>.feedback { display:none; }

/* Overview board */
.ops-home #copyConfig #copyConfigForm { display:block; padding:20px 26px 34px; background:#fffdfa; }
.ops-home #copyConfig .cs-page-entry-map,
.ops-home #copyConfig #globalSkillsPanel { margin:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.ops-home #copyConfig .cs-page-entry-map>header,
.ops-home #copyConfig #globalSkillsPanel>header {
  display:flex;
  min-height:112px;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:0 0 28px;
  padding:20px 26px;
  border:1px solid #dce7e0;
  border-radius:17px;
  background:radial-gradient(circle at 86% 50%,rgba(49,95,80,.06),transparent 28%),linear-gradient(110deg,#edf6f1,#fffdfa 72%);
  box-shadow:0 10px 24px rgba(37,65,52,.045);
}
.ops-home #copyConfig .cs-page-entry-map>header>div,
.ops-home #copyConfig #globalSkillsPanel>header>div:first-child { min-width:0; }
.ops-home #copyConfig .cs-page-entry-map>header span,
.ops-home #copyConfig #globalSkillsPanel>header>div:first-child>span { color:var(--scope-gold); font-size:9px; font-weight:800; letter-spacing:.19em; }
.ops-home #copyConfig .cs-page-entry-map>header h3,
.ops-home #copyConfig #globalSkillsPanel>header h3 { margin:8px 0 4px; color:var(--scope-ink); font-size:18px; font-weight:760; }
.ops-home #copyConfig .cs-page-entry-map>header p,
.ops-home #copyConfig #globalSkillsPanel>header p { max-width:none; margin:0; color:var(--scope-muted); font-size:11px; line-height:1.6; text-align:left; }
.scope-board-metrics { display:flex; flex:0 0 auto; overflow:hidden; border:1px solid #e0e8e3; border-radius:13px; background:rgba(255,255,255,.82); }
.scope-board-metrics article { min-width:88px; padding:11px 15px; border-left:1px solid #e5eae7; }
.scope-board-metrics article:first-child { border-left:0; }
.scope-board-metrics strong,.scope-board-metrics span { display:block; }
.scope-board-metrics strong { color:var(--scope-green); font-size:20px; line-height:1; }
.scope-board-metrics span { margin-top:5px; color:#95a098; font-size:9px; }
.ops-home #copyConfig .cs-page-workspace { display:block; min-height:0; margin:0; border:0; background:transparent; }
.ops-home #copyConfig .cs-page-workspace>header { display:none; }
.ops-home #copyConfig .cs-global-skill-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; padding:0; background:transparent; }
.ops-home #copyConfig .cs-entry-tabs { display:grid; grid-template-columns:minmax(0,1fr)!important; gap:26px; padding:0; background:transparent; }
.ops-home #copyConfig .cs-page-blueprint { display:none; }
.ops-home #copyConfig .cs-entry-tabs .content-skill-template { position:static; display:inline-flex!important; width:auto; min-width:0; min-height:36px!important; grid-template-columns:none; align-items:center; gap:7px; padding:0 8px!important; border:1px solid #dce5df; border-radius:10px; background:#fff; color:#60736a; transform:none!important; }
.ops-home #copyConfig .cs-entry-tabs .content-skill-template:hover,.ops-home #copyConfig .cs-entry-tabs .content-skill-template.is-default { border-color:#b8cec2; background:#eef6f1; color:#315f50; box-shadow:none; }
.ops-home #copyConfig .cs-entry-tabs .content-skill-template::before { display:none!important; }
.ops-home #copyConfig .cs-entry-tabs .content-skill-overview-card>footer>button { position:static; display:inline-flex; width:auto; min-height:0!important; grid-template-columns:none; align-items:center; gap:5px; padding:7px 0!important; border:0; border-radius:0; background:transparent; color:#315f50; transform:none!important; }
.ops-home #copyConfig .cs-entry-tabs .content-skill-overview-card>footer>button:hover { border:0; background:transparent; box-shadow:none; transform:none!important; }
.ops-home #copyConfig .cs-entry-tabs .content-skill-overview-card>footer>button::before { display:none!important; }

.scope-scene-group { display:grid; min-width:0; gap:11px; }
.scope-scene-group>header { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; padding:0 4px; }
.scope-scene-group>header>span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:#e9f2ed; color:#3a6a58; font-size:10px; font-weight:800; letter-spacing:.06em; }
.scope-scene-group>header h4 { margin:0; color:var(--scope-ink); font-size:16px; font-weight:740; }
.scope-scene-group>header p { margin:3px 0 0; color:#929e97; font-size:10px; }
.scope-scene-group>header em { padding:6px 10px; border-radius:999px; background:#f0f4f1; color:#70847a; font-size:9px; font-style:normal; }
.scope-scene-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.scope-scene-cards>.scope-skill-card { width:100%; }

/* Shared card language with the public catalogue. */
.scope-skill-card {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--scope-line);
  border-radius:17px;
  background:#fff;
  box-shadow:0 9px 24px rgba(35,66,53,.045);
  color:inherit;
  text-align:left;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.scope-skill-card:hover { border-color:#b9cec2; box-shadow:0 14px 30px rgba(35,66,53,.075); transform:translateY(-2px); }
.scope-skill-card.is-enabled { border-color:#aac8b8; }
.scope-skill-card>header,
.ops-home #copyConfig .scope-scene-cards>.scope-skill-card { display:grid; grid-template-columns:32px 42px minmax(0,1fr) auto; align-items:center; gap:10px; }
.scope-skill-card>header { min-height:82px; padding:14px 17px; border-bottom:1px solid #e7ece8; }
.ops-home #copyConfig .scope-scene-cards>.scope-skill-card { min-height:0; padding:0; border-radius:17px; background:#fff; }
.scope-card-check { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; background:#edf1ef; color:#909d96; font-size:14px; font-weight:850; }
.scope-skill-card.is-enabled .scope-card-check { background:#33705b; color:#fff; box-shadow:0 5px 11px rgba(51,112,91,.18); }
.scope-card-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:#f0f5f2; color:var(--scope-green); font-size:17px; font-style:normal; }
.scope-card-title,.scope-skill-card>header>div { min-width:0; }
.scope-card-title strong,.scope-card-title small,.scope-skill-card>header strong,.scope-skill-card>header small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.scope-card-title strong,.scope-skill-card>header strong { color:var(--scope-ink); font-size:16px; font-weight:720; }
.scope-card-title small,.scope-skill-card>header small { margin-top:4px; color:#9aa59f; font-size:10px; }
.scope-skill-card>em { padding:6px 10px; border-radius:999px; background:#f0f3f1; color:#8a9690; font-size:10px; font-style:normal; }
.scope-skill-card.is-enabled>em,.scope-skill-card.is-enabled>header>em { background:#e7f2eb; color:#3c6d58; }
.ops-home #copyConfig .scope-scene-cards>.scope-skill-card>.scope-card-check { margin-left:17px; }
.ops-home #copyConfig .scope-scene-cards>.scope-skill-card>em { margin-right:17px; }
.scope-card-body { grid-column:1/-1; min-height:104px; padding:15px 17px 17px; border-top:1px solid #e7ece8; background:linear-gradient(180deg,#fbfdfb,#f7faf8); }
.scope-card-body>span { display:block; margin-bottom:8px; color:#51675d; font-size:11px; font-weight:750; }
.scope-card-body>small { display:block; color:#7f8e86; font-size:11px; line-height:1.7; }
.scope-card-chips { display:flex!important; flex-wrap:wrap; gap:7px; }
.scope-card-chips i { padding:7px 10px; border:1px solid #dce6e0; border-radius:9px; background:#fff; color:#61756a; font-size:10px; font-style:normal; font-weight:600; }
.scope-skill-card.is-enabled .scope-card-chips i:first-child { border-color:#bad2c5; background:#edf6f1; color:#356a56; }
.scope-card-drill { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); overflow:hidden; border:1px solid #e1e8e3; border-radius:11px; background:#fff; }
.scope-card-drill>i { position:relative; display:grid; min-width:0; min-height:58px; grid-template-columns:22px minmax(0,1fr); align-content:center; gap:3px 7px; padding:9px 11px; border-left:1px solid #e7ece9; color:#52665c; font-style:normal; }
.scope-card-drill>i:first-child { border-left:0; }
.scope-card-drill>i>b { grid-row:1/3; align-self:center; color:#a47b49; font-family:Georgia,serif; font-size:10px; }
.scope-card-drill>i>span { overflow:hidden; color:#40594d; font-size:10px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.scope-card-drill>i>em { overflow:hidden; color:#8b9891; font-size:9px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.scope-card-drill>i>strong { display:none; }
.scope-card-body>p { display:-webkit-box; overflow:hidden; margin:0; color:#718079; font-size:12px; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.scope-card-footer,.scope-skill-card>footer { display:flex; min-height:50px; grid-column:1/-1; align-items:center; justify-content:space-between; gap:16px; padding:9px 17px; border-top:1px solid #e5ebe7; background:#fff; }
.scope-card-footer>small,.scope-skill-card>footer>span { overflow:hidden; color:#8c9892; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.scope-card-footer>b,.scope-skill-card>footer>button { flex:0 0 auto; border:0; background:transparent; color:var(--scope-green); font:inherit; font-size:10px; font-weight:750; }
.scope-card-footer>b { font-weight:750; }
.scope-card-footer>b i { font-style:normal; }
.scope-empty-card { grid-column:1/-1; display:grid; min-height:220px; place-content:center; justify-items:center; border:1px dashed #cbd9d1; border-radius:17px; background:#f8fbf9; text-align:center; }
.scope-empty-card>span { font-size:28px; color:#6f8b7d; }
.scope-empty-card>strong { margin-top:10px; color:var(--scope-ink); }
.scope-empty-card>p { margin:6px 0 0; color:var(--scope-muted); font-size:12px; }

/* Public-style focused editor. */
body.scope-editor-open { overflow:hidden; }
/* Let fixed editors escape the form's stacking context and entrance transform. */
.ops-home.scope-editor-open #copyConfig.content-suite-page #copyConfigForm {
  z-index:auto;
  animation:none;
}
.scope-editor-layer { position:fixed; z-index:1200; inset:0; display:grid; place-items:start center; padding:92px 22px 22px; background:rgba(30,44,37,.48); backdrop-filter:blur(5px); }
.scope-editor-layer[hidden] { display:none!important; }
.scope-editor-sheet { position:relative; display:grid; width:min(1080px,calc(100vw - 44px)); max-height:calc(100vh - 114px); grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; border:1px solid rgba(255,255,255,.72); border-radius:22px; background:#fff; box-shadow:0 30px 90px rgba(20,38,30,.3); }
.scope-editor-sheet>header { padding:24px 72px 18px 28px; border-bottom:1px solid #e1e8e3; background:linear-gradient(110deg,#eff6f2,#fff 70%,#fff8ed); }
.scope-editor-sheet>header>span { color:var(--scope-gold); font-size:9px; font-weight:800; letter-spacing:.18em; }
.scope-editor-sheet>header h3 { margin:7px 0 5px; color:var(--scope-ink); font-size:22px; }
.scope-editor-sheet>header p { margin:0; color:#78867e; font-size:12px; }
.scope-editor-close { position:absolute; z-index:2; top:20px; right:20px; display:grid; width:36px; height:36px; place-items:center; border:1px solid #d8e2dc; border-radius:10px; background:#fff; color:#687970; font-size:21px; }
.scope-editor-scroll { min-height:0; padding:20px 24px 28px; overflow:auto; background:#f8faf8; }
.scope-editor-scroll>:first-child { margin-top:0!important; }
.scope-editor-sections { position:sticky; z-index:4; top:-20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin:-20px -24px 20px; padding:14px 24px; border-bottom:1px solid #dfe7e2; background:rgba(248,250,248,.96); box-shadow:0 8px 18px rgba(35,54,44,.045); backdrop-filter:blur(10px); }
.scope-editor-sections button { display:grid; min-width:0; grid-template-columns:25px minmax(0,1fr) 12px; align-items:center; gap:8px; padding:9px 10px; border:1px solid #dce5df; border-radius:10px; background:#fff; color:var(--scope-ink); text-align:left; }
.scope-editor-sections button:hover { border-color:#adc7b8; background:#eef6f1; }
.scope-editor-sections button[aria-current='true'] { border-color:#9fbdad; background:#e9f3ed; box-shadow:inset 3px 0 #386b57; }
.scope-editor-sections button>span { display:grid; width:23px; height:23px; place-items:center; border-radius:7px; background:#e9f2ed; color:#3f705b; font-size:8px; }
.scope-editor-sections button>strong,.scope-editor-sections button>small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.scope-editor-sections button>strong { font-size:11px; }
.scope-editor-sections button>small { grid-column:2; color:#8c9891; font-size:8px; }
.scope-editor-sections button>i { grid-column:3; grid-row:1/3; color:#567768; font-style:normal; }
.scope-editor-sheet>footer { display:flex; min-height:72px; align-items:center; justify-content:space-between; gap:18px; padding:14px 24px; border-top:1px solid #dfe6e1; background:#fff; box-shadow:0 -10px 24px rgba(35,54,44,.055); }
.scope-editor-sheet>footer>span { color:#87948c; font-size:11px; }
.scope-editor-sheet>footer>div { display:flex; gap:9px; }
.scope-editor-sheet>footer button { min-height:40px; padding-inline:18px; }
.scope-global-editor { width:min(880px,calc(100vw - 44px)); }
.scope-global-editor-body { display:grid; gap:18px; padding:24px 28px; overflow:auto; }
.scope-global-editor-body>label { display:grid; gap:8px; color:#52665c; font-size:12px; font-weight:700; }
.scope-global-editor-body>label>span { display:flex; justify-content:space-between; }
.scope-global-editor-body>label small { color:#9aa49e; font-weight:450; }
.scope-global-editor-body input[type='text'],.scope-global-editor-body>label>input:not([type='checkbox']),.scope-global-editor-body textarea { box-sizing:border-box; width:100%; border:1px solid #d5dfd9; border-radius:11px; outline:0; background:#f8faf8; color:#30463b; font:inherit; font-size:14px; }
.scope-global-editor-body>label>input:not([type='checkbox']) { min-height:46px; padding:0 13px; }
.scope-global-editor-body textarea { min-height:320px; padding:15px; line-height:1.75; resize:vertical; }
.scope-global-editor-body input:focus,.scope-global-editor-body textarea:focus { border-color:#88a194; background:#fff; box-shadow:0 0 0 4px rgba(67,105,87,.08); }
.scope-global-switch { display:flex!important; align-items:center; gap:11px; justify-self:start; padding:11px 13px; border:1px solid #d8e2dc; border-radius:11px; background:#f6faf7; }
.scope-global-switch input { width:18px; height:18px; margin:0; accent-color:var(--scope-green); }
.scope-global-switch b,.scope-global-switch small { display:block; }
.scope-global-switch small { margin-top:3px; }
.scope-danger-button { border:0; background:transparent; color:#9b5149; }
.private-zone-group { gap:14px; }
.private-zone-group>header>button.private-board-manage { padding:8px 14px; border:1px solid #d5e0da; border-radius:999px; background:#fff; color:#355f63; font-size:12px; font-weight:700; white-space:nowrap; }
.private-zone-card.is-held>header>em { color:#8d7467; background:#f3eee8; }
.private-zone-group .scope-scene-cards { align-items:stretch; gap:18px; }
.ops-home #copyConfig .scope-scene-cards>.scope-skill-card.private-zone-card {
  --zone-accent:#316c59;
  --zone-soft:#edf5f1;
  position:relative;
  display:flex;
  min-height:252px;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  padding:0;
  overflow:hidden;
  border:1px solid #dfe8e3;
  border-radius:20px;
  background:linear-gradient(145deg,#fff 0%,#fff 66%,#fbfcfb 100%);
  box-shadow:0 14px 38px rgba(31,57,46,.065);
}
.ops-home #copyConfig .scope-scene-cards>.private-zone-card::before {
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  left:0;
  height:4px;
  background:linear-gradient(90deg,var(--zone-accent),color-mix(in srgb,var(--zone-accent) 22%,transparent) 72%,transparent);
  content:'';
}
.private-zone-card[data-zone-kind='private'] { --zone-accent:#355f63!important; --zone-soft:#edf4f4!important; }
.private-zone-card[data-zone-kind='design'] { --zone-accent:#93724c!important; --zone-soft:#f7f2e9!important; }
.private-zone-card[data-zone-kind='team'] { --zone-accent:#596f7a!important; --zone-soft:#eff3f5!important; }
.private-zone-card[data-zone-kind='custom'] { --zone-accent:#725f78!important; --zone-soft:#f4f0f5!important; }
.ops-home #copyConfig .private-zone-card:hover {
  border-color:color-mix(in srgb,var(--zone-accent) 35%,#dfe8e3);
  box-shadow:0 19px 46px rgba(31,57,46,.105);
  transform:translateY(-3px);
}
.private-zone-card>header {
  display:grid;
  min-height:98px;
  flex:0 0 auto;
  grid-template-columns:24px 48px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:21px 20px 17px;
  border:0;
}
.ops-home #copyConfig .private-zone-card>.scope-card-check {
  width:22px;
  height:22px;
  margin:0;
  border-radius:50%;
  background:var(--zone-soft);
  color:var(--zone-accent);
  font-size:11px;
  box-shadow:none;
}
.ops-home #copyConfig .private-zone-card.is-enabled>.scope-card-check {
  background:var(--zone-accent);
  color:#fff;
  box-shadow:0 5px 13px color-mix(in srgb,var(--zone-accent) 25%,transparent);
}
.private-zone-card>.scope-card-icon {
  width:46px;
  height:46px;
  border:1px solid color-mix(in srgb,var(--zone-accent) 12%,#e4eae6);
  border-radius:14px;
  background:var(--zone-soft);
  color:var(--zone-accent);
  font-family:Georgia,serif;
  font-size:17px;
}
.private-zone-card .scope-card-title strong { color:#263f34; font-size:18px; font-weight:760; letter-spacing:-.01em; }
.private-zone-card .scope-card-title small { margin-top:6px; color:#8a9790; font-size:11px; font-weight:500; }
.private-zone-card>header>em {
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0!important;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--zone-accent) 16%,#e3e9e6);
  border-radius:999px;
  background:var(--zone-soft)!important;
  color:var(--zone-accent)!important;
  font-size:10px;
  font-weight:720;
  white-space:nowrap;
}
.private-zone-card>header>em>i { width:6px; height:6px; border-radius:50%; background:var(--zone-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--zone-accent) 12%,transparent); }
.private-zone-card .scope-card-body {
  min-height:96px;
  flex:1 1 auto;
  margin:0 18px;
  padding:14px;
  border:1px solid #e6ece8;
  border-radius:14px;
  background:linear-gradient(135deg,#f8faf9,#fbfcfb);
}
.private-card-section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }
.private-card-section-title>span { color:#425c50; font-size:11px; font-weight:760; }
.private-card-section-title>small { color:#98a29c; font-size:9px; }
.private-card-feature-list { display:flex; flex-wrap:wrap; gap:8px; }
.private-card-feature-list .content-skill-template {
  display:inline-flex!important;
  width:auto!important;
  min-height:38px!important;
  align-items:center;
  gap:8px;
  padding:0 11px!important;
  border:1px solid #dfe7e2!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#4e655a!important;
  box-shadow:0 3px 10px rgba(37,62,51,.035)!important;
}
.private-card-feature-list .content-skill-template:hover { border-color:color-mix(in srgb,var(--zone-accent) 32%,#dfe7e2)!important; background:var(--zone-soft)!important; }
.private-card-feature-list .content-skill-template i { display:grid; width:21px; height:21px; place-items:center; border-radius:7px; background:var(--zone-accent); color:#fff; font-size:10px; font-style:normal; }
.private-card-feature-list .content-skill-template b { color:#96a09a; font-size:9px; font-weight:600; }
.private-zone-card .scope-card-chips i { border-color:#dfe7e2; border-radius:9px; color:#52685d; }
.private-zone-card .scope-card-chips i:first-child { border-color:color-mix(in srgb,var(--zone-accent) 20%,#dfe7e2)!important; background:var(--zone-soft)!important; color:var(--zone-accent)!important; }
.private-zone-card>.scope-card-footer {
  min-height:62px;
  padding:12px 18px 14px;
  border:0;
  background:transparent;
}
.private-card-availability { display:flex; min-width:0; flex-wrap:wrap; gap:12px; }
.private-card-availability>span { display:inline-flex; align-items:center; gap:6px; color:#9aa49f; font-size:9px; font-weight:650; white-space:nowrap; }
.private-card-availability>span>i { width:6px; height:6px; border-radius:50%; background:#c7ceca; }
.private-card-availability>span.is-on { color:#597166; }
.private-card-availability>span.is-on>i { background:var(--zone-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--zone-accent) 10%,transparent); }
.private-card-actions { display:flex; flex:0 0 auto; align-items:center; gap:8px; }
.ops-home #copyConfig .private-card-actions button {
  display:inline-flex;
  min-height:34px;
  align-items:center;
  gap:6px;
  padding:0 12px;
  border:1px solid #dfe6e2;
  border-radius:9px;
  background:#fff;
  box-shadow:none;
  color:#6b7b73;
  font:inherit;
  font-size:10px;
  font-weight:720;
  white-space:nowrap;
}
.ops-home #copyConfig .private-card-actions button:hover { border-color:#c9d5cf; background:#f7f9f8; transform:translateY(-1px); }
.ops-home #copyConfig .private-card-actions button:last-child { border-color:var(--zone-accent); background:var(--zone-accent); color:#fff; box-shadow:0 6px 14px color-mix(in srgb,var(--zone-accent) 18%,transparent); }
.ops-home #copyConfig .private-card-actions button:last-child:hover { background:color-mix(in srgb,var(--zone-accent) 88%,#152a21); }
.private-card-editor-body { grid-template-columns:1fr 1fr; }
.private-card-editor-body>label:nth-child(3),.private-card-switches { grid-column:1/-1; }
.private-card-switches { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.private-card-switches .scope-global-switch { margin:0; }

/* My: simplify the old workflow page into catalogue-style search and cards. */
.ops-home #generations .scope-page-overview { align-self:center; }
.scope-guide { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; margin:20px 26px 0; padding:20px 26px; border:1px solid #dce7e0; border-radius:17px; background:radial-gradient(circle at 86% 50%,rgba(49,95,80,.06),transparent 28%),linear-gradient(110deg,#edf6f1,#fffdfa 72%); }
.scope-guide>div>span { display:block; margin-bottom:8px; color:var(--scope-gold); font-size:9px; font-weight:800; letter-spacing:.19em; }
.scope-guide>div>strong { color:var(--scope-ink); font-size:17px; line-height:1.5; }
.scope-guide>span { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid #d8e2dc; border-radius:999px; background:#fff; color:#6f8178; font-size:10px; }
.scope-guide>span i { width:7px; height:7px; border-radius:50%; background:#6e9a85; box-shadow:0 0 0 4px rgba(110,154,133,.12); }
.ops-home #generations .content-suite-surface { margin:20px 26px 30px; overflow:hidden; border:1px solid var(--scope-line); border-radius:17px; background:#fff; box-shadow:0 9px 24px rgba(35,66,53,.045); }
.ops-home #generations .content-suite-section-head { padding:20px 22px; background:linear-gradient(90deg,#fffdf9,#f8f6f0); }
.ops-home #generations .content-suite-section-head h3 { font-size:19px; }
.ops-home #generations .history-filters { margin:0; background:#f7faf8; }
.ops-home #generations .generation-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:20px 22px; }
.ops-home #generations .history-record { display:grid; min-height:190px; grid-template-columns:38px minmax(0,1fr) auto; grid-template-rows:auto auto; gap:12px; align-items:start; padding:17px; overflow:hidden; border:1px solid var(--scope-line); border-radius:15px; background:#fff; box-shadow:0 7px 20px rgba(35,66,53,.04); }
.ops-home #generations .history-record:hover { border-color:#b9cec2; background:#fff; box-shadow:0 12px 28px rgba(35,66,53,.075); transform:translateY(-2px); }
.ops-home #generations .history-record-main { min-width:0; }
.ops-home #generations .history-record-main>p { -webkit-line-clamp:3; }
.ops-home #generations .history-record-meta { grid-column:2; grid-row:2; align-self:end; justify-content:flex-start; }
.ops-home #generations .history-detail-button { grid-column:3; grid-row:1/-1; align-self:end; }
.ops-home #generations .generation-list>.empty { grid-column:1/-1; min-height:210px; }

@media(max-width:900px){
  .ops-home #copyConfig .skills-page-hero,.ops-home #generations .content-suite-hero { align-items:flex-start; flex-wrap:wrap; }
  .scope-page-overview { width:100%; }
  .ops-home #copyConfig .cs-entry-tabs,.ops-home #copyConfig .cs-global-skill-list,.ops-home #generations .generation-list { grid-template-columns:1fr; }
}
@media(max-width:700px){
  .ops-home #copyConfig.copy-studio,.ops-home #generations.content-suite-page { border-radius:15px; }
  .ops-home #copyConfig .skills-page-hero,.ops-home #generations .content-suite-hero { gap:14px; padding:20px 18px; }
  .scope-page-mark { width:48px; height:48px; flex-basis:48px; border-radius:14px; font-size:21px; }
  .ops-home #copyConfig .skills-hero-copy,.ops-home #generations .content-suite-hero-copy { min-width:calc(100% - 66px); }
  .scope-page-overview article { min-width:0; flex:1; padding-inline:12px; }
  .ops-home #copyConfig .scope-page-overview .cs-workspace-tag { display:none; }
  .ops-home #copyConfig #copyConfigForm { padding:14px 12px 24px; }
  .ops-home #copyConfig .cs-page-entry-map>header,.ops-home #copyConfig #globalSkillsPanel>header { align-items:flex-start; flex-direction:column; margin-bottom:18px; padding:17px; }
  .scope-skill-card>header,.ops-home #copyConfig .scope-scene-cards>.scope-skill-card { grid-template-columns:30px minmax(0,1fr) auto; }
  .scope-card-icon { display:none; }
  .ops-home #copyConfig .scope-scene-cards>.scope-skill-card>.scope-card-check { margin-left:14px; }
  .ops-home #copyConfig .scope-scene-cards>.scope-skill-card>em { margin-right:14px; }
  .scope-editor-layer { padding:66px 8px 8px; }
  .scope-editor-sheet { width:calc(100vw - 16px); max-height:calc(100vh - 74px); border-radius:16px; }
  .scope-editor-sheet>header { padding:20px 62px 16px 20px; }
  .scope-editor-scroll,.scope-global-editor-body { padding:16px; }
  .scope-editor-sheet>footer { align-items:flex-start; flex-direction:column; padding:12px 16px; }
  .scope-editor-sheet>footer>div { width:100%; }
  .scope-editor-sheet>footer>div button { flex:1; }
  .private-card-editor-body,.private-card-switches { grid-template-columns:1fr; }
  .private-card-actions { gap:8px; }
  .scope-guide { grid-template-columns:1fr; margin:14px 12px 0; padding:17px; }
  .ops-home #generations .content-suite-surface { margin:14px 12px 24px; }
  .ops-home #generations .generation-list { padding:14px; }
  .ops-home #generations .history-record { grid-template-columns:32px minmax(0,1fr); }
  .ops-home #generations .history-detail-button { grid-column:2; grid-row:auto; justify-self:start; }
}

/* Private Skills workbench — high-contrast editorial redesign. */
.ops-home #copyConfig[data-skill-page='private'] {
  --private-ink:#172e28;
  --private-forest:#173f35;
  --private-forest-2:#245b4c;
  --private-gold:#d4a55e;
  --private-paper:#f6f7f3;
  --private-card:#fff;
  --private-line:#dce4df;
  margin-top:24px;
  overflow:hidden;
  border:1px solid #d9e0db;
  border-radius:28px;
  background:var(--private-paper);
  box-shadow:0 24px 70px rgba(25,48,39,.10);
}

.ops-home #copyConfig[data-skill-page='private'] .skills-page-hero {
  min-height:210px;
  padding:38px 42px;
  border-bottom:0;
  background:
    radial-gradient(circle at 92% 12%,rgba(226,190,128,.22),transparent 25%),
    radial-gradient(circle at 72% 110%,rgba(111,166,141,.24),transparent 35%),
    linear-gradient(118deg,#14362e 0%,#1a493d 55%,#285f50 100%);
}
.ops-home #copyConfig[data-skill-page='private'] .skills-page-hero::before {
  right:-88px;
  bottom:-185px;
  width:410px;
  height:410px;
  border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 50px rgba(255,255,255,.025),inset 0 0 0 112px rgba(255,255,255,.018);
}
.ops-home #copyConfig[data-skill-page='private'] .skills-page-hero::after {
  position:absolute;
  top:0;
  right:30%;
  display:block;
  width:1px;
  height:100%;
  background:linear-gradient(transparent,rgba(255,255,255,.13),transparent);
  content:'';
  transform:rotate(18deg);
}
.ops-home #copyConfig[data-skill-page='private'] .scope-page-mark {
  width:72px;
  height:72px;
  flex-basis:72px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:22px;
  background:rgba(255,255,255,.10);
  box-shadow:0 18px 36px rgba(5,24,18,.22),inset 0 1px rgba(255,255,255,.15);
  font-size:31px;
  backdrop-filter:blur(12px);
}
.ops-home #copyConfig[data-skill-page='private'] .cs-eyebrow { color:#e3bd7f; letter-spacing:.24em; }
.ops-home #copyConfig[data-skill-page='private'] .skills-page-hero h2 {
  margin-top:10px;
  color:#fff;
  font-size:32px;
  font-weight:720;
  letter-spacing:-.045em;
}
.ops-home #copyConfig[data-skill-page='private'] .skills-page-hero p { max-width:640px; color:rgba(238,247,242,.70); font-size:13px; }
.ops-home #copyConfig[data-skill-page='private'] .cs-inline-save-state { margin-top:15px; color:rgba(237,247,242,.68); }
.ops-home #copyConfig[data-skill-page='private'] .cs-inline-save-state::before { background:#8fd0af; box-shadow:0 0 0 4px rgba(143,208,175,.13); }

.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview {
  display:grid;
  min-width:440px;
  grid-template-columns:94px 94px 94px minmax(126px,auto);
  align-items:stretch;
  border:1px solid rgba(255,255,255,.17);
  border-radius:18px;
  background:rgba(7,34,27,.22);
  box-shadow:0 18px 45px rgba(4,25,18,.18);
  backdrop-filter:blur(16px);
}
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview article {
  min-width:0;
  padding:18px 16px;
  border-color:rgba(255,255,255,.12);
}
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview article::before { display:none; }
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview strong { color:#fff; font:700 24px/1 Georgia,serif; }
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview article>span { color:rgba(238,247,242,.58); font-size:10px; }
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview .cs-workspace-tag {
  align-self:stretch;
  justify-content:center;
  margin:0;
  border:0;
  border-radius:0;
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.76);
}
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview .cs-workspace-tag i { background:#92d1b1; }
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview .cs-hero-save {
  display:flex;
  width:auto;
  min-width:126px;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 18px;
  border:0;
  border-left:1px solid rgba(255,255,255,.14);
  border-radius:0;
  background:#e2b36c;
  color:#17362e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview .cs-hero-save b { font-size:16px; }
.ops-home #copyConfig[data-skill-page='private'] .scope-page-overview .cs-hero-save:hover { background:#efc783; }

.ops-home #copyConfig[data-skill-page='private'] #copyConfigForm { padding:0 32px 40px; background:var(--private-paper); }
.ops-home #copyConfig[data-skill-page='private'] .cs-page-entry-map>header {
  min-height:0;
  margin:0 -32px 28px;
  padding:28px 34px 24px;
  border:0;
  border-bottom:1px solid #dfe6e1;
  border-radius:0;
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
.ops-home #copyConfig[data-skill-page='private'] .cs-page-entry-map>header span { color:#a77b43; }
.ops-home #copyConfig[data-skill-page='private'] .cs-page-entry-map>header h3 { margin:7px 0 5px; color:var(--private-ink); font-size:22px; letter-spacing:-.02em; }
.ops-home #copyConfig[data-skill-page='private'] .cs-page-entry-map>header p { color:#7a8981; font-size:12px; }
.ops-home #copyConfig[data-skill-page='private'] .scope-board-metrics { border-color:#d9e2dc; border-radius:12px; background:#fff; box-shadow:0 6px 18px rgba(31,58,47,.05); }
.ops-home #copyConfig[data-skill-page='private'] .scope-board-metrics article { min-width:100px; padding:11px 16px; }
.ops-home #copyConfig[data-skill-page='private'] .scope-board-metrics strong { font-size:18px; }

.ops-home #copyConfig[data-skill-page='private'] .private-zone-group { gap:18px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-group>header {
  min-height:60px;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:14px;
  padding:0 2px;
}
.ops-home #copyConfig[data-skill-page='private'] .private-zone-group>header>span {
  width:42px;
  height:42px;
  border:1px solid #cfe0d6;
  border-radius:13px;
  background:#e6f0ea;
  color:#235c49;
  font-size:11px;
}
.ops-home #copyConfig[data-skill-page='private'] .private-zone-group>header h4 { color:var(--private-ink); font-size:17px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-group>header p { margin-top:4px; color:#84918a; font-size:10px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-group>header em { padding:7px 11px; border:1px solid #dce4df; background:#fff; color:#607269; font-size:9px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-group .scope-scene-cards {
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:16px;
}

.ops-home #copyConfig[data-skill-page='private'] .scope-scene-cards>.scope-skill-card.private-zone-card {
  min-height:286px;
  border:1px solid var(--private-line);
  border-radius:18px;
  background:var(--private-card);
  box-shadow:0 8px 22px rgba(27,53,43,.045);
}
.ops-home #copyConfig[data-skill-page='private'] .scope-scene-cards>.private-zone-card::before {
  top:18px;
  bottom:18px;
  left:0;
  width:3px;
  height:auto;
  border-radius:0 4px 4px 0;
  background:var(--zone-accent);
}
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card:hover {
  box-shadow:0 12px 28px rgba(27,53,43,.08);
  transform:none;
}
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card>header {
  min-height:102px;
  grid-template-columns:27px 44px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:19px 18px 14px;
}
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card>.scope-card-check {
  width:18px;
  height:18px;
  font-size:9px;
}
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card>.scope-card-icon {
  width:42px;
  height:42px;
  border-radius:13px;
  font-size:15px;
}
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card .scope-card-title strong { font-size:16px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card .scope-card-title small { margin-top:5px; font-size:10px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card>header>em {
  grid-column:2/4;
  justify-self:start;
  align-self:center;
  margin-top:-3px!important;
  padding:5px 9px;
  font-size:9px;
}
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card .scope-card-body {
  min-height:102px;
  margin:0 16px;
  padding:13px;
  border-color:#e6ece8;
  border-radius:12px;
  background:#f7f9f7;
}
.ops-home #copyConfig[data-skill-page='private'] .private-card-section-title { margin-bottom:9px; }
.ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template { min-height:34px!important; padding:0 9px!important; border-radius:9px!important; }
.ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template i { width:18px; height:18px; border-radius:6px; font-size:8px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card .scope-card-chips { gap:6px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card .scope-card-chips i { padding:6px 8px; border-radius:7px; font-size:9px; }
.ops-home #copyConfig[data-skill-page='private'] .private-zone-card>.scope-card-footer {
  min-height:64px;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding:12px 16px 14px;
  border:0;
  background:transparent;
}
.ops-home #copyConfig[data-skill-page='private'] .private-card-availability { gap:10px; }
.ops-home #copyConfig[data-skill-page='private'] .private-card-availability>span { font-size:9px; }
.ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template { max-width:100%; white-space:normal; text-align:left; }
.ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template>span { min-width:0; overflow-wrap:anywhere; }
.ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template>i,
.ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template>b { flex-shrink:0; }
.ops-home #copyConfig[data-skill-page='private'] .private-card-actions { gap:6px; }
.ops-home #copyConfig[data-skill-page='private'] .private-card-actions button { min-height:32px; padding:0 10px; border-radius:8px; font-size:9px; }

@media(max-width:1380px){
  .ops-home #copyConfig[data-skill-page='private'] .private-zone-group .scope-scene-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ops-home #copyConfig[data-skill-page='private'] .scope-page-overview { min-width:390px; grid-template-columns:82px 82px 82px minmax(122px,auto); }
}
@media(max-width:1000px){
  .ops-home #copyConfig[data-skill-page='private'] .private-zone-group .scope-scene-cards { grid-template-columns:1fr; }
  .ops-home #copyConfig[data-skill-page='private'] .scope-page-overview { min-width:0; grid-template-columns:repeat(3,1fr) minmax(122px,1.2fr); }
}
@media(max-width:700px){
  .ops-home #copyConfig[data-skill-page='private'] { border-radius:18px; }
  .ops-home #copyConfig[data-skill-page='private'] .skills-page-hero { padding:24px 20px; }
  .ops-home #copyConfig[data-skill-page='private'] .scope-page-mark { width:52px; height:52px; flex-basis:52px; border-radius:16px; }
  .ops-home #copyConfig[data-skill-page='private'] .skills-page-hero h2 { font-size:25px; }
  .ops-home #copyConfig[data-skill-page='private'] .scope-page-overview { grid-template-columns:repeat(3,1fr); }
  .ops-home #copyConfig[data-skill-page='private'] .scope-page-overview .cs-hero-save { min-height:48px; grid-column:1/-1; border-top:1px solid rgba(255,255,255,.14); border-left:0; }
  .ops-home #copyConfig[data-skill-page='private'] #copyConfigForm { padding:0 14px 28px; }
  .ops-home #copyConfig[data-skill-page='private'] .cs-page-entry-map>header { margin:0 -14px 22px; padding:22px 18px; }
  .ops-home #copyConfig[data-skill-page='private'] .private-zone-card>header { grid-template-columns:27px minmax(0,1fr); }
  .ops-home #copyConfig[data-skill-page='private'] .private-zone-card>header>em { grid-column:2; }
  .ops-home #copyConfig[data-skill-page='private'] .private-zone-card .scope-card-title strong,
  .ops-home #copyConfig[data-skill-page='private'] .private-zone-card .scope-card-title small { white-space:normal; overflow-wrap:anywhere; }
  .ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template { display:grid!important; grid-template-columns:18px minmax(0,1fr); gap:4px 8px; padding:8px 9px!important; }
  .ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template>i { grid-row:1/3; }
  .ops-home #copyConfig[data-skill-page='private'] .private-card-feature-list .content-skill-template>b { grid-column:2; white-space:normal; }
  .ops-home #copyConfig[data-skill-page='private'] .private-card-actions { flex-wrap:wrap; flex-shrink:1; }
}

/* Private card editor — compact premium modal. */
#privateCardEditorLayer {
  place-items:center;
  padding:32px;
  background:rgba(15,35,29,.58);
  backdrop-filter:blur(10px) saturate(.8);
}
#privateCardEditorLayer .scope-global-editor {
  width:min(820px,calc(100vw - 48px));
  max-height:calc(100vh - 64px);
  border:1px solid rgba(255,255,255,.30);
  border-radius:26px;
  background:#f5f7f4;
  box-shadow:0 38px 100px rgba(6,25,19,.38),0 2px 4px rgba(6,25,19,.15);
}
#privateCardEditorLayer .scope-global-editor>header {
  position:relative;
  min-height:164px;
  padding:34px 92px 30px 36px;
  overflow:hidden;
  border:0;
  background:
    radial-gradient(circle at 92% 12%,rgba(225,183,112,.24),transparent 28%),
    linear-gradient(118deg,#15382f 0%,#205245 62%,#2a6252 100%);
}
#privateCardEditorLayer .scope-global-editor>header::before {
  position:absolute;
  right:-70px;
  bottom:-155px;
  width:300px;
  height:300px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  box-shadow:inset 0 0 0 38px rgba(255,255,255,.025),inset 0 0 0 85px rgba(255,255,255,.018);
  content:'';
}
#privateCardEditorLayer .scope-global-editor>header>span {
  position:relative;
  color:#e6bd7e;
  font-size:10px;
  letter-spacing:.22em;
}
#privateCardEditorLayer .scope-global-editor>header h3 {
  position:relative;
  margin:12px 0 8px;
  color:#fff;
  font-size:27px;
  font-weight:720;
  letter-spacing:-.035em;
}
#privateCardEditorLayer .scope-global-editor>header p {
  position:relative;
  color:rgba(235,245,240,.66);
  font-size:12px;
}
#privateCardEditorLayer .scope-editor-close {
  top:26px;
  right:26px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  background:rgba(255,255,255,.09);
  color:rgba(255,255,255,.78);
  box-shadow:inset 0 1px rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
#privateCardEditorLayer .scope-editor-close:hover {
  background:rgba(255,255,255,.16);
  color:#fff;
  transform:rotate(4deg);
}
#privateCardEditorLayer .private-card-editor-body {
  gap:20px 18px;
  padding:28px 32px 30px;
  background:#f5f7f4;
}
#privateCardEditorLayer .scope-global-editor-body>label {
  gap:9px;
  color:#304c41;
  font-size:11px;
  font-weight:750;
}
#privateCardEditorLayer .scope-global-editor-body>label>span {
  align-items:center;
  letter-spacing:.01em;
}
#privateCardEditorLayer .scope-global-editor-body>label small {
  color:#96a29c;
  font-size:9px;
  font-weight:550;
}
#privateCardEditorLayer .scope-global-editor-body>label>input:not([type='checkbox']) {
  min-height:52px;
  padding:0 15px;
  border:1px solid #d8e1db;
  border-radius:13px;
  background:#fff;
  color:#20372e;
  font-size:13px;
  font-weight:650;
  box-shadow:0 3px 10px rgba(25,52,41,.025),inset 0 1px rgba(255,255,255,.9);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
#privateCardEditorLayer .scope-global-editor-body>label>input:not([type='checkbox']):hover { border-color:#c5d2cb; }
#privateCardEditorLayer .scope-global-editor-body>label>input:not([type='checkbox']):focus {
  border-color:#6f9885;
  background:#fff;
  box-shadow:0 0 0 4px rgba(66,111,91,.10),0 7px 18px rgba(25,52,41,.045);
}
#privateCardEditorLayer .private-card-switches {
  gap:14px;
  padding-top:2px;
}
#privateCardEditorLayer .private-card-switches .scope-global-switch {
  position:relative;
  min-height:82px;
  align-items:center;
  justify-self:stretch;
  padding:17px 76px 17px 17px;
  border:1px solid #d8e2dc;
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 16px rgba(26,52,41,.035);
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#privateCardEditorLayer .private-card-switches .scope-global-switch:hover {
  border-color:#b9cdc2;
  box-shadow:0 9px 22px rgba(26,52,41,.065);
  transform:translateY(-1px);
}
#privateCardEditorLayer .private-card-switches .scope-global-switch:has(input:checked) {
  border-color:#b7d0c2;
  background:linear-gradient(145deg,#fff,#f2f8f4);
}
#privateCardEditorLayer .private-card-switches .scope-global-switch span { min-width:0; }
#privateCardEditorLayer .private-card-switches .scope-global-switch b {
  color:#24483b;
  font-size:13px;
  font-weight:760;
}
#privateCardEditorLayer .private-card-switches .scope-global-switch small {
  margin-top:5px;
  color:#7f8e87;
  font-size:9px;
  line-height:1.55;
}
#privateCardEditorLayer .private-card-switches .scope-global-switch input {
  position:absolute;
  top:50%;
  right:18px;
  width:44px;
  height:24px;
  margin:0;
  border:1px solid #c9d3cd;
  border-radius:999px;
  appearance:none;
  background:#dce3df;
  cursor:pointer;
  transform:translateY(-50%);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
#privateCardEditorLayer .private-card-switches .scope-global-switch input::after {
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 5px rgba(20,44,35,.20);
  content:'';
  transition:transform .2s ease;
}
#privateCardEditorLayer .private-card-switches .scope-global-switch input:checked {
  border-color:#28634f;
  background:#28634f;
  box-shadow:0 0 0 4px rgba(40,99,79,.09);
}
#privateCardEditorLayer .private-card-switches .scope-global-switch input:checked::after { transform:translateX(20px); }
#privateCardEditorLayer .private-card-switches .scope-global-switch input:focus-visible { outline:3px solid rgba(88,133,112,.22); outline-offset:3px; }
#privateCardEditorLayer .scope-global-editor>footer {
  min-height:78px;
  justify-content:flex-end;
  padding:14px 32px;
  border-top:1px solid #dfe6e1;
  background:#fff;
  box-shadow:none;
}
#privateCardEditorLayer .scope-global-editor>footer>div { gap:10px; }
#privateCardEditorLayer .scope-global-editor>footer button {
  min-height:44px;
  padding:0 18px;
  border-radius:11px;
  font-size:11px;
  font-weight:720;
}
#privateCardEditorLayer #cancelPrivateCardEditor { border-color:#d7dfda; background:#fff; color:#5d6f66; }
#privateCardEditorLayer #applyPrivateCard {
  display:inline-flex;
  min-width:132px;
  align-items:center;
  justify-content:center;
  gap:20px;
  background:#173f35;
  color:#fff;
  box-shadow:0 8px 18px rgba(23,63,53,.20);
}
#privateCardEditorLayer #applyPrivateCard:hover { background:#215849; box-shadow:0 11px 24px rgba(23,63,53,.25); transform:translateY(-1px); }
#privateCardEditorLayer #applyPrivateCard span { color:#e4bc7d; font-size:15px; }
#privateCardEditorLayer #removePrivateCard:not([hidden]) { margin-right:auto; }
.private-card-skills-hint { grid-column:1/-1; padding:14px 16px; border:1px solid #d8e3dc; border-radius:13px; background:#eef5f1; }
.private-card-skills-hint span { color:#2f6754; font-size:9px; font-weight:800; letter-spacing:.14em; }
.private-card-skills-hint p { margin:6px 0 0; color:#6c7e75; font-size:10px; line-height:1.6; }
.private-skill-inline-empty { color:#96a19b; font-size:10px; }
.private-card-feature-list .content-skill-template.is-disabled { opacity:.58; }

/* Private Skills manager — follows the public Skill list/detail pattern. */
#privateSkillManagerLayer { place-items:start center; padding:76px 24px 20px; background:rgba(13,31,25,.64); backdrop-filter:blur(12px) saturate(.85); }
.private-skill-manager { position:relative; display:grid; width:min(1080px,calc(100vw - 48px)); max-height:calc(100vh - 96px); overflow:hidden; grid-template-rows:auto minmax(0,1fr) auto; border:1px solid rgba(255,255,255,.28); border-radius:22px; background:#f4f7f4; box-shadow:0 36px 100px rgba(5,23,17,.42); }
.private-skill-manager-head { position:relative; min-height:104px; padding:22px 76px 21px 27px; overflow:hidden; background:radial-gradient(circle at 86% 0,rgba(221,181,112,.20),transparent 27%),linear-gradient(118deg,#14372e,#225a49 68%,#2d6654); }
.private-skill-manager-head::after { position:absolute; right:-54px; bottom:-118px; width:260px; height:260px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:inset 0 0 0 36px rgba(255,255,255,.024),inset 0 0 0 76px rgba(255,255,255,.018); content:''; }
.private-skill-back { position:relative; z-index:1; display:inline-flex; min-height:28px; align-items:center; margin-right:13px; padding:0 10px; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:rgba(255,255,255,.08); color:#edf6f1; font-size:12px; font-weight:700; cursor:pointer; }
.private-skill-back:hover { border-color:rgba(255,255,255,.36); background:rgba(255,255,255,.15); transform:translateX(-1px); }
.private-skill-manager-head>span { position:relative; z-index:1; color:#e4b873; font-size:12px; font-weight:780; letter-spacing:.22em; }
.private-skill-manager-head h3 { position:relative; z-index:1; margin:7px 0 4px; color:#fff; font-size:24px; letter-spacing:-.03em; }
.private-skill-manager-head p { position:relative; z-index:1; margin:0; color:rgba(239,247,243,.66); font-size:14px; }
#privateSkillManagerLayer .scope-editor-close { top:21px; right:21px; width:38px; height:38px; border:1px solid rgba(255,255,255,.18); border-radius:11px; background:rgba(255,255,255,.09); color:#fff; }
.private-skill-manager-body { display:grid; min-height:0; grid-template-columns:310px minmax(0,1fr); }
#copyConfig.is-skill-editing .cs-page-entry-map { display:none; }
.private-skill-page { display:grid; gap:18px; margin:8px 0 28px; padding:22px; border:1px solid #d7e3dc; border-radius:18px; background:#f8fbf9; }
.private-skill-page[hidden] { display:none; }
.private-skill-page-head { position:sticky; z-index:12; top:8px; display:flex; align-items:flex-start; gap:16px; margin:-8px -8px 0; padding:14px; border:1px solid #d6e2db; border-radius:15px; background:rgba(248,251,249,.96); box-shadow:0 10px 28px rgba(22,55,43,.10); backdrop-filter:blur(12px); }
.private-skill-page-head>div { min-width:0; }
.private-skill-page-head span { color:#a77b43; font-size:11px; font-weight:800; letter-spacing:.16em; }
.private-skill-page-head h3 { margin:6px 0 4px; color:#1d3b31; font-size:24px; }
.private-skill-page-head p { margin:0; color:#6f7f76; font-size:13px; line-height:1.6; }
.ops-home #copyConfig #backPrivateSkillPage { display:inline-grid; min-width:196px; min-height:58px; flex:0 0 auto; grid-template-columns:36px auto; align-items:center; gap:10px; padding:0 18px 0 10px; border:1px solid #12382e; border-radius:14px; background:linear-gradient(135deg,#143d32,#27634f); color:#fff; box-shadow:0 10px 24px rgba(20,61,50,.24); }
.ops-home #copyConfig #backPrivateSkillPage>span { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:rgba(255,255,255,.14); color:#fff; font-size:20px; letter-spacing:0; }
.ops-home #copyConfig #backPrivateSkillPage>strong { color:#fff; font-size:15px; font-weight:800; white-space:nowrap; }
.ops-home #copyConfig #backPrivateSkillPage:hover { border-color:#0e2f27; background:linear-gradient(135deg,#0f332a,#1d5644); box-shadow:0 14px 30px rgba(20,61,50,.30); transform:translateY(-1px); }
.ops-home #copyConfig #backPrivateSkillPage:focus-visible { outline:3px solid rgba(184,140,76,.38); outline-offset:3px; }
.private-skill-tabs { display:flex; gap:8px; padding:4px; border:1px solid #d7e3dc; border-radius:14px; background:#fff; }
.private-skill-tabs[hidden],.private-skill-page-grid[hidden] { display:none; }
.private-skill-tabs button { flex:1; min-height:42px; border:0; border-radius:10px; background:transparent; color:#6f7f76; font-size:14px; font-weight:750; }
.private-skill-tabs button[aria-current="true"] { background:#143d32; color:#fff; }
.private-skill-page-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.private-skill-page-grid>label,.private-style-board { display:grid; gap:8px; color:#365347; font-size:13px; font-weight:750; }
.private-skill-page-prompt,.private-skill-page-grid>.private-skill-enabled,.private-style-board { grid-column:1/-1; }
.private-skill-page-grid input,.private-skill-page-grid textarea,.private-style-row input { width:100%; box-sizing:border-box; min-height:46px; padding:11px 13px; border:1px solid #d5dfd9; border-radius:11px; background:#fff; color:#243a31; font:inherit; font-size:15px; font-weight:400; }
.private-skill-page-prompt textarea { min-height:280px; line-height:1.7; resize:vertical; }
.private-style-board { padding:16px; border:1px solid #e1ebe6; border-radius:14px; background:#fff; }
.private-style-board>header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.private-style-board h4 { margin:0 0 4px; color:#1d3b31; font-size:16px; }
.private-style-board header p,.private-style-empty { margin:0; color:#7d8d85; font-size:12px; font-weight:500; line-height:1.6; }
.private-style-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:16px; align-items:center; padding:12px 4px; border-top:1px solid #edf3ef; }
.private-style-row strong { color:#1d3b31; font-size:15px; }
.private-style-row p { margin:4px 0 0; color:#6f7f76; font-size:13px; font-weight:500; }
.private-style-row em { color:#3f6b58; font-size:12px; font-style:normal; font-weight:700; }
.private-style-row.is-off strong,.private-style-row.is-off p { color:#9aa79f; }
.private-style-row.is-off em { color:#a67b45; }
.private-style-row>div:last-child { display:flex; gap:4px; }
.private-style-row button { min-height:34px; padding:0 10px; border:0; border-radius:8px; background:#f4f7f5; color:#365347; font-weight:700; }
.private-style-row [data-remove-style],.private-style-row [data-remove-goal] { background:transparent; color:#9b5149; }
#privateGoalBoard[hidden],#privateFlowBoard[hidden],#privateFlowLines[hidden] { display:none; }
.private-flow-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; padding:4px; border:1px solid #d7e3dc; border-radius:12px; background:#f7faf8; }
.private-flow-tabs button { flex:1 1 92px; min-height:34px; padding:0 10px; border:0; border-radius:8px; background:transparent; color:#6f7f76; font-size:13px; font-weight:750; }
.private-flow-tabs button[aria-current="true"] { background:#143d32; color:#fff; }
.private-flow-group { margin-top:16px; overflow:hidden; border:1px solid #c9ddd3; border-radius:12px; background:#f3f7f5; }
.private-flow-group>header { display:flex; align-items:center; gap:10px; min-height:46px; margin:0; padding:0 14px; background:#e4efe9; border-bottom:1px solid #c9ddd3; }
.private-flow-group>header strong { display:flex; align-items:center; gap:8px; color:#143d32; font-size:14px; font-weight:800; }
.private-flow-group>header strong::before { content:""; width:4px; height:14px; border-radius:99px; background:#b88c4c; }
.private-flow-group>header button { margin-left:auto; min-height:32px; padding:0 12px; border:0; border-radius:8px; background:#fff; color:#245443; font-weight:700; }
.private-flow-items { margin:10px; overflow:hidden; border:1px solid #e4eeea; border-radius:10px; background:#fff; }
.private-flow-items>.private-style-row { margin:0 12px; }
.private-flow-items>.private-style-row:first-child { border-top:0; }
.private-style-editor textarea { min-height:320px; }
.private-skill-page>footer { position:sticky; z-index:11; bottom:8px; display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:12px 14px; border:1px solid #d8e3dd; border-radius:13px; background:rgba(255,255,255,.96); box-shadow:0 -8px 24px rgba(22,55,43,.09); backdrop-filter:blur(10px); }
.private-skill-page>footer>div { display:flex; gap:8px; }
.private-skill-footer-back { min-height:42px; padding:0 16px; border:1px solid #9fb9ad; border-radius:10px; background:#eef5f1; color:#244f3f; font-weight:780; }
.private-skill-footer-back:hover { border-color:#6f9986; background:#e3f0e9; }
.private-skill-manager.is-single { width:min(760px,calc(100vw - 48px)); }
.private-skill-manager.is-single .private-skill-manager-body { grid-template-columns:minmax(0,1fr); }
.private-skill-manager.is-single .private-skill-manager-body>aside { display:none; }
.private-skill-manager-body>aside { display:flex; min-height:0; flex-direction:column; padding:18px 14px 14px; border-right:1px solid #dce5df; background:#edf2ee; }
.private-skill-list-title { display:flex; align-items:center; justify-content:space-between; padding:0 4px 12px; }
.private-skill-list-title span { color:#294b3e; font-size:14px; font-weight:780; }
.private-skill-list-title small { color:#91a098; font-size:12px; }
.private-skill-manager-list { display:flex; min-height:0; flex:1; flex-direction:column; gap:7px; overflow:auto; padding:2px 3px 10px; }
.private-skill-manager-list>button { display:grid; width:100%; min-height:72px; align-items:center; grid-template-columns:31px minmax(0,1fr) auto; gap:9px; padding:9px; border:1px solid #d7e0da; border-radius:11px; background:#fff; color:#315246; text-align:left; box-shadow:0 3px 10px rgba(19,48,37,.025); }
.private-skill-manager-list>button:hover { border-color:#adc5b8; transform:translateY(-1px); }
.private-skill-manager-list>button[aria-current='true'] { border-color:#76a18c; background:#f7fcf9; box-shadow:0 0 0 3px rgba(69,121,96,.09); }
.private-skill-manager-list>button>span { display:grid; width:29px; height:29px; place-items:center; border-radius:8px; background:#edf4f0; color:#2e6a54; font-size:12px; font-weight:800; }
.private-skill-manager-list p { min-width:0; margin:0; }
.private-skill-manager-list strong,.private-skill-manager-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.private-skill-manager-list strong { color:#25463a; font-size:14px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
.private-skill-manager-list small { margin-top:4px; color:#718278; font-size:12px; }
.private-skill-manager-list em { padding:4px 7px; border-radius:999px; background:#edf5f1; color:#39715b; font-size:11px; font-style:normal; white-space:nowrap; }
.private-skill-add { min-height:42px; border:1px dashed #aebfb6; border-radius:11px; background:rgba(255,255,255,.58); color:#426b5a; font-size:13px; font-weight:720; }
.private-skill-editor-panel { min-width:0; min-height:0; overflow:auto; padding:22px 26px 24px; background:#f9faf8; }
.private-skill-editor-empty { display:grid; min-height:350px; place-items:center; align-content:center; color:#829087; text-align:center; }
.private-skill-editor-empty span { display:grid; width:54px; height:54px; place-items:center; margin-bottom:12px; border-radius:18px; background:#e8f0eb; color:#46735f; font-size:24px; }
.private-skill-editor-empty strong { color:#365448; font-size:14px; }.private-skill-editor-empty p { margin:7px 0 0; font-size:13px; }
.private-skill-editor-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px 16px; }
.private-skill-editor-mark { display:flex; align-items:center; gap:11px; padding-bottom:16px; border-bottom:1px solid #e0e6e2; }
.private-skill-editor-mark,.private-skill-editor-fields>label:nth-of-type(3),.private-skill-enabled,.private-skill-editor-actions { grid-column:1/-1; }
.private-skill-editor-mark>span { display:grid; width:43px; height:43px; place-items:center; border-radius:12px; background:#1f5746; color:#fff; font-size:12px; font-weight:800; }
.private-skill-editor-mark p { margin:0; }.private-skill-editor-mark b,.private-skill-editor-mark small { display:block; }.private-skill-editor-mark b { color:#28483c; font-size:13px; }.private-skill-editor-mark small { margin-top:4px; color:#718278; font-size:12px; }
.private-skill-editor-fields>label:not(.private-skill-enabled) { display:grid; gap:8px; color:#365347; font-size:13px; font-weight:750; }
.private-skill-editor-fields>label>span { display:flex; flex-wrap:wrap; gap:6px; justify-content:space-between; }.private-skill-editor-fields>label small { color:#97a29c; font-size:12px; font-weight:550; }
.private-skill-editor-fields input:not([type='checkbox']),.private-skill-editor-fields textarea { width:100%; min-height:46px; padding:11px 13px; border:1px solid #d5dfd9; border-radius:11px; outline:0; background:#fff; color:#243a31; font:inherit; font-size:15px; font-weight:400; line-height:1.8; resize:vertical; }
.private-skill-editor-fields textarea { min-height:280px; }
.private-skill-editor-fields input:not([type='checkbox']):focus,.private-skill-editor-fields textarea:focus { border-color:#6b9a84; box-shadow:0 0 0 4px rgba(60,111,88,.09); }
.private-skill-enabled { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid #d8e3dc; border-radius:12px; background:#f1f7f3; cursor:pointer; }
.private-skill-enabled input { width:18px; height:18px; accent-color:#2e745b; }.private-skill-enabled span { display:block!important; }.private-skill-enabled b,.private-skill-enabled small { display:block; }.private-skill-enabled b { color:#2b5041; font-size:14px; }.private-skill-enabled small { margin-top:3px; color:#718278; font-size:12px; }
.private-skill-editor-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.private-skill-editor-actions button { min-height:38px; padding:0 13px; border-radius:10px; font-size:12px; }
.private-skill-manager>footer { display:flex; min-height:64px; align-items:center; justify-content:space-between; gap:16px; padding:11px 20px; border-top:1px solid #dce4df; background:#fff; }
.private-skill-manager>footer>span { color:#89958e; font-size:12px; }.private-skill-manager>footer>div { display:flex; flex-shrink:0; gap:9px; }.private-skill-manager>footer button { min-height:42px; padding:0 17px; border-radius:10px; font-size:13px; white-space:nowrap; }.private-skill-manager>footer .primary-button { min-width:132px; background:#173f35; }
.private-skill-empty { display:grid; min-height:120px; place-items:center; align-content:center; color:#718278; text-align:center; }.private-skill-empty strong { color:#4d665b; font-size:14px; }.private-skill-empty span { margin-top:5px; font-size:14px; }

@media(min-width:701px) and (max-width:1000px){
  .private-skill-editor-fields { grid-template-columns:1fr; }
}

@media(max-width:700px){
  #privateCardEditorLayer { padding:10px; }
  #privateCardEditorLayer .scope-global-editor { width:calc(100vw - 20px); max-height:calc(100vh - 20px); border-radius:19px; }
  #privateCardEditorLayer .scope-global-editor>header { min-height:142px; padding:26px 72px 24px 22px; }
  #privateCardEditorLayer .scope-global-editor>header h3 { font-size:22px; }
  #privateCardEditorLayer .scope-editor-close { top:20px; right:20px; }
  #privateCardEditorLayer .private-card-editor-body { grid-template-columns:1fr; padding:22px 18px; }
  #privateCardEditorLayer .private-card-editor-body>label:nth-child(3),#privateCardEditorLayer .private-card-switches { grid-column:auto; }
  #privateCardEditorLayer .private-card-switches { grid-template-columns:1fr; }
  #privateCardEditorLayer .scope-global-editor>footer { padding:12px 18px; }
  #privateSkillManagerLayer { padding:10px; }
  .private-skill-manager { width:calc(100vw - 20px); max-height:calc(100vh - 20px); border-radius:19px; }
  .private-skill-manager-head { min-height:120px; padding:24px 68px 22px 20px; }
  .private-skill-manager-body { grid-template-columns:1fr; overflow:auto; }
  .private-skill-manager-body>aside { max-height:250px; border-right:0; border-bottom:1px solid #dce5df; }
  .private-skill-editor-panel { overflow:visible; padding:20px 16px; }
  .private-skill-editor-fields { grid-template-columns:1fr; }
  .private-skill-editor-mark,.private-skill-editor-fields>label:nth-of-type(3),.private-skill-enabled,.private-skill-editor-actions { grid-column:auto; }
  .private-skill-manager>footer { align-items:flex-end; padding:12px 16px; }.private-skill-manager>footer>span { display:none; }
  .private-skill-page-head { position:static; flex-direction:column; margin:-8px -8px 0; padding:12px; }
  .ops-home #copyConfig #backPrivateSkillPage { width:100%; min-height:52px; }
  .private-skill-page>footer { bottom:4px; justify-content:stretch; }
  .private-skill-page>footer>button { flex:1; }
}