/* netERP – Produktseite und Handbuch. Baut auf netmail-beta.css auf und setzt
   die netERP-Markenfarben (Logo: Dunkelgrün #0E6B55, Grün #1DB584). */

.neterp-shell {
    --netmail-blue: #0e6b55;
    --netmail-cyan: #1db584;
    --netmail-navy: #0a4a3b;
    background:
        radial-gradient(circle at 78% 6%, rgba(29, 181, 132, 0.15), transparent 30rem),
        radial-gradient(circle at 8% 30%, rgba(14, 107, 85, 0.10), transparent 32rem),
        #f6faf8;
}

.neterp-shell .netmail-beta-brand img { border-radius: 12px; }

.neterp-shell .netmail-beta-hero h1 { font-size: clamp(2.2rem, 4.4vw, 3.9rem); line-height: 1.05; overflow-wrap: anywhere; }
.neterp-nowrap { white-space: nowrap; }

.neterp-hero-note {
    margin-top: 1.25rem;
    padding: 0.85rem 1rem;
    border-left: 3px solid var(--netmail-cyan);
    border-radius: 0 10px 10px 0;
    background: rgba(29, 181, 132, 0.08);
    color: var(--netmail-copy);
    font-size: 0.95rem;
}

/* Bildschirmfotos: Seitenverhältnis des Programmfensters */
.neterp-shell .netmail-screenshot-grid .netmail-product-window img { aspect-ratio: 1200 / 720; }

/* Hervorgehobene Bereiche (Ticketsystem, Anpassbarkeit) */
.neterp-band { background: linear-gradient(180deg, rgba(14, 107, 85, 0.05), transparent); }
.neterp-checklist { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 0.7rem; }
.neterp-checklist li {
    position: relative;
    padding-left: 2rem;
    color: var(--netmail-copy);
    line-height: 1.55;
}
.neterp-checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--netmail-cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat;
}
.neterp-checklist strong { color: var(--netmail-ink); }

/* Einstieg in drei Schritten */
.neterp-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}
.neterp-steps li {
    padding: 1.6rem;
    border: 1px solid var(--netmail-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(16, 42, 67, 0.06);
}
.neterp-steps li > span {
    display: inline-grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    margin-bottom: 1rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--netmail-blue), var(--netmail-cyan));
    color: #fff;
    font-weight: 700;
}
.neterp-steps h3 { font-size: 1.15rem; margin-bottom: 0.5rem; }
.neterp-steps p { color: var(--netmail-copy); margin: 0; }

/* Aufbau Client / Server */
.neterp-arch {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 1rem;
}
.neterp-arch > div {
    padding: 1.4rem;
    border: 1px solid var(--netmail-line);
    border-radius: 16px;
    background: #fff;
}
.neterp-arch strong { display: block; color: var(--netmail-ink); margin-bottom: 0.4rem; }
.neterp-arch span { color: var(--netmail-copy); font-size: 0.95rem; }

.neterp-docs-teaser .netmail-docs-topic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Handbuch: Kapitelsymbole (Strichform wie netMail/netPDF; installation, erste-schritte, hilfe kommen von dort) */
.netmail-docs-topic-card.topic-listen-suche { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h10M4 12h10M4 18h6'/%3E%3Ccircle cx='17' cy='15' r='3'/%3E%3Cpath d='m19.2 17.2 2.3 2.3'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-stammdaten { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2.5'/%3E%3Cpath d='M5.5 17c.6-2.4 1.8-3.5 3.5-3.5s2.9 1.1 3.5 3.5M15 9h3M15 13h3'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-belege { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-tickets { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16v3a2 2 0 0 0 0 4v3H4v-3a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14 7v10'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-sla-vertraege { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='7'/%3E%3Cpath d='M12 9v4l3 2M9 3h6'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-crm { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='9' r='3'/%3E%3Ccircle cx='17' cy='8' r='2.5'/%3E%3Cpath d='M2.5 19c.7-3.5 2.7-5.5 5.5-5.5s4.8 2 5.5 5.5M14.5 13.5c2.6-.6 5 .9 6 4.5'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-maskendesigner { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 8h18M8 8v13M11 12h6M11 16h4'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-maskenskript { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 8-4 4 4 4M16 8l4 4-4 4M13.5 5l-3 14'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-berichte { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4M9 17v-3M12 17v-6M15 17v-4'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-administration { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='1.5'/%3E%3Crect x='3' y='14' width='18' height='6' rx='1.5'/%3E%3Cpath d='M7 7h.01M7 17h.01'/%3E%3C/svg%3E"); }
.neterp-shell .netmail-docs-product-logo { border-radius: 18px; }

.neterp-shell kbd {
    padding: 0.1rem 0.4rem;
    border: 1px solid var(--netmail-line);
    border-bottom-width: 2px;
    border-radius: 5px;
    background: #fff;
    color: var(--netmail-ink);
    font-size: 0.85em;
}

@media (max-width: 575px) {
    .neterp-shell .netmail-beta-nav .netmail-beta-text-link { display: none; }
    .neterp-shell .netmail-beta-nav .btn { padding: 0.45rem 0.8rem; font-size: 0.9rem; }
    .neterp-shell .netmail-beta-hero h1 { font-size: 2.1rem; }
    .neterp-nowrap { white-space: normal; }
}

@media (max-width: 991px) {
    .neterp-steps,
    .neterp-arch,
    .neterp-docs-teaser .netmail-docs-topic-grid { grid-template-columns: 1fr; }
}