/* ============================================================
   autodoc.css — 행정 하이퍼자동화 전용 스타일
   디자인 정본: /root/eduverse/site/assets/eduverse.css
   ★ var(--ev-*) 토큰만 쓴다. 하드코딩 hex 금지. 이 파일에는 # 로 시작하는 색상값이 없다.
   성단 색(교사 행정)은 --pl-admin 토큰을 --ev-accent 에 얹어 쓴다.
   ============================================================ */

:root{
  --ev-accent: var(--pl-admin);      /* 교사 행정 성단 — 시안 */
  --ev-accent-2: var(--ev-cyan);
  --ad-gap: 18px;
}

/* 키보드 사용자는 반복 내비게이션을 건너뛸 수 있다. */
.ad-skip{
  position: fixed; left: 12px; top: 10px; z-index: 200;
  padding: 10px 14px; border-radius: var(--r-sm);
  background: var(--ev-surface-3); color: var(--ev-text);
  border: 2px solid var(--ev-accent); text-decoration: none;
  transform: translateY(-160%);
}
.ad-skip:focus{ transform: translateY(0); }

html{ scroll-padding-top: calc(var(--nav-h) + 20px); }
[id]{ scroll-margin-top: calc(var(--nav-h) + 20px); }

/* 정본 CSS의 상태와 무관하게 서비스 전용 상호작용 요소의 초점은 항상 보인다. */
.nav__links a:focus-visible, .logo:focus-visible, .ad-foot a:focus-visible,
.ad-main a:focus-visible, summary:focus-visible{
  outline: 2px solid var(--ev-accent); outline-offset: 3px;
}
.nav__links a[aria-current="page"]{ color: var(--ev-text); text-decoration: underline; text-underline-offset: 5px; }

/* ---------- 레이아웃 ---------- */
.ad-main{ padding-block: 28px 96px; }
.ad-head{ margin-bottom: 26px; }
.ad-head .lead{ max-width: 68ch; }
.ad-sec{ margin-top: 44px; }
.ad-sec > .h2, .ad-sec > .h3{ margin: 0 0 8px; }
.ad-sub{ color: var(--ev-text-2); margin: 0 0 18px; max-width: 74ch; }
.ad-note{ color: var(--ev-text-3); font-size: .87rem; line-height: 1.7; }
.ad-hd{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }

