/* the documents: the little label of the kind of a file, the tags, the colours of the categories */
/* One file for one part of the application: a change of that part touches only this file. */
.doc-name {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.doc-name.big {
  gap: 14px;
}
.doc-name.big h2 {
  margin: 0;
}
.doc-type {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff;
  background: #64748b;
}
.doc-type.doc-pdf {
  background: #c0392b;
}
.doc-type.doc-word {
  background: #2563eb;
}
.doc-type.doc-excel {
  background: #15803d;
}
.doc-type.doc-image {
  background: #9333ea;
}
.doc-type.doc-archive {
  background: #b45309;
}
.doc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.doc-tags .tag {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  text-decoration: none;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
}
.doc-search {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 10px 0;
}
.doc-search input[type='search'] {
  flex: 1 1 220px;
  min-width: 0;
}
.doc-search select {
  flex: 0 1 220px;
  min-width: 0;
}
.doc-search .chk {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
}
.sortlink {
  color: inherit;
  text-decoration: none;
}
.sortlink.on {
  color: var(--accent);
}
.badge.doc-cat-tender {
  background: color-mix(in srgb, #9333ea 14%, transparent);
  color: #7e22ce;
  border: 1px solid color-mix(in srgb, #9333ea 40%, transparent);
}
.badge.doc-cat-request {
  background: color-mix(in srgb, #2563eb 14%, transparent);
  color: #1d4ed8;
  border: 1px solid color-mix(in srgb, #2563eb 40%, transparent);
}
.badge.doc-cat-offer {
  background: color-mix(in srgb, #15803d 14%, transparent);
  color: #166534;
  border: 1px solid color-mix(in srgb, #15803d 40%, transparent);
}
.badge.doc-cat-client {
  background: color-mix(in srgb, #b45309 14%, transparent);
  color: #92400e;
  border: 1px solid color-mix(in srgb, #b45309 40%, transparent);
}
.badge.doc-cat-internal {
  background: color-mix(in srgb, #0f766e 14%, transparent);
  color: #115e59;
  border: 1px solid color-mix(in srgb, #0f766e 40%, transparent);
}
.badge.doc-cat-other {
  background: color-mix(in srgb, #64748b 14%, transparent);
  color: #475569;
  border: 1px solid color-mix(in srgb, #64748b 40%, transparent);
}
html[data-theme='dark'] .badge.doc-cat-tender {
  color: #d8b4fe;
}
html[data-theme='dark'] .badge.doc-cat-request {
  color: #93c5fd;
}
html[data-theme='dark'] .badge.doc-cat-offer {
  color: #86efac;
}
html[data-theme='dark'] .badge.doc-cat-client {
  color: #fcd34d;
}
html[data-theme='dark'] .badge.doc-cat-internal {
  color: #5eead4;
}
html[data-theme='dark'] .badge.doc-cat-other {
  color: #cbd5e1;
}
.chips .chip .muted {
  margin-left: 4px;
}
.doc-search label.chk input[type='checkbox'] {
  min-width: 0 !important;
  margin: 0 !important;
  width: 22px !important;
  height: 22px;
  min-height: 0;
  padding: 0;
  flex: none;
}
.doc-search .chk {
  order: 3;
}
.doc-search label.chk {
  display: inline-flex !important;
  flex: none !important;
  width: max-content !important;
  justify-content: flex-start;
}