/* Sigma app (Test, Lint, Convert). Shared by /tools/detect/sigma-tester/ and /tools/detect/sigma-converter/. */
.sa-app [hidden], .sa-out [hidden] { display: none !important; }
.sa-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 16px; background: #e9eef4; border: 2px solid var(--ax-line); border-radius: 14px; padding: 5px; }
.sa-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; min-width: 0; padding: 6px 8px; font: inherit; font-family: var(--ax-display); font-weight: 700; font-size: 14.5px; color: #344054; background: transparent; border: 2px solid transparent; border-radius: 10px; cursor: pointer; word-break: keep-all; }
.sa-tabs button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.sa-tabs button:hover { color: var(--ax-ink); }
.sa-tabs button[aria-selected="true"] { background: #fff; color: var(--ax-ink); border-color: var(--ax-accent); }
.sa-tabs button[aria-selected="true"] svg { color: var(--ax-accent); }
.sa-tabs button:focus-visible { outline: 3px solid rgba(4,120,87,.35); outline-offset: 1px; }
.sa-n { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; font-family: var(--ax-mono); font-size: 12px; font-weight: 700; color: #92400e; background: #fef3c7; border: 2px solid #f59e0b; }
.sa-n--bad { color: #991b1b; background: #fee2e2; border-color: #ef4444; }
@media (max-width: 520px) { .sa-tabs button { font-size: 13.5px; gap: 5px; padding: 6px 4px; } .sa-tabs button svg { width: 15px; height: 15px; } }
@media (min-width: 980px) { .dt-panes.sa-solo { grid-template-columns: minmax(0, 1fr); } }
.sa-out .dt-card { border-width: 2px; }
.sa-out .dt-card h3 svg { width: 18px; height: 18px; color: var(--ax-accent); fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.sa-out .dt-card h3 .sp { flex: 1 1 120px; min-width: 0; overflow-wrap: break-word; }
.sa-out .dt-card h3 .ax-btn svg { color: inherit; }
/* Convert tab */
.cv-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 980px) { .cv-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.cv-map { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ax-text); }
.cv-map input { width: 18px; height: 18px; accent-color: var(--ax-accent); }
.cv-sup td, .cv-sup th { font-size: 12.5px; }
.cv-sup th { word-break: keep-all; }
.cv-sup td:not(:first-child) { text-align: center; }

/* How it compares (benchmark tables) */
.hc-t { margin-top: 12px; }
.hc-t table { table-layout: fixed; }
.hc-t th { word-break: keep-all; }
.hc-t td, .hc-t th { overflow-wrap: break-word; font-size: 13px; vertical-align: top; }
.hc-t td:first-child, .hc-t th:first-child { position: sticky; left: 0; background: #fff; box-shadow: 2px 0 0 #e4e7ec; }
.hc-t th:first-child { z-index: 2; }
.hc-meta { font-size: 13px; color: var(--ax-text); }