/* ─────────────────────────────────────────────────────────────
   arife-polish-v1.css — 전체 페이지 훑기에서 나온 자잘한 흠 고치기
   2026-09-16

   56개 화면을 어두운 화면·밝은 화면 두 번씩 기계로 훑어(글자 잘림,
   글자 대비, 단추 꼴, 글자 뒤 띠, 칸 밖으로 튀어나옴) 걸린 것만 여기서
   고친다. 사이트 시트가 7단 :not 사슬을 쓰므로 여기서는 8단으로 쓴다.
   ───────────────────────────────────────────────────────────── */

/* ── 1. 밝은 화면에서 너무 옅던 안내 글 ────────────────────────
   재 본 값: .ad-tier-note 2.75 : 1, film-graph 의 p.note 2.98 : 1,
   p.none 2.17 : 1, i.fg-mono 3.12 : 1 — 읽는 데 필요한 4.5 : 1 에
   한참 못 미쳤다. 같은 회색 계열을 유지하면서 한 단계 진하게. */
html:not([data-theme="dark"]) body .ad-tier-note:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html:not([data-theme="dark"]) body .fg-mono:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html:not([data-theme="dark"]) body p.note:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html:not([data-theme="dark"]) body p.none:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  color:#54637a!important;-webkit-text-fill-color:currentColor!important;
}

/* ── 2. 여백 없이 색만 깔려 글자 뒤 띠로 보이던 칸 ─────────────
   안내 글에 판 색만 깔리고 안쪽 여백도 둥근 모서리도 없어서,
   글자에 딱 붙은 각진 띠처럼 보였다(.slib-hint · .dk-empty, 실측).
   판으로 쓸 거면 판답게 — 여백과 모서리를 준다. */
html body .slib-hint:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body .dk-empty:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  padding:12px 14px!important;border-radius:12px!important;
  box-sizing:border-box!important;
}

/* ── 3. 칸 밖으로 11px 튀어나오던 「+5」 표시 ───────────────────
   film-graph 의 남은 개수 표시가 줄 끝에서 부모 밖으로 밀려났다. */
html body .fg-slot.is-more:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  flex:0 0 auto!important;min-width:0!important;max-width:100%!important;
}
html body .fg-slots:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  flex-wrap:wrap!important;min-width:0!important;
}

/* ── 4. 긴 글이 칸을 뚫고 나가지 않게 (공통 안전망) ────────────
   한글은 어절이 길어 좁은 칸에서 넘치기 쉽다. 글이 들어가는 칸은
   말줄임이 아니라 줄바꿈으로 흘려보낸다. */
html body p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body small:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body li:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body dd:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  overflow-wrap:anywhere;word-break:keep-all;
}

/* ── 5. 두 번째 훑기에서 남은 것 (2026-09-16) ──────────────────
   ① 자동 제작 화면의 작은 안내 글이 어두운 화면에서 3.85 : 1.
      (시트가 직접 #a0a7af 로 적어 둬서 테마 칠의 손질을 안 받았다) */
html[data-theme="dark"] body .ad-card:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) small,
html[data-theme="dark"] body .ad-panel-facts:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) small,
html[data-theme="dark"] body .ad-tier-note:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  color:#b8c0c9!important;-webkit-text-fill-color:currentColor!important;
}
/* ② 관리자 화면의 「무료」 표 — 어두운 알약에 어두운 글씨(2.98 : 1) */
html body .ap1-plan:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  color:#c6d2e4!important;-webkit-text-fill-color:currentColor!important;
}
/* ③ 요금 화면 「초당 단가」 표의 머리칸이 밝은 화면에서 3.27 : 1 */
html:not([data-theme="dark"]) body .persec-table-v360:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) thead th,
html:not([data-theme="dark"]) body .persec-note-v360:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) thead th{
  color:#54637a!important;-webkit-text-fill-color:currentColor!important;
}

