.nc-drawer{position:fixed;inset:0;z-index:90;pointer-events:none}
.nc-scrim{position:absolute;inset:0;background:rgba(22,25,33,.45);opacity:0;transition:opacity .25s;pointer-events:auto}
.nc-panel{position:absolute;right:0;top:0;bottom:0;width:min(440px,100vw);background:var(--card);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.3,.7,.3,1);box-shadow:-20px 0 60px -20px rgba(22,25,33,.5);pointer-events:auto}
.nc-drawer.in .nc-scrim{opacity:1}.nc-drawer.in .nc-panel{transform:none}
.nc-top{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;background:var(--ink);color:#fff;border-bottom:3px solid var(--gold)}
.nc-top>div{flex:1}.nc-top h2{font-size:26px}
.nc-x{color:#fff;border-color:var(--ink3)}
.nc-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700}
.nc-head{padding:0}.nc-body{flex:1;overflow:auto;overscroll-behavior:contain}
.nc-foot{padding:12px 16px;border-top:1px solid var(--line);background:#faf8f2}
.nc-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line2)}
.nc-chips{display:flex;gap:6px;flex-wrap:wrap}
.nc-chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 12px;font-weight:600;font-size:13px;cursor:pointer;min-height:32px;display:inline-flex;gap:7px;align-items:center}
.nc-chip span{font-size:11px;background:#eceae2;border-radius:99px;padding:0 7px;color:var(--mute)}
.nc-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.nc-chip.on span{background:var(--gold);color:var(--ink)}
.nc-list{list-style:none;margin:0;padding:0}
.nc-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line2);position:relative}
.nc-item.unread{background:#fffaE6}
.nc-dot{width:9px;height:9px;border-radius:50%;background:var(--line);margin-top:7px;flex:none}
.nc-item.unread .nc-dot{background:var(--gold-d)}
.nc-item[data-sev=warning] .nc-dot,.nc-item[data-sev=warn] .nc-dot{background:#d98a00}
.nc-item[data-sev=critical] .nc-dot,.nc-item[data-sev=error] .nc-dot,.nc-item[data-sev=danger] .nc-dot{background:var(--red)}
.nc-item[data-sev=success] .nc-dot{background:var(--green)}
.nc-main{min-width:0;flex:1}.nc-main h3{font-size:18px;margin:2px 0 3px}.nc-main p{margin:0 0 8px;color:#454957;font-size:14px;overflow-wrap:anywhere}
.nc-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--mute);flex-wrap:wrap}
.nc-cat{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-d)}
.nc-new{background:var(--gold);color:var(--ink);font-weight:700;border-radius:99px;padding:0 7px}
.nc-acts{display:flex;gap:8px;flex-wrap:wrap}
.nc-skel{display:grid;gap:0}.nc-skel>div{padding:16px;display:grid;gap:8px;border-bottom:1px solid var(--line2)}
.nc-state{padding:24px;display:grid;gap:12px;justify-items:start}
.nc-page{display:grid;gap:16px;max-width:980px}
.nc-hero{background:var(--ink);color:#fff;border-radius:var(--r);padding:24px 26px;border-left:6px solid var(--gold)}
.nc-hero h2{font-size:clamp(30px,5vw,44px)}.nc-hero p{margin:6px 0 0;color:#b5b9c6;max-width:60ch}
.nc-tabs{display:flex;gap:4px}.nc-tabs button{border:1px solid var(--line);background:var(--card);padding:9px 16px;border-radius:9px;font-weight:600;cursor:pointer;min-height:40px}
.nc-tabs button.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.nc-card{overflow:hidden}.nc-note{margin:12px 14px}
.nc-note a{font-weight:700}
@media(max-width:600px){.nc-panel{width:100vw}.nc-item{padding:12px}}
.nc-pager{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px;border-top:1px solid var(--line2)}