/* Proposal Generator — module-specific CSS.
 * Komponen umum (dyn-card, fg, g2, modal, history, dst) sudah ada di suite-core.css.
 * File ini khusus komponen yang HANYA dipakai modul proposal: package card,
 * timeline, term list (syarat & ketentuan), line item (rincian harga).
 */

/* ── PAKET / PRICING CARD ── */
.lgs-app .package-card { border: 1.5px solid #e2e8f0; border-radius: 12px; padding: 16px; margin-bottom: 10px; background: #fafbfc; position: relative; }
.lgs-app .package-card.is-highlight { border-color: #c9a84c; background: #fffdf6; }
.lgs-app .package-highlight-row { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.lgs-app .package-highlight-row label { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: #b8861e; text-transform: none; cursor: pointer; }
.lgs-app .package-highlight-row input[type="checkbox"] { width: 15px; height: 15px; accent-color: #c9a84c; cursor: pointer; }
.lgs-app .pkg-feature-row { display: flex; gap: 6px; margin-bottom: 6px; align-items: center; }
.lgs-app .pkg-feature-row input { flex: 1; }
.lgs-app .pkg-feature-del { background: none; border: none; color: #ef4444; cursor: pointer; font-size: 14px; flex-shrink: 0; }
.lgs-app .btn-add-feature { font-size: 11px; color: #2563eb; background: none; border: none; cursor: pointer; padding: 0; font-family: inherit; margin-top: 2px; }

/* ── TIMELINE ── */
.lgs-app .timeline-card { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px; margin-bottom: 10px; background: #fafbfc; display: grid; grid-template-columns: 70px 1fr; gap: 10px; align-items: start; }
.lgs-app .timeline-badge { width: 36px; height: 36px; border-radius: 50%; background: #0f172a; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; }

/* ── TERM LIST (Syarat & Ketentuan) ── */
.lgs-app .term-row { display: flex; gap: 8px; margin-bottom: 8px; align-items: flex-start; }
.lgs-app .term-row .term-num { width: 22px; height: 22px; border-radius: 50%; background: #e2e8f0; color: #475569; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 6px; }
.lgs-app .term-row input { flex: 1; }
.lgs-app .term-del { background: none; border: none; color: #ef4444; cursor: pointer; font-size: 14px; flex-shrink: 0; margin-top: 8px; }

/* ── LINE ITEM (rincian harga) ── */
.lgs-app .lineitem-card { display: grid; grid-template-columns: 2fr 70px 1fr 1fr auto; gap: 8px; align-items: end; margin-bottom: 8px; }
.lgs-app .lineitem-card .fg { margin-bottom: 0; }
@media (max-width: 700px) {
  .lgs-app .lineitem-card { grid-template-columns: 1fr 1fr; }
  .lgs-app .timeline-card { grid-template-columns: 50px 1fr; }
}