/* ── 6. 판매자 눈으로 훑다 나온 것 (2026-09-16) ────────────────
   ① 마이페이지 윗줄 메뉴가 가끔 흐린 회색에서 멈춰 있었다.
      메뉴 글자색은 0.16초에 걸쳐 바뀌는데(fade), 이 화면은 내용이
      계속 다시 그려져서 그 바뀜이 끝나지 않고 중간 색에 멈춘다.
      실측 — 멈춘 색 2.20 : 1(거의 안 보임), 끝까지 가면 10.27 : 1.
      글자색만 바로 바뀌게 한다. 나머지 움직임은 그대로 둔다. */
html body .site-nav:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .nav-links a{
  transition-property:background,background-color,border-color,box-shadow,translate!important;
  transition-duration:.16s!important;
}
/* ② 상품 등록 창 — 대표 장면·미리보기 칸의 「확인」 글자가 옅었다
      (어두운 화면 3.37 : 1, 밝은 화면 3.04 : 1). */
html body .product-poster-thumb:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) i,
html body .product-clip-thumb:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) i{
  color:#54637a!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme="dark"] body .product-poster-thumb:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) i,
html[data-theme="dark"] body .product-clip-thumb:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) i{
  color:#9db4cc!important;-webkit-text-fill-color:currentColor!important;
}
/* ③ 마이페이지 「MCP 연결」·「블렌더 연결」 칸의 작은 안내 글이
      어두운 화면에서 3.63 : 1 — 시트가 직접 옅은 회색을 적어 둬서
      테마 칠의 손질을 안 받았다. 한 단계 진하게(5.22 : 1). */
html[data-theme="dark"] body .dk-key:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) small{
  color:#c0c8d1!important;-webkit-text-fill-color:currentColor!important;
}
/* ④ 마켓 「단건 계약 내용 작성」 창의 작은 항목 이름(판매자·계약 금액·
      부가세·중개수수료·이용 범위)이 어두운 화면에서 3.85 : 1. 같은 옅은
      회색이 시트에 박혀 있다 — 한 단계 진하게(5.54 : 1). */
html[data-theme="dark"] body .contract-panel:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) small,
html[data-theme="dark"] body .contract-summary:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) small{
  color:#c0c8d1!important;-webkit-text-fill-color:currentColor!important;
}

/* ── 7. 견본(샘플) 카드는 어떤 경우에도 보이지 않는다 (2026-09-16) ──
   쪽을 넘길 때 옛 화면이 남아 있으면 예전 견본 카드가 잠깐 비쳤다
   사라졌다(사장님 제보). 스크립트가 지우기 전에 이미 그려지기 때문이라,
   시트에서 먼저 막는다 — 첫 그림부터 아예 안 나온다. */
html body .market-card[data-demo]:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body .enterprise-license-card[data-demo]:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body [data-demo].market-card:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  display:none!important;
}

