/* AUFTRAG_422 — Reiter Posting (Planung). Eigenes CSS-Snippet (Bau-Regel 1).
   Nutzt die Design-Tokens aus portal.css (--card2, --line, --mut, --accent ...). */
#postingPlan{margin-top:26px}
.pg-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.pg-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pg-seg button{background:none;border:0;padding:6px 14px;color:var(--mut);font-weight:600;font-size:13px}
.pg-seg button[aria-pressed="true"]{background:var(--accent-bg);color:var(--txt)}

.pg-plat{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;border:1px solid var(--line);white-space:nowrap}
.pg-plat.instagram{color:#ff5c8a;border-color:#5b2a49;background:#2a1520}
.pg-plat.tiktok{color:#5ce1ff;border-color:#235863;background:#0f2730}
.pg-plat.facebook{color:#5b8cff;border-color:#2a4678;background:#13233f}
.pg-plat.youtube{color:#ff6b6b;border-color:#5b2a2f;background:#2a1519}

.pg-post{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line)}
.pg-post:last-child{border-bottom:0}
.pg-post .cap{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}
.pg-post .meta{color:var(--mut);font-size:12px;font-family:var(--mono);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pg-post .thumb{width:44px;height:44px;border-radius:6px}
/* 422-B: echtes Vorschaubild statt Farbflaeche */
.pg-thumb{background:var(--card);overflow:hidden;flex:none}
.pg-thumb img{width:100%;height:100%;object-fit:cover;display:block}
/* 422-B: Caption bearbeiten */
.pg-capedit{margin-top:8px}
.pg-capbox{width:100%;background:var(--navy);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;resize:vertical}
.pg-caprow{display:flex;gap:10px;align-items:center;margin-top:6px;flex-wrap:wrap}
.pg-caphint{color:var(--mut);font-size:12px;font-family:var(--mono)}
.pg-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pg-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pg-err{color:var(--crit);font-size:12px;margin-top:4px}
.pg-permalink{color:var(--accent);font-size:12px;text-decoration:none}
.pg-permalink:hover{text-decoration:underline}

.pg-edit{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}
.pg-edit input{background:var(--navy);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit}

.pg-cal-tag{font-family:var(--mono);font-size:12px;color:var(--mut);margin:18px 0 6px;display:flex;align-items:center;gap:8px}
.pg-cal-tag b{color:var(--txt);font-size:13px}
.pg-empty{color:var(--mut);padding:14px}

@media (max-width:640px){
  .pg-post{grid-template-columns:36px minmax(0,1fr);}
  .pg-post .thumb{width:36px;height:36px}
  .pg-side{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;margin-top:6px}
  .pg-actions{justify-content:flex-start}
}