/* Tab: pepsi — flach (29.10.2026). Scope: html.twenty-ui[data-crm-page="pepsi"]
Kandidatenkarten bleiben das einzige echte Objekt-Raster: 1px-Linie, kein Schatten, linksbündig, nichts abgeschnitten. */
html.twenty-ui[data-crm-page="pepsi"]{
--pep-soft:rgba(23,86,118,.06);
--pep-hover:rgba(23,86,118,.10);
}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"]{
--pep-soft:rgba(94,172,214,.09);
--pep-hover:rgba(94,172,214,.15);
}
/* ---------- Kopfzeile: Titel links, Aktualisieren rechts ---------- */
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header>.d-flex>.d-flex{
display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;row-gap:0;width:100%}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header>.d-flex>.d-flex>div:first-child{display:contents}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header .crm-page-title{grid-column:1;grid-row:1;margin:0}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header p{grid-column:1/-1;grid-row:2;margin:6px 0 0!important;font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header .pg-header-action-wrap{
grid-column:2;grid-row:1;width:auto!important;margin:0;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header .pg-header-action-wrap .btn{
min-height:40px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:600;white-space:nowrap}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header .pg-header-action-wrap .btn:disabled{opacity:.7}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header .pg-header-action-wrap .btn:disabled svg{animation:pep-spin 1s linear infinite}
@keyframes pep-spin{to{transform:rotate(360deg)}}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-stand-zeit{
font-size:12px;color:var(--crm-quiet);white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:4px}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header{padding-bottom:4px!important;margin-bottom:0}
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header+*{margin-top:16px}
/* ---------- Leerzustand: eine gestrichelte Fläche, ohne Füllung ---------- */
html.twenty-ui[data-crm-page="pepsi"] main .card.text-center.py-5{
max-width:560px;margin:32px auto 0;padding:48px 32px!important;border:1px dashed var(--crm-line);border-radius:var(--crm-radius,10px);
background:transparent;box-shadow:none}
html.twenty-ui[data-crm-page="pepsi"] main .card.text-center.py-5::before{
content:"";display:block;width:56px;height:56px;margin:0 auto 20px;border-radius:16px;
background-color:var(--pep-hover);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23175676' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 5 1.8 4.7L18.5 11.5l-4.7 1.8L12 18l-1.8-4.7L5.5 11.5l4.7-1.8z'/%3E%3Cpath d='M19 3v3M17.5 4.5h3'/%3E%3C/svg%3E");
background-size:32px;background-position:center;background-repeat:no-repeat}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] main .card.text-center.py-5::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237fc2e4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 5 1.8 4.7L18.5 11.5l-4.7 1.8L12 18l-1.8-4.7L5.5 11.5l4.7-1.8z'/%3E%3Cpath d='M19 3v3M17.5 4.5h3'/%3E%3C/svg%3E")}
html.twenty-ui[data-crm-page="pepsi"] main .card.text-center.py-5 .h5{font-size:18px;font-weight:600;letter-spacing:-.01em}
html.twenty-ui[data-crm-page="pepsi"] main .card.text-center.py-5 p{
font-size:14px;line-height:1.55;max-width:44ch;margin-left:auto;margin-right:auto;overflow-wrap:anywhere}
/* ---------- Kandidatenkarten: kompakt, linksbündig, alles lesbar ---------- */
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte{
display:flex;flex-direction:column;height:100%;overflow:visible;
background:var(--crm-surface);border:1px solid var(--crm-line);border-radius:var(--crm-radius,10px);box-shadow:none;transform:none;
transition:border-color var(--crm-fast,160ms) ease}
@media(hover:hover){
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte:hover{border-color:color-mix(in srgb,var(--crm-accent) 45%,var(--crm-line));transform:none;box-shadow:none}
}
/* Raster: so viele Spalten wie passen, damit Namen Platz haben */
html.twenty-ui[data-crm-page="pepsi"] .row.g-3[aria-label="Pepsi-Kandidaten"]{
display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:12px;margin:0}
html.twenty-ui[data-crm-page="pepsi"] .row.g-3[aria-label="Pepsi-Kandidaten"]>.col{width:auto;max-width:none;padding:0;min-width:0}
/* Kopf: Initialen klein, Name und Ort daneben, beides umbricht statt zu kürzen */
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-body{
flex:1 1 auto;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;row-gap:4px;align-items:start;
text-align:left!important;padding:14px 14px 12px}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .avatar{
width:36px;height:36px;min-width:36px;font-size:13px;grid-column:1;grid-row:1;margin:0!important;align-self:start}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .avatar .initial-wrap{font-size:13px;font-weight:600;line-height:1}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-body>.fw-medium{
grid-column:2;grid-row:1;margin:0!important;white-space:normal;overflow:visible;text-overflow:clip;display:block;
font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.005em;overflow-wrap:anywhere}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-body>.text-muted{
grid-column:2;grid-row:2;margin:0;white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
/* Status und Bewertung: eine Zeile unter dem Kopf */
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-body>.mt-2{
grid-column:1/-1;grid-row:3;display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between;
margin:10px 0 0!important;gap:6px 12px!important;align-self:end}
/* Aktion: volle Breite, Linie oben, 44px Touch-Ziel */
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-footer{border-top:1px solid var(--crm-line);background:transparent;padding:0}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-footer button{
min-height:44px;width:100%;padding:0 14px!important;justify-content:flex-start!important;color:var(--crm-accent);font-weight:600;background:transparent;border:0;transition:background-color var(--crm-fast,160ms) ease}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-footer button:hover:not(:disabled){background:var(--pep-soft)!important}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-footer button:focus-visible{outline:2px solid var(--crm-accent);outline-offset:-2px}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte-aktiv{border-color:var(--crm-accent);box-shadow:0 0 0 1px var(--crm-accent)}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .pepsi-karte .card-footer button{color:#8fc6e3}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .pepsi-karte .avatar{color:#8fc6e3}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .pepsi-karte .avatar .initial-wrap{color:#8fc6e3}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-body>.fw-medium{color:var(--bs-emphasis-color,#000)}
/* ---------- Akte (Dialog) — Prüfstation (29.10.2026, Bauplan Jury) ----------
Feste Kopfleiste (JS: .pep-bar), scrollender Body, fester Footer. Fakten-Band, Signal + Fehlt-Chips,
Panel Entscheidung, Meldungen direkt über dem Footer. Nur CSS + eigene Zusatzknoten (data-pep). */
html.twenty-ui[data-crm-page="pepsi"]{--pep-canvas:#f4f6f8;--pep-pad:24px;--pep-amber:#8a5a00;--pep-ok:#2e7d57;--pep-err:#a13e36;--pep-field:#848d96}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"]{--pep-canvas:#1b1f23;--pep-amber:#ffda6a;--pep-ok:#7fd1a6;--pep-err:#f0948b;--pep-field:rgba(255,255,255,.4)}
html.twenty-ui[data-crm-page="pepsi"] .modal-dialog.modal-lg{--bs-modal-width:880px}
@media(min-width:768px) and (max-width:991.98px){html.twenty-ui[data-crm-page="pepsi"] .modal-dialog.modal-lg{--bs-modal-width:720px}}
html.twenty-ui[data-crm-page="pepsi"] .modal-content{background:var(--pep-canvas);border:1px solid var(--crm-line);border-radius:14px;box-shadow:0 24px 80px rgba(16,24,32,.28);overflow:hidden}
html.twenty-ui[data-crm-page="pepsi"] .modal-backdrop.show{--bs-backdrop-bg:#0e1d22;--bs-backdrop-opacity:.42}
html.twenty-ui[data-crm-page="pepsi"] .modal-body{position:static;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);grid-template-rows:auto auto auto auto auto auto auto;column-gap:20px;row-gap:0;align-content:start;padding:18px var(--pep-pad) 20px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>*{min-width:0}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>h5{grid-column:1/-1;grid-row:1}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.text-muted.mb-2{grid-column:1/-1;grid-row:2}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.mb-4{grid-column:1/-1;grid-row:3}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>dl.pepsi-daten{grid-column:1;grid-row:4}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.pep-kontakt-hinweis{grid-column:1;grid-row:5}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.row{grid-column:2;grid-row:4/span 3;align-self:start}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>:is(.alert,p.mb-0){grid-column:1;grid-row:6}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.pep-fuss{grid-column:1/-1;grid-row:7}
/* Z1 Kopfleiste + X */
html.twenty-ui[data-crm-page="pepsi"] .pep-bar{flex:none;display:flex;align-items:center;min-height:52px;padding:0 64px 0 var(--pep-pad);background:var(--crm-surface);border-bottom:1px solid var(--crm-line);font-size:13px;color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="pepsi"] .pep-bar+.modal-body>p:first-of-type{display:none}
html.twenty-ui[data-crm-page="pepsi"] .pep-bar+.modal-body>h5{padding-right:0!important}
html.twenty-ui[data-crm-page="pepsi"] .modal-content>.pep-bar~.modal-body>.btn-close,
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.btn-close{position:absolute;top:4px;right:12px;z-index:3;box-sizing:border-box;width:44px;height:44px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--crm-line);border-radius:8px;background:var(--crm-surface);background-image:none;opacity:1;color:var(--bs-body-color);font-size:22px;line-height:1}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.btn-close:hover{border-color:var(--crm-accent);color:var(--crm-accent)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.btn-close:focus-visible{box-shadow:0 0 0 3px rgba(23,86,118,.28);outline:none}
/* Z2 Identität */
html.twenty-ui[data-crm-page="pepsi"] .modal-body>h5{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.01em;text-wrap:balance;margin:0 0 4px!important;color:var(--bs-emphasis-color,#000)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.text-muted.mb-2{font-size:14px;line-height:1.45;color:var(--crm-quiet);margin:0 0 12px!important}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.mb-4{margin:0 0 4px!important;display:flex;flex-wrap:wrap;gap:6px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-stand{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border:1px solid var(--crm-line);border-radius:999px;background:transparent;font-size:12px;font-weight:500;color:var(--bs-body-color)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-stand::before{content:'Stand:';color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-stand-punkt{background:var(--crm-quiet)!important}
/* Z3 Fakten-Band: Quelle | Kontakt | Gefunden (JS) | Produkt; Z4 Signal + Chips darunter */
html.twenty-ui[data-crm-page="pepsi"] .modal-body>dl.pepsi-daten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:16px 0 0!important;border:1px solid var(--crm-line);border-radius:10px;background:var(--crm-surface);overflow:visible}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt,html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd{margin:0;padding:0 16px;min-width:0;overflow-wrap:anywhere}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt{padding-top:10px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;text-transform:none;color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd{padding-bottom:10px;font-size:14px;font-weight:600;line-height:20px;color:var(--bs-body-color)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt:nth-of-type(1){grid-column:1;grid-row:1}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd:nth-of-type(1){grid-column:1;grid-row:2}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt:nth-of-type(2){grid-column:2;grid-row:1;border-left:1px solid var(--crm-line)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd:nth-of-type(2){grid-column:2;grid-row:2;border-left:1px solid var(--crm-line)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>.pep-gefunden-dt{grid-column:1;grid-row:3;border-top:1px solid var(--crm-line)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>.pep-gefunden-dd{grid-column:1;grid-row:4}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt:nth-of-type(4){grid-column:2;grid-row:3;border-left:1px solid var(--crm-line);border-top:1px solid var(--crm-line)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd:nth-of-type(4){grid-column:2;grid-row:4;border-left:1px solid var(--crm-line)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd:nth-of-type(2) .pepsi-fehlt{font-style:normal;font-weight:500;color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body[data-pep-kontakt="2"] .pepsi-daten>dd:nth-of-type(2) .pepsi-fehlt{color:var(--pep-amber)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten a{display:inline;color:var(--crm-accent);text-decoration:none;font-weight:600;overflow-wrap:anywhere}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten a svg{display:inline-block;vertical-align:-2px;margin-left:3px;width:14px;height:14px}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten a:hover{text-decoration:underline}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt:nth-of-type(3){grid-column:1/-1;grid-row:5;margin:0;padding:10px 16px 0;border-top:1px solid var(--crm-line);font-size:12px;font-weight:500;color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt:nth-of-type(3)::after{content:' · laut Pepsi'}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd:nth-of-type(3){grid-column:1/-1;grid-row:6;margin:0;padding:4px 16px 10px;max-width:68ch;font-size:13.5px;font-weight:400;line-height:1.5;color:var(--bs-body-color)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>.pep-fehlt-dt{grid-column:1/-1;grid-row:7;margin:0;padding:0 16px;font-size:12px;font-weight:500;line-height:16px;color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>.pep-fehlt-dd{grid-column:1/-1;grid-row:8;margin:0;padding:6px 16px 12px}
html.twenty-ui[data-crm-page="pepsi"] .pep-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
html.twenty-ui[data-crm-page="pepsi"] .pep-chips li{padding:2px 10px;border-radius:999px;font-size:13px;font-weight:500;line-height:22px;color:var(--crm-accent);background:rgba(23,86,118,.07);border:1px solid rgba(23,86,118,.22)}
html.twenty-ui[data-crm-page="pepsi"] .pep-kontakt-hinweis{margin:10px 0 0;padding:10px 14px;border:1px solid color-mix(in srgb,var(--pep-amber) 35%,transparent);border-left:3px solid var(--pep-amber);border-radius:10px;background:color-mix(in srgb,var(--pep-amber) 8%,transparent);font-size:13px;line-height:1.45;color:var(--bs-body-color)}
/* Z5 Entscheidung */
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.row{display:flex;flex-wrap:wrap;margin:16px 0 0!important;padding:14px 16px 16px;row-gap:14px;column-gap:20px;--bs-gutter-x:0;background:var(--crm-surface);border:1px solid var(--crm-line);border-radius:10px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.row>*{margin:0!important;padding:0;width:auto;max-width:none;flex:1 1 240px;min-width:0}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.row>.col-12{flex-basis:100%}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.row::before{content:'Entscheidung';flex-basis:100%;font-size:14px;font-weight:600;line-height:20px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .form-label,html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-skala-feld>legend{display:block;margin:0 0 8px!important;font-size:13px;font-weight:600;line-height:20px;color:var(--bs-body-color);padding:0;float:none;width:auto}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-skala{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-marke-punkte{display:inline-flex;gap:0;margin-inline-start:-14px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-skala-stufe{position:relative;display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;border-radius:8px;cursor:pointer;margin:0}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-skala-stufe:hover{background:rgba(23,86,118,.10)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-skala-stufe:has(:focus-visible){outline:2px solid var(--crm-accent);outline-offset:2px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-marke-punkt{inline-size:16px;block-size:16px;border-width:1.5px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-marke-zahl{font-size:14px;font-weight:600;margin-inline-start:6px;font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .form-select{min-height:44px;height:auto;border-radius:8px;border-color:var(--pep-field);font-size:14px;padding:8px 36px 8px 12px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body textarea.form-control{min-height:76px;max-height:240px;field-sizing:content;border-radius:8px;border-color:var(--pep-field);font-size:14px;line-height:1.5;padding:10px 12px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body :is(.form-select,.form-control):focus{border-color:var(--crm-accent);box-shadow:0 0 0 3px rgba(23,86,118,.22)}
html.twenty-ui[data-crm-page="pepsi"] .pep-hilfe{display:block;margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--crm-quiet)}
/* Z7 Meldungen, Fußhinweis, Toast */
html.twenty-ui[data-crm-page="pepsi"] .modal-body>:is(.alert,p.mb-0){margin:12px 0 0!important;padding:12px 14px;border:1px solid var(--crm-line);border-left-width:3px;border-radius:10px;background:var(--crm-surface);font-size:14px;line-height:1.5;color:var(--bs-body-color)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.alert-info{border-left-color:var(--crm-accent);background:var(--pep-soft)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.alert-danger{border-left-color:var(--pep-err)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.mb-0{border-left-color:var(--pep-ok)}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.pep-fuss{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--crm-quiet)}
html.twenty-ui[data-crm-page="pepsi"] .pep-toast{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);z-index:4;max-inline-size:calc(100% - 32px);padding:10px 14px;border-radius:12px;background:#1f2933;color:#fff;font-size:14px;font-weight:500;pointer-events:none}
/* Z8 Footer */
html.twenty-ui[data-crm-page="pepsi"] .modal-footer{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:60px;margin:0;padding:8px var(--pep-pad);background:var(--crm-surface);border-top:1px solid var(--crm-line);flex-wrap:nowrap}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer>.btn{margin:0!important;min-height:44px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer>.btn-light{margin-right:auto!important;background:transparent;border:1px solid var(--crm-line);color:var(--bs-body-color);font-weight:500}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer>.btn-light:hover{background:var(--pep-soft)}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer>.btn-primary{background:var(--crm-accent);border-color:var(--crm-accent);color:#fff}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer>.btn-secondary{background:var(--crm-surface);border:1px solid var(--crm-line);color:var(--bs-body-color)}
/* Z9 Dark */
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-content{border-color:rgba(255,255,255,.14);box-shadow:0 24px 64px rgba(0,0,0,.55)}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .pep-bar,html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-body>.row,html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-body .pepsi-daten,html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-footer,html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-body>.btn-close{background:#212529}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-body :is(.form-select,.form-control){background-color:#212529;color:var(--bs-body-color)}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-footer>.btn-primary{background:#2a7aa3;border-color:#2a7aa3}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .pepsi-daten a,html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .pep-chips li{color:#8fc6e3}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .pep-chips li{background:rgba(143,198,227,.1);border-color:rgba(143,198,227,.3)}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-body .pepsi-marke-punkt.voll{background:#8fc6e3;border-color:#8fc6e3}
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] .modal-backdrop.show{--bs-backdrop-bg:#000;--bs-backdrop-opacity:.6}
@media(prefers-reduced-motion:reduce){html.twenty-ui[data-crm-page="pepsi"] .modal.fade .modal-dialog{transition:none;transform:none}}
/* ---------- Mobil ---------- */
@media(max-width:767px){
html.twenty-ui[data-crm-page="pepsi"] .hk-pg-header .pg-header-action-wrap .btn{min-height:44px}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-stand-zeit{display:none}
html.twenty-ui[data-crm-page="pepsi"] main .card.text-center.py-5{margin-top:16px;padding:40px 20px!important}
html.twenty-ui[data-crm-page="pepsi"] .row.g-3[aria-label="Pepsi-Kandidaten"]{--bs-gutter-y:.75rem}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-karte .card-body{padding:14px 14px 12px}
/* Z10 Akte als Bottom-Sheet: feste Leiste + Footer, Body scrollt, kein Grabber */
html.twenty-ui[data-crm-page="pepsi"] .modal-dialog{margin:0;min-height:100%;align-items:flex-end;max-width:none}
html.twenty-ui[data-crm-page="pepsi"] .modal-dialog-scrollable{height:100%}
html.twenty-ui[data-crm-page="pepsi"] .modal-dialog .modal-content{width:100%;max-height:92dvh;border-radius:16px 16px 0 0;border-bottom:0}
html.twenty-ui[data-crm-page="pepsi"] .modal.fade .modal-dialog{transform:translateY(32px);transition:transform 220ms ease}
html.twenty-ui[data-crm-page="pepsi"] .modal.show .modal-dialog{transform:none}
html.twenty-ui[data-crm-page="pepsi"] .pep-bar{min-height:56px;padding:0 60px 0 16px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.btn-close{top:6px;right:8px;width:44px;height:44px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body{padding:16px;overscroll-behavior:contain}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>h5{font-size:19px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>dl.pepsi-daten{grid-template-columns:repeat(2,minmax(0,1fr))}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt:nth-of-type(2),html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd:nth-of-type(2){border-left:1px solid var(--crm-line)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>.pep-gefunden-dt{grid-column:1;grid-row:3;border-left:0;border-top:1px solid var(--crm-line)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>.pep-gefunden-dd{grid-column:1;grid-row:4;border-left:0}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt:nth-of-type(4){grid-column:2;grid-row:3;border-top:1px solid var(--crm-line)}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd:nth-of-type(4){grid-column:2;grid-row:4}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dt:nth-of-type(3){grid-row:5}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>dd:nth-of-type(3){grid-row:6}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>.pep-fehlt-dt{grid-row:7}
html.twenty-ui[data-crm-page="pepsi"] .pepsi-daten>.pep-fehlt-dd{grid-row:8}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.row>*{flex-basis:100%}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-marke-punkt{inline-size:20px;block-size:20px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .form-select{min-height:48px;font-size:16px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body textarea.form-control{min-height:88px;font-size:16px}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer{flex-wrap:nowrap;gap:8px;min-height:56px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 12px -10px rgba(16,24,35,.25)}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer>.btn{flex:1 1 0;min-width:0;min-height:44px;padding:8px 10px;font-size:14px;line-height:1.25;white-space:normal;text-align:center}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer>.btn-light{flex:0 0 44px;width:44px;padding:0;margin-right:0!important;font-size:0}
html.twenty-ui[data-crm-page="pepsi"] .modal-footer>.btn-light svg{width:18px;height:18px}
html.twenty-ui[data-crm-page="pepsi"] .pep-toast{bottom:calc(72px + env(safe-area-inset-bottom))}
}
/* Signal-Text: am Handy auf 3 Zeilen gekürzt, „Mehr anzeigen“ klappt auf (JS: .pep-mehr) */
html.twenty-ui[data-crm-page="pepsi"] button.pep-mehr{display:none;appearance:none;-webkit-appearance:none;margin:0 16px 4px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--crm-accent);font-family:inherit;font-size:13px;font-weight:600;line-height:44px;min-height:44px;cursor:pointer;grid-column:1/-1;grid-row:9;justify-self:start;text-align:left}
/* F5-02: dunkel lesbar (vorher Akzent #175676 auf #212529 = 1,9:1) */
html.twenty-ui[data-crm-page="pepsi"][data-bs-theme="dark"] button.pep-mehr{color:#8fc6e3}
@media(max-width:767.98px){
html.twenty-ui[data-crm-page="pepsi"] .modal-body{display:flex;flex-direction:column;padding:14px 16px 16px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>*{flex-shrink:0}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>:is(.alert,p.mb-0){order:40}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.pep-fuss{order:50}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>h5{font-size:18px;margin-bottom:2px!important}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>p.text-muted.mb-2{margin-bottom:8px!important}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>dl.pepsi-daten{margin-top:12px!important}
html.twenty-ui[data-crm-page="pepsi"] .modal-body[data-pep-signal="lang"]:not([data-pep-signal-offen]) .pepsi-daten>dd:nth-of-type(3){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:0;margin-bottom:8px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body[data-pep-signal="lang"] button.pep-mehr{display:inline-block}
html.twenty-ui[data-crm-page="pepsi"] .modal-body>.row{margin-top:12px!important;padding:12px 14px 14px;row-gap:12px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .pepsi-skala-stufe{min-inline-size:40px;min-block-size:40px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body .form-select{min-height:44px}
html.twenty-ui[data-crm-page="pepsi"] .modal-body textarea.form-control{min-height:72px}
html.twenty-ui[data-crm-page="pepsi"] .pep-kontakt-hinweis{margin-top:8px;padding:8px 12px;font-size:12.5px}
html.twenty-ui[data-crm-page="pepsi"] .modal-dialog .modal-content{max-height:96dvh}
}
/* Seitenaktion neben der globalen Suche; React behält den ursprünglichen Handler. */
html[data-pepsi-nav-actions] main .hk-pg-header { display:none!important; }
.pepsi-nav-actions { display:inline-flex; align-items:center; gap:8px; flex:none; }
.pepsi-nav-actions .pepsi-stand-zeit { margin:0!important; }
.pepsi-nav-refresh { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; }
.pepsi-nav-refresh[aria-busy="true"] svg { animation:pep-spin 1s linear infinite; }
@media(max-width:600px) {
/* X5-4: Icon nur ausblenden, wenn Icon + Titel neben „Aktualisieren“ nicht passen (pepsi.js misst: data-pepsi-navicon-eng). */
html.twenty-ui[data-pepsi-nav-actions][data-pepsi-navicon-eng] .hk-navbar .ck-navicon { display:none!important; }
.pepsi-nav-actions { position:relative; width:44px; height:44px; }
.pepsi-nav-refresh { width:44px; height:44px; padding:0 0 14px!important; }
html.twenty-ui .hk-navbar .pepsi-nav-refresh > span { display:none!important; }
/* F5-06/X5-3: Uhrzeit ≥ 12 px, ohne eigenen Hintergrund (steht auf der Knopffläche), Farbe je Thema. */
html.twenty-ui .hk-navbar .pepsi-nav-actions .pepsi-stand-zeit { display:block!important; color:var(--crm-quiet)!important; background:transparent; position:absolute; bottom:2px; left:1px; right:1px; text-align:center; font-size:12px!important; line-height:14px; letter-spacing:-.02em; pointer-events:none; z-index:1; }
}
@media(prefers-reduced-motion:reduce) { .pepsi-nav-refresh[aria-busy="true"] svg { animation:none; } }