/* ProtokollPro – Admin & Frontend Styles */

.pp-wrap .pp-columns {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin-top: 16px;
}
.pp-wrap .pp-col-list { flex: 1 1 55%; }
.pp-wrap .pp-col-form { flex: 1 1 45%; background: #fff; padding: 16px 20px; border: 1px solid #ccd0d4; border-radius: 4px; }

.pp-wrap .pp-row-active { background: #eef6ff; }
.pp-wrap .pp-link-danger { color: #b32d2e; }
.pp-wrap .pp-link-danger:hover { color: #dc3232; }

.pp-dashboard-cards {
    display: flex;
    gap: 16px;
    margin: 20px 0;
    flex-wrap: wrap;
}
.pp-card {
    display: block;
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 6px;
    padding: 16px 20px;
    min-width: 180px;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.pp-card-num { display: block; font-size: 28px; font-weight: 600; color: #1d2327; }
.pp-card-label { display: block; color: #646970; font-size: 13px; margin-top: 4px; }

.pp-hint {
    background: #fff8e5;
    border-left: 4px solid #dba617;
    padding: 12px 16px;
    margin: 16px 0;
}

.pp-top-card {
    background: #fff;
    border: 1px solid #ccd0d4;
    border-left: 4px solid #8c8f94;
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 12px;
}
.pp-top-status-vorstellung,
.pp-top-status-verstaendnisfragen,
.pp-top-status-meinungsrunde { border-left-color: #2271b1; }
.pp-top-status-konsentrunde { border-left-color: #dba617; }
.pp-top-status-einwand_offen { border-left-color: #dc3232; background: #fff8f8; }
.pp-top-status-beschlossen { border-left-color: #00a32a; background: #f7fff9; }

.pp-top-head { margin-bottom: 6px; }
.pp-badge {
    display: inline-block;
    background: #f0f0f1;
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 11px;
    margin-left: 6px;
    color: #3c434a;
}
.pp-badge-status { background: #dbeafe; color: #1d4ed8; }

.pp-einwand-box {
    background: #fef2f2;
    border: 1px solid #f2b8b5;
    border-radius: 4px;
    padding: 10px 14px;
    margin-top: 8px;
}
.pp-beschluss { background: #f7fff9; padding: 8px 12px; border-radius: 4px; }

.pp-top-actions form { margin-right: 8px; }
.pp-inline-form { margin: 12px 0; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* Öffentliche Frontend-Ansicht */
.pp-public-item {
    border-bottom: 1px solid #e2e2e2;
    padding: 16px 0;
}
.pp-public-meta { color: #666; font-size: 13px; }
.pp-public-tops { margin-top: 8px; }

/* Rollenvorlagen (Zuständigkeiten, Fähigkeiten, Aufgaben je Rolle) */
.pp-rollenvorlage-card {
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    padding: 14px 18px;
    margin-bottom: 14px;
}
.pp-rollenvorlage-head { margin-bottom: 10px; }
.pp-rollenvorlage-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 12px;
}
.pp-rollenvorlage-grid h4 { margin: 0 0 4px; font-size: 13px; color: #3c434a; }
.pp-rollenvorlage-grid ul { margin: 0 0 0 18px; }
.pp-aufgaben-vorlagen-table { margin-bottom: 8px; }
.pp-aufgabe-vorlage-form summary { cursor: pointer; color: #2271b1; margin: 6px 0; }

/* Organigramm (radial / mindmap-artig, nicht hierarchisch von oben nach unten) */
.pp-organigramm-wrap { max-width: 900px; margin: 0 auto; }
.pp-organigramm-svg { width: 100%; height: auto; display: block; }
.pp-org-line { stroke: #d0d5dd; stroke-width: 2; }
.pp-org-node circle { stroke: #fff; stroke-width: 2; }
.pp-org-label { pointer-events: none; font-family: inherit; }
.pp-org-legende { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 12px; }
.pp-org-legende-item { font-size: 13px; color: #3c434a; display: inline-flex; align-items: center; gap: 6px; }
.pp-org-legende-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }

/* Öffentlicher Kreis-Steckbrief ([protokollpro_kreis]) */
.pp-kreis-steckbrief { max-width: 700px; }
.pp-kreis-rolle {
    border-top: 1px solid #e2e2e2;
    padding: 14px 0;
}
.pp-kreis-rolle h3 { margin: 0 0 6px; }