/* Imagina Platform UI v2 - Knowledgebase, downloads and announcements */

.iw-kb-hero,
.iw-download-hero,
.theme-announcement-page .announcement,
.iw-kb-cat-header,
.iw-kb-header,
.iw-kb-body,
.iw-kb-vote-section,
.iw-kb-aside-card,
.iw-download-section,
.iw-download-empty,
.no-announcement .inner-no-announcement {
  background: var(--iw-surface, #fff) !important;
  border: 1px solid var(--iw-border, #dbe7ee) !important;
  border-radius: var(--iw-radius-lg, 18px) !important;
  box-shadow: var(--iw-shadow-sm, 0 10px 30px rgba(15, 45, 61, .06)) !important;
}

.iw-kb-hero {
  margin: 0 0 24px !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 44px) !important;
  position: relative !important;
  text-align: center !important;
}

.iw-kb-hero:before,
.iw-download-hero:before {
  background: linear-gradient(90deg, var(--iw-primary, #00a6b8), var(--iw-primary-dark, #066c7b)) !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.iw-kb-hero-inner {
  margin: 0 auto !important;
  max-width: 820px !important;
}

.iw-kb-hero-icon,
.iw-kb-cat-header-icon,
.iw-kb-article-row-icon,
.iw-download-category-icon,
.iw-download-file-icon {
  align-items: center !important;
  background: var(--iw-primary-soft, #e9fbfb) !important;
  border: 1px solid rgba(0, 166, 184, .18) !important;
  border-radius: 14px !important;
  color: var(--iw-primary-dark, #066c7b) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  height: 46px !important;
  justify-content: center !important;
  width: 46px !important;
}

.iw-kb-hero-icon {
  height: 58px !important;
  margin-bottom: 14px !important;
  width: 58px !important;
}

.iw-kb-hero-icon svg,
.iw-kb-cat-header-icon svg,
.iw-kb-article-row-icon svg,
.iw-download-category-icon i,
.iw-download-file-icon i {
  height: 22px !important;
  width: 22px !important;
}

.iw-kb-hero-title,
.iw-kb-title,
.iw-kb-cat-header-title,
.iw-download-hero h2,
.iw-download-section-head h2,
.theme-announcement-page .news-artical h4 {
  color: var(--iw-ink, #0f2d3d) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

.iw-kb-hero-title {
  font-size: clamp(28px, 4vw, 42px) !important;
}

.iw-kb-hero-sub,
.iw-kb-cat-header-desc,
.iw-kb-article-row-excerpt,
.iw-download-hero p,
.iw-download-category-copy small,
.iw-download-file-copy small,
.theme-announcement-page .news-artical p {
  color: var(--iw-muted, #607789) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.iw-kb-search-form,
.iw-download-search {
  margin: 22px auto 0 !important;
  max-width: 720px !important;
}

.iw-kb-search-wrap,
.iw-download-search-box {
  align-items: center !important;
  background: #f8fbfd !important;
  border: 1px solid var(--iw-border, #dbe7ee) !important;
  border-radius: 16px !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 56px !important;
  padding: 8px !important;
}

.iw-kb-search-icon,
.iw-download-search-box > i {
  color: var(--iw-primary-dark, #066c7b) !important;
  flex: 0 0 auto !important;
  height: 20px !important;
  margin-left: 8px !important;
  width: 20px !important;
}

.iw-kb-search-input,
.iw-download-search-box .form-control {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--iw-ink, #0f2d3d) !important;
  flex: 1 1 auto !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  min-height: 42px !important;
  min-width: 0 !important;
  outline: 0 !important;
}

.iw-kb-search-btn,
.iw-download-search-btn,
.iw-kb-ticket-btn,
.iw-kb-vote-yes {
  align-items: center !important;
  background: var(--iw-primary, #00a6b8) !important;
  border: 1px solid var(--iw-primary, #00a6b8) !important;
  border-radius: 12px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
}

.iw-kb-section,
.iw-download-section {
  margin: 0 0 22px !important;
}

.iw-kb-section-title,
.iw-download-section-head span,
.iw-download-kicker {
  align-items: center !important;
  color: var(--iw-primary-dark, #066c7b) !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  letter-spacing: .04em !important;
  margin: 0 0 14px !important;
  text-transform: uppercase !important;
}

.iw-kb-cats,
.iw-download-category-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.iw-kb-cat-card,
.iw-kb-popular-item,
.iw-kb-article-row,
.iw-download-category-card,
.iw-download-item {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--iw-border, #dbe7ee) !important;
  border-radius: 14px !important;
  color: var(--iw-ink, #0f2d3d) !important;
  display: flex !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 16px !important;
  text-decoration: none !important;
}

.iw-kb-cat-card:hover,
.iw-kb-popular-item:hover,
.iw-kb-article-row:hover,
.iw-download-category-card:hover,
.iw-download-item:hover,
.theme-announcement-page .announcement:hover {
  border-color: rgba(0, 166, 184, .38) !important;
  box-shadow: 0 12px 26px rgba(15, 45, 61, .08) !important;
}

.iw-kb-cat-info,
.iw-kb-popular-text,
.iw-kb-article-row-info,
.iw-download-category-copy,
.iw-download-file-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.iw-kb-cat-name,
.iw-kb-popular-title,
.iw-kb-article-row-title,
.iw-download-category-copy strong,
.iw-download-file-copy strong {
  color: var(--iw-ink, #0f2d3d) !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 0 0 4px !important;
}

.iw-kb-cat-count,
.iw-download-category-meta,
.iw-download-file-copy em,
.iw-download-lock {
  color: var(--iw-muted, #607789) !important;
  display: block !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.iw-kb-popular-list,
.iw-kb-articles-list,
.iw-download-list {
  display: grid !important;
  gap: 12px !important;
}

.iw-kb-popular-num {
  align-items: center !important;
  background: var(--iw-navy, #082f49) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 34px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 34px !important;
  justify-content: center !important;
  width: 34px !important;
}

.iw-kb-breadcrumb,
.iw-page-header .iw-breadcrumb {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
}

.iw-kb-bc-link,
.iw-breadcrumb-link,
.iw-kb-bc-current,
.iw-breadcrumb-current,
.iw-kb-bc-sep,
.iw-breadcrumb-sep {
  color: var(--iw-muted, #607789) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.iw-kb-bc-link:hover,
.iw-breadcrumb-link:hover,
.iw-kb-all-btn:hover {
  color: var(--iw-primary-dark, #066c7b) !important;
}

.iw-kb-cat-header,
.iw-kb-header {
  align-items: center !important;
  display: flex !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
  padding: 20px !important;
}

.iw-kb-wrap {
  align-items: start !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
}

.iw-kb-main,
.iw-kb-aside {
  min-width: 0 !important;
}

.iw-kb-header {
  align-items: flex-start !important;
  flex-direction: column !important;
}

.iw-kb-header-top,
.iw-kb-badges,
.iw-kb-vote-form,
.iw-kb-footer-nav,
.iw-download-hero {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.iw-kb-header-top {
  justify-content: space-between !important;
  width: 100% !important;
}

.iw-kb-tag,
.iw-kb-vote-count,
.iw-download-lock {
  align-items: center !important;
  background: var(--iw-primary-soft, #e9fbfb) !important;
  border: 1px solid rgba(0, 166, 184, .18) !important;
  border-radius: 999px !important;
  color: var(--iw-primary-dark, #066c7b) !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  gap: 6px !important;
  padding: 6px 10px !important;
}

.iw-kb-print-btn,
.iw-kb-edit-btn,
.iw-kb-vote-no,
.iw-kb-back-btn,
.iw-kb-all-btn,
.iw-download-edit-btn,
.pagination-announcements .btn {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--iw-border, #dbe7ee) !important;
  border-radius: 10px !important;
  color: var(--iw-ink, #0f2d3d) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
}

.iw-kb-body,
.iw-kb-vote-section,
.iw-kb-aside-card,
.iw-download-section,
.iw-download-empty {
  padding: 20px !important;
}

.iw-kb-article-content {
  color: var(--iw-ink, #0f2d3d) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

.iw-kb-article-content h1,
.iw-kb-article-content h2,
.iw-kb-article-content h3,
.iw-kb-article-content h4 {
  color: var(--iw-ink, #0f2d3d) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.iw-kb-article-content img,
.iw-kb-article-content table {
  border-radius: 12px !important;
  max-width: 100% !important;
}

.iw-kb-article-content table {
  border: 1px solid var(--iw-border, #dbe7ee) !important;
  overflow: hidden !important;
}

.iw-kb-alert-success {
  align-items: center !important;
  background: #ecfdf5 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 12px !important;
  color: #166534 !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
}

.iw-kb-aside-head {
  align-items: center !important;
  color: var(--iw-ink, #0f2d3d) !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
}

.iw-kb-related-list {
  display: grid !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.iw-kb-related-link {
  align-items: flex-start !important;
  color: var(--iw-muted, #607789) !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
}

.iw-kb-help-text {
  color: var(--iw-muted, #607789) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.iw-download-hero {
  justify-content: space-between !important;
  margin: 0 0 22px !important;
  padding: 22px !important;
  position: relative !important;
}

.iw-download-hero-copy {
  flex: 1 1 360px !important;
  min-width: 0 !important;
}

.iw-download-wrap {
  display: grid !important;
  gap: 22px !important;
}

.iw-download-category-main,
.iw-download-item {
  color: inherit !important;
  display: flex !important;
  gap: 14px !important;
  text-decoration: none !important;
}

.iw-download-category-card {
  align-items: stretch !important;
  flex-direction: column !important;
}

.iw-download-category-meta {
  align-items: center !important;
  border-top: 1px solid var(--iw-border, #dbe7ee) !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
}

.iw-download-arrow,
.iw-kb-popular-arrow {
  color: var(--iw-muted, #607789) !important;
  flex: 0 0 auto !important;
}

.theme-announcement-page {
  margin: 0 !important;
  padding: 0 !important;
}

.theme-announcement-page .announcement-body,
.theme-announcement-page .announcements {
  margin: 0 !important;
  padding: 0 !important;
}

.theme-announcement-page .announcements {
  display: grid !important;
  gap: 16px !important;
}

.theme-announcement-page .announcement {
  align-items: flex-start !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  margin: 0 !important;
  padding: 18px !important;
}

.theme-announcement-page .news-date {
  align-items: center !important;
  background: var(--iw-primary-soft, #e9fbfb) !important;
  border: 1px solid rgba(0, 166, 184, .18) !important;
  border-radius: 14px !important;
  color: var(--iw-primary-dark, #066c7b) !important;
  display: flex !important;
  flex-direction: column !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  min-height: 72px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.theme-announcement-page .news-date span {
  color: var(--iw-ink, #0f2d3d) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.theme-announcement-page .news-artical,
.theme-announcement-page .news-artical .title {
  min-width: 0 !important;
  text-decoration: none !important;
}

.theme-announcement-page .label-warning {
  background: var(--iw-primary, #00a6b8) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-left: 6px !important;
  padding: 6px 10px !important;
}

.pagination-announcements {
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

.pagination-announcements .btn.active {
  background: var(--iw-primary, #00a6b8) !important;
  border-color: var(--iw-primary, #00a6b8) !important;
  color: #fff !important;
}

@media (max-width: 992px) {
  .iw-kb-wrap {
    grid-template-columns: 1fr !important;
  }

  .iw-kb-aside {
    order: 2 !important;
  }
}

@media (max-width: 768px) {
  .iw-kb-hero,
  .iw-download-hero,
  .iw-kb-cat-header,
  .iw-kb-header,
  .iw-kb-body,
  .iw-kb-vote-section,
  .iw-kb-aside-card,
  .iw-download-section,
  .theme-announcement-page .announcement {
    border-radius: 14px !important;
  }

  .iw-kb-search-wrap,
  .iw-download-search-box,
  .iw-download-hero,
  .iw-kb-cat-header {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .iw-kb-search-btn,
  .iw-download-search-btn,
  .iw-kb-ticket-btn,
  .iw-kb-vote-yes,
  .iw-kb-vote-no,
  .iw-kb-back-btn,
  .iw-kb-edit-btn {
    width: 100% !important;
  }

  .iw-kb-cats,
  .iw-download-category-grid {
    grid-template-columns: 1fr !important;
  }

  .iw-kb-cat-card,
  .iw-kb-popular-item,
  .iw-kb-article-row,
  .iw-download-item {
    align-items: flex-start !important;
  }

  .theme-announcement-page .announcement {
    grid-template-columns: 1fr !important;
  }

  .theme-announcement-page .news-date {
    min-height: 58px !important;
    width: 74px !important;
  }
}