/* VDG Mitgliederbereich – Welt B
   Optik: Mein Bereich (persoenliche Seite) und Mitglieder-Import, Schritt 3h. */

/* --- Mein Bereich --- */
#page-mein .mein-hero{
  background:linear-gradient(120deg,#17281d,#2f6b4a);color:#f4fbf5;border-radius:22px;
  padding:30px 32px;margin-bottom:22px;
}
#page-mein .mein-hero .eyebrow{color:var(--lime,#58ad3f)}
#page-mein .mein-hero h1{margin:6px 0 8px;font-size:32px;letter-spacing:-.05em;color:#fff}
#page-mein .mein-hero p{margin:0;color:#d9e9dd;max-width:62ch}

#page-mein .mein-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:820px){ #page-mein .mein-grid{grid-template-columns:1fr} }
#page-mein .mein-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}
#page-mein .mein-card h2{font-size:20px;letter-spacing:-.04em;margin:6px 0 12px}
#page-mein .mein-card p{font-size:16px;color:var(--muted);margin:0 0 12px}
#page-mein .mein-card dl{margin:0;display:grid;gap:8px}
#page-mein .mein-row{display:grid;grid-template-columns:150px 1fr;gap:10px;font-size:16px}
#page-mein .mein-row dt{color:var(--muted);font-weight:700}
#page-mein .mein-row dd{margin:0;word-break:break-word}
#page-mein .mein-note{margin-top:14px !important;font-size:15px !important}
#page-mein .mein-admin{border-top:3px solid #1c5027}
#page-mein .mein-soon{border-style:dashed;background:#fbfdfb}

/* --- Import --- */
#page-mein .import-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:0 0 16px}
#page-mein .import-card h2{font-size:18px;letter-spacing:-.03em;margin:0 0 14px}
#page-mein .import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
@media (max-width:900px){ #page-mein .import-grid{grid-template-columns:1fr} }
#page-mein .import-field{display:flex;flex-direction:column;gap:6px;font-size:16px;border:0;margin:0;padding:0;min-width:0}
#page-mein .import-field > span,#page-mein .import-field legend{font-weight:800;font-size:15.5px;color:#23413c;padding:0}
#page-mein .import-field small{color:var(--muted);font-size:15px}
#page-mein .import-field input[type=file]{border:1px dashed var(--line);background:#f8faf8;padding:12px;border-radius:10px}
#page-mein .import-field select{padding:8px;border:1px solid var(--line);border-radius:8px;font:inherit}
#page-mein .import-info{margin-top:14px;padding:10px 12px;background:#f2faf6;border:1px solid #cfe0da;border-radius:10px;font-size:16px}
#page-mein .import-error{color:#7a2e1d;font-weight:700}

#page-mein .import-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#page-mein .import-preview-head h2{margin:0}
#page-mein .import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#page-mein .import-filter{font-size:15.5px;color:var(--muted);display:flex;gap:6px;align-items:center}
#page-mein .import-summary{margin:14px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#page-mein .import-hint{flex-basis:100%;font-size:15.5px;color:var(--muted);margin-top:4px}
#page-mein .import-done{flex-basis:100%;padding:12px 14px;background:#eef9f1;border:1px solid #bfe3cc;border-radius:10px;font-size:16px;color:#1c5027}
#page-mein .import-done .btn{margin-left:10px}
#page-mein .import-chip,#page-mein .import-pill{
  display:inline-block;border-radius:999px;padding:3px 9px;font-size:15px;font-weight:800;
  background:#eef1ef;color:#3c4a42;white-space:nowrap;
}
#page-mein .is-new{background:#e3f4e8;color:#1c5027}
#page-mein .is-update{background:#e6eff7;color:#244e6e}
#page-mein .is-skip{background:#fbeee6;color:#8a4a1c}
#page-mein .is-team{background:#efe9f7;color:#4d3a73}