.ad-grid{ display:grid; gap: var(--ad-gap); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.ad-grid--3{ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.ad-grid--2{ grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
/* 그리드 칸이 내용의 min-content 때문에 벌어지지 않게 한다 (390px 가로 오버플로 방지) */
.ad-grid > *{ min-width: 0; }
.ad-main, .ad-card, .ad-item, .ad-flag, .ad-privacy, .ad-phrase{ overflow-wrap: break-word; }

/* 코드 조각 — 긴 경로·헤더명이 화면을 밀어내지 않게 */
code{
  font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
  font-size: .88em; word-break: break-all;
  padding: 1px 5px; border-radius: var(--r-sm);
  background: rgba(255,255,255,.07); border: 1px solid var(--ev-line);
}

/* ---------- 카드 ---------- */
.ad-card{
  background: var(--ev-surface); border: 1px solid var(--ev-line);
  border-radius: var(--r-md); padding: 20px; box-shadow: var(--sh-1);
}
.ad-card h3{ margin: 6px 0 8px; font-size: 1.08rem; }
.ad-card p{ margin: 0; color: var(--ev-text-2); font-size: .93rem; line-height: 1.7; }
.ad-card__icon{ font-size: 1.7rem; line-height: 1; }
.ad-kicker{ font-size: .72rem; font-weight: 800; letter-spacing: .12em; color: var(--ev-accent); text-transform: uppercase; }

a.ad-card{ display:block; text-decoration:none; color: inherit; transition: transform .18s var(--ease), border-color .18s var(--ease); }
a.ad-card:hover{ transform: translateY(-3px); border-color: var(--ev-line-strong); }
a.ad-card:focus-visible{ outline: 2px solid var(--ev-accent); outline-offset: 3px; }

/* ---------- 개인정보 고지 (항상 보인다) ---------- */
.ad-privacy{
  display:flex !important; gap: 14px; align-items:flex-start;
  margin: 18px auto 0; padding: 16px 18px;
  border-radius: var(--r-md);
  background: rgba(76,201,240,.09);
  border: 1px solid rgba(76,201,240,.30);
}
.ad-privacy__icon{ font-size: 1.3rem; line-height: 1.4; flex: none; }
.ad-privacy > div{ min-width:0; }
.ad-privacy__title{ margin: 0 0 4px; font-weight: 800; font-size: .98rem; color: var(--ev-text); }
.ad-privacy__desc{ margin: 0; font-size: .89rem; line-height: 1.7; color: var(--ev-text-2); }
.ad-privacy ol{ margin: 8px 0 0; padding-left: 20px; font-size: .89rem; color: var(--ev-text-2); line-height: 1.75; }

/* 네트워크 상태 배지 */
.ad-net{
  display:inline-flex; align-items:center; gap:8px;
  padding: 6px 13px; border-radius: var(--r-pill);
  font-size: .8rem; font-weight: 700;
  background: rgba(69,224,168,.12); border: 1px solid rgba(69,224,168,.32); color: var(--ev-mint);
}
.ad-net[data-state="blocked"]{
  background: rgba(255,107,129,.13); border-color: rgba(255,107,129,.34); color: var(--ev-coral);
}
.ad-net::before{ content:"●"; font-size: .6rem; }

/* ---------- 폼 ---------- */
.ad-form{ display:flex; flex-direction:column; gap: 16px; }
.ad-field{ display:flex; flex-direction:column; gap: 7px; }
.ad-field__label{ font-size: .85rem; font-weight: 700; color: var(--ev-text-2); display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ad-field__help{ font-size: .8rem; color: var(--ev-text-3); line-height: 1.6; }
.ad-req{ color: var(--ev-coral); font-size: .74rem; font-weight: 800; }
.ad-free{
  font-size: .68rem; font-weight: 800; letter-spacing: .04em;
  padding: 2px 7px; border-radius: var(--r-pill);
  background: rgba(255,194,75,.14); border: 1px solid rgba(255,194,75,.32); color: var(--ev-gold);
}

.ad-input, .ad-select, .ad-textarea{
  width: 100%; padding: 11px 13px; border-radius: var(--r-sm);
  background: rgba(255,255,255,.05); border: 1px solid var(--ev-line);
  color: var(--ev-text); font: inherit; font-size: .93rem;
}
.ad-textarea{ min-height: 96px; resize: vertical; line-height: 1.7; }
.ad-input:focus, .ad-select:focus, .ad-textarea:focus{
  outline: none; border-color: var(--ev-accent); background: rgba(76,201,240,.07);
}
.ad-select option{ background: var(--ev-deep); color: var(--ev-text); }
.ad-input::placeholder, .ad-textarea::placeholder{ color: var(--ev-text-3); }

/* 복수 선택 칩 */
.ad-chips{ display:flex; flex-wrap:wrap; gap: 8px; }
.ad-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding: 7px 13px; border-radius: var(--r-pill);
  background: var(--ev-surface-2); border: 1px solid var(--ev-line);
  color: var(--ev-text-2); font-size: .86rem; font-weight: 600;
  cursor: pointer; user-select: none; transition: all .15s var(--ease);
}
.ad-chip:hover{ border-color: var(--ev-line-strong); color: var(--ev-text); }
.ad-chip[aria-pressed="true"]{
  background: rgba(76,201,240,.16); border-color: rgba(76,201,240,.45); color: var(--ev-text);
}
.ad-chip:focus-visible{ outline: 2px solid var(--ev-accent); outline-offset: 2px; }

/* ---------- 버튼 ---------- */
.ad-btns{ display:flex; flex-wrap:wrap; gap: 10px; }
.ad-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding: 11px 18px; border-radius: var(--r-pill);
  border: 1px solid var(--ev-line-strong); background: var(--ev-surface-2);
  color: var(--ev-text); font: inherit; font-size: .9rem; font-weight: 700;
  cursor: pointer; transition: all .15s var(--ease);
  min-height: 44px;
}
.ad-btn:hover{ background: var(--ev-surface-3); }
.ad-btn:focus-visible{ outline: 2px solid var(--ev-accent); outline-offset: 3px; }
.ad-btn--primary{
  background: linear-gradient(135deg, var(--ev-accent), var(--ev-accent-2));
  border-color: transparent; color: var(--ev-void); font-weight: 800;
}
.ad-btn--primary:hover{ filter: brightness(1.08); }
.ad-btn[disabled]{ opacity: .45; cursor: not-allowed; }

/* ---------- 미리보기 ---------- */
.ad-preview{
  background: rgba(255,255,255,.04); border: 1px solid var(--ev-line);
  border-radius: var(--r-md); padding: 20px;
  white-space: pre-wrap; word-break: break-word;
  font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
  font-size: .86rem; line-height: 1.85; color: var(--ev-text);
  max-height: 62vh; overflow: auto;
}
.ad-preview:empty::before{ content: "왼쪽에서 항목을 고르면 여기에 문서가 조립됩니다."; color: var(--ev-text-3); }
.ad-sticky{ position: sticky; top: calc(var(--nav-h) + 16px); }

.ad-meta{ display:flex; gap: 14px; flex-wrap:wrap; font-size: .8rem; color: var(--ev-text-3); margin-top: 10px; }

/* ---------- 작성 완료도·최종 확인 ---------- */
.ad-progress{ display:grid; gap:8px; margin:0 0 16px; color:var(--ev-text-2); font-size:.84rem; font-weight:700; }
.ad-progress__track{ display:block; height:8px; overflow:hidden; border-radius:var(--r-pill); background:var(--ev-surface-2); border:1px solid var(--ev-line); }
.ad-progress__track > span{ display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--ev-accent),var(--ev-accent-2)); transition:width .18s var(--ease); }
.ad-quality{ margin-top:14px; }
.ad-confirm{ display:flex; align-items:flex-start; gap:11px; margin-top:14px; padding:14px; border:1px solid var(--ev-line); border-radius:var(--r-sm); background:rgba(255,255,255,.03); color:var(--ev-text-2); font-size:.84rem; line-height:1.6; cursor:pointer; }
.ad-confirm input{ flex:none; width:20px; height:20px; margin-top:2px; accent-color:var(--ev-accent); }
.ad-confirm strong{ color:var(--ev-text); }

