@charset "utf-8";

/* 전체게시물(new) 스킨 - site 043 전용.
   theme/vue-043/css/style.css의 .shell/.board-h1/.grid(3단 그리드)/.card(.thumb/.card-body/
   .card-cat/.card-foot)/.pin-2/.pin-3(색상 순환)/.pager/.board-actions/.board-search/
   .btn(.btn-primary/.btn-secondary) 클래스를 그대로 재사용한다. list.skin.php는 .grid
   카드목록과 완전히 동일한 항목을 다시 텍스트로 나열하는 .auxlist를 별도로 갖고 있는데,
   전체게시물처럼 이미 20건을 한 화면에 보여주는 관리자 목록에서 같은 항목을 두 번 반복
   출력하는 건 불필요하다고 판단해 .grid 카드 목록만 채택했다(auxlist 렌더용
   gb_render_rail()은 호출하지 않음). .card는 원래 overflow:hidden이 없는 배경-투명
   미니멀 카드라(.thumb만 이미지용으로 독립 scoped) 카드형에서 발생하는 sv_wrap
   overflow:hidden 클리핑 버그 자체가 없음(전체 조상 체인 확인 완료). .card:first-child가
   2x2로 커지는 CSS는 그대로 살려뒀다(순수 CSS 선택자라 손대지 않아도 자연스럽게 매거진식
   레이아웃이 됨, 다른 사이트들의 "featured 취급 안 함" 관례와 달리 이건 마크업 조작이
   아니라 기존 CSS의 부수효과이므로 굳이 막지 않음). name은 .card-foot 안의 별도 span
   (h3 a와 무관)이라 raw 그대로 출력(strip_tags 금지, sv_wrap CSS-hide로 처리). */

.new-actions { margin:16px 0; }
.new-search { border:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:100%; }
.new-search legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
.new-search form { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.new-search select,
.new-search input[type="text"] {
  height:40px;
  padding:0 12px;
  border:var(--rule);
  background:var(--surface);
  color:var(--text);
  font-family:var(--font-body);
  font-size:.9rem;
}
.new-search select { background:var(--surface-alt); }
.new-search input[type="text"] { min-width:180px; }
.new-search select:focus,
.new-search input:focus { outline:none; border-color:var(--accent); }
.new-search-hint { flex:1 1 100%; margin:8px 0 0; font-family:var(--font-mono); font-size:.76rem; color:var(--muted); }

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

/* 이 테마는 .chk_box를 댓글쓰기 비밀글 체크박스용으로 이미 다른 방식(네이티브 accent-color)으로
   정의해뒀다. 그 규칙과 충돌하지 않도록 전체게시물 폼(#fnewlist) 안에서만 그누보드 관리자
   표준 체크박스 패턴(hidden input + label span 커스텀 박스)으로 재정의한다. */
#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-size:.78rem; }
#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:var(--rule);
}
#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);
}