#page-mein .import-table-wrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:10px}
#page-mein .import-table{border-collapse:collapse;width:100%;font-size:15.5px}
#page-mein .import-table th{position:sticky;top:0;background:#f4f7f5;text-align:left;padding:8px;font-size:15px;color:#23413c;z-index:1;white-space:nowrap}
#page-mein .import-table td{padding:7px 8px;border-top:1px solid var(--line);vertical-align:top}
#page-mein .import-table td small{display:block;color:var(--muted);font-size:14.5px;margin-top:2px}
#page-mein .import-table td.num{color:var(--muted);white-space:nowrap}
#page-mein .import-table td.notes{color:#7a4a1c;min-width:300px}
#page-mein .import-table td.notes div + div{margin-top:3px}
#page-mein .import-table select{font:inherit;font-size:15.5px;padding:3px;border:1px solid var(--line);border-radius:6px;max-width:150px}
#page-mein .import-table tr.is-excluded td{opacity:.55}
#page-mein .import-table tr.has-notes td{background:#fffaf0}
#page-mein .import-sug{color:#1c5027 !important;font-weight:700}
#page-mein .muted{color:var(--muted)}

/* --- Abgleich: Warnungen, Info-Zeilen, Deaktivierungsliste --- */
#page-mein .is-warn{background:#fff0c8;color:#7a5a0c}
#page-mein .import-chip-row{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:15.5px}
#page-mein .import-chip-row b{min-width:92px;color:#23413c}
#page-mein .import-table td.notes .import-info-line{color:var(--muted)}
#page-mein .import-table td.notes select{max-width:100%;margin:4px 0;font-size:15px}
#page-mein .import-deact{margin:0 0 14px;border:1px solid #f0d9a0;background:#fffaf0;border-radius:10px;padding:10px 12px}
#page-mein .import-deact summary{cursor:pointer;font-weight:800;color:#7a5a0c}
#page-mein .import-deact p{font-size:15.5px;color:#6b5a2c;margin:8px 0}
#page-mein .import-deact .import-table{background:#fff}