/* ---------- 회원·요금 계획 ---------- */
.ad-plan-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ad-gap); align-items:stretch; }
.ad-plan{ display:flex; flex-direction:column; }
.ad-plan--focus{ border-color:var(--ev-accent); box-shadow:0 0 0 1px var(--ev-accent),var(--sh-2); }
.ad-plan__price{ margin:8px 0 14px !important; color:var(--ev-text) !important; font-size:1.22rem !important; font-weight:800; }
.ad-plan__price small{ display:block; margin-top:3px; color:var(--ev-gold); font-size:.7rem; font-weight:700; }
.ad-plan ul,.ad-card ul{ margin:8px 0 16px; padding-left:20px; color:var(--ev-text-2); font-size:.88rem; line-height:1.75; }
.ad-plan .ad-note{ margin-top:auto; padding-top:12px; border-top:1px solid var(--ev-line); }

/* ---------- 3차 운영 준비 화면 ---------- */
.ad-segment{ display:flex; flex-wrap:wrap; gap:8px; }
.ad-segment .ad-btn[aria-pressed="true"]{ border-color:var(--ev-accent); background:rgba(76,201,240,.15); }
.ad-check-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:var(--ad-gap); }
.ad-status{ display:inline-flex; padding:4px 9px; border-radius:var(--r-pill); font-size:.72rem; font-weight:800; color:var(--ev-gold); background:rgba(255,194,75,.12); border:1px solid rgba(255,194,75,.3); }
.ad-status--ok{ color:var(--ev-mint); background:rgba(69,224,168,.12); border-color:rgba(69,224,168,.3); }
.ad-status--block{ color:var(--ev-coral); background:rgba(255,107,129,.12); border-color:rgba(255,107,129,.3); }
.ad-score{ display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:center; padding:22px; border:1px solid var(--ev-line); border-radius:var(--r-md); background:var(--ev-surface); }
.ad-score__num{ color:var(--ev-gold); font-size:3rem; line-height:1; font-weight:900; }
.ad-auth{ min-height:100vh; display:grid; place-items:center; }
.ad-auth > .ad-card{ width:min(640px,100%); }

