/* AWF BOARD LIST MOCKUP PATCH */

body.awf-board-list-mockup #awfApp,
body.awf-board-list-mockup .awf-main,
body.awf-board-list-mockup .awf-wrap,
body.awf-board-list-mockup .awf-container {
  max-width: 1400px !important;
}

body.awf-board-list-mockup .awf-card {
  overflow: hidden !important;
}

/*
  Desktop list columns:
  category / title / author / date / views / management
  Date, views and management are deliberately compact so the right-side
  controls sit closer to the content instead of pressing against the edge.
*/
body.awf-board-list-mockup .awf-head,
body.awf-board-list-mockup .awf-list-head,
body.awf-board-list-mockup .awf-table-head,
body.awf-board-list-mockup .awf-head-row,
body.awf-board-list-mockup a.awf-row {
  grid-template-columns: 88px minmax(280px, 1fr) 104px 96px 46px 82px !important;
  column-gap: 10px !important;
  align-items: center !important;
  padding-left: 18px !important;
  padding-right: 34px !important;
}

body.awf-board-list-mockup a.awf-row {
  min-height: 92px !important;
}

body.awf-board-list-mockup .awf-row > * {
  min-width: 0 !important;
}

body.awf-board-list-mockup .awf-head > :first-child,
body.awf-board-list-mockup .awf-row > :first-child {
  text-align: center !important;
}

body.awf-board-list-mockup .awf-row > :first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
}

.awf-list-cat {
  min-width: 54px !important;
  max-width: 78px !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  place-content: center !important;
  justify-self: center !important;
  text-align: center !important;
  text-indent: 0 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
}

.awf-list-cat.version,
.awf-list-cat.버전 {
  background: linear-gradient(135deg, #8b5cf6, #6d38f0) !important;
}

.awf-list-cat.patch,
.awf-list-cat.패치 {
  background: linear-gradient(135deg, #06b6d4, #0891b2) !important;
}

.awf-list-cat.improve,
.awf-list-cat.개선 {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
}

.awf-list-cat.deploy,
.awf-list-cat.배포 {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
}

.awf-list-cat.notice,
.awf-list-cat.공지 {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
}

.awf-list-cat.question,
.awf-list-cat.질문 {
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
}

.awf-list-cat.review,
.awf-list-cat.후기 {
  background: linear-gradient(135deg, #eab308, #ca8a04) !important;
}

.awf-list-cat.support,
.awf-list-cat.문의,
.awf-list-cat.as {
  background: linear-gradient(135deg, #ec4899, #db2777) !important;
}

.awf-list-date-only {
  color: rgba(196,225,255,.82) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

body.awf-board-list-mockup .awf-views {
  text-align: center !important;
  padding-right: 0 !important;
}

body.awf-board-list-mockup .awf-post-actions {
  min-width: 76px !important;
  width: 76px !important;
  justify-content: flex-start !important;
  gap: 6px !important;
}

body.awf-board-list-mockup .awf-post-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

body.awf-board-list-mockup .awf-arrow {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

body.awf-board-list-mockup .awf-arrow.awf-arrow-empty {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.awf-board-list-mockup .awf-arrow .awf-post-actions {
  visibility: visible !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

@media (max-width: 980px) {
  body.awf-board-list-mockup .awf-head,
  body.awf-board-list-mockup .awf-list-head,
  body.awf-board-list-mockup .awf-table-head,
  body.awf-board-list-mockup .awf-head-row {
    display: none !important;
  }

  body.awf-board-list-mockup a.awf-row {
    grid-template-columns: 74px minmax(0, 1fr) 76px !important;
    row-gap: 9px !important;
    padding: 16px 18px !important;
  }

  body.awf-board-list-mockup .awf-author,
  body.awf-board-list-mockup .awf-date,
  body.awf-board-list-mockup .awf-views {
    display: none !important;
  }

  body.awf-board-list-mockup .awf-arrow,
  body.awf-board-list-mockup .awf-post-actions {
    justify-content: flex-start !important;
  }
}