.xd-svc-pill { display: inline-block; background: #FFF4D6; color: #8A5F00; border-radius: 999px; padding: 1px 8px; font-size: 11px; font-weight: 700; }
.xd-svc-defect { display: flex; align-items: center; gap: 6px; font-size: 12px; background: #FDECEA; color: #B42318; border-radius: 8px; padding: 6px 8px; }
.xd-svc-dot { width: 7px; height: 7px; border-radius: 50%; background: #B42318; flex: none; }
.xd-svc-hist { list-style: none; margin: 2px 0 4px; padding: 0 0 0 12px; border-left: 2px solid var(--line); display: grid; gap: 6px; }
.xd-svc-hist li { display: flex; flex-direction: column; font-size: 12px; position: relative; }
.xd-svc-hist li::before { content: ""; position: absolute; left: -17px; top: 4px; width: 8px; height: 8px; border-radius: 50%; background: var(--amber); }
.xd-svc-hist small { color: var(--muted); }
.xd-svc-check { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 10px; }
.xd-svc-check li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-top: 1px solid var(--line); font-size: 14px; min-width: 0; }
.xd-svc-check li:first-child { border-top: 0; }
.xd-svc-check li span { min-width: 0; }
.xd-svc-seg { flex: none; min-width: 72px; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--line); background: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--muted); }
.xd-svc-seg.is-ok { background: #11724A; border-color: #11724A; color: #fff; }
.xd-svc-seg.is-nok { background: #B42318; border-color: #B42318; color: #fff; }
.xd-svc-seg.is-na { background: #4A5763; border-color: #4A5763; color: #fff; }
.xd-svc-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.xd-svc-sig { border: 2px dashed var(--line); border-radius: 10px; padding: 6px 10px 4px; display: flex; flex-direction: column; gap: 2px; }
.xd-svc-sig svg { width: 100%; max-width: 260px; height: 56px; }
.xd-svc-sig path { fill: none; stroke: var(--ink); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.xd-svc-sig small { color: var(--muted); font-size: 12px; }
.xd-svc-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.xd-svc-actions .xd-btn { flex: 1 1 140px; }
.xd-svc-log li { grid-template-columns: 16px 1fr; }
.xd-svc-actions .xd-btn { height: auto; padding: 8px 12px; line-height: 1.2; }