/* ============================================================
   ARIFE 콘솔 물방울 v1260
   (판매자 등록 · 기업 등록 · 작품 등록 · 판매 콘솔 · 구매자 콘솔 · 결제)

   왜 만들었나
     사이트 대부분은 밝은 물방울로 옮겼는데, 장사에 쓰는 화면들만
     예전 검은 판·형광 하늘색 그대로 남아 있었다. 나브까지 검어서
     마켓에서 '작품 등록'을 누르는 순간 다른 사이트로 넘어간 것처럼 보인다.

   어떻게 고쳤나 — 다시 그리지 않는다
     이 화면들을 칠하는 두 큰 파일(arife-role-v1600 · arife-buyers-v1900)은
     색을 전부 변수로 뽑아 쓰고 있었다(실측: var(--r-…) 195곳, var(--b-…) 132곳,
     박아 넣은 색은 손에 꼽는다). 그래서 규칙을 베끼지 않고 **변수만 바꾼다**.
     5,000줄을 다시 쓰는 대신 값 몇 십 개를 갈아 끼우는 일이 된다 —
     짜임새와 자리는 하나도 건드리지 않으므로 무너질 데가 없다.

     변수로 안 빠져 있는 곳(arife-role-system · arife-seller-console-v307)만
     아래에서 따로 집어 준다.

   원칙
     · 자리·크기·기능은 손대지 않는다. 색과 그림자만 바꾼다.
     · 글자는 밝은 바탕에서 읽히는 잉크색으로 내린다.
     · 형광 하늘/보라 강조색은 이 사이트의 파랑 하나로 모은다.
   ============================================================ */

:root{
  --cd-ink:#16324f;
  --cd-muted:#4a6380;
  --cd-dim:#7d95ad;
  --cd-line:rgba(160,196,244,.6);
  --cd-line-strong:rgba(140,185,245,.9);
  --cd-blue:#2f6ec9;
  --cd-blue-soft:rgba(91,155,236,.14);
  --cd-panel:
    radial-gradient(96% 60% at 50% 2%,#fff,rgba(255,255,255,.9) 44%,rgba(246,250,255,.82));
  --cd-panel-soft:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(240,246,255,.7));
  --cd-field:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,249,255,.86));
  --cd-primary:linear-gradient(180deg,#5b9bec,#2f6ec9);
  --cd-shadow:
    inset 0 1.5px 1px -1px #fff,
    inset 0 0 0 1px rgba(160,196,244,.6),
    0 12px 22px -16px rgba(20,45,90,.55);
  --cd-shadow-lift:
    inset 0 1.5px 1px -1px #fff,
    inset 0 0 0 1px rgba(140,185,245,.9),
    0 20px 30px -18px rgba(20,45,90,.62);
  --cd-page:
    radial-gradient(120% 100% at 50% 0%,#f4f8ff,#e7eefa 55%,#dde7f6);
}

/* ── 1. 바탕 ─────────────────────────────────────────────
   원본이 body 에 background:…!important 로 박아 두었다. 같은 무게로 되받는다. */
html body:is(
  .role-system,
  .seller-stage-v307,
  .buyer-console-v1900,
  .checkout-stage-v308,
  .access-stage-v308,
  .commerce-custom-v1900
):not(#nope):not(#_){
  background:var(--cd-page)!important;
  color:var(--cd-ink)!important;
}

/* 화면 전체를 덮던 어두운 그늘 — 밝은 바탕에서는 얼룩으로만 보인다 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_)::before,
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_)::after{
  background:none!important;
  opacity:0!important;
}

/* ── 2. 변수 갈아 끼우기 ─────────────────────────────────
   여기가 이 파일의 핵심이다. 아래 두 묶음만 바뀌면
   arife-role-v1600(2,664줄)과 arife-buyers-v1900(2,198줄)이
   통째로 밝은 물방울로 돌아선다. */
html body:not(#nope):not(#_):not(#__){
  /* 판매자·상품 등록 계열 (arife-role-v1600) */
  --r-bg:#eef3fb;
  --r-bg-deep:#e4ecf8;
  --r-panel:var(--cd-panel);
  --r-panel-strong:var(--cd-panel);
  --r-panel-soft:var(--cd-panel-soft);
  --r-line:var(--cd-line);
  --r-line-strong:var(--cd-line-strong);
  --r-text:var(--cd-ink);
  --r-muted:var(--cd-muted);
  --r-dim:var(--cd-dim);
  --r-cyan:var(--cd-blue);
  --r-cyan-2:#5b9bec;
  --r-cyan-soft:var(--cd-blue-soft);
  --r-violet:var(--cd-blue);
  --r-violet-2:#5b9bec;
  --r-violet-soft:var(--cd-blue-soft);
  --r-red:#b4394a;
  --r-red-soft:rgba(180,57,74,.1);

  /* 구매자 콘솔 계열 (arife-buyers-v1900) */
  --b-bg:#eef3fb;
  --b-panel:var(--cd-panel);
  --b-panel-strong:var(--cd-panel);
  --b-panel-soft:var(--cd-panel-soft);
  --b-line:var(--cd-line);
  --b-line-soft:rgba(160,196,244,.45);
  --b-text:var(--cd-ink);
  --b-muted:var(--cd-muted);
  --b-dim:var(--cd-dim);
  --b-cyan:var(--cd-blue);
  --b-cyan-2:#5b9bec;
  --b-cyan-soft:var(--cd-blue-soft);
  --b-violet:var(--cd-blue);
  --b-violet-2:#5b9bec;
  --b-violet-soft:var(--cd-blue-soft);
  --b-red:#b4394a;
  --b-red-soft:rgba(180,57,74,.1);
  --b-shadow:var(--cd-shadow);
  --b-shadow-soft:var(--cd-shadow);

  /* 작품 등록 판 (arife-seller-console-v307) */
  --publish-blue:var(--cd-blue);
  --publish-cyan:var(--cd-blue);
  --publish-violet:var(--cd-blue);
  --publish-ink:#eef3fb;
  --publish-panel:#ffffff;
  --publish-line:var(--cd-line);
  --publish-text:var(--cd-ink);
  --publish-muted:var(--cd-muted);

  /* 옛 역할 시스템 (arife-role-system) */
  --role-bg:#eef3fb;
  --role-panel:#fff;
  --role-line:var(--cd-line);
  --role-soft:var(--cd-muted);
  --role-lime:var(--cd-blue);
  --role-cyan:var(--cd-blue);
  --role-violet:var(--cd-blue);
  --role-gold:var(--cd-blue);
  --role-red:#b4394a;
}

/* ── 3. 변수로 안 빠져 있던 판들 ──────────────────────────
   arife-role-system 과 arife-seller-console-v307 은 색을 규칙 안에 박아 두었다.
   판·칸·단추만 골라 밝게 돌린다. */

/* 3-1. 판 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  .route-board,.role-route,.role-submit,.creator-route,.route-label,
  .persona-side,.persona-note,.persona-hero,.persona-stats article,.persona-panel,
  .flow-visual,.flow-form,.product-card,.flow-status,
  .seller-hub-hero,.hub-status article,.hub-route,
  .publish-hero-v307,.publish-center-v307,.publish-readiness-v307,.publish-proof-v307,
  .publish-route-grid-v307,.publish-flow-v307,.publish-guide-dialog-v307,
  .product-console-v307,.product-head-v307,.product-fields-v307,.product-grid-v307,
  .product-progress-v307,.product-publish-v307,
  .admin-section,.admin-card,.market-role-dock,
  .asset-spec-v4000
){
  border-color:var(--cd-line)!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
}

/* 3-2. 글자 — 밝은 판 위에서 읽히게 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  h1,h2,h3,h4,strong,b,dt,label,legend,th
){ color:var(--cd-ink)!important }
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  p,small,span,li,td,dd,em,figcaption
){ color:var(--cd-muted)!important }
/* 강조 글자(원래 형광이던 것)는 파랑으로 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  .role-kicker,.product-kicker-v307,.publish-eyebrow-v307,.buyer-eyebrow-v304,
  .persona-mark small,.persona-panel header span,.flow-status strong,
  .role-route small,.hub-route small,.persona-switch a.current
){ color:var(--cd-blue)!important }

/* 3-3. 입력 칸 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  input,select,textarea
):not([type=checkbox]):not([type=radio]):not([type=file]){
  border:0!important;
  background:var(--cd-field)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line),inset 0 2px 3px -2px rgba(20,45,90,.35)!important;
  color:var(--cd-ink)!important;
}
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  input,select,textarea
)::placeholder{ color:var(--cd-dim)!important }
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  input,select,textarea
):focus{
  box-shadow:inset 0 0 0 2px var(--cd-blue),0 0 0 3px rgba(91,155,236,.2)!important;
  outline:0!important;
}

/* 3-4. 단추 — 되돌릴 수 없는 것(제출)만 파랑, 나머지는 흰 물방울 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  button,.button,a.buyer-button-v304,.persona-actions a,.persona-switch a,
  .market-role-dock a,.publish-guide-trigger-v307
):not(.flow-submit):not(.publish-button-v307):not(.role-submit button):not([data-product-submit]){
  border:0!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
  cursor:pointer;
}
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  .flow-submit,.publish-button-v307,.role-submit button,[data-product-submit],
  .persona-actions a.primary,.hub-route a,.market-role-dock a:last-child,
  .buyer-button-v304.is-primary
){
  border:0!important;
  background:var(--cd-primary)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 14px 24px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
}
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  .flow-submit,.publish-button-v307,.role-submit button,[data-product-submit]
):disabled{
  background:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-dim)!important;
  cursor:not-allowed;
}

/* 3-5. 파일 넣는 칸 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) .file-drop{
  border:1px dashed var(--cd-line-strong)!important;
  background:rgba(255,255,255,.55)!important;
  color:var(--cd-ink)!important;
}
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) .file-drop b{
  background:var(--cd-blue-soft)!important;
  color:var(--cd-blue)!important;
}

/* 3-6. 알림 — 오류는 붉게, 안내는 파랗게 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) .flow-error{
  border:0!important;
  background:rgba(180,57,74,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(180,57,74,.35)!important;
  color:#8f2233!important;
}

/* 3-7. 장식 덩어리(공·고리·구슬) — 밝은 바탕에서 시커먼 얼룩이 된다.
   지우지는 않는다. 옅게 눌러 두면 원래 의도한 '깊이'만 남는다. */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  .role-object,.persona-orbit,.flow-sculpture,.hub-cube,.hub-route:after,
  .admin-ops-object,.publish-reactor-v307,.buyer-reactor-core-v304,
  .buyer-reactor-ring-v304,.buyer-empty-object-v304,.buyer-identity-object-v304
){ opacity:.5!important; filter:saturate(.7) brightness(1.25)!important }


