.attention-center{margin:1rem 0;padding:1rem;border:1px solid #d7e5dd;border-radius:16px;min-width:0;line-height:1.9}.attention-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.attention-heading h3,.attention-heading p{margin:.2rem 0}.attention-center button{font:inherit;background:#edf5f0;color:#234d3c;border:1px solid #b2ccbd;border-radius:9px;padding:.5rem .8rem;cursor:pointer;white-space:normal}.attention-center button:disabled{opacity:.55;cursor:wait}.attention-center button:focus-visible{outline:3px solid #91bda7;outline-offset:2px}.attention-list{display:grid;gap:.7rem}.attention-item{border-inline-start:4px solid #c4a353;border-radius:10px;padding:1rem;background:#fffaf0;overflow-wrap:anywhere}.attention-item.critical{border-color:#ba4b4b;background:#fff4f2}.attention-item.info{border-color:#5a8d70;background:#f0f7f2}.attention-item p{margin:.4rem 0}.attention-actions{display:flex;gap:.6rem;flex-wrap:wrap}.attention-confirm{border-top:1px solid #d8dfd4;margin-top:.8rem;padding-top:.5rem}.attention-empty{color:var(--muted)}@media(max-width:600px){.attention-center{padding:.8rem}.attention-heading{align-items:stretch}.attention-heading>button{width:100%}}
.notification-settings{margin-block-start:1rem;padding-block-start:1rem;border-top:1px solid var(--line,#dce4de)}.notification-actions{display:flex;flex-wrap:wrap;gap:.5rem}.notification-settings p{line-height:1.9}.notification-settings [data-notification-status]{overflow-wrap:anywhere}
.notification-actions button{font:inherit;border:1px solid #92b6a1;background:#f0f7f2;color:#234b39;border-radius:8px;padding:.5rem .7rem;cursor:pointer}.notification-actions button:disabled{opacity:.5;cursor:default}

.attention-center.attention-is-quiet{padding:0;border-style:dashed}.attention-is-quiet>details>summary{min-height:44px;padding:12px 18px;cursor:pointer;color:var(--muted);font-size:.85rem}.attention-is-quiet>details[open]{padding-bottom:16px}.attention-is-quiet>details>*:not(summary){margin-inline:18px}.attention-center{border-color:var(--line)}.attention-center button,.notification-actions button{background:var(--soft);color:var(--ink);border-color:var(--line)}.attention-item{background:var(--warning-bg,#fffaf0);color:var(--ink)}.attention-item.critical{background:var(--danger-bg,#fff4f2)}.attention-item.info{background:var(--soft)}
