/* Modal "Jadwalkan demo" (dipakai templates/index.html dan templates/tentang-kami.html).
   Sumber: panel #Main / halaman Tentang pada mockup referensi. */

/* ---- Modal Jadwalkan demo (mengikuti desain mockup referensi) ---- */
        .sales-convert-overlay { position: fixed; inset: 0; z-index: 2000; background: rgba(6,12,26,.62);
            display: grid; place-items: center; padding: 16px; }
        .sales-convert-overlay[hidden] { display: none !important; }
        .sales-convert-form[hidden], .sales-convert-done[hidden] { display: none !important; }
        .sales-convert-modal, .sales-convert-modal * { box-sizing: border-box; }
        .sales-convert-modal { background: #fff; color: #14223e; border-radius: 16px; width: min(720px, 100%);
            max-height: calc(100vh - 32px); overflow: auto; padding: 28px; display: grid; gap: 18px;
            box-shadow: 0 24px 70px rgba(0,0,0,.32); text-align: left; }
        .sales-convert-head { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
        .sales-convert-head .eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .14em;
            text-transform: uppercase; color: #0059a4; margin: 0; }
        .sales-convert-head h3 { font-size: 22px; font-weight: 700; line-height: 1.2; color: #19305a; margin: 0; }
        .sales-convert-close { background: none; border: 0; font-size: 28px; color: #5b687e; cursor: pointer;
            line-height: 1; padding: 0 2px; }
        .sales-convert-close:hover { color: #19305a; }
        .sales-convert-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px;
            min-width: 0; margin: 0; }
        .sales-convert-form .field { display: grid; grid-template-columns: minmax(0,1fr); gap: 5px; min-width: 0; }
        .sales-convert-form .field label { font-size: 13px; font-weight: 600; color: #19305a; margin: 0; }
        .sales-convert-form input, .sales-convert-form select { width: 100%; min-width: 0; padding: 11px 12px;
            border: 1px solid #c5d1e2; border-radius: 8px; background: #fff; color: #14223e; font: inherit; font-size: 14px; }
        .sales-convert-form input:focus, .sales-convert-form select:focus { outline: 2px solid #0059a4; outline-offset: 1px; box-shadow: none; }
        .sales-convert-form .full { grid-column: 1 / -1; }
        .sales-convert-hint { font-size: 12px; color: #5b687e; line-height: 1.5; }
        .sales-convert-warn { font-size: 12px; color: #c23b3b; font-weight: 600; line-height: 1.5; }
        .sales-convert-next { background: #f4f7fb; border-radius: 10px; padding: 13px 15px; font-size: 12px;
            color: #44516a; line-height: 1.55; }
        .sales-convert-next b { display: block; color: #19305a; margin-bottom: 4px; }
        .sales-convert-next ol { margin: 5px 0 0; padding-left: 18px; display: grid; gap: 4px; }
        .sales-convert-submit { justify-self: start; min-height: 44px; padding: 0 20px; font-size: 14px; border-radius: 8px; }
        .sales-convert-done { display: grid; gap: 12px; }
        .sales-convert-done h4 { font-size: 18px; color: #19305a; margin: 0; }
        .sales-convert-done p { font-size: 14px; color: #44516a; margin: 0; }
        .sales-convert-done .done-actions { display: flex; flex-wrap: wrap; gap: 10px; }
        .sales-convert-note { font-size: 12px !important; color: #5b687e !important; }
        @media (max-width: 520px) {
            .sales-convert-modal { padding: 20px; }
            .sales-convert-form { grid-template-columns: 1fr; }
            .sales-convert-form .full { grid-column: auto; }
        }