@charset "utf-8";

/* 전체게시물(new) 스킨 - site 029 전용.
   theme/vue-029/css/style.css의 .wrap/.questflag/.search/.scroll(.rod top/bot+.inner)/
   .block(.rev)/.b-media/.b-text/.meta-flags/.badge(.cat)/.b-foot/.pager/.btn(.primary/
   .ghost) 클래스를 그대로 재사용한다. list.skin.php는 rail(사이드바) 없이 단일 컬럼
   구조(featured 1건 + 좌우 alternating .block/.block.rev)라 new.php는 featured 없이
   전 항목을 .block/.block.rev로 교대 배치했다(기존 확립된 관례: new.php는 featured 취급
   없음). .b-foot은 원래 row-direction flex라 태그/체크박스를 추가해도 stretch 버그 없음.
   name은 .b-foot 안의 별도 span(.b-text h3 a와 무관)이라 raw 그대로 출력(strip_tags 금지,
   sv_wrap CSS-hide로 처리). 이 테마는 sound_only 대신 .sr-only 클래스명을 씀.

   [site025/028에서 발견한 카드 overflow:hidden 클리핑 버그 - 이 사이트에도 존재해서 선제 수정]
   .scroll 자체가 overflow:hidden이라(카드 모서리 둥글림 + 상하단 .rod 바 클리핑 용도),
   .b-foot 안의 sv_wrap 팝업을 열면 카드 밖에서 잘린다. #fnewlist 안에서만 .scroll의
   overflow를 visible로 풀고, .rod.top/.rod.bot은 카드의 정확한 모서리에 접해 있으므로
   (site028의 .post__media와 달리 코너를 직접 덮음) 각각 상단/하단 모서리만 보정해서
   둥근 테두리가 깨지지 않도록 했다. */

.new-search { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.new-search select {
  height:44px;
  padding:0 14px;
  border:1px solid var(--border);
  border-radius:var(--r);
  background:var(--surface-alt);
  color:var(--text);
  font-family:var(--font-body);
  font-size:.92rem;
}
.new-search select:focus { outline:none; border-color:var(--accent); }
.new-search-hint { margin-top:8px; color:var(--muted); font-size:.82rem; }

.admin_new_btn { display:flex; align-items:center; justify-content:flex-end; gap:16px; margin:16px 0; }
.new-allchk { margin-right:auto; }
.new-inline-chk { margin-right:auto; }

#fnewlist .scroll { overflow:visible; }
#fnewlist .scroll .rod.top { border-radius:var(--r-lg) var(--r-lg) 0 0; overflow:hidden; }
#fnewlist .scroll .rod.bot { border-radius:0 0 var(--r-lg) var(--r-lg); overflow:hidden; }

/* 이 테마는 .chk_box를 `.secret_cm.chk_box`(두 클래스 동시 필요) 결합 셀렉터로만 스타일링해서
   내 관리자 체크박스 마크업(td_chk chk_box)과는 애초에 매칭되지 않아 충돌이 없다. 그래도
   일관성을 위해 #fnewlist 스코프의 그누보드 관리자 표준 체크박스 패턴을 그대로 적용한다. */
#fnewlist .selec_chk { position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden; }
#fnewlist .chk_box { position:relative; display:inline-flex; align-items:center; font-size:inherit; color:inherit; }
#fnewlist .chk_box label { display:inline-flex; }
#fnewlist .chk_box input[type="checkbox"] + label { position:relative; padding-left:22px; color:var(--muted); cursor:pointer; font-family:var(--font-mono); font-size:.82rem; }
#fnewlist .chk_box input[type="checkbox"] + label:hover { color:var(--accent-dark); }
#fnewlist .chk_box input[type="checkbox"] + label span {
  position:absolute; top:1px; left:0; width:15px; height:15px; display:block;
  margin:0; background:var(--surface); border:1px solid var(--border); border-radius:3px;
}
#fnewlist .chk_box input[type="checkbox"]:checked + label { color:var(--text); }
#fnewlist .chk_box input[type="checkbox"]:checked + label span {
  background:var(--accent) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 8.5l3 3 7-7" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 50% 50%;
  border-color:var(--accent-dark);
}