/* ====================================================================
   KONTO – ruhig und flach (gleiche Sprache wie der Workspace)
   Wird nach den Seiten-Stylesheets geladen und vereinheitlicht alle
   Seiten des Benutzerkontos: weißer Grund, keine Schatten, keine
   farbigen Kopfbänder, schlichte Symbole, Haarlinien statt Kästen
   in Kästen. Ein Akzent (#0096ff), Nunito für Titel, Nunito Sans für Text.
   ==================================================================== */

/* ---------- Grund ---------- */
body main.page-wrapper.konto-page,
body main.page-wrapper.device-page,
body main.help-page,
body main.anl-page,
body .help-page,
body .anl-page { background: var(--paper, #fff); }
body .acct-tabs-wrap { background: var(--paper, #fff); padding-bottom: 0.25rem; }
body .konto-container { padding-top: 2.5rem; padding-bottom: 5rem; }

/* ---------- Flächen (Karten) ---------- */
body .konto-page :is(
    .profil-card, .profil-sidebar-card, .abo-card, .abo-sidebar-card, .settings-card,
    .rechnungen-kpi-card, .rechnungen-table-wrapper, .bestellung-card, .inhalte-card,
    .download-card, .tool-card, .statistics-kpi-card, .statistics-finance-card,
    .statistics-chart-card, .statistics-table-card, .credits-balance-card, .credits-info-card,
    .credits-transactions, .notification-header, .notification-empty, .downloads-toolbar, .tools-header
) {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    box-shadow: none;
}

/* Farbige Kopfbänder → schlichte Kopfzeile */
body .konto-page :is(.profil-card-header, .profil-edit-header) {
    background: transparent;
    border-bottom: 1px solid var(--line);
    padding: 1.75rem 2rem;
}
body .konto-page :is(.profil-card-title, .profil-edit-title) { color: var(--ink); font-size: 1.6rem; letter-spacing: -0.02em; }
body .konto-page :is(.profil-card-subtitle, .profil-edit-subtitle) { color: var(--ink-2); }
body .konto-page .profil-avatar { background: var(--faint); border: 0; color: var(--ink); font-weight: 800; }
body .konto-page .profil-edit-header-icon { background: var(--faint); border: 0; color: var(--ink); }
body .konto-page .profil-edit-btn { background: transparent; border: 1px solid var(--line); color: var(--ink); }
body .konto-page .profil-edit-btn:hover { background: var(--faint); color: var(--ink); }

/* Service-PIN: ohne Kasten */
body .konto-page .profil-pin-section { background: transparent; border-bottom: 1px solid var(--line); }
body .konto-page .profil-pin-icon { display: none; }
body .konto-page .profil-pin-number { font-family: var(--font-heading); font-weight: 800; letter-spacing: 0.04em; color: var(--ink); }

/* Kästen in Kästen → Zeilen mit Haarlinie */
body .konto-page :is(.profil-quick-action, .profil-stat-item, .abo-download-item) {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}
body .konto-page :is(.profil-quick-actions, .profil-stats) { gap: 0; }
body .konto-page :is(.profil-quick-action, .profil-stat-item):last-child { border-bottom: 0; }
body .konto-page .profil-quick-action:hover { background: transparent; border-color: var(--line); }
body .konto-page .profil-quick-action:hover .profil-quick-action-title { color: var(--accent-dark); }

/* Bunte Symbolkacheln → neutral */
body .konto-page :is(
    .profil-quick-action-icon, .profil-stat-icon, .profil-support-icon, .abo-empty-icon,
    .bestellungen-empty-icon, .rechnungen-empty-icon, .rechnungen-kpi-icon, .inhalte-card-icon,
    .tool-card-icon, .tools-header-icon, .notification-empty-icon, .settings-card-icon
) {
    background: var(--faint);
    color: var(--ink-2);
    box-shadow: none;
}
body .konto-page .profil-sidebar-card--support { background: var(--paper); border-color: var(--line); }

/* Abschnittstitel ohne Symbol */
body .konto-page :is(.profil-section-title i, .settings-card-title i) { display: none; }

/* Texte */
body .konto-page :is(.profil-data-label, .profil-pin-label) { text-transform: none; letter-spacing: 0; font-size: 0.85rem; font-weight: 700; color: var(--ink-2); }

/* Tabellen */
body .konto-page .rechnungen-table-wrapper { overflow: hidden; }
body .konto-page table thead th { background: transparent; color: var(--ink-2); font-weight: 700; text-transform: none; letter-spacing: 0; border-bottom: 1px solid var(--line); }

/* ---------- Weitere Seiten: weißer Grund ---------- */
body main.statistics-page, body main.credits-page, body .statistics-page, body .credits-page { background: var(--paper); }

/* ---------- Leerzustände: ohne gestrichelte Rahmen ---------- */
body :is(.abo-empty, .bestellungen-empty, .rechnungen-empty, .downloads-empty) {
    border: 0;
    background: transparent;
    box-shadow: none;
}

/* ---------- Listen-Zeilen statt grauer Kacheln ---------- */
body .konto-page :is(
    .abo-info-item, .abo-order-item, .abo-modules-list li, .settings-option,
    .inhalte-info-item, .inhalte-resource-link, .bestellung-details-content
) {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
}
body .konto-page .abo-modules-list li:last-child { border-bottom: 0; }

/* Kopfbänder der Karten */
body .konto-page :is(.abo-card-header, .bestellung-header) { background: transparent; border-bottom: 1px solid var(--line); }

/* Hinweiskästen: ruhig grau statt blau getönt */
body .konto-page :is(.inhalte-info-card, .settings-action-alert--info, .tools-admin-notice, .profil-password-notice, .pp-trial) {
    background: var(--faint);
    border: 0;
    color: var(--ink);
}
body .konto-page :is(.inhalte-info-card, .profil-password-notice) i { color: var(--ink-2); }
body .konto-page .inhalte-card--featured { background: var(--paper); border-color: var(--line); }

/* Verlauf der Guthaben-Karte → flach */
body .konto-page .credits-balance-card { background: var(--paper); color: var(--ink); }

/* Symbol-Kacheln in Info-Zeilen neutral */
body .konto-page :is(
    .inhalte-resource-icon, .inhalte-info-icon, .settings-card-header-icon, .settings-option-icon,
    .settings-action-icon, .notification-header-icon, .downloads-empty-icon, .download-icon,
    .help-tile__icon, .help-topic__icon, .anl-card__icon, .zert-resource-icon, .statistics-kpi-icon
) { background: var(--faint); color: var(--ink-2); }

/* ---------- Abonnements: Aufruf zum Abo (vorher blauer Block) ---------- */
body .konto-page .abo-sidebar-card--cta { background: var(--paper); color: var(--ink); border: 1px solid var(--line); }
body .konto-page .abo-cta-icon { background: var(--faint); color: var(--ink-2); backdrop-filter: none; }
body .konto-page .abo-cta-title { color: var(--ink); }
body .konto-page .abo-cta-text { color: var(--ink-2); }
body .konto-page .abo-cta-btn { background: var(--accent-solid, #0077cc); color: #fff !important; box-shadow: none; }
body .konto-page .abo-cta-btn:hover { background: var(--accent-dark); color: #fff !important; transform: none; box-shadow: none; }
body .konto-page .abo-cta-btn-outline { background: transparent; color: var(--ink); border: 1px solid var(--line); }
body .konto-page .abo-cta-btn-outline:hover { background: var(--faint); border-color: var(--line); color: var(--ink); transform: none; }
body .konto-page .abo-card-icon { background: var(--faint); color: var(--ink-2); }

/* ---------- Warenkorb, Kasse, Bestätigung ---------- */
body .shop-page .shop-flow { background: var(--paper); }
body .shop-page .shop-panel { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: none; }
body .shop-page .shop-choice { background: var(--paper); }
body .shop-page .shop-callout--info { background: var(--faint); }
body .shop-page .shop-callout--info > i { color: var(--ink-2); }
body .shop-page :is(.shop-steps i, .shop-done__icon, .shop-empty__icon) { background: var(--faint); color: var(--ink-2); }
body .shop-page .shop-input[readonly] { background: var(--faint); }

/* ---------- Hilfe: Zähler auf blauem Chip lesbar ---------- */
body .help-chip.is-active span { background: rgba(0, 0, 0, .22); color: #fff; }

/* ====================================================================
   Öffentliche Hilfe-, FAQ- und Presse-Seiten sowie Tools und Handbuch
   ==================================================================== */

/* Kopfzeilen-Text unter dem Seitentitel */
body .hero-breadcrumb-inner .lead { color: rgba(255, 255, 255, .92); font-weight: 400; }

/* Weißer Grund */
body .faq-page, body .press-page, body main.page-wrapper.faq-page, body main.page-wrapper.press-page, body .help-page { background: var(--paper); }

/* Kleine Überschrift über dem Titel entfällt */
body :is(.faq-eyebrow, .help-eyebrow) { display: none; }

/* FAQ und Hilfe: Haarlinien statt Schatten */
body .faq-page :is(.faq-sidebar, .faq-item, .faq-empty, .faq-contact-cta),
body .help-page :is(.help-tile, .help-topic, .help-step, .help-faq__item, .help-ticket, .help-card, .help-contact__card, .help-search, .help-side, .help-msg) {
    box-shadow: none;
    border: 1px solid var(--line);
    background: var(--paper);
}
body .faq-search-input { box-shadow: none; border: 1px solid var(--line); }
body .help-page .help-btn--ghost { box-shadow: none; }

/* Presse: eine ruhige Spalte statt Schatten, Farbverläufen und Randstreifen */
body .press-page { font-family: var(--font-body); }
body .press-page :not(i):not([class*="fa-"]) { font-family: var(--font-body); }
body .press-page :is(h1, h2, h3, h4, .hero-title, .hero-title) { font-family: var(--font-heading) !important; letter-spacing: -0.02em; color: var(--ink); }
body .press-hero { background: transparent; box-shadow: none; border: 0; border-left: 0; border-radius: 0; padding: 0 0 1.5rem; margin-bottom: 2rem; }
body .press-hero .hero-text { color: var(--ink-2); }
body .press-page .hero-badge { display: none; }
body .press-card, body .press-sidebar-card { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: none; transform: none; }
body .press-card:hover { box-shadow: none; transform: none; }
body .press-page :is(.press-date-badge, .press-category-badge, .press-category-badge.badge-update) {
    background: var(--faint); color: var(--ink-2); border: 0; font-weight: 700; font-size: 0.8rem;
}
body .press-page :is(.press-highlight, .press-info-box) {
    background: var(--faint); border: 0; border-left: 0; border-radius: var(--r-sm); color: var(--ink);
}
body .press-contact-item .icon-wrap { background: var(--faint); color: var(--ink-2); }

/* Hilfe: Reihenfolge ergibt sich aus der Anordnung, keine Ziffern */
body .help-step__nr { display: none; }

/* Presse: Schriftvariablen der Seite auf die Schrift der Website setzen */
body .press-page, body .press-page * { --font-body: 'Nunito Sans', 'Nunito', sans-serif; --font-heading: 'Nunito', 'Nunito Sans', sans-serif; }