/* Prestax · P17.170.1 · Historial fiscal visible + selector legible en PC */

#fullHistoryModal .history-fiscal-status-line {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

#fullHistoryModal .history-fiscal-status-line .history-fiscal-badge {
  margin-top: 0;
}

#fullHistoryModal
  .history-fiscal-check-btn.history-fiscal-check-btn--prominent {
  min-height: 34px;
  margin: 0;
  padding: 6px 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 2px solid #93c5fd;
  border-radius: 10px;
  background: linear-gradient(180deg, #2563eb 0%, #1746b3 100%);
  color: #fff;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.13),
    0 5px 12px rgba(30, 64, 175, 0.25);
}

#fullHistoryModal
  .history-fiscal-check-btn.history-fiscal-check-btn--prominent:hover,
#fullHistoryModal
  .history-fiscal-check-btn.history-fiscal-check-btn--prominent:focus-visible {
  border-color: #bfdbfe;
  background: linear-gradient(180deg, #3478ee 0%, #1e4fc2 100%);
  color: #fff;
  transform: translateY(-1px);
}

#fullHistoryModal
  .history-fiscal-check-btn.history-fiscal-check-btn--prominent:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.34);
  outline-offset: 2px;
}

#fullHistoryModal
  .history-fiscal-check-btn.history-fiscal-check-btn--prominent:disabled {
  color: #fff;
  background: linear-gradient(180deg, #64748b 0%, #475569 100%);
  border-color: #94a3b8;
  transform: none;
  box-shadow: none;
}

#fullHistoryModal
  .history-fiscal-check-btn.history-fiscal-check-btn--prominent::before {
  content: "↻";
  font-size: 1.05rem;
  line-height: 1;
}

@media (min-width: 721px) and (max-width: 979.98px) {
  #fullHistoryModal li.li-doc-item .status-select[data-doc-kind="factura"] {
    width: 210px;
    min-width: 210px;
    max-width: 100%;
    margin-left: 0;
  }
}

/*
 * P17.170.1 · El ancho del select depende de la pista 3 del grid de escritorio.
 * history-desktop-compact.css fija esa pista en 116–138 px y además aplica
 * width:100% !important al select; por eso declarar width:210px en el propio
 * control no podía ensancharlo. Se amplía la pista real, sin tocar móvil/tablet.
 */
@media (min-width: 980px) and (hover: hover) and (pointer: fine) {
  #fullHistoryModal li.li-doc-item,
  #fullHistoryModal li.li-doc-item.history-flat-doc-item,
  #fullHistoryModal .history-flat-list > li.li-doc-item.history-flat-doc-item {
    grid-template-columns:
      54px
      minmax(170px, 1fr)
      190px
      minmax(138px, 156px)
      max-content !important;
  }

  #fullHistoryModal li.li-doc-item .status-select[data-doc-kind="factura"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }
}

@media (min-width: 980px) and (max-width: 1120px) and (hover: hover) and (pointer: fine) {
  #fullHistoryModal li.li-doc-item,
  #fullHistoryModal li.li-doc-item.history-flat-doc-item,
  #fullHistoryModal .history-flat-list > li.li-doc-item.history-flat-doc-item {
    grid-template-columns:
      50px
      minmax(140px, 1fr)
      190px
      132px
      max-content !important;
  }
}

@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  #fullHistoryModal li.li-doc-item,
  #fullHistoryModal li.li-doc-item.history-flat-doc-item,
  #fullHistoryModal .history-flat-list > li.li-doc-item.history-flat-doc-item {
    grid-template-columns:
      54px
      minmax(170px, 1fr)
      210px
      minmax(138px, 156px)
      max-content !important;
  }
}

@media (max-width: 720px) {
  #fullHistoryModal .history-fiscal-status-line {
    grid-column: 2;
    gap: 6px;
  }

  #fullHistoryModal
    .history-fiscal-check-btn.history-fiscal-check-btn--prominent {
    min-height: 32px;
    padding: 5px 10px;
    font-size: 0.8rem;
  }
}