/* Display Unified System Category List CSS
 * File Version: 5 | Updated: 2026-10-22
 * Scope: verification badge and diagnostic column in targeted Category Lists.
 */
.com-content-category .dus-verification-number,
.category-list .dus-verification-number,
table .dus-verification-number {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  max-width: 100% !important;
  margin-inline-start: .45rem !important;
  padding: .16rem .5rem !important;
  border: 1px solid #c6def6 !important;
  border-radius: .45rem !important;
  background: #eaf4ff !important;
  color: #174d83 !important;
  font-size: .82em !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  box-shadow: none !important;
}
.com-content-category .dus-verification-number:hover,
.category-list .dus-verification-number:hover,
table .dus-verification-number:hover {
  color: #123e6b !important;
  background: #dceeff !important;
  text-decoration: none !important;
}
@media (max-width: 600px) {
  .com-content-category .dus-verification-number,
  .category-list .dus-verification-number,
  table .dus-verification-number {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    margin-block: .2rem !important;
  }
}


/* Diagnostic Category List column: proves the plugin reached the native table. */
.com-content-category table th.dus-authledger-column,
.com-content-category table td.dus-authledger-column,
.category-list table th.dus-authledger-column,
.category-list table td.dus-authledger-column,
table th.dus-authledger-column,
table td.dus-authledger-column {
  display: table-cell !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  min-width: 145px !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: .65rem .8rem !important;
  border: 1px solid #d7e0ea !important;
  color: #173b5d !important;
  background: #f2f7fc !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
table th.dus-authledger-column {
  font-weight: 700 !important;
  background: #e6f0fb !important;
}
.dus-lookup-status {
  display: inline-block !important;
  padding: .2rem .45rem !important;
  border-radius: .35rem !important;
  font-size: .82em !important;
  line-height: 1.45 !important;
}
.dus-lookup-missing { color: #8a4b08 !important; background: #fff0d5 !important; }
.dus-lookup-unmatched { color: #842029 !important; background: #f8d7da !important; }
@media (max-width: 700px) {
  table th.dus-authledger-column,
  table td.dus-authledger-column { min-width: 110px !important; padding: .4rem !important; }
}


/* v4: readable states for the article-ID resolver and optional column. */
table th.dus-authledger-column, table td.dus-authledger-column {
  min-width: 130px !important;
  text-align: center !important;
  vertical-align: middle !important;
}
.dus-lookup-pending { color: #475569 !important; background: #eef2f7 !important; }
.dus-lookup-missing { color: #8a4b08 !important; background: #fff0d5 !important; }
.dus-lookup-unmatched { color: #842029 !important; background: #f8d7da !important; }


/* v5: keep the injected verification column aligned with its matching header/body
   position; avoid fixed/hidden template widths from displacing existing cells. */
.com-content-category table,
.category-list table {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
}
.com-content-category table th.dus-authledger-column,
.com-content-category table td.dus-authledger-column,
.category-list table th.dus-authledger-column,
.category-list table td.dus-authledger-column {
  min-width: 130px !important;
  width: 150px !important;
  max-width: 220px !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.com-content-category table td.dus-authledger-column .dus-verification-number,
.category-list table td.dus-authledger-column .dus-verification-number {
  margin-inline: auto !important;
}
@media (max-width: 700px) {
  .com-content-category table th.dus-authledger-column,
  .com-content-category table td.dus-authledger-column,
  .category-list table th.dus-authledger-column,
  .category-list table td.dus-authledger-column {
    width: auto !important;
    min-width: 95px !important;
    max-width: 145px !important;
    padding: .35rem !important;
  }
}