/* Styles specific to the free dependency report page. */
.dropzone {
  border: 2px dashed rgba(232, 163, 61, 0.45);
  border-radius: 14px;
  padding: 2.6rem 1.4rem;
  text-align: center;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
  background: rgba(255, 255, 255, 0.02);
}
.dropzone:hover,
.dropzone:focus-visible,
.dropzone.over {
  border-color: #e8a33d;
  background: rgba(232, 163, 61, 0.07);
  outline: none;
}
.dropzone-main { font-size: 1.15rem; font-weight: 600; margin: 0 0 .35rem; }
.dropzone-sub { margin: 0; color: var(--dim); font-size: .92rem; }
.linklike { color: #e8a33d; text-decoration: underline; }

.paste-wrap { margin-top: 1.1rem; }
.paste-wrap summary { cursor: pointer; color: var(--dim); font-size: .92rem; }
.paste-wrap textarea {
  width: 100%;
  margin-top: .7rem;
  padding: .8rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(0, 0, 0, 0.28);
  color: inherit;
  font-family: var(--font-mono);
  font-size: .84rem;
  resize: vertical;
}

#result td,
#result th { vertical-align: top; }
#result .muted { color: var(--dim); font-size: .86rem; }
#result .row-overdue { background: rgba(220, 70, 70, 0.12); }
#result .row-soon { background: rgba(232, 163, 61, 0.09); }

#result .cell-date { white-space: nowrap; }