/*
 * NhPanel – Seite „Apps mit einem Klick“ (/vps-apps, Resources/views/vps-apps/landing.twig). Baut auf dedicated.css auf
 * (.nhd-*: Kopf, Text, Liste, Datenblatt, Fragen, Themen). Hier nur das helle Raster der Apps im Datenblatt-Stil.
 * Die dunkle Nachbildung der Serverzentrale steht in vps-apps-zentrale.css (bekommt keinen Dunkel-Zwilling) – helle
 * Flächen NUR hier, damit der Zwilling sie im Dunkelmodus mit umfärbt. Alles unter .nha.
 * Kein abgeschnittener Text: lange Namen umbrechen (overflow-wrap), keine Ellipsen.
 */
.nha .nha-mono-text{font-family:var(--d-mono);font-size:.92em}

/* ---- Raster der Apps ---- */
.nha .nha-h2{font-size:clamp(1.55rem,2.9vw,2.1rem);font-weight:700;letter-spacing:-.03em;line-height:1.16;margin:0 0 18px;max-width:20em}
.nha .nha-group{margin:34px 0 14px;font:600 11px/1 var(--d-mono)!important;letter-spacing:.09em;text-transform:uppercase;color:var(--d-muted)}
.nha .nha-apps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px}
.nha .nha-app{display:flex;flex-direction:column;gap:10px;padding:18px;background:#fff;border:1px solid var(--d-line);border-radius:10px}
.nha .nha-app__head{display:flex;align-items:center;gap:12px;min-width:0}
.nha .nha-app__title{display:block;min-width:0}
.nha .nha-app__title small{display:block;font:600 10.5px/1.6 var(--d-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--d-muted)}
.nha .nha-apps{margin-top:26px}
.nha .nha-app h4{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;overflow-wrap:break-word;min-width:0;color:var(--d-ink)}
.nha .nha-app > p{color:var(--d-ink2);font-size:14.5px;line-height:1.55}
.nha .nha-app__facts{display:grid;gap:6px;margin:auto 0 0;padding-top:10px;border-top:1px solid var(--d-line);font-size:13.5px}
.nha .nha-app__facts div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px}
.nha .nha-app__facts dt{font:600 10.5px/1.9 var(--d-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--d-muted)}
.nha .nha-app__facts dd{margin:0;color:var(--d-ink);overflow-wrap:anywhere}
.nha .nha-app__note{font-size:13px;color:#17915a}
.nha .nha-topics{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:1020px){.nha .nha-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.nha .nha-topics{grid-template-columns:minmax(0,1fr)}}