/* ── 8. 계약 창에서 「고르는 칸」을 고르는 칸으로 보이게 (2026-09-16) ──
   사장님 제보 — 손님이 「계약 주체」·「사용 목적」을 안 고르고 단추를 눌러
   요청이 안 넘어가는데, 왜 안 되는지 몰라 그냥 고장 난 줄 안다.
   실제로 보니 이유가 셋이었다.
     ① 고르는 칸인데 화살표가 없어 그냥 적힌 글처럼 보였다.
     ② 「선택해 주세요」가 진짜 값과 똑같은 진한 글씨라, 이미 채워진
        칸으로 읽혔다.
     ③ 단추를 눌러도 나오는 경고가 안내 글과 같은 회색이라 눈에 안 띄었다.
   → 화살표를 그리고, 안 고른 칸은 흐린 글씨로, 고른 값은 진하게.
     이름 옆에 「필수」를 붙이고, 빠뜨린 칸은 빨갛게 세운다. */
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select{
  appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%232f6ec9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important;background-repeat:no-repeat!important;
  background-position:right 13px center!important;background-size:12px 8px!important;
  padding-right:36px!important;
}
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%237ea6e6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
/* 안 고른 칸은 흐리게, 고른 값은 진하게 — 한눈에 구분된다 */
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select[required]:invalid{
  color:#6e7d94!important;-webkit-text-fill-color:currentColor!important;font-weight:500!important;
}
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select[required]:valid{
  color:#141f2e!important;-webkit-text-fill-color:currentColor!important;font-weight:700!important;
}
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select[required]:invalid{color:#97a4b7!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select[required]:valid{color:#e8eef8!important;-webkit-text-fill-color:currentColor!important}
/* 이름 옆 「필수」 딱지 — 상품 등록 화면과 같은 말 */
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(select[required]) > label::after,
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(input[required]) > label::after,
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(textarea[required]) > label::after{
  content:"필수";margin-left:6px;padding:1px 6px;border-radius:999px;
  background:#e4edfb;color:#2560b4;font-size:10.5px;font-weight:800;
  letter-spacing:0;vertical-align:1px;
}
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(select[required]) > label::after,
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(input[required]) > label::after,
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(textarea[required]) > label::after{
  background:#465670;color:#cfe0fa;
}
/* 빠뜨린 칸 — 단추를 누르면 빨갛게 선다 */
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(> .contract-field-error-v1800:not([hidden])) select,
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(> .contract-field-error-v1800:not([hidden])) textarea,
html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(> .contract-field-error-v1800:not([hidden])) input[type="text"]{
  border:1.5px solid #d9455a!important;background-color:#fff2f4!important;
  box-shadow:0 0 0 3px rgba(217,69,90,.13)!important;
}
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(> .contract-field-error-v1800:not([hidden])) select,
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(> .contract-field-error-v1800:not([hidden])) textarea,
html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(> .contract-field-error-v1800:not([hidden])) input[type="text"]{
  border-color:#e0627a!important;background-color:rgba(217,69,90,.16)!important;
  box-shadow:0 0 0 3px rgba(224,98,122,.18)!important;
}
/* 경고 글이 안내 글처럼 보이지 않게 */
html body .contract-field-error-v1800:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  color:#c2334a!important;-webkit-text-fill-color:currentColor!important;font-weight:700!important;
}
html[data-theme="dark"] body .contract-field-error-v1800:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  color:#ff98a8!important;-webkit-text-fill-color:currentColor!important;
}

/* ── 9. 계약 창의 「동의」 줄도 같이 세운다 (2026-09-16) ──────────
   이 줄만 테마 칠이 테두리 색을 쥐고 있어서, 시트로도 인라인으로도
   빨갛게 바꿀 수 없었다(실측 — !important 도 안 먹는다).
   그래서 테두리를 새로 그리지 않고, 칸 위에 빨간 테를 한 겹 덧씌운다.
   가짜 테(::before)는 테마 칠이 건드리지 못한다. */
html body label.contract-confirm:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  position:relative!important;
}
html body label.contract-confirm:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) > *{
  position:relative!important;z-index:1!important;
}
html body label.contract-confirm:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(+ .contract-confirm-error-v1800:not([hidden]))::before{
  content:""!important;position:absolute!important;inset:-2px!important;
  border:2px solid #d9455a!important;border-radius:16px!important;
  background:rgba(217,69,90,.10)!important;pointer-events:none!important;z-index:0!important;
}
html[data-theme="dark"] body label.contract-confirm:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(+ .contract-confirm-error-v1800:not([hidden]))::before{
  border-color:#e0627a!important;background:rgba(217,69,90,.16)!important;
}
/* 이 줄에도 「필수」를 붙인다 — 칸 이름이 따로 없어 줄 끝에 단다 */
html body label.contract-confirm:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h)::after{
  content:"필수";flex:0 0 auto;align-self:center;margin-left:10px;
  padding:1px 6px;border-radius:999px;background:#e4edfb;color:#2560b4;
  font-size:10.5px;font-weight:800;letter-spacing:0;
  -webkit-text-fill-color:currentColor;position:relative;z-index:1;
}
html[data-theme="dark"] body label.contract-confirm:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h)::after{
  background:#465670;color:#cfe0fa;
}

