/* =====================================================================
   download.css — 자료실 페이지(download_center) 전용
   ---------------------------------------------------------------------
   ● base.css의 전역 변수(:root)에 의존합니다. base.css를 먼저 불러오세요.
   ● 좌측 카테고리(.cat-list / .cat-btn)와 페이지 네비게이터(.pager)는
     products.css의 스타일을 그대로 재사용합니다.
   ● 로드 순서: base → layout → home → company → products → modal → login → download → responsive
   ===================================================================== */

.dl-center{margin-top:2px}

/* 표 헤더(번호 · 제목 · 일자) */
.dlc-head{display:grid;grid-template-columns:80px 1fr 130px;gap:16px;padding:16px 20px;
  border-top:2px solid var(--ink);border-bottom:1px solid var(--line);
  font-weight:700;font-size:14px;color:#33414D;text-align:center}

/* 게시물 행 */
.dlc-row{border-bottom:1px solid var(--line)}
.dlc-summary{width:100%;display:grid;grid-template-columns:80px 1fr 130px;gap:16px;align-items:center;
  padding:18px 20px;background:none;border:0;cursor:pointer;font-family:var(--font-body);
  font-size:15px;color:var(--ink);text-align:center;transition:background .15s}
.dlc-summary:hover{background:var(--paper-2)}
.dlc-summary .c-no{font-family:var(--font-mono);font-size:14px;color:var(--slate)}
.dlc-summary .c-title{font-weight:500}
.dlc-summary .c-date{font-family:var(--font-mono);font-size:13px;color:var(--slate)}
.dlc-row.open .dlc-summary{background:var(--paper-2)}
.dlc-row.open .c-title{color:var(--steel-2);font-weight:700}

/* 아코디언 확장 패널 */
.dlc-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}
.dlc-panel-inner{padding:8px 24px 26px;border-top:1px dashed var(--line)}
.dlc-panel h4{font-size:17px;font-weight:700;margin-bottom:10px}
.dlc-content{color:#4A5763;font-size:15px;line-height:1.7;margin-bottom:18px;white-space:pre-line}
.dlc-files{display:flex;flex-direction:column;gap:8px}
.dlc-file{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;
  padding:12px 14px;background:var(--paper-2);font-size:14px;font-weight:600;color:var(--ink);
  width:fit-content;min-width:280px;max-width:100%;transition:border-color .15s}
.dlc-file:hover{border-color:var(--steel-2)}
.dlc-file .ft{font-family:var(--font-mono);font-size:10px;background:var(--steel);color:#fff;padding:4px 7px;border-radius:5px}
.dlc-file .fsize{margin-left:auto;color:var(--slate);font-family:var(--font-mono);font-size:12px;font-weight:500}

.dlc-empty{padding:48px;text-align:center;color:var(--slate)}

/* 반응형: 좁은 화면에서 일자 열 숨김 */
@media(max-width:680px){
  .dlc-head{grid-template-columns:56px 1fr;gap:10px}
  .dlc-head .c-date{display:none}
  .dlc-summary{grid-template-columns:56px 1fr;gap:10px;text-align:left;padding:16px 14px}
  .dlc-summary .c-title{text-align:left}
  .dlc-summary .c-date{display:none}
  .dlc-panel-inner{padding:8px 16px 22px}
  .dlc-file{min-width:0;width:100%}
}

/* 게시판 하단 바 — 글쓰기 버튼(좌) + 페이지 네비게이터(우) */
.board-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;flex-wrap:wrap}
.board-foot .pager-bottom{margin-top:0}
.btn-write{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-weight:600;
  font-size:14px;padding:11px 20px;border-radius:9px;transition:background .2s}
.btn-write::before{content:"✎";font-size:14px}
.btn-write:hover{background:var(--steel-2)}
@media(max-width:680px){
  .board-foot{flex-direction:column-reverse;align-items:stretch}
  .btn-write{justify-content:center}
  .board-foot .pager-bottom{justify-content:center}
}

/* ══════════ 帖子内的管理员操作（临时按钮）══════════ */
/* 提示：管理员未登录时应停用「编辑」「删除」按钮。 */
.dlc-admin{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;
  padding-top:18px;border-top:1px solid var(--line)}
.dlc-admin .dev-hint{flex-basis:100%;margin-top:2px;display:inline-flex;align-items:center;gap:5px;
  font-size:11.5px;line-height:1.4;color:#9AA7B2;font-family:var(--font-mono);letter-spacing:.01em}
.dlc-admin .dev-hint::before{content:"//";color:#C2CCD4;font-weight:600}
.dlc-admin .post-edit,.dlc-admin .post-del{display:inline-flex;align-items:center;gap:6px;
  height:38px;padding:0 18px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;
  border:1px solid var(--line);transition:border-color .18s,background .18s,color .18s;text-decoration:none}
.dlc-admin .post-edit{background:var(--ink);color:#fff;border-color:var(--ink)}
.dlc-admin .post-edit::before{content:"✎";font-size:13px}
.dlc-admin .post-edit:hover{background:var(--steel-2);border-color:var(--steel-2)}
.dlc-admin .post-del{background:none;color:#C4372A;border-color:#E4B4AE}
.dlc-admin .post-del::before{content:"🗑";font-size:12px}
.dlc-admin .post-del:hover{background:#FBEEEC;border-color:#C4372A}