/**
 * Documentos (com_xd view=documentos)
 * Loaded from templates/ja_nexora/index.php (same pattern as resumo.css).
 * Layout/cards/tables inherit .xd-resumo rules from resumo.css + profile.css.
 */

.xd-docs .xd-docs-intro {
  margin: 0.35rem 0 0;
  max-width: 72ch;
  color: var(--color-text-dim, #6b7196);
  font-size: 0.95rem;
}

.xd-docs .xd-docs-hero {
  margin-bottom: 28px;
}

.xd-docs .xd-resumo-hero__row--actions-only {
  justify-content: flex-start;
}

.xd-docs .xd-docs-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.xd-docs .xd-docs-presets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-right: 4px;
}

.xd-docs .xd-docs-preset {
  border-radius: 10px;
}

.xd-docs .xd-docs-preset.is-active {
  background: rgba(0, 95, 153, 0.1);
  border-color: var(--xd-blue, #005f99);
  color: var(--xd-blue, #005f99);
}

.xd-docs .xd-docs-filter__field {
  min-width: 0;
}

.xd-docs .xd-docs-filter__field--qty {
  width: 5.5rem;
}

.xd-docs .xd-docs-filter__field--lookup {
  min-width: 12rem;
  flex: 1 1 12rem;
}

.xd-docs .xd-docs-filter__input,
.xd-docs .xd-docs-filter .form-control {
  width: auto;
  min-width: 9.5rem;
  border-radius: 10px;
  border-color: var(--color-border, #e2e6f0);
  background-color: var(--xd-white, #fff);
}

.xd-docs .xd-docs-filter__field--qty .xd-docs-filter__input {
  min-width: 0;
  width: 5.5rem;
}

.xd-docs .xd-docs-filter__field--lookup .xd-docs-filter__input {
  width: 100%;
  min-width: 12rem;
}

.xd-docs .xd-docs-empty-api {
  margin: 0 0 12px;
  opacity: 0.85;
}

.xd-docs .xd-docs-aside {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.xd-docs .xd-docs-type-card .xd-doc-type-nav {
  padding: 4px 12px 14px;
}

.xd-docs .xd-doc-type-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xd-docs .xd-doc-type-nav li {
  margin: 0;
}

.xd-docs .xd-doc-type-panel[hidden] {
  display: none !important;
}

.xd-docs .xd-doc-type-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0.55rem 0.65rem;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.xd-docs .xd-doc-type-nav li.is-active > .xd-doc-type-tab,
.xd-docs .xd-doc-type-tab[aria-selected="true"] {
  background: rgba(0, 95, 153, 0.08);
  color: var(--xd-blue, #005f99);
  font-weight: 600;
}

.xd-docs .xd-doc-type-tab__count {
  font-size: 0.8rem;
  opacity: 0.75;
}

.xd-docs .xd-doc-type-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 20px 0;
}

.xd-docs .xd-repository-month-row td,
.xd-docs tr.xd-repository-month-row > td {
  background: var(--xd-table-head) !important;
  color: var(--xd-blue, #005f99) !important;
  font-weight: 600;
}

.xd-docs .tabela-xd-01 a {
  color: var(--xd-blue, #005f99);
  text-decoration: none;
  font-weight: 500;
}

.xd-docs .tabela-xd-01 a:hover {
  text-decoration: underline;
}

.xd-docs .xd-docs-agents,
.xd-docs-agents {
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border-soft, #eceef5);
}

.xd-docs .xd-docs-agents__hint,
.xd-docs-agents__hint {
  margin: 0 0 0.65rem;
  line-height: 1.35;
}

.xd-docs .xd-docs-agents__list,
.xd-docs-agents__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.xd-docs .xd-docs-agents__item,
.xd-docs-agents__item {
  display: block;
  margin: 0;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-border-soft, #eceef5);
}

.xd-docs .xd-docs-agents__item:last-child,
.xd-docs-agents__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.xd-docs .xd-docs-agents__item:first-child,
.xd-docs-agents__item:first-child {
  padding-top: 0;
}

.xd-docs .xd-docs-agents__label,
.xd-docs-agents__label {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0;
  cursor: pointer;
  font-size: 0.9rem;
  line-height: 1.35;
}

.xd-docs .xd-docs-agents__label input,
.xd-docs-agents__label input {
  margin-top: 0.35rem;
  flex-shrink: 0;
}

.xd-docs .xd-docs-agents__text,
.xd-docs-agents__text {
  display: block;
  flex: 1;
  min-width: 0;
}

.xd-docs .xd-docs-agents__keyid,
.xd-docs .xd-docs-agents__name,
.xd-docs-agents__keyid,
.xd-docs-agents__name {
  display: block;
  width: 100%;
}

.xd-docs .xd-docs-agents__keyid,
.xd-docs-agents__keyid {
  margin-bottom: 0.25rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.xd-docs .xd-docs-agents__name,
.xd-docs-agents__name {
  word-break: break-word;
  font-weight: 400;
  color: var(--color-text-dim, #6b7196);
  font-size: 0.9rem;
}

.xd-docs .xd-docs-context {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-bottom: 1rem;
}

.xd-docs .xd-docs-context .profile-header.card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--color-border-soft, #eceef5);
}

.xd-docs .xd-docs-context .profile-header.card .profile-blocks {
  width: 100%;
  padding: 8px 12px 16px;
}

.xd-docs .xd-docs-main-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  border-bottom: 1px solid var(--color-border-soft, #eceef5);
}

.xd-docs .xd-docs-main-tabs.xd-doc-type-nav .xd-doc-type-tab {
  justify-content: center;
  border-radius: 0;
  background: transparent;
  padding: 0.65rem 0.9rem;
}

.xd-docs .xd-docs-main-tabs.xd-doc-type-nav .xd-doc-type-tab:hover,
.xd-docs .xd-docs-main-tabs.xd-doc-type-nav .xd-doc-type-tab[aria-selected="true"],
.xd-docs .xd-docs-main-tabs.xd-doc-type-nav .xd-doc-type-tab.is-active {
  background: transparent;
}

.xd-docs .xd-docs-main-tab {
  appearance: none;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0.65rem 0.9rem;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--color-text-dim, #6b7196);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  text-decoration: none;
}

.xd-docs .xd-docs-main-tab:hover {
  color: var(--xd-blue, #005f99);
}

.xd-docs .xd-docs-main-tab.is-active,
.xd-docs .xd-docs-main-tab[aria-selected="true"] {
  color: var(--xd-blue, #005f99);
  border-bottom-color: var(--xd-blue, #005f99);
  font-weight: 600;
}

.xd-docs .xd-docs-main-tab__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  padding: 0.05rem 0.4rem;
  border-radius: 999px;
  background: rgba(0, 95, 153, 0.1);
  font-size: 0.75rem;
  font-weight: 600;
}

.xd-docs .xd-docs-main-pane[hidden] {
  display: none !important;
}

@media (max-width: 991px) {
  .xd-docs .xd-resumo-hero__row {
    flex-direction: column;
    align-items: stretch;
  }

  .xd-docs .xd-docs-filter {
    width: 100%;
  }

  .xd-docs .xd-docs-filter__input,
  .xd-docs .xd-docs-filter .form-control {
    width: 100%;
    min-width: 0;
  }

  .xd-docs .xd-docs-filter__field,
  .xd-docs .xd-docs-filter__field--qty,
  .xd-docs .xd-docs-filter__field--lookup {
    flex: 1 1 100%;
    width: 100%;
  }

  .xd-docs .xd-docs-filter .btn {
    width: 100%;
  }
}
