#drawerAttention { width: min(460px, 100vw); }
.attention-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.attention-toolbar label { flex: 1; color: var(--muted); font-size: 12px; }
.attention-toolbar select { display: block; width: 100%; margin-top: 5px; padding: 9px; background: var(--bg3); color: var(--text); border: 1px solid var(--border); border-radius: 6px; font: inherit; }
#attentionStatus, .attention-empty { font-size: 12px; line-height: 1.6; color: var(--muted); margin-bottom: 16px; }
.attention-card { padding: 16px; margin-bottom: 12px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg2); overflow-wrap: anywhere; }
.attention-card h3 { font-size: 14px; line-height: 1.45; margin: 7px 0; }
.attention-card p { font-size: 12px; line-height: 1.6; margin: 7px 0 12px; }
.attention-card .attention-owner { color: var(--muted); margin: 5px 0; }
.attention-category { font-size: 11px; color: var(--accent); }
.attention-card button, .attention-toolbar button { min-height: 42px; }
#drawerAttention :is(button, select):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

.attention-proposal-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
.attention-proposal-actions button { white-space: normal; max-width: 100%; }
.attention-proposal-actions button:disabled { opacity: .55; cursor: wait; }
.attention-proposal-message { white-space: pre-wrap; }
.attention-card .attention-proposal-note { color: var(--muted); font-size: 11px; }