/* Customer insight sheet (客户画像洞察) and recommended-case records. */
.pi-opportunity{background:var(--indigo-l,#e6e9fb)!important;border-color:transparent!important}
.pi-opportunity p{margin:6px 0 0;line-height:1.7;color:var(--text,#1a2e2a)}
.pi-tips{margin:0;padding-left:20px;line-height:1.8}
.pi-tips li+li{margin-top:4px}
.pi-empty{color:var(--soft,#94a8a4)}

.pi-section{border:1px solid var(--line,#e5ecec);border-radius:var(--r-sm,8px);margin-top:12px;background:var(--surface,#fff)}
.pi-section>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;font-weight:700}
.pi-section>summary::-webkit-details-marker{display:none}
.pi-section>summary::after{content:'›';margin-left:auto;color:var(--soft,#94a8a4);transition:transform .18s}
.pi-section[open]>summary::after{transform:rotate(90deg)}
.pi-no{display:inline-grid;place-items:center;width:30px;height:24px;border-radius:6px;background:var(--primary-l,#e7f5f1);color:var(--primary-d,#1c8980);font-size:12px}
.pi-section>dl{margin:0;padding:0 14px 12px}

.pi-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid var(--line-soft,#eef3f3)}
.pi-row dt{color:var(--muted,#5a736f);font-size:12px}
.pi-row dd{margin:0;line-height:1.7;min-width:0}
.pi-list{margin:0;padding:0;list-style:none}
.pi-sub{padding:8px 10px;margin-bottom:8px;border-radius:6px;background:var(--primary-ll,#f4faf8)}
.pi-sub>dl{margin:4px 0 0}
.pi-sub .pi-row{grid-template-columns:72px minmax(0,1fr);padding:4px 0}

.pi-timeline{margin:0;padding:0 0 0 16px;list-style:none;border-left:2px solid var(--line,#e5ecec)}
.pi-timeline li{position:relative;padding:0 0 14px 4px}
.pi-timeline li::before{content:'';position:absolute;left:-22px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--indigo,#3b5bdb)}
.pi-timeline li.ai::before{background:var(--primary,#2fb8a6)}
.pi-timeline small{color:var(--muted,#5a736f)}
.pi-timeline p{margin:4px 0;line-height:1.7}

.pi-case-meta{color:var(--muted,#5a736f);font-size:12px}
.pi-case-change{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.pi-case-change>div{padding:10px;border-radius:6px;background:var(--primary-ll,#f4faf8)}
.pi-case-change small{color:var(--muted,#5a736f)}
.pi-case-change p{margin:4px 0 0}

@media (max-width:600px){
 .pi-row{grid-template-columns:1fr;gap:2px}
 .pi-case-change{grid-template-columns:1fr}
}