/* ---------- 필터 결과 ---------- */
.ad-flags{ display:flex; flex-direction:column; gap: 10px; margin-top: 14px; }
.ad-flag{
  border-radius: var(--r-sm); padding: 12px 14px;
  border: 1px solid rgba(255,107,129,.34); background: rgba(255,107,129,.10);
}
.ad-flag--warn{ border-color: rgba(255,194,75,.34); background: rgba(255,194,75,.10); }
.ad-flag--ok{ border-color: rgba(69,224,168,.32); background: rgba(69,224,168,.10); }
.ad-flag__t{ font-weight: 800; font-size: .88rem; margin: 0 0 5px; color: var(--ev-text); }
.ad-flag__d{ margin: 0; font-size: .84rem; line-height: 1.7; color: var(--ev-text-2); }
.ad-flag__alt{ margin: 8px 0 0; padding-left: 18px; font-size: .83rem; line-height: 1.7; color: var(--ev-text-2); }
.ad-word{
  display:inline-block; padding: 1px 7px; border-radius: var(--r-sm);
  background: rgba(255,107,129,.18); color: var(--ev-coral); font-weight: 700;
}

/* ---------- 표 ---------- */
.ad-tablewrap{ overflow-x: auto; border: 1px solid var(--ev-line); border-radius: var(--r-md); }
.ad-table{ width: 100%; border-collapse: collapse; font-size: .88rem; min-width: 560px; }
.ad-table th, .ad-table td{ padding: 11px 14px; text-align: left; border-bottom: 1px solid var(--ev-line); vertical-align: top; }
.ad-table th{ color: var(--ev-text-3); font-size: .78rem; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.ad-table tr:last-child td{ border-bottom: none; }
.ad-table td{ color: var(--ev-text-2); line-height: 1.7; }

/* ---------- 목록 ---------- */
.ad-list{ display:flex; flex-direction:column; gap: 12px; }
.ad-item{
  border: 1px solid var(--ev-line); border-radius: var(--r-md);
  padding: 16px 18px; background: var(--ev-surface);
}
.ad-item__t{ margin: 0 0 6px; font-weight: 700; font-size: .98rem; color: var(--ev-text); }
.ad-item__d{ margin: 0; font-size: .88rem; line-height: 1.75; color: var(--ev-text-2); }
.ad-item__src{ margin: 10px 0 0; font-size: .8rem; color: var(--ev-text-3); line-height: 1.7; }
.ad-item__src a{ color: var(--ev-accent); }

/* 문장 은행 항목 */
.ad-phrase{
  display:flex; gap: 12px; align-items:flex-start;
  border: 1px solid var(--ev-line); border-radius: var(--r-sm);
  padding: 12px 14px; background: rgba(255,255,255,.03);
}
.ad-phrase__t{ flex: 1; font-size: .92rem; line-height: 1.75; color: var(--ev-text); margin: 0; }
.ad-phrase__i{ margin: 6px 0 0; font-size: .8rem; color: var(--ev-gold); }
.ad-mini{
  flex: none; padding: 6px 12px; border-radius: var(--r-pill);
  border: 1px solid var(--ev-line-strong); background: var(--ev-surface-2);
  color: var(--ev-text-2); font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer;
  min-height: 44px;
}
.ad-mini:hover{ background: var(--ev-surface-3); color: var(--ev-text); }
.ad-mini:focus-visible{ outline: 2px solid var(--ev-accent); outline-offset: 2px; }

/* ---------- 상태 표시 ---------- */
.ad-toast{
  position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%);
  padding: 11px 20px; border-radius: var(--r-pill);
  background: var(--ev-surface-3); border: 1px solid var(--ev-line-strong);
  color: var(--ev-text); font-size: .87rem; font-weight: 700;
  box-shadow: var(--sh-2); z-index: 90;
}
.ad-empty{ color: var(--ev-text-3); font-size: .88rem; padding: 14px 0; }

