/* Central de notificações: navegação, leitura e ações compartilhadas. */
.modal:has(#notification-center){width:min(760px,100%);border-radius:20px}
.modal:has(#notification-center) .modal-body{padding:0}
.modal:has(#notification-center) .modal-header{padding:16px 24px}
.modal:has(#notification-center) .modal-header h2{font-size:23px}
.modal:has(#notification-center) .modal-footer{padding:16px 24px;gap:12px}
.nt-center{--muted:#5b6453;color:var(--ink)}
.nt-intro{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid var(--line);background:#f4f6ec}
.nt-intro-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #d5e2bf;border-radius:14px;background:#e3edcf;color:#516c37}
.nt-intro-icon svg{width:22px;height:22px}
.nt-intro>div{flex:1;min-width:0}
.nt-intro strong{font-size:15px}
.nt-intro p{margin-top:4px;font-size:11px;color:var(--muted)}
.nt-count{flex:none;padding:4px 8px;border-radius:16px;background:#e4edce;color:#455b31;font-size:10px;font-weight:700}
.nt-toolbar{display:flex;align-items:center;gap:16px;padding:16px 24px 0}
.nt-search{display:flex;align-items:center;gap:8px;border:1px solid #dbe0d1;border-radius:10px;background:var(--paper);padding:8px 12px;flex:1;min-width:0}
.nt-search svg{color:var(--muted);width:16px}
.nt-search input{min-width:0;width:100%;border:0;padding:4px 0;box-shadow:none;background:transparent;color:var(--ink);font-size:12px}
.nt-search:focus-within{outline:2px solid #647f47;outline-offset:4px}
.nt-search input:focus{outline:none}
.nt-module-filter{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.nt-module-filter select{min-width:0;max-width:180px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper);color:var(--ink);font-size:11px}
.nt-list-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 24px 0}
.nt-filters{display:flex;gap:4px;background:#e9edde;padding:4px;border-radius:10px}
.nt-filters button{border:0;border-radius:8px;background:transparent;color:#536248;font-size:11px;padding:8px 12px;min-height:36px}
.nt-filters button.active{background:var(--paper);color:#34492a;font-weight:700}
.nt-results{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px 12px;color:var(--muted);font-size:11px}
.nt-results small{font-size:9px}
.nt-scroll{overflow:auto;max-height:52dvh;min-height:240px;padding:0 16px 16px;overscroll-behavior:contain}
.nt-items{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.nt-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e5e7dc;border-radius:12px;background:var(--paper)}
.nt-item.is-unread{border-color:#cedcba;background:#f2f6e9}
.nt-item.is-read{background:#fcfcf7}
.nt-item.needs-attention{background:#fff7ef;border-color:#e4c7b3}
.nt-module-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #d5dfc6;border-radius:12px;background:#e6eddb;color:#506a3a}
.nt-module-icon.financeiro{background:#e7ede4;color:#466544}
.nt-module-icon.crm,.nt-module-icon.meetings{background:#eeebf6;color:#66507f;border-color:#dfd5ec}
.nt-module-icon.publication{background:#f6e9dc;color:#88623c;border-color:#e6d3bc}
.nt-item-main{flex:1;min-width:0}
.nt-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}
.nt-item-top>span{font-weight:600}
.nt-item-top time{flex:none;font-size:9px}
.nt-open{display:block;border-radius:4px;margin-top:8px}
.nt-open strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.nt-open p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.nt-open:hover strong{text-decoration:underline;text-underline-offset:4px}
.nt-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);margin-top:12px;font-size:10px}
.nt-unread{font-size:9px;font-weight:700;padding:0 4px;border-radius:4px;background:#d9e5c5;color:#435c2f}
.nt-attention{font-size:9px;font-weight:700;padding:0 4px;border-radius:4px;background:#f5dec9;color:#77502a}
.nt-read{margin-left:8px;margin-top:16px;color:#4f6940;border:1px solid #d9e3cb;background:var(--paper);flex:none}
.nt-empty{display:grid;justify-items:center;align-content:center;text-align:center;padding:24px;min-height:240px}
.nt-empty>svg{width:32px;height:32px;color:#627a4a;margin-bottom:12px}
.nt-empty h3{font-size:22px;margin-top:12px}
.nt-empty p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:4px;max-width:340px}
.nt-center .pagination{padding:16px 8px 0;gap:12px;flex-wrap:wrap}
.nt-center .pagination-buttons{flex-wrap:wrap}
.nt-center button:focus-visible,.nt-center a:focus-visible,.nt-center select:focus-visible{outline:2px solid #647f47;outline-offset:4px}
@media(max-width:680px){.modal:has(#notification-center) .modal-header,.modal:has(#notification-center) .modal-footer{padding:16px}.nt-intro{padding:16px;flex-wrap:wrap}.nt-intro-icon{width:36px;height:36px}.nt-count{margin-left:auto}.nt-toolbar{padding:16px 16px 0;flex-wrap:wrap;gap:12px}.nt-search{flex-basis:100%}.nt-module-filter{width:100%}.nt-module-filter select{flex:1;max-width:none}.nt-list-controls{margin:16px 16px 0;gap:12px;flex-wrap:wrap}.nt-filters button{padding:8px;min-height:44px}.nt-results{padding:16px 16px 12px;flex-wrap:wrap;gap:4px}.nt-scroll{padding:0 8px 12px;min-height:200px;max-height:44dvh}.nt-item{padding:12px;gap:8px}.nt-module-icon{width:32px;height:32px}.nt-read{width:32px;min-width:32px;height:32px;margin-left:8px;margin-top:16px}.nt-intro strong{font-size:14px}.modal:has(#notification-center) .modal-footer .spacer{display:none}.modal:has(#notification-center) .modal-footer>.btn{width:100%;flex-basis:100%}}

.nt-scroll:focus-visible{outline:2px solid #647f47;outline-offset:-4px}