/* service_erp_development.html — extracted internal + inline styles */

/* ---- ERP Development: bespoke, exploration-first components ---- */
.erp-tile { border-radius: .85rem; padding: 1rem 1.15rem; }
.erp-tile p { font-size: .78rem; }
.erp-chip { display: inline-block; padding: .35rem .8rem; margin: .2rem; border-radius: 2rem;
    background: #fff; border: 1px solid rgba(30, 34, 40, .1); font-size: .8rem; font-weight: 600; }

.erp-modnav .nav-link { display: flex; align-items: center; text-align: left; width: 100%;
    border: 1px solid rgba(30, 34, 40, .08); border-radius: .8rem; margin-bottom: .55rem;
    padding: .85rem 1rem; color: #3b4552; font-weight: 600; background: #fff;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease; }
.erp-modnav .nav-link i { font-size: 1.4rem; margin-right: .75rem; color: var(--bs-primary, #45c4a0); }
.erp-modnav .nav-link:hover { border-color: rgba(69, 196, 160, .5); transform: translateX(3px); }
.erp-modnav .nav-link.active { background: var(--bs-primary, #45c4a0); color: #fff; border-color: transparent;
    box-shadow: 0 .7rem 1.5rem rgba(69, 196, 160, .32); }
.erp-modnav .nav-link.active i { color: #fff; }

.erp-before { border: 1px dashed rgba(220, 53, 69, .4); border-radius: 1rem; }
.erp-after { border: 1px solid rgba(69, 196, 160, .5); border-radius: 1rem; }

.erp-roadmap__line { position: absolute; top: 1.5rem; left: 12%; right: 12%; height: 2px;
    background: rgba(30, 34, 40, .12); z-index: 0; }
.erp-roadmap__num { position: relative; z-index: 1; display: inline-grid; place-items: center;
    width: 3rem; height: 3rem; border-radius: 50%; background: var(--bs-primary, #45c4a0); color: #fff;
    font-weight: 700; }

/* ---- extracted inline styles ---- */
.gen-1 { top: 10%; left: 3%; }
.gen-2 { z-index: 2; }
.gen-3 { height: 130px }