/* --- Import: Ergebnis und Fehler (Schritt 3i) --- */
#page-mein .import-failed{flex-basis:100%;padding:12px 14px;background:#fff1ee;border:1px solid #f0c1b6;border-radius:10px;color:#7a2e1d;font-size:16px}
#page-mein .import-result{border-top:4px solid #1c5027}
#page-mein .import-result-head{font-size:26px;font-weight:900;letter-spacing:-.04em;color:#1c5027;margin-bottom:6px}
#page-mein .import-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}
@media (max-width:700px){ #page-mein .import-result-grid{grid-template-columns:1fr} }
#page-mein .import-result-grid h3{margin:0 0 6px;font-size:16px}
#page-mein .import-result-grid ul{margin:0;padding-left:18px;font-size:16px;line-height:1.7}
#page-mein .import-result-actions{display:flex;gap:10px;flex-wrap:wrap}
#page-mein .mein-admin-actions{display:flex;gap:8px;flex-wrap:wrap}

/* --- Mitgliederverwaltung (Schritt 3i) --- */
#page-mein .members-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 12px}
@media (max-width:900px){ #page-mein .members-stats{grid-template-columns:repeat(3,minmax(0,1fr))} }
#page-mein .members-stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}
#page-mein .members-stats b{display:block;font-size:24px;letter-spacing:-.04em;color:#17281d}
#page-mein .members-stats span{font-size:15px;color:var(--muted)}
#page-mein .members-imports{background:#f2faf6;border:1px solid #cfe0da;border-radius:10px;padding:10px 12px;font-size:15.5px;margin:0 0 14px}
#page-mein .members-imports summary{cursor:pointer}
#page-mein .members-imports ul{margin:8px 0 0;padding-left:18px;line-height:1.6}
#page-mein .members-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
#page-mein .members-filter input{flex:1 1 320px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}
#page-mein .members-filter select{padding:9px;border:1px solid var(--line);border-radius:10px;font:inherit}
#page-mein .members-listinfo{font-size:15.5px;color:var(--muted);margin:0 0 8px}
#page-mein .members-biz{background:#fff;border:1px solid var(--line);border-radius:10px;margin:0 0 6px;overflow:hidden}
#page-mein .members-biz.is-inactive{opacity:.7}
#page-mein .members-biz-head{display:grid;grid-template-columns:70px minmax(0,1fr) 90px 110px 200px 20px;gap:10px;align-items:center;
  width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;font:inherit;font-size:16px;cursor:pointer;color:inherit}
#page-mein .members-biz-head:hover{background:#f7faf8}
#page-mein .members-nr{color:var(--muted);font-variant-numeric:tabular-nums}
#page-mein .members-name{font-weight:800}
#page-mein .members-name small{display:block;font-weight:400;color:var(--muted);font-size:15px}
#page-mein .members-count{font-size:15.5px;color:var(--muted)}
#page-mein .members-caret{color:var(--muted)}
@media (max-width:820px){ #page-mein .members-biz-head{grid-template-columns:60px minmax(0,1fr) 20px} #page-mein .members-biz-head > span:nth-child(3),#page-mein .members-biz-head > span:nth-child(4),#page-mein .members-biz-head > span:nth-child(5){display:none} }
#page-mein .members-biz-body{padding:4px 12px 12px;border-top:1px solid var(--line)}
#page-mein .members-biz-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
#page-mein .members-biz-body .import-table td small{display:block}

#page-mein .members-overlay{position:fixed;inset:0;background:rgba(15,30,25,.45);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow:auto}
#page-mein .members-dialog{background:#fff;border-radius:16px;padding:22px 24px;max-width:720px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.25)}
#page-mein .members-dialog h2{margin:0 0 14px;font-size:20px;letter-spacing:-.03em}
#page-mein .members-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
@media (max-width:600px){ #page-mein .members-form{grid-template-columns:1fr} }
#page-mein .members-field{display:flex;flex-direction:column;gap:4px;font-size:15.5px}
#page-mein .members-field span{font-weight:800;color:#23413c}
#page-mein .members-field input,#page-mein .members-field select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px}
#page-mein .members-note{font-size:15.5px;color:var(--muted);margin:12px 0 0}
#page-mein .members-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}

/* --- Import: Rueckfrage auf der Seite, gesperrte Knoepfe sichtbar (3i-Fix) --- */
#page-mein .import-confirm{flex-basis:100%;padding:14px 16px;background:#eef9f1;border:2px solid #1c5027;border-radius:12px;font-size:16px;display:grid;gap:4px}
#page-mein .import-confirm strong{font-size:16px;color:#1c5027}
#page-mein .import-confirm-actions{display:flex;gap:8px;margin-top:8px}
#page-mein .import-card .btn:disabled{opacity:.45;cursor:not-allowed}

/* --- Mehrfachauswahl + Sammelaktionen (Schritt 3l) --- */
#page-mein .members-biz-row{display:flex;align-items:stretch}
#page-mein .members-selbiz{display:flex;align-items:center;justify-content:center;width:38px;flex:0 0 38px;border-right:1px solid var(--line);cursor:pointer}
#page-mein .members-biz-row .members-biz-head{flex:1;min-width:0}
#page-mein .members-selbiz input,#page-mein .members-selcell input{width:17px;height:17px;accent-color:#1c5027;cursor:pointer}
#page-mein .members-selcell{width:28px}
#page-mein .members-biz.is-selected{border-color:#1c5027;box-shadow:0 0 0 1px #1c5027}
#page-mein .import-table tr.is-selected td{background:#eef9f1}
#page-mein .members-bulk{position:sticky;bottom:12px;z-index:50;margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  background:#17281d;color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
#page-mein .members-bulk-info{font-size:16px}
#page-mein .members-bulk-info small{display:block;color:#b9d3c3;font-size:15px;margin-top:2px}
#page-mein .members-bulk-actions{display:flex;gap:6px;flex-wrap:wrap}
#page-mein .members-bulk .btn.secondary{background:#fff}
#page-mein .members-listinfo .text-link{font-size:15.5px}
#page-mein .members-delete-warn{background:#fff1ee;border:1px solid #f0c1b6;border-radius:10px;padding:12px 14px;color:#5e2416;font-size:16px}
#page-mein .members-delete-warn p{margin:0 0 8px}
#page-mein .members-delete-warn ul{max-height:200px;overflow:auto;margin:6px 0 0;padding-left:18px;font-size:15.5px}
#page-mein .btn.danger-solid{background:#a8341c;border-color:#a8341c;color:#fff}

/* ===== Schritt 3v: Aenderungsmeldungen ===== */
#page-mein .cr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#page-mein .cr-mine{margin-top:16px}
#page-mein .cr-mine h3{font-size:16px;margin:0 0 8px}
#page-mein .cr-mine ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#page-mein .cr-mine li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 10px;background:#f7faf6;border:1px solid #e1e9e1;border-radius:8px}
#page-mein .cr-mine li b{display:block;font-size:15px}
#page-mein .cr-mine li small{display:block;font-size:14px;color:var(--muted)}
#page-mein .cr-mine li small.cr-note{color:#23413c}
#page-mein .cr-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13.5px;font-weight:800;white-space:nowrap;background:#eef1ef;color:#5c6b62}
#page-mein .cr-status.open{background:#fff0c8;color:#8b6712}
#page-mein .cr-status.done{background:#e3f3e7;color:#1f6b3d}
#page-mein .cr-status.rejected{background:#f6e1dc;color:#8a3b25}
#page-mein .cr-dialog textarea,#page-mein .cr-settings textarea,#page-mein .cr-note-input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px}
#page-mein .cr-message{margin-top:12px}
#page-mein .cr-intro{margin:0 0 12px}
#page-mein .cr-consent{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:15px;padding:10px 12px;background:#f7faf6;border:1px solid #e1e9e1;border-radius:8px}
#page-mein .cr-consent input{margin-top:3px}
#page-mein .cr-error{margin-top:12px;padding:10px 12px;background:#fbe9e5;border:1px solid #efc2b7;border-radius:8px;color:#7a2e1d;font-weight:700}
#page-mein .cr-thanks{font-size:17px;line-height:1.5}
#page-mein .mein-admin-actions .has-open{border-color:#d9a400;background:#fff7dc}
#page-mein .cr-hint{margin:14px 0;font-size:15.5px;line-height:1.5;background:#f3f8ee}
#page-mein .cr-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px}
#page-mein .cr-tabs button{border:1px solid #cfdccf;background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
#page-mein .cr-tabs button.active{background:var(--leaf,#1c5027);border-color:var(--leaf,#1c5027);color:#fff}
#page-mein .cr-item{background:#fff;border:1px solid var(--line);border-left:5px solid #d9a400;border-radius:12px;padding:16px 18px;margin-bottom:12px}
#page-mein .cr-item.done{border-left-color:#1c5027}
#page-mein .cr-item.rejected{border-left-color:#b0543a}
#page-mein .cr-item header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
#page-mein .cr-item h3{margin:2px 0;font-size:18px}
#page-mein .cr-item h3 small{font-size:14px;color:var(--muted);font-weight:600}
#page-mein .cr-item header > div > small{font-size:14px;color:var(--muted)}
#page-mein .cr-type{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--leaf-dark,#1f5b3a)}
#page-mein .cr-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0}
#page-mein .cr-dl dt{font-size:13.5px;color:var(--muted)}
#page-mein .cr-dl dd{margin:0;font-size:16px;font-weight:700}
#page-mein .cr-diff{width:100%}
#page-mein .cr-msg{margin:10px 0 0;padding:10px 12px;background:#f7faf6;border-left:3px solid #8fc97c;font-size:15.5px;white-space:pre-wrap}
#page-mein .cr-handled{margin:10px 0 0;font-size:14.5px;color:var(--muted)}
#page-mein .cr-item-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
#page-mein .cr-note-input{flex:1 1 260px}
#page-mein .cr-settings summary{cursor:pointer;font-weight:700}
@media (max-width:600px){ #page-mein .cr-dl{grid-template-columns:1fr} #page-mein .cr-item header{flex-direction:column} }

/* ---------- Schritt 10e: Protokoll mit Reitern (Anmeldungen / Nutzung / Änderungen) ---------- */
#page-mein .pl-tabs{margin:6px 0 18px;display:flex;flex-wrap:wrap;gap:8px}
#page-mein .pl-seg{margin:0 0 16px}
#page-mein .pl-card{background:#fff;border:1px solid #e3ebe0;border-radius:24px;padding:22px 24px;margin:0 0 18px}
#page-mein .pl-h2{font-size:24px;margin:0 0 6px;color:#0a0a0b}
#page-mein .pl-h2 small{display:block;font-size:15px;font-weight:500;color:#5c6b61;margin-top:4px}
#page-mein .pl-h3{font-size:19px;margin:0 0 12px;color:#0a0a0b}
#page-mein .pl-lead{color:#4a5a4f;margin:0 0 14px;max-width:80ch}
#page-mein .pl-note{color:#5c6b61;font-size:14px;margin:10px 0 0}
#page-mein .pl-controls{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end}
#page-mein .pl-controls label{display:grid;gap:4px;font-size:14.5px;color:#3d4d5e}
#page-mein .pl-controls label small{color:#7a877e}
#page-mein .pl-controls input[type=date],#page-mein .pl-controls select{padding:8px 10px;border:1px solid #d9e3d5;border-radius:12px;font:inherit;background:#fff}
#page-mein .pl-controls .pl-check{display:flex;align-items:center;gap:8px;flex-basis:100%;font-size:15px}
#page-mein .pl-chips{display:flex;flex-wrap:wrap;gap:6px}
#page-mein .pl-chip{border:1px solid #d9e3d5;background:#fff;border-radius:999px;padding:7px 13px;font:inherit;font-size:14.5px;cursor:pointer}
#page-mein .pl-chip:hover{background:#f7faf1}
#page-mein .pl-chip.active{background:#cae2a6;border-color:#cae2a6;font-weight:600}
#page-mein .pl-ov{margin-top:18px}
#page-mein .pl-ov-title{font-size:14px;color:#5c6b61;margin-bottom:6px}
#page-mein .pl-ov-bar{display:flex;gap:2px;height:30px;border-radius:8px;overflow:hidden}
#page-mein .pl-ov-seg{border:0;min-width:28px;cursor:pointer;color:#fff;font:inherit;font-size:13px;padding:0 6px;text-align:left}
#page-mein .pl-ov-seg b{font-weight:700}
#page-mein .pl-ov-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}
#page-mein .pl-ov-key{border:0;background:none;font:inherit;font-size:14px;color:#3d4d5e;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:2px 0}
#page-mein .pl-ov-key i{width:12px;height:12px;border-radius:3px;display:inline-block}
/* Sequenz „wie lange her“: ein Farbton von dunkel (lange her) nach hell (kürzlich); „noch nie“ grau */
#page-mein .is-never{background:#6b7280}
#page-mein .is-m12{background:#1c5027}
#page-mein .is-m6{background:#2e7d4f}
#page-mein .is-m3{background:#4f9a62}
#page-mein .is-m1{background:#86bf7f;color:#0a0a0b}
#page-mein .is-recent{background:#c6e3b8;color:#0a0a0b}
#page-mein .pl-ov-seg.is-m1,#page-mein .pl-ov-seg.is-recent{color:#0a0a0b}
#page-mein .pl-result-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
#page-mein .pl-result-actions{display:flex;flex-wrap:wrap;gap:8px}
#page-mein .pl-cb{width:34px;text-align:center}
#page-mein tr.is-optout td{color:#8a958d}
#page-mein .pl-invite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;background:#f7faf1;border:1px solid #e0eecb;border-radius:18px;padding:18px;margin:0 0 16px}
#page-mein .pl-invite h3{margin:0 0 6px;font-size:19px}
#page-mein .pl-invite-form label{display:grid;gap:4px;margin:10px 0;font-size:14.5px}
#page-mein .pl-invite-form input,#page-mein .pl-invite-form textarea{font:inherit;padding:9px 11px;border:1px solid #d9e3d5;border-radius:12px;background:#fff;width:100%;box-sizing:border-box}
#page-mein .pl-invite-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
#page-mein .pl-invite-preview iframe{width:100%;height:560px;border:1px solid #dbe8e1;border-radius:12px;background:#fff}
#page-mein .pl-preview-label{font-size:13.5px;color:#5c6b61;margin-bottom:6px}
#page-mein .pl-invite-done{display:block}
#page-mein .pl-testmode{background:#fff6e0;border:1px solid #f0d9a0;color:#6b4a10;border-radius:12px;padding:10px 12px;margin:8px 0;font-size:14.5px}
#page-mein .pl-warn{color:#a3361b;font-weight:600}
#page-mein .pl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 18px}
#page-mein .pl-kpi{background:#fff;border:1px solid #e3ebe0;border-radius:20px;padding:16px 18px;display:grid;gap:4px}
#page-mein .pl-kpi > span{font-size:14px;color:#5c6b61}
#page-mein .pl-kpi > b{font-size:30px;line-height:1.1;color:#0a0a0b}
#page-mein .pl-kpi small{font-size:13px;color:#6b7a70}
#page-mein .pl-kpi-pair{display:flex;gap:16px}
#page-mein .pl-kpi-pair > div{display:grid;gap:0}
#page-mein .pl-kpi-pair b{font-size:24px;color:#0a0a0b}
#page-mein .pl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
#page-mein .pl-dot.is-ord,#page-mein .pl-share.is-ord i{background:#2e7d4f}
#page-mein .pl-dot.is-sup,#page-mein .pl-share.is-sup i{background:#c27a1f}
#page-mein .pl-legend{display:flex;gap:18px;font-size:14px;color:#3d4d5e;margin:-4px 0 10px}
#page-mein .pl-days{display:flex;align-items:flex-end;gap:2px;height:120px;padding:0 0 2px;border-bottom:1px solid #d9e3d5}
#page-mein .pl-day{flex:1;height:100%;display:flex;align-items:flex-end;min-width:2px}
#page-mein .pl-day i{display:block;width:100%;background:#2e7d4f;border-radius:4px 4px 0 0}
#page-mein .pl-day:hover i{background:#1c5027}
#page-mein .pl-days-axis{display:flex;justify-content:space-between;font-size:13px;color:#6b7a70;margin-top:6px}
#page-mein .pl-areas td.r,#page-mein .pl-areas th.r{text-align:right;white-space:nowrap}
#page-mein .pl-sharecell{min-width:170px}
#page-mein .pl-share{display:inline-block;width:110px;height:10px;background:#eef3e8;border-radius:5px;overflow:hidden;vertical-align:middle}
#page-mein .pl-share i{display:block;height:100%;background:#2e7d4f;border-radius:5px}
#page-mein .pl-share-v{margin-left:8px;font-size:14px;color:#3d4d5e}
#page-mein .pl-pair + .pl-pair{margin-top:4px}
#page-mein .pl-subs{margin:0;padding:0 0 0 22px;display:grid;gap:8px}
#page-mein .pl-subs li{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:10px;align-items:center}
#page-mein .pl-sub-v{font-size:14px;color:#5c6b61;white-space:nowrap}
#page-mein .pl-insights ul{margin:0;padding-left:20px;display:grid;gap:6px}
#page-mein .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:820px){
  #page-mein .pl-invite{grid-template-columns:1fr}
  #page-mein .pl-card{padding:16px}
  #page-mein .pl-subs li{grid-template-columns:1fr;gap:4px}
}
#page-mein .pl-kpi > b{font-size:26px}
#page-mein .pl-kpi-pair b{font-size:22px;white-space:nowrap}
#page-mein .pl-kpi-pair{flex-wrap:wrap;gap:6px 18px}