/* ════════════════════════════════════════════════════════════
   TLC Portal — parent-info.css
   Parent info panel: pi-* classes.
   ════════════════════════════════════════════════════════════ */

/* ── Parent info panel ── */
.pi-card { background:var(--paper); border:0.5px solid var(--border); border-radius:var(--radius-md); padding:12px 14px; margin-bottom:10px; }
.pi-card-title { font-size:10px; font-weight:500; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px; }
.pi-row { display:flex; justify-content:space-between; align-items:center; padding:5px 0; border-bottom:0.5px solid var(--border); font-size:13px; }
.pi-row:last-child { border-bottom:none; }
.pi-lbl { color:var(--muted); }
.pi-val { color:var(--ink); font-weight:500; }
.pi-badge { font-size:11px; padding:2px 10px; border-radius:20px; font-weight:500; }
.pi-badge--green { background:var(--green-l); color:var(--green); }
.pi-badge--grey  { background:var(--border); color:var(--muted); }
.pi-doc-row { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:0.5px solid var(--border); }
.pi-doc-row:last-of-type { border-bottom:none; }
.pi-doc-icon { width:30px; height:30px; border-radius:6px; background:#f0f3f1; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pi-doc-info { flex:1; min-width:0; }
.pi-doc-name { font-size:12px; font-weight:500; color:var(--ink); }
.pi-doc-meta { font-size:10px; color:var(--muted); margin-top:1px; }
.pi-doc-actions { display:flex; gap:5px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.pi-doc-btn { font-size:10px; padding:4px 9px; border-radius:5px; border:0.5px solid var(--border); background:transparent; color:var(--muted); cursor:pointer; font-family:inherit; }
.pi-doc-btn:hover { border-color:var(--green); color:var(--green); }
.pi-doc-btn--danger { border-color:var(--red) !important; color:var(--red) !important; }
.pi-toggle-wrap { display:flex; align-items:center; gap:5px; }
.pi-toggle { width:30px; height:17px; border-radius:9px; background:var(--border); position:relative; cursor:pointer; flex-shrink:0; transition:background .15s; }
.pi-toggle.on { background:var(--green); }
.pi-toggle::after { content:''; position:absolute; width:13px; height:13px; border-radius:50%; background:#fff; top:2px; left:2px; transition:left .15s; }
.pi-toggle.on::after { left:15px; }
.pi-toggle-lbl { font-size:10px; color:var(--muted); white-space:nowrap; }
.pi-upload-btn { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:500; padding:6px 12px; border-radius:var(--radius-sm); border:0.5px solid var(--green); color:var(--green); background:transparent; cursor:pointer; font-family:inherit; margin-top:10px; }
.pi-upload-btn:hover { background:var(--green-l); }