#attentionCenterHost{position:relative;z-index:1200;font-family:var(--font-text)}
.attention-bell{position:fixed;right:22px;top:18px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-1);background:#fff;color:var(--ink-2);box-shadow:none;cursor:pointer;z-index:1202}
.attention-bell svg{width:18px;height:18px}.attention-bell:hover{border-color:var(--line-strong);background:var(--surface-2)}
.attention-bell b{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:var(--r-1);background:var(--danger);color:#fff;font-family:var(--font-text);font-size:var(--fs-caption);font-weight:600;line-height:14px;text-align:center}
.attention-bell b.is-dot{min-width:9px;width:9px;height:9px;padding:0;right:0;top:0;font-size:var(--fs-caption)}
.attention-drawer{position:fixed;right:18px;top:68px;width:min(430px,calc(100vw - 30px));height:min(720px,calc(100vh - 86px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid var(--line);border-radius:var(--r-3);background:#fff;box-shadow:var(--shadow-overlay);opacity:0;visibility:hidden;transform:translateY(-4px);transform-origin:top right;transition:opacity 140ms ease,transform 140ms ease,visibility 140ms;z-index:1201;overflow:hidden}
.attention-drawer.is-open{opacity:1;visibility:visible;transform:none}
.attention-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}
.attention-head h2{margin:0;font-family:var(--font-display);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600;color:var(--ink)}.attention-head span{display:block;margin-top:3px;color:var(--muted);font-size:var(--fs-caption)}
.attention-head>button{width:30px;height:30px;border:1px solid var(--line);border-radius:var(--r-1);background:#fff;color:var(--ink-2);font-size:var(--fs-h3);line-height:1;cursor:pointer}
.attention-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.attention-tabs button{min-height:34px;border:0;border-radius:var(--r-1);background:transparent;color:var(--muted);font-family:var(--font-text);font-size:var(--fs-caption);font-weight:600;cursor:pointer}.attention-tabs button.active{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.attention-tabs b{display:inline;min-width:0;height:auto;margin-left:4px;padding:0;background:transparent;color:inherit;font-size:var(--fs-caption)}
.attention-body{min-height:0;overflow:auto;padding:0}.attention-list{display:block}.attention-item,.attention-event{width:100%;display:grid;gap:4px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:0;background:#fff;text-align:left;cursor:pointer;color:var(--ink)}
.attention-item:hover,.attention-event:hover{background:var(--surface-2)}.attention-critical{border-left-color:var(--danger)}.attention-high{border-left-color:var(--warning)}.attention-normal{border-left-color:var(--primary)}.attention-event.is-read{opacity:.72}
.attention-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.attention-item-top i{font-style:normal;font-size:var(--fs-caption);font-weight:600;color:var(--muted)}.attention-item-top i.importance-critical{color:var(--danger)}.attention-item-top i.importance-important{color:var(--warning)}.attention-item-top time{color:var(--muted);font-size:var(--fs-caption);font-variant-numeric:tabular-nums}
.attention-item strong,.attention-event strong{color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:600}.attention-item>span:not(.attention-item-top),.attention-event>span:not(.attention-item-top){color:var(--muted);font-size:var(--fs-caption);line-height:var(--lh-caption)}.attention-item em{margin-top:2px;color:var(--primary);font-size:var(--fs-caption);font-weight:600;font-style:normal}.attention-event small{color:var(--muted);font-size:var(--fs-caption)}
.attention-empty,.attention-loading{display:grid;align-content:start;min-height:0;padding:18px 16px;text-align:left}.attention-empty strong{color:var(--ink);font-size:var(--fs-body);font-weight:600}.attention-empty span{margin-top:3px;color:var(--muted);font-size:var(--fs-caption);line-height:var(--lh-caption)}.attention-loading{color:var(--muted);font-size:var(--fs-caption)}
.attention-footer{display:grid;grid-template-columns:auto auto;gap:6px 12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);background:var(--surface-2)}.attention-footer button{border:0;background:transparent;color:var(--primary);font-family:var(--font-text);font-size:var(--fs-caption);font-weight:600;cursor:pointer;text-align:left;padding:2px 0}.attention-footer button:disabled{color:var(--muted-2);cursor:not-allowed}.attention-footer span{grid-column:1/-1;color:var(--muted);font-size:var(--fs-caption);line-height:var(--lh-caption)}
@media(max-width:640px){.attention-bell{right:12px;top:12px}.attention-drawer{right:8px;top:60px;width:calc(100vw - 16px);height:calc(100vh - 68px);border-radius:var(--r-2)}}
/* v0.4 audit closure: reset legacy inline grid and let the drawer size to content. */
.attention-drawer{height:auto;max-height:calc(100vh - 86px);grid-template-rows:auto auto minmax(0,auto) auto}
.attention-body{max-height:min(500px,calc(100vh - 250px));overflow:auto}
.attention-item,.attention-event{grid-template-columns:minmax(0,1fr);overflow:visible;align-content:start}
.attention-item-top{min-width:0}.attention-item-top i,.attention-item-top time{min-width:0}
.attention-item strong,.attention-event strong{display:block;min-width:0;overflow-wrap:anywhere}
.attention-footer{grid-template-columns:auto auto auto}
@media(max-width:640px){.attention-drawer{height:auto;max-height:calc(100vh - 68px)}.attention-body{max-height:calc(100vh - 250px)}.attention-footer{grid-template-columns:1fr 1fr}}