/* product-summary.css — .psum-*: isi pop-up ringkasan jasa / barang (kepala, deskripsi, daftar langganan & invoice) */
.psum-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.psum-head .code-chip{margin-left:0}
.psum-meta{font-size:var(--fs-sm);color:var(--text-3)}
.psum-note{display:flex;align-items:flex-start;gap:8px;margin:-4px 0 16px;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:var(--fs-sm);color:var(--text-2)}
.psum-note svg{flex:none;margin-top:2px;color:var(--text-3)}
.psum-desc{margin:16px 0 4px;padding:12px 14px;border-radius:12px;background:var(--surface-2)}
.psum-desc small{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--text-3)}
.psum-desc p{margin-top:2px;font-size:var(--fs-sm);color:var(--ink)}
.psum-sec{margin:20px 0 6px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.psum-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 -12px;border-radius:12px;color:inherit;transition:background-color var(--dur-fast)}
.psum-row:hover{background:var(--hover-ink)}
.psum-main{display:flex;flex-direction:column;min-width:0}
.psum-main b{font-size:var(--fs-sm);font-weight:700}
.psum-main small{font-size:var(--fs-xs);color:var(--text-3)}
.psum-side{display:flex;align-items:center;gap:10px;flex:none;font-size:var(--fs-sm)}
.psum-muted{font-size:var(--fs-sm);color:var(--text-3)}

/* Laptop: panel muat di layar (7vh atas + 20px bawah dari .md-root); isi panjang bergulir di dalam, tombol & sudut bawah tetap terlihat. */
@media (min-width:768px){
  .psum-panel{max-height:calc(93vh - 20px)}
  .psum-panel .md-body{min-height:0;overflow-y:auto}
}
@media (max-width:767px){
  .psum-side{flex-direction:column;align-items:flex-end;gap:4px}
}