/* ==========================================================================
   CarAsset — Simulation Mobile (simulation-mobile.css)
   Responsive enhancement for Assumptions, One Unit, Multiple Units,
   Protection & Monitoring, Disclaimer. Desktop rules in
   pages/simulation/*.css are untouched. Draft/Confirmed status logic and
   "Menunggu angka final klien" text are unaffected — layout only.
   ========================================================================== */

/* -------------------------------------------------------------------------
   SHARED PANEL — used by assumptions/one-unit summary/protection.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .ca-simulation-panel {
        padding: var(--ca-space-6);
    }
}

/* -------------------------------------------------------------------------
   ASSUMPTIONS
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .ca-assumptions__panel {
        margin-top: var(--ca-space-8);
        gap: var(--ca-space-6);
    }
}

/* -------------------------------------------------------------------------
   ONE UNIT — 6-node flow becomes a vertical list; summary panel goes to
   a single column so long labels never get squeezed.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .ca-one-unit__flow {
        grid-template-columns: 1fr;
        gap: var(--ca-space-8);
        margin-top: var(--ca-space-10);
    }

    .ca-one-unit__track {
        display: none;
    }

    .ca-one-unit__node-title,
    .ca-one-unit__node-description {
        max-width: none;
    }

    .ca-one-unit__summary {
        grid-template-columns: 1fr;
        gap: var(--ca-space-4);
        padding: var(--ca-space-6);
    }
}

/* -------------------------------------------------------------------------
   MULTIPLE UNITS — already single column from 1180px; spacing only.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .ca-multiple-units__rail {
        margin-top: var(--ca-space-10);
        gap: var(--ca-space-8);
    }
}

/* -------------------------------------------------------------------------
   PROTECTION & MONITORING — orbit diagram shrinks further; monitoring
   tabs wrap and never force a horizontal scroll.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .ca-protection__layout {
        margin-top: var(--ca-space-10);
        gap: var(--ca-space-8);
    }

    .ca-protection__orbit {
        max-width: 280px;
    }

    .ca-protection__point {
        padding: var(--ca-space-1) var(--ca-space-2);
        font-size: var(--ca-text-xs);
    }

    .ca-protection__point-icon {
        width: 14px;
        height: 14px;
    }

    .ca-protection__tabs {
        gap: var(--ca-space-1);
    }

    .ca-protection__panel-row {
        flex-wrap: wrap;
    }
}

@media (max-width: 479px) {
    .ca-protection__orbit {
        max-width: 240px;
    }
}

/* -------------------------------------------------------------------------
   DISCLAIMER
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .ca-simulation-disclaimer__panel {
        padding: var(--ca-space-6);
    }

    .ca-simulation-disclaimer__cta {
        margin-top: var(--ca-space-10);
    }
}