@charset "utf-8";

/* 전체게시물(new) 스킨 - site 056 전용.
   theme/vue-056/css/style.css의 .col(단일 중앙컬럼, rail 없음)/.board-list-head/
   .listwrap/.listrow(.seq/.title/.rowstub)/.pager/.board-actions/.board-search/
   .btn(.btn-primary/.btn-secondary) 클래스를 그대로 재사용한다. list.skin.php는
   featured(대표글)+stream(gb_render_row 4개)+listwrap(나머지, No.0001 인덱스형)
   3단 구성이지만, 여러 게시판이 섞이는 전체게시물에는 단일 게시판 하이라이트
   구분이 안 맞아 listwrap/.listrow 형식 하나로만 통일했다(list.skin.php의
   .listrow가 이미 그누보드 관리자 리스트에 가장 가까운 밀도있는 표현). name은
   raw 그대로 출력(strip_tags 금지, sv_wrap CSS-hide로 처리) - list.skin.php
   자체는 htmlspecialchars를 쓰지만 그건 board.php 컨텍스트(팝업 마크업 없음)에서만
   안전하다. 그룹/게시판 태그는 .title(말줄임 처리 중)이 아닌 .rowstub(말줄임 없음)
   에 배치해 클리핑을 피했다.

   [overflow:hidden 클리핑 버그 조사 결과 - 없음]
   .listrow는 border-bottom만 쓰고 overflow:hidden이 없다(border-radius도 없음).
   .rowstub(이름이 들어가는 곳)도 white-space:nowrap만 있고 overflow/text-overflow가
   없어 ellipsis 클리핑이 없다(그냥 넘치면 옆으로 흐름, 단일 중앙컬럼이라 실사용상
   문제없음). 전체 조상 체인(.rowstub -> .listrow -> .listwrap -> .col) 확인 결과
   클리핑 버그 자체가 없는 사이트였다(확인 완료, 별도 fix 불필요). */

.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:38px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface);
  color:var(--text);
  font-family:var(--font-body);
  font-size:.88rem;
}
.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; }

/* 관리자 체크박스 컬럼 추가로 .listrow grid-template-columns 재정의
   (원본: auto 1fr auto = seq/title/rowstub) */
#fnewlist .listrow { grid-template-columns: auto auto 1fr 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: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);
}