/* ============================================================
   4. 변수에 안 걸린 나머지 — 이름을 하나씩 집는다
   ------------------------------------------------------------
   위 변수 갈아 끼우기로 대부분은 돌아섰지만, 두 파일
   (arife-seller-console-v307 · arife-role-system · arife-buyer-personal-v304)은
   색을 규칙 안에 그대로 박아 두었다. 그 규칙들만 골라 되받는다.
   목록은 짐작이 아니라 그 파일들에서 '어두운 배경을 지정한 선택자'를
   전부 뽑아 만든 것이다.

   ★ 마켓·요금제는 여기 넣지 않는다 — 이미 밝고, 건드리면 되레 망가진다.
   ============================================================ */
:root{
  --cd-scope-note:"role-system seller-stage-v307 buyer-console-v1900 …";
}

/* 4-0. 바탕 — html 자체가 어두웠다(실측 rgb(6,15,27)).
   body 만 밝히면 화면 끝과 스크롤 여백에 검은 띠가 남는다.
   이 파일은 그 화면들에만 걸리므로 html 을 그냥 집어도 안전하다. */
html:not(#nope):not(#_){ background:#eef3fb!important }

/* 4-1. 판 · 카드 · 히어로 · 모달 */
html body:is(
  .role-system,.seller-stage-v307,.buyer-console-v1900,.buyer-personal-v304,
  .checkout-stage-v308,.access-stage-v308,
  .product-personal-flow,.product-business-flow,.personal-flow,.company-flow
):not(#nope):not(#_) :is(
  /* 작품 등록 · 판매 콘솔 (v307) */
  .product-console-v307,.product-head-v307,.product-form-v307,.product-fields-v307,
  .product-console-head-v307,.product-progress-v307 article,.product-submit-note-v307,
  .publish-hero-v307,.publish-flow-v307,.publish-flow-v307 article,
  .publish-guide-dialog-v307,.publish-guide-body-v307 article,
  .publish-route-v307,.publish-status-card-v307,.publish-fee-v307,
  .seller-entry-dialog,.seller-entry-visual,.seller-entry-state,.seller-entry-tabs,
  /* 역할 시스템 */
  .flow-head,.flow-visual,.flow-form,.flow-status,.flow-steps,
  .persona-hero,.persona-note,.persona-panel,.persona-stats article,.persona-actions,
  .persona-switch,.task-list a,.task-list div,
  .route-board,.route-label,.role-route,.role-submit,.creator-route,.product-card,
  .seller-hub-hero,.hub-status article,.hub-route,.market-role-dock,
  .admin-ops-hero,.admin-section,.admin-card,.admin-stats article,
  /* 구매자 콘솔 (v304) */
  .buyer-hero-v304,.buyer-panel-v304,.buyer-rail-v304,.buyer-rail-guide-v304,
  .buyer-metrics-v304 article,.buyer-launch-grid-v304 a,.buyer-library-tabs-v304,
  .buyer-mode-switch-v304,.buyer-guide-dialog-v304,.buyer-guide-body-v304 article,
  .buyer-step-list-v304 li,.buyer-activity-empty-v304>span,
  /* 결제 · 규격표 */
  .ck-order-v3900,.ck-order-art-v3900,.ck-order-spec-v3900>div,.pay-card,
  .asset-spec-rows-v4000>div,.asset-spec-v4000
){
  border-color:var(--cd-line)!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
}

/* 4-2. 지금 단계 · 고른 것 — 판이 아니라 '골라진 상태'다. 옅은 파랑으로 */
html body:is(
  .role-system,.seller-stage-v307,.buyer-console-v1900,.buyer-personal-v304
):not(#nope):not(#_) :is(
  .product-progress-v307 article.active,
  .flow-steps span.active,
  .persona-switch a.current,
  .buyer-library-tabs-v304 button.active,
  .buyer-rail-nav-v304 a.active,
  .buyer-step-list-v304 li.current,
  .seller-entry-tabs button.active,
  .role-route.selected
){
  background:linear-gradient(180deg,rgba(219,233,252,.95),rgba(199,222,250,.9))!important;
  box-shadow:inset 0 0 0 1px var(--cd-line-strong),0 10px 18px -14px rgba(20,45,90,.6)!important;
  color:var(--cd-blue)!important;
}

/* 4-3. 작은 동그라미·번호표 — 형광 하늘색 알들 */
html body:is(
  .role-system,.seller-stage-v307,.buyer-console-v1900,.buyer-personal-v304
):not(#nope):not(#_) :is(
  .publish-flow-v307 article>i,.publish-guide-body-v307 article i,
  .publish-status-card-v307>i,.product-progress-v307 article>i,
  .persona-mark i,.file-drop b,
  .buyer-metric-icon-v304,.buyer-flow-trigger-v304 i,
  .buyer-launch-grid-v304 a>i,.buyer-step-list-v304 li.current>i,
  .publish-checks-v307 span:before
){
  border:0!important;
  background:linear-gradient(180deg,rgba(219,233,252,.95),rgba(196,220,250,.92))!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}

/* 4-4. 덮개(모달 뒤 막)는 어두워야 앞이 보인다 — 밝히지 않는다.
   다만 새까맣던 것을 이 사이트의 푸른 막으로 맞춘다. */
html body:not(#nope):not(#_) :is(
  .publish-guide-backdrop-v307,.buyer-guide-backdrop-v304,
  .commerce-review-backdrop-v303,.seller-entry-backdrop
){
  background:rgba(20,45,90,.42)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
}

/* 4-5. 알림 줄(toast)은 어두운 채로 둔다 — 잠깐 떴다 사라지는 것이라
   밝은 판으로 만들면 화면에 묻혀서 안 보인다. */

/* 4-6. 머리글 띠 — 판 안의 header 가 따로 어두운 판이었다 */
html body:is(
  .role-system,.seller-stage-v307,.buyer-console-v1900,.buyer-personal-v304
):not(#nope):not(#_) :is(.product-console-v307,.product-form-v307,.product-fields-v307,.buyer-panel-v304)>header{
  background:transparent!important;
  border-bottom:1px solid var(--cd-line)!important;
  box-shadow:none!important;
}

/* 4-7. 위쪽 딱지(판매자 / 개인 판매 / 단건 영상)
   실측: 이 딱지는 .product-route-v1400 의 span·b·i 세 개다. */
html body:is(.seller-stage-v307,.role-system):not(#nope):not(#_) :is(
  .product-route-v1400>span,.product-route-v1400>b,.product-route-v1400>i,
  .product-kicker-v307>span,.publish-eyebrow-v307>span,.role-kicker>span
){
  background:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}

/* 4-8. 머리 오른쪽 단추(판매 방식 다시 선택 · 검수 기준 보기) */
html body:is(.seller-stage-v307):not(#nope):not(#_) .product-head-actions-v307 :is(a,button){
  border:0!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
}


/* ============================================================
   5. 마지막 얼룩 — 화면을 실제로 띄워 놓고 '어두운 판'을 훑어 찾은 것들
   ------------------------------------------------------------
   이 화면들은 HTML 안에 <style> 을 따로 물고 있어서(작품 등록의
   html body.product-personal-flow …), 파일만 봐서는 안 나온다.
   띄워 놓고 색을 재서 남은 것만 집는다.
   ============================================================ */

/* 5-1. 필수 항목 목록 — 어두운 판에 어두운 글자라 아예 안 읽혔다 */
html body:is(.seller-stage-v307,.role-system):not(#nope):not(#_) .publish-checks-v307 span{
  border:0!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-muted)!important;
}
html body:is(.seller-stage-v307,.role-system):not(#nope):not(#_) .publish-checks-v307 span:is(.on,.is-ready,.is-done){
  background:linear-gradient(180deg,rgba(219,233,252,.95),rgba(199,222,250,.9))!important;
  box-shadow:inset 0 0 0 1px var(--cd-line-strong)!important;
  color:var(--cd-blue)!important;
}
/* 채움 막대 */
html body:is(.seller-stage-v307,.role-system):not(#nope):not(#_) .publish-meter-v307{
  border:0!important;
  background:rgba(255,255,255,.7)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
}
html body:is(.seller-stage-v307,.role-system):not(#nope):not(#_) .publish-meter-v307 i{
  background:var(--cd-primary)!important;
  box-shadow:none!important;
}

