/* 1.76.573: Edge-overzicht rustiger en duidelijker. Per onderdeel één kaart met het cijfer dat ertoe doet (inc/edge-overview-layout.php),
   zodat het overzicht niet meer alle tabs herhaalt. Hiërarchie door maat en ruimte, niet door meer kaders. Alleen paars als accent. */
.nsl-ovareas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.nsl-ovarea { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "ic t" "n n" "l l" "s s" "go go"; align-items: center; column-gap: 10px; padding: 18px 18px 16px; min-width: 0; background: var(--app-s1, #121214); border: 1px solid var(--app-line, #232327); border-radius: 12px; color: inherit; text-decoration: none; transition: border-color .15s, transform .15s; }
.nsl-ovarea:hover, .nsl-ovarea:focus-visible { border-color: rgba(118, 67, 200, .7); transform: translateY(-1px); outline: none; }
.nsl-ovarea__ic { grid-area: ic; display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: rgba(118, 67, 200, .16); color: #b996ff; }
.nsl-ovarea__ic svg { width: 18px; height: 18px; }
.nsl-ovarea__t { grid-area: t; font: 600 14px/1.3 var(--f-display, inherit); color: var(--app-text, #ececec); }
.nsl-ovarea__n { grid-area: n; margin: 14px 0 2px; font: 600 30px/1 var(--f-display, inherit); letter-spacing: -.02em; color: #fff; }
.nsl-ovarea__n small { font-size: 15px; font-weight: 500; color: var(--app-muted, #9a9aa0); letter-spacing: 0; }
.nsl-ovarea__l { grid-area: l; font-size: 13px; color: var(--app-muted, #9a9aa0); }
.nsl-ovarea__s { grid-area: s; margin-top: 8px; font-size: 12px; line-height: 1.45; color: var(--app-dim, #6f6f75); }
.nsl-ovarea__go { grid-area: go; margin-top: 12px; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: #b996ff; }
.nsl-ovarea__go svg { width: 13px; height: 13px; transition: transform .15s; }
.nsl-ovarea:hover .nsl-ovarea__go svg { transform: translateX(2px); }
/* Ingeklapte blokken: een duidelijke rij, niet een lege kaart */
.nsl-ovb.is-folded .nsl-ovb__t span { color: var(--app-muted, #9a9aa0); }
.nsl-ovb[data-ovb="areas"] .nsl-ovb__body { padding-top: 4px; }
@media (max-width: 1100px) { .nsl-ovareas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
	.nsl-ovareas { grid-template-columns: 1fr 1fr; gap: 8px; }
	.nsl-ovarea { padding: 14px 12px 12px; }
	.nsl-ovarea__n { font-size: 24px; margin-top: 10px; }
	.nsl-ovarea__s { display: none; }
}
@media (prefers-reduced-motion: reduce) { .nsl-ovarea, .nsl-ovarea__go svg { transition: none; } }
/* 1.76.576: Autonoom: "gaat vanzelf" in plaats van een grote knop */
.nsl-ai__selfrun { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 8px; background: rgba(118, 67, 200, .14); color: #d9c8ff; font-size: 13px; font-weight: 600; }
.nsl-ai__selfrun svg { width: 14px; height: 14px; }
/* 1.76.579: tabjes van een samengevoegd onderdeel (Zoekwoorden, Talen en landen, Meldingen en sms) */
.nsl-edge-fam { margin: 0 0 20px; }
.nsl-edge-fam svg { width: 13px; height: 13px; opacity: .7; }
/* 1.76.582: verdachte bestanden (script in .well-known of uploads) */
.nsl-verify--bad { border-color: rgba(255, 107, 122, .45); box-shadow: inset 3px 0 0 #ff6b7a; }
.nsl-verify--bad code { color: #ffb3bc; }