/* ---------- 작은 유틸 (인라인 style 을 쓰지 않기 위한 것) ---------- */
.ad-mt8{ margin-top: 8px; }
.ad-mt14{ margin-top: 14px; }
.ad-mt24{ margin-top: 24px; }
.ad-mb0{ margin-bottom: 0; }
.ad-sr{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* ---------- 푸터 ---------- */
.ad-foot{
  margin-top: 72px; padding: 26px 0 12px;
  border-top: 1px solid var(--ev-line); color: var(--ev-text-3); font-size: .84rem; line-height: 1.8;
}
.ad-foot a{ color: var(--ev-text-2); }

/* ---------- 반응형 ---------- */
@media (max-width: 1024px){
  .ad-grid--2, .ad-grid--3{ grid-template-columns: 1fr; }
  .ad-plan-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ad-sticky{ position: static; }
}
@media (max-width: 720px){
  /* 링크를 가로 스크롤에 숨기지 않고 줄바꿈한다 — 손가락으로 스크롤할 필요가 없고, 가로 오버플로도 없다.
     정본 .nav 는 height 가 고정이라 이 화면에서만 auto 로 푼다. */
  .nav{ height: auto; min-height: var(--nav-h); padding-block: 10px; }
  .nav__inner{ flex-wrap: wrap; gap: 10px 14px; }
  .nav__spacer{ display: none; }
  .nav__links{ flex-wrap: wrap; gap: 8px 14px; font-size: .82rem; }
  .ad-main{ padding-block: 20px 72px; }
  .ad-card{ padding: 16px; }
  .ad-preview{ font-size: .8rem; padding: 15px; max-height: none; }
  .ad-table{ min-width: 440px; }
  .ad-phrase{ flex-direction: column; }
  .ad-mini{ align-self: flex-start; }
  .ad-plan-grid{ grid-template-columns:1fr; }
  .ad-btns .ad-btn{ width:100%; }
  .ad-score{ grid-template-columns:1fr; gap:12px; }
  .ad-segment .ad-btn{ flex:1 1 auto; }
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  a.ad-card:hover{ transform: none; }
}
/* Product workflow */
.ad-workflow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 28px;padding:10px;border:1px solid var(--ev-line);background:rgba(8,12,28,.72);border-radius:8px;position:sticky;top:78px;z-index:20;backdrop-filter:blur(14px)}
.ad-workflow a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;color:var(--ev-text-2);font-size:.82rem;font-weight:700;border-radius:6px}
.ad-workflow a:hover,.ad-workflow a[aria-current="step"]{background:rgba(109,139,255,.14);color:var(--ev-text)}
.ad-workflow span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:rgba(255,255,255,.08);color:var(--ev-accent)}
.ad-review-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 8px;font-weight:800}
.ad-review-label small{color:var(--ev-text-3);font-weight:500}
@media (max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  .nav{height:auto;min-height:64px}
  .nav__inner{width:100%;min-width:0;padding:10px 20px;gap:10px;flex-wrap:wrap}
  .logo{width:100%;font-size:.96rem}
  .nav__spacer{display:none}
  .nav__links{width:100%;max-width:100%;min-width:0;overflow-x:auto;gap:16px;padding:4px 0 7px;white-space:nowrap;scrollbar-width:thin}
  .ad-main,.ad-privacy{width:calc(100% - 40px);min-width:0}
  .ad-privacy__desc,.ad-sub,.lead{word-break:keep-all;overflow-wrap:anywhere}
  .ad-workflow{grid-template-columns:repeat(7,44px);overflow-x:auto;justify-content:start;top:112px}
  .ad-workflow a{font-size:0;padding:6px}
  .ad-workflow span{font-size:.82rem}
  .ad-review-label{align-items:flex-start;flex-direction:column;gap:3px}
  .ad-head .h1{font-size:2rem;line-height:1.2}
}

