/* Tab: produktwissen — flach (29.10.2026). Scope: html.twenty-ui[data-crm-page="produktwissen"]
   Eine Fläche, keine Karte in Karte: Abschnitte trennt eine 1px-Linie, Produkte sind Zeilen. */
html.twenty-ui[data-crm-page="produktwissen"] main .hk-pg-header{padding-bottom:16px}

/* Hinweis: flache Warnleiste statt gefülltem Kasten */
html.twenty-ui[data-crm-page="produktwissen"] main .alert{display:flex;align-items:flex-start;gap:12px;background:transparent;border:0;border-left:3px solid var(--bs-warning,#e0a800);border-radius:0;padding:2px 0 2px 14px;margin:0 0 28px;font-size:14px;line-height:1.55;color:var(--bs-body-color)}
html.twenty-ui[data-crm-page="produktwissen"] main .alert>svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px;color:var(--bs-warning-text-emphasis,#8a6d00)}

/* Abschnitte: Linie oben, kein Rahmen, kein Hintergrund */
html.twenty-ui[data-crm-page="produktwissen"] main>div>.card{background:transparent;border:0;border-top:1px solid var(--crm-line);border-radius:0;box-shadow:none;margin:0 0 32px}
html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 0 16px}
html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>div:first-child p{margin-top:4px!important;font-size:13px;color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>div:first-child .badge{white-space:nowrap}
html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>.card-body{padding:0!important;gap:0!important;display:grid}
html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>.card-footer{background:transparent;border:0;padding:14px 0 0}
html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>.card-footer .btn{align-self:flex-start}

/* Produkte/Vorlagen: flache Zeilen mit Aufklapp-Kopf */
html.twenty-ui[data-crm-page="produktwissen"] :is(.crm-product-section,.card:has(>.crm-disclosure)){background:transparent;border:0;border-top:1px solid var(--crm-line);border-radius:0;box-shadow:none;margin:0!important;overflow:visible}
html.twenty-ui[data-crm-page="produktwissen"] :is(.crm-product-section,.card:has(>.crm-disclosure)):first-child{border-top:0}
/* F5-07: React tauscht beim Schalter „Aktiv“ die Klassen (crm-product-section fällt weg, opacity-75 kommt dazu).
   Darum zusätzlich strukturell: Karte mit eigenem Aufklapp-Kopf. Inaktiv bleibt eine flache, voll lesbare Zeile; der Zustand steht als „Inaktiv“ im Kopf. */
html.twenty-ui[data-crm-page="produktwissen"] .card.opacity-75:has(>.crm-disclosure){opacity:1!important}
html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:14px 0;background:transparent;border:0;cursor:pointer;color:var(--bs-body-color);text-align:left}
html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure:hover .crm-disclosure-label{color:var(--crm-accent)}
html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure:focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px;border-radius:6px}
html.twenty-ui[data-crm-page="produktwissen"] .crm-product-labels{flex:1;min-width:0;display:block}
html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure-label{display:block;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.005em;overflow-wrap:anywhere}
html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure-state{font-size:13px;color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure-indicator{flex:0 0 28px;width:28px;height:28px;font-size:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(23,86,118,.08);position:relative}
html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure-indicator::after{content:"";width:7px;height:7px;border:solid var(--crm-accent);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform var(--crm-mid,240ms) var(--crm-ease,ease)}
html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure[aria-expanded=true] .crm-disclosure-indicator::after{transform:translateY(2px) rotate(-135deg)}
html.twenty-ui[data-crm-page="produktwissen"][data-bs-theme="dark"] .crm-disclosure-indicator{background:rgba(100,183,224,.14)}
html.twenty-ui[data-crm-page="produktwissen"][data-bs-theme="dark"] .crm-disclosure-indicator::after{border-color:#8bc9e8}
html.twenty-ui[data-crm-page="produktwissen"] :is(.crm-product-section,.card:has(>.crm-disclosure))>.card-body:not([hidden]){animation:pw-open 240ms var(--crm-ease,ease);background:transparent;padding:4px 0 22px 52px;border-top:0}
@keyframes pw-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
html.twenty-ui[data-crm-page="produktwissen"] :is(.crm-product-section,.card:has(>.crm-disclosure))>.card-body .form-check.form-switch{margin-bottom:16px!important;min-height:44px;display:flex;align-items:center}
html.twenty-ui[data-crm-page="produktwissen"] :is(.crm-product-section,.card:has(>.crm-disclosure))>.card-body textarea{min-height:96px;resize:vertical}
html.twenty-ui[data-crm-page="produktwissen"] :is(.crm-product-section,.card:has(>.crm-disclosure))>.card-body .btn-flush-danger{margin-top:4px}

/* Dunkel: Entfernen lesbar (Kontrast) */
html.twenty-ui[data-crm-page="produktwissen"][data-bs-theme="dark"] main .btn-flush-danger{color:#ff8a94}
html.twenty-ui[data-crm-page="produktwissen"][data-bs-theme="dark"] main .btn-flush-danger:hover{background:rgba(255,138,148,.12)}

@media(max-width:760px){
  html.twenty-ui[data-crm-page="produktwissen"] main .hk-pg-header .pg-header-action-wrap .btn{flex:1 1 100%;min-height:48px}
  html.twenty-ui[data-crm-page="produktwissen"] main .hk-pg-header{padding-bottom:8px}
  html.twenty-ui[data-crm-page="produktwissen"] main .alert{margin-bottom:20px;padding-left:12px}
  html.twenty-ui[data-crm-page="produktwissen"] main>div>.card{margin-bottom:24px}
  html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>div:first-child{flex-wrap:wrap;padding:16px 0 12px}
  html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>div:first-child>span.badge{order:3}
  html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure{padding:12px 0;min-height:60px;gap:12px}
  html.twenty-ui[data-crm-page="produktwissen"] .crm-disclosure-indicator{flex-basis:44px;width:44px;height:44px;margin:-8px -8px -8px 0;background:transparent}
  html.twenty-ui[data-crm-page="produktwissen"] :is(.crm-product-section,.card:has(>.crm-disclosure))>.card-body:not([hidden]){padding:0 0 18px}
  html.twenty-ui[data-crm-page="produktwissen"] main>div>.card>.card-footer .btn{width:100%;min-height:48px}
}

/* Redundante Seitenhinweise bereinigt (Pascal). */
html.twenty-ui[data-crm-page="produktwissen"] main .hk-pg-header p{display:none!important}
html.twenty-ui[data-crm-page="produktwissen"] main .pw-source-help{display:none!important}
html.twenty-ui[data-crm-page="produktwissen"] .pg-header-action-wrap{align-items:center; margin-left:auto}
.pw-help{position:relative;display:inline-flex;align-items:center}
.pw-help-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--crm-line);border-radius:8px;background:var(--bs-body-bg);color:var(--bs-body-color);font:600 16px Georgia,serif;cursor:pointer}
.pw-help-button:focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px}
.pw-help-tip{position:absolute;right:0;top:calc(100% + 8px);z-index:1080;width:320px;max-width:calc(100vw - 32px);padding:12px 16px;border:1px solid var(--crm-line);border-radius:8px;background:var(--bs-body-bg);color:var(--bs-body-color);box-shadow:0 4px 16px #0002;font-size:13px;line-height:1.5;font-weight:400}
.pw-help-tip[hidden]{display:none!important}
@media(max-width:600px){html.twenty-ui[data-crm-page="produktwissen"] .pg-header-action-wrap{width:100%;justify-content:space-between}.pw-help-tip{left:0;right:auto}}

.pw-help .pw-help-tip{background:var(--bs-body-bg,#fff)!important;opacity:1!important;color:var(--bs-body-color,#26313a)!important}