/* Hallmark · shape: app screen · genre: modern-minimal · theme: brand · redesign: full · copy: verbatim · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V3 · weakest: V, existing module geometry and wiring retained */
#kz-attention{--attention-ink:var(--legacy-8c56738f);--attention-copy:var(--legacy-f9176b77);--attention-line:var(--legacy-ee83aa48);--attention-surface:var(--legacy-20684f13);--attention-warn:var(--legacy-dbd45991);--attention-danger:var(--legacy-5097311a);margin-bottom:20px}
html[data-theme="dark"] #kz-attention{--attention-ink:var(--legacy-483dbb0c);--attention-copy:var(--legacy-3e2fc5f4);--attention-line:var(--legacy-4fdb1b56);--attention-surface:var(--legacy-98753f4a);--attention-warn:var(--legacy-1b70153a);--attention-danger:var(--legacy-e5872300)}
#kz-attention .kz-attention-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}
#kz-attention h2{margin:0;color:var(--attention-ink)!important;font-size:17px;font-weight:750;letter-spacing:-.3px}
#kz-attention .kz-attention-head p{margin:var(--space-2xs) 0 0;color:var(--attention-copy);font-size:12px}
#kz-attention .kz-attention-badge{flex-shrink:0;padding:var(--space-xs) var(--space-sm);border-radius:99px;background:var(--color-paper-2);color:var(--attention-warn);font-size:12px;font-weight:700}
#kz-attention[data-state="ok"] .kz-attention-badge{background:var(--color-paper-2);color:var(--green)}
#kz-attention[data-state="error"] .kz-attention-badge{background:var(--color-paper-2);color:var(--attention-danger)}
#kz-attention .kz-attention-status{margin:var(--space-sm) 0;color:var(--attention-copy);font-size:12px;line-height:1.65}
#kz-attention .kz-attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),minmax(0,1fr)));gap:var(--space-sm)}
#kz-attention .kz-attention-item{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--attention-line);border-left:0;border-radius:12px;background:var(--attention-surface);min-width:0}
#kz-attention .kz-attention-item.danger{border-left-color:var(--attention-danger)}
#kz-attention .kz-attention-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}
#kz-attention h3{margin:0;font-size:13px;line-height:1.5;color:var(--attention-ink)}
#kz-attention .kz-attention-item-head>span{color:var(--attention-warn);font-size:20px;font-weight:750;line-height:1.2}
#kz-attention .danger .kz-attention-item-head>span{color:var(--attention-danger)}
#kz-attention .kz-attention-item>p{margin:0;color:var(--attention-copy);font-size:12px;line-height:1.6}
#kz-attention details{font-size:12px;color:var(--attention-copy);overflow-wrap:anywhere}
#kz-attention summary{cursor:pointer;color:var(--attention-ink);padding:var(--space-2xs) 0}
#kz-attention ul{padding-left:20px;margin:var(--space-xs) 0;line-height:1.8}
#kz-attention .kz-attention-action{margin-top:auto;align-self:flex-start;min-height:40px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--attention-line);border-radius:9px;background:transparent;color:var(--attention-ink);font:650 11px var(--font);text-align:left;cursor:pointer}
#kz-attention .kz-attention-action:hover{background:var(--color-paper-2);border-color:var(--color-rule);color:var(--color-ink)}
#kz-attention summary:focus-visible,#kz-attention .kz-attention-action:focus-visible{outline:2px solid var(--color-rule);outline-offset:3px}
#kz-attention .kz-attention-foot{margin:var(--space-md) 0 0;color:var(--attention-copy);font-size:12px;line-height:1.7}
@media(max-width:620px){#kz-attention .kz-attention-head{flex-direction:column;gap:var(--space-xs)}#kz-attention .kz-attention-grid{grid-template-columns:minmax(0,1fr)}}