/* 5-2. '현재 / 대기' 같은 상태 알약 — 형광 하늘색이 혼자 튄다 */
html body:is(.seller-stage-v307,.role-system):not(#nope):not(#_) :is(
  .product-progress-v307 article>b,.publish-flow-v307 article>b
){
  background:var(--cd-primary)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 8px 14px -10px rgba(30,80,160,.85)!important;
  color:#fff!important;
}
html body:is(.seller-stage-v307,.role-system):not(#nope):not(#_) :is(
  .product-progress-v307 article:not(.active)>b,.publish-flow-v307 article:not(.active)>b
){
  background:rgba(255,255,255,.8)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-muted)!important;
}

/* 5-3. 구매자 콘솔의 빈 자리 판 */
html body:is(.buyer-console-v1900,.buyer-personal-v304):not(#nope):not(#_) :is(
  .buyer-empty-v304,.buyer-activity-v304,.buyer-progress-v304,.buyer-account-strip-v304,
  .buyer-content-grid-v304>*,.buyer-lower-grid-v304>*
){
  border-color:var(--cd-line)!important;
  background:rgba(255,255,255,.66)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-ink)!important;
}

/* 5-4. 판매 콘솔에 남은 검은 링크 단추 */
html body:is(.seller-hub-page-v307,.seller-stage-v307):not(#nope):not(#_) :is(
  .publish-status-card-v307>a,.publish-route-v307>a,.publish-proof-v307 a
){
  border:0!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line),0 8px 16px -12px rgba(20,45,90,.5)!important;
  color:var(--cd-blue)!important;
}

/* 5-5. 큰 제목 안의 강조(원래 형광 하늘색이던 두 번째 줄).
   위에서 em 을 통째로 흐린 글자로 내렸더니 제목의 힘이 빠졌다 —
   제목 안에서는 파랑으로 되살린다. */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(h1,h2) :is(em,b,span){
  color:var(--cd-blue)!important;
  font-style:normal;
}

/* 5-6. 장식 구슬 — 밝은 판 위에서 회색 덩어리로 보인다 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) :is(
  .buyer-reactor-core-v304,.buyer-identity-object-v304,.publish-reactor-core-v307,
  .persona-orbit:before,.flow-sculpture:before,.hub-cube:before,.role-object:before
){
  background:radial-gradient(circle at 34% 28%,#fff,rgba(186,214,247,.9) 46%,rgba(120,168,232,.85))!important;
  box-shadow:0 24px 46px -28px rgba(20,45,90,.6)!important;
}

/* 5-7. 동의 네모(체크박스) — 검은 사각형으로 나온다 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) input:is([type=checkbox],[type=radio]){
  accent-color:var(--cd-blue)!important;
  width:17px;height:17px;
}

/* 5-8. 바닥글 로고 — 검은 바탕용이라 밝은 데서는 안 보인다 */
html body:is(.role-system,.seller-stage-v307,.buyer-console-v1900):not(#nope):not(#_) footer :is(.company-logo,.brand img,.site-footer-logo){
  filter:invert(1) brightness(.3) contrast(1.5)!important;
  opacity:.85!important;
}


/* ============================================================
   6. 마이페이지 (account.html)
   ------------------------------------------------------------
   여기는 이미 밝다. 다만 옛 검은 판 시절 규칙이 몇 군데 남아
   판 위에 검은 조각처럼 떠 있었다(실측):
     · '＋ 프로필 사진 변경' 이 검은 막대
     · 카드 왼쪽 위 아이콘이 회색 사각
     · '센터 열기' 만 혼자 보라색
     · 통계·카드 오른쪽 아래에 원 자국
   자리는 그대로 두고 그 조각들만 물방울로 바꾼다.
   ============================================================ */
html body:has([data-account-page]):not(#nope):not(#_){
  --account-lime:var(--cd-blue);
}