/* ── 10. 펼친 목록도 사이트 옷을 입힌다 (2026-09-17) ───────────────
   고르는 칸을 눌렀을 때 나오는 목록이 브라우저 기본 모양이라
   각진 흰 상자에 파란 띠 — 계약 창과 따로 놀았다(사장님 제보).
   크롬 135부터 `appearance:base-select` 로 이 목록을 직접 꾸밀 수 있다.
   지원하지 않는 브라우저(사파리·파이어폭스)는 예전처럼 기본 목록이
   나온다 — 칸 자체의 화살표·흐린 글씨는 그대로라 어색하지 않다. */
@supports (appearance: base-select){
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select{
    appearance:base-select!important;background-image:none!important;
    padding-right:14px!important;
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:8px!important;
  }
  /* 칸 오른쪽 화살표 — 펼치면 뒤집힌다 */
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select::picker-icon{
    content:""!important;width:12px!important;height:8px!important;flex:0 0 auto!important;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%232f6ec9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/12px 8px!important;
    transition:rotate .18s ease!important;
  }
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select:open::picker-icon{rotate:180deg!important}
  html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select::picker-icon{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%237ea6e6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/12px 8px!important}
  /* 펼친 목록 — 계약 창과 같은 둥근 판에 부드러운 그림자 */
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select::picker(select){
    appearance:base-select!important;box-sizing:border-box!important;
    margin-top:6px!important;padding:6px!important;width:anchor-size(width)!important;
    border:1px solid rgba(150,175,205,.5)!important;border-radius:14px!important;
    background:#ffffff!important;
    box-shadow:0 18px 40px -16px rgba(20,35,70,.38),0 2px 8px -4px rgba(20,35,70,.2)!important;
    max-height:320px!important;overflow:auto!important;
    scrollbar-width:thin!important;scrollbar-color:rgba(120,150,190,.5) transparent!important;
    opacity:0;translate:0 -6px;
    transition:opacity .16s ease,translate .16s ease,overlay .16s allow-discrete,display .16s allow-discrete;
  }
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select:open::picker(select){opacity:1;translate:0 0}
  @starting-style{html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select:open::picker(select){opacity:0;translate:0 -6px}}
  html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) select::picker(select){
    border-color:rgba(120,150,190,.34)!important;background:#2b2f33!important;
    box-shadow:0 18px 44px -14px rgba(0,0,0,.66),0 2px 10px -4px rgba(0,0,0,.5)!important;
    scrollbar-color:rgba(150,175,205,.42) transparent!important;
  }
  /* 한 줄 한 줄 — 알약 모양으로 */
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option{
    padding:10px 12px!important;border-radius:10px!important;
    font-size:13.5px!important;font-weight:600!important;
    color:#2a303a!important;background:transparent!important;
    display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;
  }
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option::checkmark{display:none!important}
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option:hover,html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option:focus{background:#eaf1fc!important;color:#17324f!important}
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option:checked{background:#2f6ec9!important;color:#ffffff!important;font-weight:800!important}
  /* 「선택해 주세요」 줄은 값이 아니라 안내 — 흐리게 */
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option[value=""]{color:#6e7d94!important;font-weight:600!important}
  html body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option[value=""]:checked{background:#e8eef7!important;color:#4d5f74!important}
  html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option{color:#dbe3ee!important}
  html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option:hover,html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option:focus{background:#3a4350!important;color:#ffffff!important}
  html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option:checked{background:#3573dd!important;color:#ffffff!important}
  html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option[value=""]{color:#97a4b7!important}
  html[data-theme="dark"] body .contract-field:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) option[value=""]:checked{background:#3c4249!important;color:#c3ccd8!important}
}

/* ── 11. 계약 창 아랫부분도 윗부분과 똑같은 판으로 (2026-09-17) ─────
   사장님 제보 — 위쪽 요약 칸들은 판 위에 떠 있는데 「계약 주체」부터
   아래는 배경에 파묻혀 보였다. 판을 깔아 줬더니 이번엔 두 판 색이
   달랐다(실측 — 어두운 화면에서 윗판 rgb(60,64,69), 아랫판 rgb(52,55,58).
   창 자체가 rgb(53,56,60) 이라 윗판은 뜨고 아랫판은 오히려 가라앉았다).
   아랫판 색은 테마 칠이 인라인으로 쥐고 있어 시트로는 못 바꾼다.
   → 판을 새로 칠하지 않고, 칸 위에 판 한 겹을 덧씌운다(::before).
     덧씌운 판은 테마 칠이 못 건드리므로 두 판 색이 늘 같다. */
html body .contract-panel:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) > form{
  position:relative!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;border-radius:14px!important;padding:16px!important;margin-top:14px!important;
}
html body .contract-panel:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) > form::before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:14px!important;
  background:#f4f7fa!important;box-shadow:0 14px 30px -14px rgba(20,35,70,.26)!important;
  pointer-events:none!important;z-index:0!important;
}
html[data-theme="dark"] body .contract-panel:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) > form::before{
  background:#3c4045!important;box-shadow:0 14px 30px -14px rgba(0,0,0,.62)!important;
}
html body .contract-panel:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) > form > *{position:relative!important;z-index:1!important}

/* ── 12. 쪽을 넘길 때 그림 위에 겹치던 자리표시 그림 (2026-09-17) ───
   사장님 제보 — 쪽을 넘길 때마다 동그라미가 그려진 그림이 먼저 뜬다.
   실측 — 카드 미리보기 칸에는 사진 위에 장식 그림(.market-art)이 한 겹
   더 있고, 이 그림은 **영상이 붙을 때** 비로소 사라진다. 그런데 영상은
   화면에 보이는 카드에만 나중에 붙는다. 그래서 2쪽 카드는 사진이 이미
   다 받아졌는데도 장식 그림에 덮여 있었다(9장 중 6장이 그 상태였다).
   → 사진이 붙은 칸이면 장식 그림은 바로 치운다. 영상을 기다리지 않는다. */
html body .market-media:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):has(img.arife-product-poster[src]) .market-art{
  opacity:0!important;
}

/* ── 13. 주문 확인 창의 취소·환불 안내 (2026-09-16) ─────────────
   결제 직전에 조용히 읽히는 자리. 눈에 띄게 만들 곳이 아니다 —
   법이 요구하는 만큼 정확히, 화면 흐름은 그대로 두고 적는다.
   사이트 시트들이 :not(#x) 을 일곱 번 겹쳐 쓰므로 여덟 번으로 이긴다. */
html body .commerce-review-legal-v303:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  margin:12px 0 0!important;
  padding:11px 13px!important;
  border-radius:11px!important;
  background:rgba(238,244,251,.82)!important;
  box-shadow:inset 0 0 0 1px rgba(160,185,215,.42)!important;
  font-size:12px!important;
  line-height:1.72!important;
  color:#4c5b70!important;
  word-break:keep-all!important;
}
html body .commerce-review-legal-v303:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) a{
  color:#2f63bd!important;
  font-weight:700!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  white-space:nowrap!important;
}
html[data-theme="dark"] body .commerce-review-legal-v303:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h){
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;
  color:#b4bdc8!important;
}
html[data-theme="dark"] body .commerce-review-legal-v303:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) a{
  color:#8fb8ff!important;
}

/* 2026-09-16 07:2x — Vercel 이 커밋 9d11d00 을 못 잡아서 빌드가 안 걸렸다.
   같은 커밋은 Redeploy 해도 소용없고 새 커밋이 와야 한다.
   그래서 이 줄 하나를 더한다. 화면에는 아무 영향이 없다. */