/* ---------- 문서 제품 흐름·버전·일괄 처리 ---------- */
.ad-condition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}
.ad-condition{padding:12px;border:1px solid var(--ev-line);border-radius:var(--r-sm);background:rgba(255,255,255,.03)}
.ad-condition strong{display:block;margin-bottom:4px;font-size:.82rem}.ad-condition small{color:var(--ev-text-3);line-height:1.5}
.ad-editor{width:100%;min-height:220px;resize:vertical;font-family:ui-monospace,"SFMono-Regular","Menlo","Consolas",monospace;line-height:1.75}
.ad-versionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ad-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ad-compare>div{min-width:0}.ad-compare h4{margin:0 0 7px;font-size:.82rem;color:var(--ev-text-3)}
.ad-compare .ad-preview{max-height:320px}
.ad-source-note{border-left:3px solid var(--ev-accent);padding:10px 12px;background:rgba(76,201,240,.07);font-size:.8rem;line-height:1.65;color:var(--ev-text-2)}
.ad-batch-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.ad-batch-status>div{padding:12px;border:1px solid var(--ev-line);border-radius:var(--r-sm);background:var(--ev-surface)}
.ad-batch-status strong{display:block;font-size:1.25rem}.ad-batch-status small{color:var(--ev-text-3)}
.ad-result-state{display:inline-flex;margin-left:8px;padding:3px 8px;border-radius:var(--r-pill);font-size:.72rem;font-weight:800}
.ad-result-state--ok{color:var(--ev-mint);background:rgba(69,224,168,.12)}
.ad-result-state--fail{color:var(--ev-coral);background:rgba(255,107,129,.12)}
@media(max-width:720px){.ad-compare{grid-template-columns:1fr}.ad-batch-status{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Premium V5: bright education workspace.
   This service-only layer intentionally overrides the synced EDUVERSE theme. */
:root{
  --ev-void:#f6f8f7;
  --ev-deep:#ffffff;
  --ev-nebula-1:#f6f8f7;
  --ev-nebula-2:#f6f8f7;
  --ev-nebula-3:#f6f8f7;
  --ev-surface:#ffffff;
  --ev-surface-2:#f2f6f4;
  --ev-surface-3:#e8f1ed;
  --ev-line:#d7e1dc;
  --ev-line-strong:#aebfb7;
  --ev-text:#17231d;
  --ev-text-2:#43554c;
  --ev-text-3:#687a71;
  --ev-accent:#087a55;
  --ev-accent-2:#087a55;
  --ev-mint:#087a55;
  --ev-cyan:#146b54;
  --ev-gold:#8a5b00;
  --ev-coral:#b42318;
  --pl-admin:#087a55;
  --r-sm:4px;
  --r-md:6px;
  --r-lg:8px;
  --r-xl:8px;
  --r-pill:8px;
  --sh-1:0 1px 2px rgba(23,35,29,.06);
  --sh-2:0 4px 12px rgba(23,35,29,.09);
  --glow:none;
  --ev-glow:none;
}

body{background:var(--ev-void);color:var(--ev-text);}
.ev-space{background:#f6f8f7;}
.ev-stars{display:none;}
.nav{background:rgba(255,255,255,.96);border-bottom-color:var(--ev-line);backdrop-filter:none;}
.logo__mark{border-radius:6px;background:#087a55;box-shadow:none;}
.logo__mark::after{display:none;}
.nav__links a:hover,.nav__links a[aria-current="page"]{color:#065f46;}
.grad{background:none;color:var(--ev-text);-webkit-text-fill-color:currentColor;}
.card,.ad-card,.ad-item,.ad-score,.ad-batch-status>div{background:#fff;box-shadow:var(--sh-1);backdrop-filter:none;-webkit-backdrop-filter:none;border-width:1px!important;}
.card:hover,.ad-card:hover,.ad-item:hover{box-shadow:var(--sh-2);}
.ad-workflow{background:rgba(255,255,255,.97);border-color:var(--ev-line);backdrop-filter:none;box-shadow:0 1px 4px rgba(23,35,29,.06);}
.ad-workflow a:hover,.ad-workflow a[aria-current="step"]{background:#e8f4ef;color:#065f46;}
.ad-workflow span{border-radius:6px;background:#e8f4ef;color:#087a55;}
.btn,.ad-btn,.ad-mini{border-radius:6px;background:#fff;border-color:var(--ev-line-strong);color:var(--ev-text);box-shadow:none;}
.btn:hover,.ad-btn:hover,.ad-mini:hover{background:#f2f6f4;transform:none;}
.btn--primary,.ad-btn--primary{background:#087a55;color:#fff;border-color:#087a55;box-shadow:none;}
.btn--primary:hover,.ad-btn--primary:hover{background:#066344;filter:none;}
.btn--gold{background:#087a55;color:#fff;box-shadow:none;}
.ad-input,.ad-select,.ad-textarea,.input{background:#fff;border-color:var(--ev-line);color:var(--ev-text);}
.ad-input:focus,.ad-select:focus,.ad-textarea:focus,.input:focus{background:#fff;border-color:#087a55;box-shadow:0 0 0 3px rgba(8,122,85,.12);}
.ad-select option{background:#fff;color:var(--ev-text);}
.ad-chip,.badge,.egg,.ad-net,.ad-status,.ad-result-state{border-radius:6px;}
.ad-chip[aria-pressed="true"],.ad-segment .ad-btn[aria-pressed="true"]{background:#e8f4ef;border-color:#6eaa91;color:#065f46;}
.ad-privacy{background:#eef7f3;border-color:#b7d9ca;}
.ad-confirm,.ad-condition,.ad-phrase{background:#fbfcfb;}
.ad-preview{background:#fbfcfb;color:var(--ev-text);}
.ad-progress__track,.bar{background:#e4ebe7;}
.ad-progress__track>span,.bar__fill,.bar__fill--mint,.bar__fill--gold{background:#087a55;}
.ad-plan--focus{border-color:#087a55;box-shadow:0 0 0 1px #087a55;}
.ad-source-note{background:#eef7f3;border-left-color:#087a55;}
.ad-flag{background:#fff5f3;border-color:#efb6af;}
.ad-flag--warn{background:#fff9eb;border-color:#e5c98d;}
.ad-flag--ok{background:#eef7f3;border-color:#b7d9ca;}
.ad-toast{background:#17231d;color:#fff;border-color:#17231d;border-radius:6px;}
section>h2,section>.h2,.section-title,.sec-title{color:#087a55!important;}
.eyebrow,.ev-lead,.ad-kicker{color:#087a55!important;}
.muted,.sub,.hint,.desc{color:var(--ev-text-2)!important;}

@media(max-width:720px){
  .wrap,.ad-main,.ad-privacy{width:min(100% - 28px,var(--wrap));}
  .nav__inner{padding-inline:14px;}
  .ad-workflow{top:108px;padding:8px;}
  .ad-card{padding:14px;}
  .ad-head .h1{font-size:1.75rem;line-height:1.28;word-break:keep-all;}
}