.document-icon {
  --file-ink: #415a77;
  --file-background: #eaf0f6;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  color: var(--file-ink);
  background: var(--file-background);
  vertical-align: middle;
}
.document-icon-pdf { --file-ink: #a42e42; --file-background: #fcebed; }
.document-icon-text { --file-ink: #155ab5; --file-background: #e8f1ff; }
.document-icon-sheet { --file-ink: #167050; --file-background: #e3f4ec; }
.document-icon-slides, .document-icon-folder { --file-ink: #8b511a; --file-background: #fff1dc; }
.document-icon-image { --file-ink: #6842a8; --file-background: #f0eafa; }
button.repo-document { display: inline-flex; gap: 8px; align-items: center; }
.repo-document > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.document-category {
  display: inline-block;
  max-width: 100%;
  padding: 2px 7px;
  border-radius: 5px;
  background: #e5f5f5;
  color: #165f66;
  font-size: .78rem;
  overflow-wrap: anywhere;
}
.tray-document .document-icon { justify-self: start; }
.document-type-label { margin-inline-start: 5px; }

.lan-updates { display: grid; gap: 12px; }
.lan-updates .panel { margin: 0; min-width: 0; }
.lan-update-overview { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 10px 24px; }
.lan-update-overview p { margin: 6px 0 0; }
.lan-update-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.lan-release-versions { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 14px 0 0; }
.lan-release-versions dt { color: #526984; font-size: .78rem; }
.lan-release-versions dd { margin: 3px 0 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.lan-services h2 { margin: 0; font-size: 1.05rem; }
.lan-services p { margin: 6px 0 10px; }
.lan-services ul { margin: 0; padding: 0; list-style: none; }
.lan-service-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 285px), 1fr)); gap: 7px; }
.lan-service-list li { display: flex; align-items: center; justify-content: space-between; gap: 7px; min-width: 0; padding: 8px; border: 1px solid #e2eaf4; border-radius: 8px; }
.lan-service-name { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: .83rem; overflow-wrap: anywhere; }
.lan-service-name svg { flex: none; color: #1c60a6; }
.lan-state { display: inline-block; border-radius: 5px; padding: 3px 7px; background: #e8f0fc; color: #214f87; font-size: .75rem; font-weight: 700; }
.lan-state.current, .lan-state.running { background: #e5f4eb; color: #176342; }
.lan-state.offline, .lan-state.stopped, .lan-state.failed, .lan-state.attention, .lan-state.starting { background: #fff1d9; color: #784c16; }
.lan-service-list .lan-state { flex: 0 0 auto; }
.lan-optional ul { display: grid; gap: 7px; margin-top: 10px; }
.lan-optional li { display: flex; flex-wrap: wrap; gap: 3px 8px; }
.lan-optional li span { color: #526984; }
.lan-optional a { font-weight: 650; }

@media (max-width: 760px) {
  .workspace .topbar .breadcrumb { min-width: 0; font-size: 0; }
  .workspace .topbar .breadcrumb span { display: none; }
  .workspace .topbar .breadcrumb strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
  .workspace .topbar-actions { flex: 0 0 auto; }
}
@media (max-width: 520px) {
  .workspace .topbar #ask-edossier { min-width: 40px; padding-inline: 9px; font-size: 0; }
  .workspace .topbar #ask-edossier::before { content: '✧' / ''; font-size: 19px; line-height: 1; }
  .workspace .topbar .language-select { width: 96px; padding-inline: 8px; }
}