/* 6-1. 프로필 동그라미 */
html body:has([data-account-page]):not(#nope):not(#_) .account-avatar{
  background:radial-gradient(circle at 34% 26%,#fff,rgba(214,232,253,.95) 46%,rgba(176,208,246,.92))!important;
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px var(--cd-line),0 10px 20px -14px rgba(20,45,90,.6)!important;
  color:var(--cd-blue)!important;
}
html body:has([data-account-page]):not(#nope):not(#_) .account-avatar span{ color:var(--cd-blue)!important }

/* 6-2. 카드 아이콘 — 검은 사각이 판 위에 얹혀 있었다 */
html body:has([data-account-page]):not(#nope):not(#_) :is(.account-control-icon,.card-icon,.access-account-rule-v308>i){
  border:0!important;
  background:linear-gradient(180deg,rgba(226,238,253,.98),rgba(200,224,250,.94))!important;
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}
html body:has([data-account-page]):not(#nope):not(#_) .account-control-icon:before{
  border-color:var(--cd-blue)!important;
  box-shadow:none!important;
}

/* 6-3. '＋ 프로필 사진 변경' — 검은 막대였다.
   이것만 <label> 이라 사이트 공통 단추 규칙(main button / a.button)이
   비껴갔다. 같은 결이 되도록 그 규칙이 쓰는 값을 그대로 빌려 쓴다. */
html body:has([data-account-page]):not(#nope):not(#_):not(#__):not(#___) .account-avatar-btn{
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:12px!important;
  background:var(--dm-body,var(--cd-panel))!important;
  box-shadow:var(--dm-skin,none),var(--dm-lift,var(--cd-shadow))!important;
  color:var(--dm-ink,var(--cd-ink))!important;
  font-weight:800!important;cursor:pointer;
}
/* 6-4. '비밀번호 재설정 메일 받기' — 판이 아니라 글 링크다.
   판으로 그려 놓으니 위 단추와 두 겹으로 보였다. */
html body:has([data-account-page]):not(#nope):not(#_):not(#__):not(#___) .account-link-btn{
  margin-top:10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--cd-blue)!important;
  text-align:left!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
  cursor:pointer;
}

/* 6-5. '센터 열기' 만 혼자 보라색이었다 */
html body:has([data-account-page]):not(#nope):not(#_) .account-route-button{
  border:0!important;
  background:var(--cd-primary)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 14px 24px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
}
html body:has([data-account-page]):not(#nope):not(#_) .account-route-button :is(span,b){ color:#fff!important }
html body:has([data-account-page]):not(#nope):not(#_) .account-route-button b{
  background:rgba(255,255,255,.22)!important;color:#fff!important;
}
html body:has([data-account-page]):not(#nope):not(#_) .account-license-route{
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
}

/* 6-6. 'PURCHASE & LICENSE' 딱지가 제목과 겹쳐 있었다 */
/* 이 딱지는 원래 '글자 크기 0 + ::after 로 한글' 이었다. 뒤에 오는
   가독성 규칙이 글자 크기를 되살리는 바람에 영어와 한글이 겹쳐 찍혔다.
   원래 뜻대로 영어는 감추고 한글만 남긴다. */
html body:has([data-account-page]):not(#nope):not(#_):not(#__):not(#___) .account-control-kicker{
  position:static!important;
  display:block!important;
  margin:16px 0 6px!important;
  font-size:0!important;
  letter-spacing:0!important;
}
html body:has([data-account-page]):not(#nope):not(#_):not(#__):not(#___) .account-control-kicker::after{
  color:var(--cd-blue)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
}

/* 6-7. 오른쪽 아래 원 자국 — 검은 판일 때는 은은한 결이었는데
   밝은 판에서는 그냥 지저분한 자국으로 보인다 */
html body:has([data-account-page]):not(#nope):not(#_) :is(
  .account-v3 .account-heading:after,
  .account-v3 .account-stats article:after,
  .account-control-card:after
){ display:none!important }

/* 6-8. 통계 판 · 설정 카드 */
html body:has([data-account-page]):not(#nope):not(#_) :is(.account-v3 .account-stats article,.account-control-card){
  border:0!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
}
html body:has([data-account-page]):not(#nope):not(#_) :is(.account-stats strong,.account-control-card h3){ color:var(--cd-ink)!important }
html body:has([data-account-page]):not(#nope):not(#_) :is(.account-stats small,.account-control-card p,.account-mini){ color:var(--cd-muted)!important }

/* 6-9. 카드 안 단추
   보통 단추는 손대지 않는다 — 사이트 공통 물방울(arife-droplet-more)이
   이미 칠하고 있어서, 여기서 또 칠하면 이 화면만 결이 달라진다.
   '판매 등록' 같은 주단추만 파랑으로 세운다. */
html body:has([data-account-page]):not(#nope):not(#_) .account-control-card .button.primary{
  background:var(--cd-primary)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 14px 24px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
}

/* 6-10. 맨 위 단추 세 개 — 높이·모서리가 제각각이라 줄이 안 맞았다 */
html body:has([data-account-page]):not(#nope):not(#_) .account-heading-actions :is(a,button){
  min-height:44px!important;height:44px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;padding:0 18px!important;border-radius:999px!important;border:0!important;
  font-size:12.5px!important;font-weight:800!important;white-space:nowrap!important;
}
html body:has([data-account-page]):not(#nope):not(#_) .account-heading-actions :is(a,button):not(.primary){
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
}
html body:has([data-account-page]):not(#nope):not(#_) .account-heading-actions .primary{
  background:var(--cd-primary)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 14px 24px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
}


/* 7. 결제 화면의 단계 줄 — 검은 알약과 검은 번호가 남아 있었다 */
html body:is(.checkout-stage-v308,.access-stage-v308):not(#nope):not(#_) :is(
  .checkout-steps span,.access-steps span,[class*=step] > span
){
  background:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-muted)!important;
}
html body:is(.checkout-stage-v308,.access-stage-v308):not(#nope):not(#_) :is(
  .checkout-steps span > b,.access-steps span > b,[class*=step] > span > b
){
  background:linear-gradient(180deg,rgba(219,233,252,.98),rgba(196,220,250,.94))!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}

/* 8. 역할 고르기 화면의 '선택 후 이동' 딱지 — 형광 하늘색만 남았다 */
html body.role-architecture-v221:not(#nope):not(#_) .role-destination-v1600{
  background:rgba(255,255,255,.8)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}


/* ============================================================
   9. 기업 구매 데스크 (enterprise-desk.html)
   ------------------------------------------------------------
   기업 라이선스 화면에서 '기업 구매 데스크'를 누르면 여기로 온다.
   앞 화면들은 밝은데 이 한 장만 옛 검은 판 그대로였다 —
   게다가 제목 글자가 배경과 거의 같은 색이라 아예 안 읽혔다(실측).

   이 화면은 이름표가 전부 -v305 로 따로 논다. 위에서 집은 목록에
   안 걸려 있어서 그대로 남아 있었다. 그 이름들만 집어 준다.
   ============================================================ */

html body.enterprise-desk-v305:not(#nope):not(#_){
  background:var(--cd-page)!important;
  color:var(--cd-ink)!important;
}

/* 9-1. 판 · 왼쪽 줄 · 위쪽 띠 */
html body.enterprise-desk-v305:not(#nope):not(#_) :is(
  .enterprise-rail-v305,.enterprise-rail-note-v305,.enterprise-topbar-v305,
  .enterprise-hero-v305,.enterprise-panel-v305,.enterprise-new-brief-v305,
  .enterprise-metrics-v305 article,.enterprise-routes-v305 a,
  .enterprise-flow-v305 li,.enterprise-signal-list-v305 p,
  .enterprise-brief-dialog-v305,.enterprise-brief-summary-v305,
  .enterprise-board-tabs-v305
){
  border-color:var(--cd-line)!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
}

/* 9-2. 글자 — 어두운 판 시절 색이라 밝은 데서는 안 읽힌다.
   그라데이션으로 칠한 제목은 색만 바꿔서는 안 되고 채우기를 되돌려야 한다. */
html body.enterprise-desk-v305:not(#nope):not(#_) :is(h1,h2,h3,h4,strong,b,dt,label,th){
  color:var(--cd-ink)!important;
  -webkit-text-fill-color:currentColor!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
}
html body.enterprise-desk-v305:not(#nope):not(#_) :is(p,small,span,li,td,dd,em,figcaption){
  color:var(--cd-muted)!important;
}
html body.enterprise-desk-v305:not(#nope):not(#_) :is(h1,h2) :is(em,span,b){
  color:var(--cd-blue)!important;
  -webkit-text-fill-color:var(--cd-blue)!important;
}

/* 9-3. 지금 있는 자리 · 고른 갈래 */
html body.enterprise-desk-v305:not(#nope):not(#_) :is(
  .enterprise-rail-nav-v305 a.active,
  .enterprise-board-tabs-v305 button.active,
  .enterprise-flow-v305 li.current
){
  background:linear-gradient(180deg,rgba(219,233,252,.95),rgba(199,222,250,.9))!important;
  box-shadow:inset 0 0 0 1px var(--cd-line-strong),0 10px 18px -14px rgba(20,45,90,.6)!important;
  color:var(--cd-blue)!important;
}
html body.enterprise-desk-v305:not(#nope):not(#_) .enterprise-rail-nav-v305 a.active :is(span,b,strong){
  color:var(--cd-blue)!important;
}

/* 9-4. 번호 알 · 작은 동그라미 */
html body.enterprise-desk-v305:not(#nope):not(#_) :is(
  .enterprise-metrics-v305 article>i,
  .enterprise-routes-v305 a>i,
  .enterprise-flow-v305 li>i,
  .enterprise-flow-v305 li.current>i
){
  border:0!important;
  background:linear-gradient(180deg,rgba(219,233,252,.95),rgba(196,220,250,.92))!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}

/* 9-5. 단추 — 주단추만 파랑 */
html body.enterprise-desk-v305:not(#nope):not(#_) :is(
  .enterprise-button-v305,.enterprise-top-actions-v305>a,.enterprise-top-actions-v305>span,
  .enterprise-brief-close-v305
):not(.primary){
  border:0!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
}
html body.enterprise-desk-v305:not(#nope):not(#_) :is(
  .enterprise-button-v305.primary,.enterprise-new-brief-v305>button,.enterprise-new-brief-v305 .button
){
  border:0!important;
  background:var(--cd-primary)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 14px 24px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
}
html body.enterprise-desk-v305:not(#nope):not(#_) :is(.enterprise-button-v305.primary) :is(span,b){ color:#fff!important }

/* 9-6. 입력 칸 */
html body.enterprise-desk-v305:not(#nope):not(#_) :is(input,select,textarea):not([type=checkbox]):not([type=radio]){
  border:0!important;
  background:var(--cd-field)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line),inset 0 2px 3px -2px rgba(20,45,90,.35)!important;
  color:var(--cd-ink)!important;
}

/* 9-7. 덮개는 어두운 채로 두되 이 사이트의 푸른 막으로 */
html body.enterprise-desk-v305:not(#nope):not(#_) .enterprise-brief-backdrop-v305{
  background:rgba(20,45,90,.42)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
}

/* 9-8. 장식 덩어리 — 밝은 판 위에서 시커먼 얼룩이 된다 */
html body.enterprise-desk-v305:not(#nope):not(#_) :is(
  .enterprise-identity-object-v305,.enterprise-reactor-core-v305,
  .enterprise-document-object-v305:after
){ opacity:.55!important; filter:saturate(.75) brightness(1.2)!important }

/* 9-9. 앞 규칙과 힘겨루기에서 밀리던 것들
   ------------------------------------------------------------
   3-4(콘솔 단추)의 선택자에 :not() 이 네 개 붙어 있어서 무게가 더 나갔고,
   그 바람에 이 화면의 주단추가 흰 판 + 흰 글자가 됐다(실측: 안 읽힘).
   가짜 아이디를 하나 더 붙여 이 화면 몫을 확실히 세운다. */
html body.enterprise-desk-v305:not(#nope):not(#_):not(#__):not(#___) :is(
  .enterprise-button-v305.primary,.enterprise-new-brief-v305
){
  border:0!important;
  background:var(--cd-primary)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 14px 24px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
}
html body.enterprise-desk-v305:not(#nope):not(#_):not(#__):not(#___) :is(
  .enterprise-button-v305.primary,.enterprise-new-brief-v305
) :is(span,b,small,strong){ color:#fff!important }

/* 9-10. 히어로 아래 '✓ 판매 주체 확인' 같은 딱지 */
html body.enterprise-desk-v305:not(#nope):not(#_):not(#__):not(#___) .enterprise-proof-v305 > span{
  border:0!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}

/* 9-11. '기업 라이선스 운영 원칙' 띠
   management-soft3d 가 관리 화면 여러 곳에서 같이 쓰는 조각이라
   이름으로 집는다. 검은 띠 위에 회색 글자라 한 줄도 안 읽혔다. */
html body:not(#nope):not(#_):not(#__):not(#___) .mg-policy-v2400{
  border:0!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .mg-policy-v2400 :is(strong,b,h2,h3){ color:var(--cd-ink)!important }
html body:not(#nope):not(#_):not(#__):not(#___) .mg-policy-v2400 :is(p,span,small){ color:var(--cd-muted)!important }
html body:not(#nope):not(#_):not(#__):not(#___) .mg-policy-v2400 > span{
  background:linear-gradient(180deg,rgba(219,233,252,.95),rgba(196,220,250,.92))!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}

/* 9-12. 왼쪽 줄 맨 위 표식(ENT) — 회색 덩어리로 남아 있었다.
   화면에 들어와 제일 먼저 보는 자리라 여기만 색이 죽으면 눈에 걸린다. */
html body.enterprise-desk-v305:not(#nope):not(#_):not(#__):not(#___) .enterprise-identity-object-v305{
  opacity:1!important;
  filter:none!important;
  border:0!important;
  background:linear-gradient(160deg,#5b9bec,#2f6ec9)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.7),0 12px 22px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
}


/* ============================================================
   10. 맞춤 제작 문의 (custom-production.html)
   ------------------------------------------------------------
   바탕은 이미 밝은데 안에 옛 색이 두 군데 남아 있었다(실측).
     · '제작 진행 과정' 네 줄의 왼쪽 네모가 시커먼 덩어리
       (arife-buyers-v1900 의 .list-row .thumb 에 어두운 그라데이션이
        박혀 있다 — 변수로 안 빠져 있어서 9번까지의 손질에 안 걸렸다)
     · 그 줄들의 판 배경이 rgba(255,255,255,.03) 이라 밝은 바탕에서는
       테두리만 남고 판이 안 보인다
   여기에 제목 줄바꿈이 깨져 '다.' 한 글자가 셋째 줄로 떨어져 있었다.
   ============================================================ */

/* 10-1. 진행 과정 줄 — 판이 보이게 */
html body.custom-production-page:not(#nope):not(#_):not(#__) .list-row{
  border:0!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
}

/* 10-2. 왼쪽 네모 — 검은 덩어리였다 */
html body.custom-production-page:not(#nope):not(#_):not(#__) .list-row .thumb{
  border:0!important;
  background:
    radial-gradient(circle at 34% 28%,#fff,rgba(214,232,253,.96) 44%,rgba(176,208,246,.94))!important;
  box-shadow:
    inset 0 1.5px 1px -1px #fff,
    inset 0 0 0 1px var(--cd-line),
    0 8px 16px -12px rgba(20,45,90,.55)!important;
}

/* 10-3. 오른쪽 딱지(요청서 · 계획 · 제작 · 납품) */
html body.custom-production-page:not(#nope):not(#_):not(#__) .list-row .status{
  border:0!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-blue)!important;
}

/* 10-4. 제목 — 820px 에 74px 글자라 마지막 '다.' 가 셋째 줄로 떨어졌다.
   한 글자만 남는 줄은 문장이 끊긴 것처럼 읽힌다. 폭을 넓히고
   브라우저가 줄을 고르게 나누도록 맡긴다. */
html body.custom-production-page:not(#nope):not(#_):not(#__) .page-hero h1{
  max-width:min(1040px,92%)!important;
  text-wrap:balance;
  word-break:keep-all;
}

/* 10-5. 동의 네모가 검은 사각이었다 */
html body.custom-production-page:not(#nope):not(#_):not(#__) input:is([type=checkbox],[type=radio]){
  accent-color:var(--cd-blue)!important;
  width:17px;height:17px;
}

/* 10-6. 히어로 오른쪽 장식 구슬 — 카드 밖으로 잘려 회색 얼룩으로 보인다.
   지우지 않고 옅게 눌러 둔다(원래 의도한 깊이는 남는다). */
html body.custom-production-page:not(#nope):not(#_):not(#__) .page-hero :is(.hero-orb,.page-hero-object,[class*=orb],[class*=object]){
  opacity:.4!important;
  filter:saturate(.6) brightness(1.2)!important;
}

/* 10-7. 히어로 오른쪽 위 장식(page-hero::before)
   안쪽 그림자가 검은색(rgba(0,0,0,.25))이라 밝은 판 위에서는
   회색 반쪽 공처럼 보이고, 카드 위쪽에서 잘려 얼룩이 된다.
   같은 모양을 두되 그림자를 밝은 쪽으로 바꾼다. */
html body.custom-production-page:not(#nope):not(#_):not(#__) .page-hero::before{
  border:1px solid rgba(160,196,244,.5)!important;
  background:
    radial-gradient(circle at 36% 30%,rgba(255,255,255,.95),rgba(214,232,253,.55) 52%,rgba(176,208,246,.35))!important;
  box-shadow:
    inset 12px 10px 26px rgba(255,255,255,.75),
    inset -18px -20px 34px rgba(120,160,215,.18),
    0 28px 60px -34px rgba(20,45,90,.35)!important;
  opacity:.75!important;
}


/* ============================================================
   11. 구매·라이선스 확인 (licenses.html)
   ------------------------------------------------------------
   이 화면은 약관 읽기용 껍데기(policy-reading)를 쓰고 있어서
   약관 페이지 조각이 그대로 딸려 온다(실측):
     · '목차' 가 회색 띠로 혼자 튄다
     · '최종 개정: ____' 이 값 없이 밑줄만 남는다 — 이 화면엔 개정일이 없다
     · 판이 520px 로 고정돼 있어 기록이 없을 때 화면 절반이 빈 판이 된다
     · 히어로 단추 네 개가 3+1 로 어긋나 마지막 하나만 떨어진다
   ============================================================ */

/* 11-1. 목차 — 회색 띠였다.
   약관 화면에서는 붙박이(sticky) 목차 뒤로 본문이 비치면 깨져 보여서
   일부러 불투명한 회색을 깔아 두었다(arife-legal-v640). 이 화면은
   본문이 아니라 판이 지나가므로 그럴 필요가 없다. 흰 물방울로 되돌린다.
   저쪽이 클래스를 하나 더 물고 있어 가짜 아이디를 하나 더 붙인다. */
html body:has([data-license-center]):not(#nope):not(#_):not(#__):not(#___) .legal-toc{
  border:0!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.3)!important;
  backdrop-filter:blur(18px) saturate(1.3)!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__):not(#___) .legal-toc strong{ color:var(--cd-ink)!important }
html body:has([data-license-center]):not(#nope):not(#_):not(#__):not(#___) .legal-toc a{
  color:var(--cd-blue)!important;
  font-weight:800!important;
}
/* 세 칸이 1,240px 에 흩어져 목차라기보다 빈 줄처럼 보였다.
   제목 옆에 붙여 한 덩어리로 읽히게 한다. */
html body:has([data-license-center]):not(#nope):not(#_):not(#__):not(#___) .legal-toc{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:13px 18px!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__):not(#___) .legal-toc ul{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  margin:0!important;padding:0!important;list-style:none!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__):not(#___) .legal-toc li{
  margin:0!important;flex:0 0 auto!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__):not(#___) .legal-toc a{
  display:inline-flex!important;align-items:center!important;
  min-height:34px!important;padding:0 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.8)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  font-size:12px!important;text-decoration:none!important;
}

/* 11-2. '최종 개정' — 이 화면에는 개정일이 없다. 빈 밑줄만 남아
   '뭔가 빠졌나' 하고 보게 된다. 값이 없으면 통째로 감춘다. */
html body:has([data-license-center]):not(#nope):not(#_):not(#__) span:has(> .revision-blank:empty){
  display:none!important;
}

/* 11-3. 기록 판 — 기록이 없을 때 520px 짜리 빈 판이 남는다.
   비었으면 그만큼만 차지하게 한다. */
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-record-list:has(.license-empty){
  height:auto!important;
  min-height:0!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-empty{
  min-height:240px!important;
  padding:26px 20px!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-empty i{
  border:0!important;
  background:radial-gradient(circle at 34% 28%,#fff,rgba(214,232,253,.95) 46%,rgba(176,208,246,.92))!important;
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px var(--cd-line)!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-empty strong{ color:var(--cd-ink)!important }
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-empty p{ color:var(--cd-muted)!important }
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-empty a{ color:var(--cd-blue)!important }

/* 11-4. 히어로 단추 — 500px 자리에 네 개가 3+1 로 어긋났다.
   두 줄 두 칸으로 세워 줄을 맞춘다. */
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-center-hero nav{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:min(430px,100%)!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-center-hero nav a{
  min-height:46px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0 14px!important;text-align:center!important;
  font-size:12px!important;white-space:nowrap!important;
}

/* 11-5. 기록 줄 · 표식 — 어두운 판 시절 색이 남아 있다 */
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-record{
  border:0!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-record-mark{
  border:0!important;
  background:linear-gradient(180deg,rgba(226,238,253,.98),rgba(200,224,250,.94))!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-record-copy h3{ color:var(--cd-ink)!important }
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-record-copy :is(p,span,em,small){ color:var(--cd-muted)!important }
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-record>button{
  border:0!important;
  background:var(--cd-panel)!important;
  box-shadow:var(--cd-shadow)!important;
  color:var(--cd-ink)!important;
}
html body:has([data-license-center]):not(#nope):not(#_):not(#__) .license-loading{
  border:0!important;
  background:rgba(255,255,255,.7)!important;
  box-shadow:inset 0 0 0 1px var(--cd-line)!important;
  color:var(--cd-muted)!important;
}


/* ── ⑫ 파란 단추 위의 짙은 글씨 (라이브 실측 2026-08-07) ──────
   푸시된 화면을 훑다가 두 군데에서 글자가 안 읽히는 것을 봤다.

   1) sell.html '단건 상품 등록' — 명암비 1.99 : 1
      까닭: arife-commerce-glass-v660.css 의
        …a-glass-page:not(#nope):not(#_):not(#_) main a:not(.button):not(.nav-pill){color:#24303f}
      이 규칙이 요소를 넷(html·body·main·a) 세는 데 반해, 같은 파일에서
      흰 글씨를 지정한 규칙은 둘(html·body)만 센다. 무게가 같은 자리에서
      요소 수가 갈라 이기므로, 뒤에 쓰였는데도 짙은 잉크가 이겼다.
      이 단추들은 클래스가 .button 이 아닌 <a> 라서 예외에도 안 걸렸다.

   ※ role-select 의 '선택한 화면으로 이동' 도 기계 눈에는 2.72 로 잡혔지만,
      확대해 보니 파란 알약에 흰 글씨로 잘 읽힌다. 단추 위에 덮인 흰 광택
      (rgba(255,255,255,.85) 이 위쪽 60% 를 덮는다)을 바탕색으로 잘못 센
      탓이다. 눈으로 확인하고 손대지 않았다.

   가짜 아이디 넷으로 무게를 확실히 올린다(저쪽이 셋).
   ────────────────────────────────────────────────────────── */
html body:not(#nope):not(#_):not(#__):not(#___) main a.publish-button-v307,
html body:not(#nope):not(#_):not(#__):not(#___) main a.publish-button-v307 *{
  color:#fff!important;
}
/* 단추 안 동그란 화살표도 같이 — 파란 바탕에 파란 화살표였다 */
html body:not(#nope):not(#_):not(#__):not(#___) main a.publish-button-v307 i{
  background:rgba(255,255,255,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;
  color:#fff!important;
}


/* ============================================================
   ⑬ 판매자 화면 손보기 (라이브 실측 2026-08-07)

   단추를 하나씩 눌러 보며 모은 것들.
   ============================================================ */

/* ── 한글이 음절 단위로 잘린다 ──────────────────────────
   실측: 판매자 등록의 "판매 주체를 확인합니 / 다."
         기업 등록의 "권리 책임을 연결합니 / 다."
         판매 콘솔의 "운영자 전체 판매 권 / 한"
   큰 글자에 word-break:normal 이 걸려 있어, 좁은 칸에서 낱말 중간을
   끊어 버린다. 한글은 낱말째로 넘겨야 읽힌다. */
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  :is(main h1, main h2, main h3, .persona-stats article strong, .flow-aside h2, .role-hero h1){
  word-break:keep-all!important;
  overflow-wrap:break-word;
  text-wrap:balance;
}

/* ── 숫자 칸에 문장이 들어와 있다 ───────────────────────
   '0 / 0 / —' 옆에 '운영자 전체 판매 권한' 이 같은 크기(27px)로
   줄간격 1.6 을 쓰니 혼자 두 줄을 차지하며 카드 높이를 밀어 올렸다.
   숫자는 그대로 크게 두되, 줄간격만 좁혀 문장도 얌전히 들어가게 한다. */
html body.role-system:not(#nope):not(#_):not(#__) .persona-stats article strong{
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}

/* ── 단추 둘을 감싼 흰 판 ───────────────────────────────
   내가 앞서(3-4) 물방울 판을 두른 자리에 .persona-actions 가 섞여 들어가
   단추 두 개가 쟁반에 담긴 모양이 됐다. 단추는 그 자체가 이미 판이다.
   쟁반을 걷고 사이도 벌린다(실측 9px → 손가락이 헷갈린다). */
html body.role-system:not(#nope):not(#_):not(#__) .persona-actions{
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  flex-wrap:wrap;
}

/* ── 옆 차림표 아래가 258px 비어 있다 ───────────────────
   실측: 통은 620px 인데 담긴 것은 362px.
   아래 배지가 바닥에 붙어 있어 빈 자리가 더 도드라졌다. */
html body.role-system:not(#nope):not(#_):not(#__) .persona-side{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}

/* ── 동의 체크칸이 검은 사각형 ──────────────────────────
   실측: background rgb(9,17,28) — 옛 어두운 판의 값이 그대로 남아 있다.
   지금 화면에서는 '이미 체크된 칸' 처럼 보여서, 눌러야 하는 줄 모른다.
   물방울 결에 맞춘 칸으로 다시 그린다. */
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input:is([type="checkbox"],[type="radio"]){
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative;
  width:19px!important;
  height:19px!important;
  flex:none;
  margin:0 2px 0 0;
  border:0!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,246,255,.9))!important;
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px rgba(160,196,244,.75)!important;
  cursor:pointer;
  transition:background .14s,box-shadow .14s;
}
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input[type="radio"]{ border-radius:50%!important; }
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input:is([type="checkbox"],[type="radio"]):hover{
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px rgba(110,163,235,.95)!important;
}
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input:is([type="checkbox"],[type="radio"]):checked{
  background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.7),0 6px 12px -8px rgba(30,80,160,.9)!important;
}
/* 체크 표시 — 확인란은 갈고리, 라디오는 점 */
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input[type="checkbox"]::after{
  content:"";
  position:absolute;
  left:6px;top:2.5px;
  width:5px;height:10px;
  border:solid #fff;
  border-width:0 2.2px 2.2px 0;
  transform:rotate(43deg);
  opacity:0;
  transition:opacity .12s;
}
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input[type="checkbox"]:checked::after{ opacity:1; }
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input[type="radio"]::after{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  background:#fff;
  opacity:0;
  transition:opacity .12s;
}
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input[type="radio"]:checked::after{ opacity:1; }
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main input:is([type="checkbox"],[type="radio"]):focus-visible{
  outline:2px solid #2f6ec9;
  outline-offset:2px;
}

/* 동의 줄 전체를 누를 수 있게 — 19px 칸만 겨냥하게 두지 않는다 */
html body:is(.role-system,[data-glass-page]):not(#nope):not(#_):not(#__)
  main label:has(> input[type="checkbox"]){
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
}

/* ── 등록 화면 왼쪽 소개 칸 ─────────────────────────────
   글은 위쪽 몇 줄뿐인데 칸은 오른쪽 서식 높이만큼 늘어나, 아래가
   통째로 빈다(기업 등록에서는 그림도 없어 흰 벽이 된다). */
html body.role-system:not(#nope):not(#_):not(#__) .flow-aside{
  align-self:start!important;
  min-height:0!important;
}


/* ── 판매자 시작 창 (아직 등록 안 한 사람이 처음 보는 화면) ──
   실측 2026-08-07. 판이야 밝게 바뀌었는데 안쪽에 옛 테마가 남아 있었다.
     뒷배경   rgba(16,46,104,.72)  — 짙은 남색. 사이트가 밝은데 창 뒤만 캄캄
     구슬     #b887ff → #3cc9e2    — 보라·청록. 옛 라임/보라 테마 잔재
     주단추   흰 물방울 + 짙은 잉크 — 등록 단추가 취소 단추처럼 보인다
     탭 두 개 활성·비활성이 글자색까지 같아 어느 쪽을 고른 건지 모른다
   판매를 시작하려는 사람이 맨 처음 보는 창이라 여기서 헷갈리면 안 된다. */
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-backdrop{
  /* 흐림은 쓰지 않는다 — 뒤에 깔린 것이 자리마다 다르면 걸러진 결과도
     달라져 이음매가 세로선으로 드러난다(마켓 창에서 실측). */
  background:rgba(203,220,244,.94)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
/* 구슬을 사이트 파랑으로 */
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-object{
  border:1px solid rgba(160,196,244,.7)!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-object:before{
  background:linear-gradient(145deg,#fff,#a9cbf6 32%,#5b9bec 62%,#2f6ec9)!important;
  box-shadow:0 30px 70px -30px rgba(30,80,160,.55),inset -14px -16px 26px rgba(20,45,90,.18)!important;
}
/* 등록 단추는 주단추다 */
html body:not(#nope):not(#_):not(#__):not(#___) :is(.seller-entry-form>button,.seller-entry-login button),
html body:not(#nope):not(#_):not(#__):not(#___) :is(.seller-entry-form>button,.seller-entry-login button) *{
  color:#fff!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) :is(.seller-entry-form>button,.seller-entry-login button){
  border:0!important;
  background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 14px 24px -14px rgba(30,80,160,.9)!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-form>button:disabled{
  opacity:.5!important;
}
/* 고른 갈래가 보여야 한다 */
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-tabs button{
  color:#4a6380!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-tabs button small{
  color:#7d95ad!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-tabs button.active{
  border:0!important;
  background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.75),0 12px 20px -14px rgba(30,80,160,.9)!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-tabs button.active,
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-tabs button.active small{
  color:#fff!important;
}
/* 왼쪽 칸 — 글은 위아래에만 있고 가운데가 620px 통째로 빈다 */
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-visual{
  min-height:0!important;
  display:grid!important;
  align-content:center!important;
  gap:16px!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-visual>small{
  position:static!important;
  margin-top:4px!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-object{
  position:relative!important;
  left:auto!important;top:auto!important;
  transform:none!important;
  width:180px!important;height:180px!important;
  justify-self:center;
}
html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-visual h2{
  word-break:keep-all;
}
@media(max-width:820px){
  html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-dialog{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body:not(#nope):not(#_):not(#__):not(#___) .seller-entry-object{display:none!important}
}


/* ── 등록 화면 왼쪽 소개 칸 ─────────────────────────────
   실측: .flow-visual 이 530×639 인데 담긴 것은
         제목 151 + 글 45 + 조형물 473×473 = 669.
   넘치는 만큼이 overflow:hidden 에 잘려, 조형물 아랫도리가 사라진 채
   카드 절반을 먹고 있었다(기업 등록에서는 아예 흰 벽이 됐다).
   앞서 .flow-aside 로 잡았는데 이 화면의 실제 이름은 .flow-visual 이라
   그 규칙은 아무 데도 안 걸렸다 — 이름을 바로잡는다. */
html body.role-system:not(#nope):not(#_):not(#__) :is(.flow-visual,.flow-aside){
  align-self:start!important;
  min-height:0!important;
  display:grid!important;
  align-content:start!important;
  gap:14px!important;
}
/* 조형물은 곁들이다. 카드를 다 먹으면 정작 읽어야 할 글이 밀린다. */
html body.role-system:not(#nope):not(#_):not(#__) .flow-sculpture{
  width:min(260px,72%)!important;
  height:auto!important;
  aspect-ratio:1/1;
  margin:4px auto 0!important;
  justify-self:center;
  /* 글 뒤에 깔리는 자리라 너무 진하면 읽는 데 방해가 된다 */
  opacity:.72!important;
}

/* ── '등록 완료' 줄이 단추처럼 보인다 ───────────────────
   실측: .flow-status 가 등록 단추 바로 아래에 같은 폭·같은 물방울로
   놓여 있어, 단추가 둘인 것처럼 읽힌다. 실은 '끝났습니다' 라는 알림이다.
   알림은 알림답게, 그 안의 '다음 단계' 만 누를 수 있게 보이면 된다. */
html body.role-system:not(#nope):not(#_):not(#__) .flow-status{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:0!important;
  padding:11px 13px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.55)!important;
  box-shadow:inset 0 0 0 1px rgba(160,196,244,.6)!important;
  font-size:12px!important;
}
/* 끝났다는 표식 — '끝난 상태'일 때만 붙인다.
   이 줄은 '로그인 필요' 같은 다른 상태에도 쓰인다. 거기에 체크가 붙으면
   안 된 일을 됐다고 말하는 셈이다(실측: 로그인 전 화면에서 그랬다).
   끝난 상태에만 다음 단계로 가는 길(<a>)이 들어 있어 그것으로 가른다. */
html body.role-system:not(#nope):not(#_):not(#__) .flow-status:has(a)::before{
  content:"✓";
  width:22px;height:22px;flex:none;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#5b9bec,#2f6ec9);
  color:#fff;
  font:900 11px/1 ui-monospace,Consolas,monospace;
}
html body.role-system:not(#nope):not(#_):not(#__) .flow-status strong{
  color:#16324f!important;
  font-size:12px!important;
}
/* 다음 단계로 가는 길만 누를 수 있게 — 오른쪽 끝으로 밀어 둔다 */
html body.role-system:not(#nope):not(#_):not(#__):not(#___) .flow-status a{
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 10px 18px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
  font-size:11.5px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap;
}
@media(max-width:560px){
  html body.role-system:not(#nope):not(#_):not(#__) .flow-status{flex-wrap:wrap!important}
  html body.role-system:not(#nope):not(#_):not(#__):not(#___) .flow-status a{margin-left:32px!important}
}

/* ── 콘솔 히어로의 구슬이 카드 밖으로 잘린다 ────────────
   실측: 위로 12px, 오른쪽으로 27px 삐져나간 채 overflow:hidden 에 잘려
   반달 모양이 됐다. 안쪽으로 들여 온전한 모양이 보이게 한다. */
html body.role-system:not(#nope):not(#_):not(#__) .persona-orbit{
  right:auto!important;
  inset-inline-end:26px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  max-width:34%!important;
}
@media(max-width:900px){
  html body.role-system:not(#nope):not(#_):not(#__) .persona-orbit{display:none!important}
}


/* ── 결제 화면의 '무엇을 사는지' 한 줄 ──────────────────
   #pay-kind 는 코드가 값을 넣으려 했지만 마크업에 없던 자리다.
   그래서 결제가 그 줄에서 멈췄다(⑭ 참고). 자리를 만들어 준 김에,
   금액만 있고 무엇을 사는지 없던 화면에 그 한 줄을 세운다. */
html body:not(#nope):not(#_):not(#__) .pay-kind{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  margin-bottom:10px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px rgba(160,196,244,.6)!important;
  color:#2f6ec9!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.01em;
}
html body:not(#nope):not(#_):not(#__) .pay-kind[hidden]{display:none!important}


/* ── 결제 화면 마무리 (라이브 실측 2026-08-07) ─────────
   결제가 살아나고 나서 보니 세 가지가 눈에 걸렸다. */

/* ① 결제 금액이 제일 안 보인다
   실측: color rgb(185,211,255) — 흰 판 위 아주 흐린 하늘색.
   명암비 약 1.5 : 1. 이 화면에서 가장 중요한 숫자가 가장 안 읽혔다. */
html body:not(#nope):not(#_):not(#__):not(#___) .pay-amount .v,
html body:not(#nope):not(#_):not(#__):not(#___) #pay-price{
  color:#16324f!important;
  font-size:27px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .pay-line .v{
  color:#16324f!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .pay-line b{
  color:#4a6380!important;
}

/* ② 결제하기 단추가 74×40px
   이 화면에 온 사람이 할 일은 이것 하나뿐인데, 왼쪽 아래에 손톱만 하게
   놓여 있었다. 색도 보라 섞인 파랑(#477fdf → #596fd0)이라 사이트 파랑과
   달랐다. 폭을 채우고 결을 맞춘다. */
html body:not(#nope):not(#_):not(#__):not(#___) .pay-btn{
  width:100%!important;
  min-height:54px!important;
  margin-top:18px!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 18px 30px -16px rgba(30,80,160,.95)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  cursor:pointer;
}
html body:not(#nope):not(#_):not(#__):not(#___) .pay-btn:hover:not(:disabled){
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.85),0 24px 38px -18px rgba(30,80,160,1)!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .pay-btn:disabled{
  background:rgba(255,255,255,.7)!important;
  box-shadow:inset 0 0 0 1px rgba(160,196,244,.6)!important;
  color:#7d95ad!important;
  cursor:not-allowed;
}

/* ③ 지금 어느 단계인지 안 보인다
   단계 셋 중 현재(.active)에만 표시가 없어, 셋이 똑같이 생겼다. */
html body:not(#nope):not(#_):not(#__):not(#___) .checkout-steps-v308 .active,
html body:not(#nope):not(#_):not(#__):not(#___) .pay-wrap .active{
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 2px #5b9bec,0 12px 20px -16px rgba(30,80,160,.8)!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .checkout-steps-v308 .active :is(span,b,strong){
  color:#2f6ec9!important;
}

/* ══════════════════════════════════════════════════════════
   어둠 한 벌 v5130 — 2026-08-31

   이 시트도 다크 규칙이 한 줄도 없었다(실측 0개). 값이 :root 의 토큰
   한 벌에서 나오고, 그 토큰이 --r-muted · --b-muted · --publish-muted ·
   --role-soft 로 다시 갈라져 여러 화면의 !important 규칙에 꽂힌다.
   그래서 --cd-muted:#4a6380 하나가 마이페이지의 「구독 안 함」,
   「이번 달 10,000 중 100% 남음」 을 2.43 으로 만들고 있었다(실측).

   ★ theme.js 가 왜 못 살렸나 — 이 규칙들이 !important 라서가 아니다.
     theme.js 는 인라인 important 로 칠하니 그건 이긴다. 문제는 이 색이
     .35 를 넘지 않는 「어두운 글」이 아니라 **중간 밝기**라, 어두운 판
     위에서 사람 눈에는 흐릿한데 기계 눈에는 애매한 자리에 있다는 것이다.
     이런 자리는 토큰에서 바로잡는 편이 옳다 — 뜻(흐린 보조 글자)을
     지키면서 밝기만 어둠 쪽으로 옮긴다.

   #a8b0ba 는 판(#34383d) 위 5.40, 카드(#3d4147) 위 4.67.
   ══════════════════════════════════════════════════════════ */
html[data-theme="dark"]{
  --cd-ink:#f1f2f4;
  --cd-muted:#a8b0ba;
  --cd-dim:#98a1ad;
  --cd-line:rgba(255,255,255,.10);
  --cd-line-strong:rgba(255,255,255,.22);
  --cd-blue:#6ea8ff;
  --cd-blue-soft:rgba(110,168,255,.16);
  --cd-panel:linear-gradient(180deg,#34383d,#31353a);
  --cd-panel-soft:linear-gradient(180deg,#3d4147,#383c42);
  --cd-field:linear-gradient(180deg,#2a2d31,#303338);
  --cd-primary:linear-gradient(180deg,#4d8ae0,#2f6ec9);
  --cd-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 0 1px rgba(255,255,255,.09),
    0 12px 22px -16px rgba(0,0,0,.66);
  --cd-shadow-lift:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 0 1px rgba(255,255,255,.14),
    0 20px 30px -18px rgba(0,0,0,.72);
  --cd-page:#26282b;
}
/* 흐린 보조 글자가 opacity 로 한 번 더 옅어지는 자리가 있다
   (.dk-bill-figs span 은 opacity:.66 이다). 어둠에서는 그만큼 더
   가라앉으니, 그 자리만 흐림을 덜어 준다. */
html[data-theme="dark"] body:not(#_u):not(#_v):not(#_w):not(#_x):not(#_y):not(#_z):not(#_1):not(#_2):not(#_3) .dk-bill-figs :is(span,small){
  opacity:.9 !important;
}