.guard-counts,.guard-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.guard-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.guard-counts>div,.guard-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--paper);min-width:0}.guard-counts strong{font-size:32px}.guard-card h3{font-size:20px;margin:12px 0}.guard-card p{overflow-wrap:anywhere}.guard-tag{display:inline-flex;gap:8px;align-items:center;font-weight:750;border:1px solid currentColor;border-radius:999px;padding:6px 12px}.guard-tag[data-state=good]{color:#08704d;background:#e1f5eb}.guard-tag[data-state=warning]{color:#795000;background:#fff1c7}.guard-tag[data-state=critical]{color:#a52b36;background:#ffe6e9}.guard-tag[data-state=unknown]{color:#475569;background:#e8edf5}[data-theme=dark] .guard-tag[data-state=good]{color:#9fe2c4;background:#163d32}[data-theme=dark] .guard-tag[data-state=warning]{color:#ffe093;background:#473a1e}[data-theme=dark] .guard-tag[data-state=critical]{color:#ffb5bf;background:#492530}[data-theme=dark] .guard-tag[data-state=unknown]{color:#d0daeb;background:#303d54}.guard-steps{display:flex;flex-wrap:wrap;gap:12px;padding-left:22px}.guard-steps li{padding-right:18px}#guardProgress{width:100%;height:14px}#guardMeta,#guardChanges p,#guardHelpSource{overflow-wrap:anywhere}.guard-card button{min-height:44px}#guardDialog{max-width:620px;width:calc(100% - 32px);max-height:85vh;overflow:auto}#guardDialog::backdrop{background:#0009}#guardDialog p{overflow-wrap:anywhere}#guardCounts p{margin-bottom:0}.guard-card .guard-source{font-size:13px}.product-tabs{flex-wrap:wrap}.product-tabs a{white-space:normal}#guardForm input,#guardForm textarea{max-width:100%}@media(max-width:680px){.guard-cards{grid-template-columns:1fr}.guard-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.guard-counts>div{padding:14px}.guard-counts .guard-tag{font-size:12px;padding:4px 6px}.guard-steps{font-size:13px}.intro h1{font-size:clamp(30px,8vw,44px)}.actions>button{width:100%}}@media print{#guardForm,.intro,.product-tabs,#guardFilter,.actions,#guardTicketText,body>dialog{display:none}.guard-card{break-inside:avoid}.guard-cards{display:block}}

#guardForm{text-align:left;background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:18px}#guardDialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px}#guardForm details{margin:16px 0 0}