:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203747;background:#f3f6f8;--panel:#fff;--muted:#657b89;--line:#dae4eb;--teal:#087d75;--red:#b8323e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:1px solid var(--line);border-radius:9px;padding:11px 15px;background:var(--panel);color:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2aafa1;outline-offset:3px}.primary{background:var(--teal);border-color:var(--teal);color:#fff}a{color:var(--teal)}.teams-alerts{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}h1{font-size:30px;margin:5px 0}h2{font-size:19px;margin:12px 0}p{line-height:1.55;margin:10px 0}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--teal);font-weight:700}header p,.caption,.location{color:var(--muted)}section,article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stats button{text-align:left;padding:20px}.stats strong{display:block;font-size:32px;color:var(--teal);margin-bottom:6px}.stats span{font-size:13px}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;flex:1}.filters label:first-child{flex:2;min-width:180px}input,select{min-height:43px;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:inherit;width:100%}.caption{font-size:12px;margin:14px 0}.alerts-list{display:grid;gap:14px}article.critical{border-left:4px solid var(--red)}.alert-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.badge{background:#fff3dd;color:#97610d;border-radius:5px;padding:4px 8px;font-weight:700}.critical .badge{background:#ffedef;color:var(--red)}summary{cursor:pointer;font-size:14px;font-weight:600;margin:15px 0;color:var(--teal)}.alert-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:14px}dl{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:13px}dt{color:var(--muted)}dd{margin:0}.error{background:#ffedef;color:#a72834;padding:14px;border-radius:9px;overflow-wrap:anywhere}.login,.empty{margin:40px auto;max-width:600px;padding:30px}.teams-alerts :is(p,h2,dd){overflow-wrap:anywhere}html[data-theme=dark],html[data-theme=contrast]{background:#142433;color:#e4edf3;--panel:#1b3040;--line:#355062;--muted:#aac0cc;--teal:#51c9bb}html[data-theme=contrast]{--line:#fff;--panel:#000;background:#000;--teal:#ffff00;color:#fff}@media(max-width:600px){:where(body:not([data-interface=desktop])) .teams-alerts{padding:14px}:where(body:not([data-interface=desktop])) header{align-items:flex-start}:where(body:not([data-interface=desktop])) header button{padding:8px 10px;font-size:12px}:where(body:not([data-interface=desktop])) header h1{font-size:26px}:where(body:not([data-interface=desktop])) header p{font-size:13px}:where(body:not([data-interface=desktop])) .stats{gap:7px}:where(body:not([data-interface=desktop])) .stats button{padding:12px 9px}:where(body:not([data-interface=desktop])) .stats strong{font-size:26px}:where(body:not([data-interface=desktop])) .stats span{font-size:11px}:where(body:not([data-interface=desktop])) .filters{padding:14px;gap:10px}:where(body:not([data-interface=desktop])) .filters label:first-child{flex-basis:100%}:where(body:not([data-interface=desktop])) section,:where(body:not([data-interface=desktop])) article{padding:16px}:where(body:not([data-interface=desktop])) .alert-actions{flex-wrap:wrap}:where(body:not([data-interface=desktop])) .alert-actions button{width:100%}:where(body:not([data-interface=desktop])) .alert-actions a{padding:8px 0}:where(body:not([data-interface=desktop])) .login{margin:20px auto;padding:24px}:where(body:not([data-interface=desktop])) dl{grid-template-columns:1fr;gap:5px}:where(body:not([data-interface=desktop])) dd{margin-bottom:7px}}:where(body[data-interface=mobile]) .teams-alerts{padding:14px}:where(body[data-interface=mobile]) header{align-items:flex-start}:where(body[data-interface=mobile]) header button{padding:8px 10px;font-size:12px}:where(body[data-interface=mobile]) header h1{font-size:26px}:where(body[data-interface=mobile]) header p{font-size:13px}:where(body[data-interface=mobile]) .stats{gap:7px}:where(body[data-interface=mobile]) .stats button{padding:12px 9px}:where(body[data-interface=mobile]) .stats strong{font-size:26px}:where(body[data-interface=mobile]) .stats span{font-size:11px}:where(body[data-interface=mobile]) .filters{padding:14px;gap:10px}:where(body[data-interface=mobile]) .filters label:first-child{flex-basis:100%}:where(body[data-interface=mobile]) section,:where(body[data-interface=mobile]) article{padding:16px}:where(body[data-interface=mobile]) .alert-actions{flex-wrap:wrap}:where(body[data-interface=mobile]) .alert-actions button{width:100%}:where(body[data-interface=mobile]) .alert-actions a{padding:8px 0}:where(body[data-interface=mobile]) .login{margin:20px auto;padding:24px}:where(body[data-interface=mobile]) dl{grid-template-columns:1fr;gap:5px}:where(body[data-interface=mobile]) dd{margin-bottom:7px}
