/* ===== notifications.css — مركز الإشعارات ===== */
.nc{flex:1;display:flex;min-height:0}
.nc-scroll{flex:1;overflow-y:auto;background:var(--bg);padding:28px 28px 60px}
.nc-head{max-width:860px;margin:0 auto 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nc-head .st-btn{flex-shrink:0}

.nc-tabs{display:flex;gap:7px;flex-wrap:wrap;max-width:860px;margin:0 auto 18px}
.nc-tabs button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700;padding:8px 14px;border-radius:var(--r-full);font-family:inherit;transition:all var(--t)}
.nc-tabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.nc-tab-n{font-size:10.5px;font-weight:800;background:var(--surface-3);color:var(--muted);border-radius:var(--r-full);padding:1px 7px;font-variant-numeric:tabular-nums}
.nc-tabs button.on .nc-tab-n{background:rgba(255,255,255,.16);color:#fff}

.nc-sec{max-width:860px;margin:0 auto 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.nc-sec-h{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:800;color:var(--muted);background:var(--surface-2)}
.nc-sec-n{font-size:10.5px;background:var(--surface-3);border-radius:var(--r-full);padding:1px 7px}

.nc-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}
.nc-row:last-child{border-bottom:none}
.nc-row.unread{background:var(--human-bg)}
.nc-main{flex:1;min-width:0;border:none;background:transparent;text-align:right;font-family:inherit;padding:0;cursor:pointer}
.nc-t{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--ink);line-height:1.5}
.nc-dot{width:7px;height:7px;border-radius:50%;background:var(--human);flex-shrink:0}
.nc-d{display:block;font-size:12.5px;color:var(--muted);line-height:1.7;margin-top:3px}
.nc-m{display:block;font-size:11px;color:var(--faint);margin-top:5px}
.nc-m b{color:var(--muted)}
.nc-main:hover .nc-t{color:var(--human)}

.nc-acts{display:flex;gap:5px;flex-shrink:0;padding-top:2px}
.nc-act{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all var(--t)}
.nc-act:hover{border-color:var(--human);color:var(--human)}
.nc-act.danger:hover{border-color:var(--conflict);color:var(--conflict)}

.nc-foot{display:flex;align-items:center;gap:7px;max-width:860px;margin:0 auto;font-size:12px;color:var(--faint)}