@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/inter-latin.woff2) format("woff2"); }

.w-theme {
  --panel: #2b2d31; --raised: #3a3c42; --text: #f2f3f5; --muted: #b5bac1; --faint: #9aa0a9;
  --accent: #78aaff; --negative: #f07a7c; --warning: #e8b85c; --stop-ink: #f5a3a4;
  --person-bg: #24403c; --person-ink: #a6e3d8; --org-bg: #3a3c42; --org-ink: #f2f3f5;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: light) {
  .w-theme:not([data-theme="dark"]) {
    --panel: #ffffff; --raised: #eff0f2; --text: #1e1f22; --muted: #4b4e56; --faint: #5c6068;
    --accent: #2f6fd8; --negative: #c4242a; --warning: #a8640c; --stop-ink: #9b1f24;
    --person-bg: #d4ede6; --person-ink: #1b4f45; --org-bg: #e2e4e8; --org-ink: #1e1f22;
  }
}
.w-theme[data-theme="light"] {
  --panel: #ffffff; --raised: #eff0f2; --text: #1e1f22; --muted: #4b4e56; --faint: #5c6068;
  --accent: #2f6fd8; --negative: #c4242a; --warning: #a8640c; --stop-ink: #9b1f24;
  --person-bg: #d4ede6; --person-ink: #1b4f45; --org-bg: #e2e4e8; --org-ink: #1e1f22;
}

*, *::before, *::after { box-sizing: border-box; }
html.w-theme, html.w-theme body { margin: 0; height: 100%; background: var(--panel); }
html.w-theme body { color: var(--text); font: 400 14px/20px var(--font); -webkit-font-smoothing: antialiased; overflow: hidden; }
.w svg { display: block; flex: none; }
html.w-theme .sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.w-main { height: 100%; }
.w {
  display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 16px 18px 14px; background: var(--panel); color: var(--text);
  font: 400 14px/20px var(--font); text-decoration: none; overflow: hidden;
}
.w:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; border-radius: 4px; }
.w:hover .w-open span { text-decoration: underline; text-underline-offset: 3px; }

.w-head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.w-avatar { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--person-bg); color: var(--person-ink); font-weight: 600; font-size: 14px; letter-spacing: 0.01em; }
.w-avatar.org { border-radius: 10px; background: var(--org-bg); color: var(--org-ink); }
.w-who { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.w-name { margin: 0; font-weight: 600; font-size: 16px; line-height: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; unicode-bidi: isolate; }
.w-url { margin: 0; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; line-height: 16px; min-width: 0; }
.w-links { display: inline-flex; gap: 6px; }
.w-url svg { width: 13px; height: 13px; color: var(--faint); }
.w-mark { width: 21px; height: 16px; color: var(--faint); }

.w-status { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding-bottom: 4px; border-bottom: 2px solid var(--raised); font-weight: 600; font-size: 14px; line-height: 20px; min-width: 0; }
.w-status > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-status svg { display: none; }
.w-status.ok { border-bottom-color: var(--accent); }
.w-status.bad { border-bottom-color: var(--negative); }
.w-status.warn { border-bottom-color: var(--warning); }
.w-status.stop { color: var(--stop-ink); border-bottom-color: var(--negative); }

.w-fp { display: grid; grid-template-columns: repeat(6, minmax(0, max-content)); gap: 2px 16px; margin-top: 6px; font-weight: 500; font-size: 14px; line-height: 20px; min-height: 42px; }
.w-fp span { white-space: nowrap; }
.w-fp.pending span { color: transparent; background: var(--raised); border-radius: 4px; }
.w-fp.none { display: block; color: var(--muted); font-weight: 400; }

.w-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 8px; color: var(--muted); font-size: 12px; line-height: 16px; min-width: 0; }
.w-stamp { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-open { display: inline-flex; align-items: center; gap: 2px; flex: none; color: var(--text); font-weight: 500; font-size: 13px; }
.w-open svg { width: 12px; height: 12px; }
.w-nojs { margin: 16px; color: var(--muted); }

@media (max-width: 459px) {
  html.w-theme .w { padding: 14px 16px 12px; }
  html.w-theme .w-fp { grid-template-columns: repeat(4, minmax(0, max-content)); gap: 1px 12px; font-size: 13px; line-height: 18px; }
  html.w-theme .w-mark { display: none; }
}
@container widget (max-width: 459px) {
  .w { padding: 14px 16px 12px; }
  .w-fp { grid-template-columns: repeat(4, minmax(0, max-content)); gap: 1px 12px; font-size: 13px; line-height: 18px; }
  .w-mark { display: none; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }