.nt-wrap {max-width:800px;}.nt-wrap .mu-head form {margin:0;}.nt-list {display:grid;gap:12px;margin:0;padding:0;list-style:none;}.nt-card {position:relative;display:grid;gap:10px;padding:18px 20px;background:var(--svc-surface);border:1px solid var(--svc-line);border-radius:var(--svc-radius);box-shadow:var(--shadow-sm);}.nt-card.is-unread {padding-left:24px;border-color:#bfdbfe;box-shadow:0 4px 14px rgba(59, 130, 246, 0.08);}.nt-card.is-unread::before {content:"";position:absolute;top:14px;bottom:14px;left:0;width:4px;border-radius:0 4px 4px 0;background:#3b82f6;}.nt-card__head {display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;}.nt-time {margin-left:auto;font-size:0.8125rem;color:var(--svc-subtle);white-space:nowrap;}.nt-title {margin:0;font-size:1.0625rem;line-height:1.3;color:var(--svc-ink);overflow-wrap:anywhere;}.nt-body {margin:0;font-size:0.9375rem;line-height:1.55;color:var(--svc-muted);overflow-wrap:anywhere;}.nt-foot {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;}.nt-expiry {font-size:0.8125rem;color:var(--svc-subtle);}.nt-actions {display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;}.nt-actions form {margin:0;}.nt-actions .btn {flex:none;width:auto;}.nt-type {display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--svc-chip-r, 8px);background:var(--color-fill-subtle);color:var(--svc-muted);font-size:0.75rem;font-weight:700;letter-spacing:0.02em;white-space:nowrap;}.nt-type--acil {background:#fee2e2;color:#991b1b;}.nt-type--kayip {background:#fef3c7;color:#92400e;}.nt-type--normal {background:#dbeafe;color:#1d4ed8;}.nt-type--duyuru {background:#ede9fe;color:#5b21b6;}.nt-type--arama {background:#d1fae5;color:#047857;}.nt-type--topluluk {background:#fce7f3;color:#9d174d;}@media (max-width:640px) {.nt-card {padding:16px;}.nt-card.is-unread {padding-left:20px;}.nt-time {margin-left:0;flex-basis:100%;}.nt-actions {width:100%;margin-left:0;}.nt-actions form {flex:1 1 calc(50% - 8px);}.nt-actions .btn {flex:1 1 calc(50% - 8px);width:100%;}.nt-wrap .mu-head form, .nt-wrap .mu-head .btn {width:100%;}}