/* Shared public refinements. The Odoo service page is deliberately excluded. */
body.s4-refresh { --refresh-ink:#edf5ff; --refresh-muted:#c0d0e3; }
body.s4-refresh .navbar-s4,body.s4-refresh .navbar-s4.scrolled { min-height:76px;background:#081a2e!important;border-bottom:1px solid #27405a;backdrop-filter:none!important; }
body.s4-refresh .navbar-s4 .nav-link { color:#c8d7e7!important; }
body.s4-refresh .navbar-s4 { padding-block:10px!important; }
body.s4-refresh .navbar-s4 .navbar-brand img,body.s4-refresh .navbar-s4 a>img { max-height:54px!important;width:auto!important;object-fit:contain; }
body.s4-refresh .navbar-s4 .logo { max-height:54px!important; }
body.s4-refresh .navbar-s4 .navbar-brand { display:block!important;width:124px;min-width:124px;height:54px!important;min-height:54px;padding:0!important;background:url('/odoo-reference/images/software4-header.webp') left center / 102px auto no-repeat; }
body.s4-refresh .navbar-s4 .navbar-brand img { opacity:0;width:118px!important;height:54px!important; }
body.s4-refresh .navbar-s4 .nav-link.active { color:#fff!important; }
body.s4-refresh .navbar-s4 .dropdown-menu { background:#0b2138!important;border:1px solid #31516e!important; }
body.s4-refresh .navbar-s4 .dropdown-item { color:#e8f2ff!important; }
body.s4-refresh .navbar-s4 .dropdown-item:hover { background:#173957!important; }
body.s4-refresh :is(h1,h2,h3,h4,section,[id]) { scroll-margin-top:100px; }
body.s4-refresh .footer-s4 :is(p,a,li),body.s4-refresh footer :is(p,a,li) { color:#c0d0e3!important; }
body.s4-refresh footer img[alt*='Software4'] { content:url('/odoo-reference/images/software4-header.webp');width:145px!important;height:76px!important;object-fit:contain; }
body.s4-refresh :is(a,button,input,textarea,select,summary):focus-visible { outline:3px solid #56cde8;outline-offset:4px; }
body.s4-refresh :is(.blog-featured-title,.blog-featured-title a,.blog-card-title,.blog-card-title a) { color:#f2f7ff!important; }
body.s4-refresh :is(.blog-featured-excerpt,.blog-card-excerpt,.blog-hero-sub,.post-hero-meta) { color:#c0d0e3!important; }
body.s4-refresh .blog-featured :is(h2,h3,a:not(.blog-btn)) { color:#f2f7ff!important; }
body.s4-refresh :is(.blog-featured,.blog-card) { background:#0d2742!important;border-color:#36516e!important; }
body.s4-refresh .blog-featured .blog-featured-btn { color:#fff!important; }
body.s4-refresh .post-main .blog-content { max-width:760px;margin-inline:auto;font-size:1.06rem;line-height:1.85;color:#cbd9e9!important; }
body.s4-refresh .post-main .blog-content a:not([class*='btn']) { color:#7cddf3!important;text-decoration:underline;text-underline-offset:3px; }
body.s4-refresh .post-main .blog-content :is(h2,h3) { color:#f5f9ff!important;margin-top:2.5rem;line-height:1.3; }
body.s4-refresh .post-main .blog-content p { margin-bottom:1.3rem; }
body.s4-refresh .legal-body { color:#cbd9e9!important; }
body.s4-refresh .legal-doc :is(p,li) { color:#cbd9e9!important;line-height:1.85; }
body.s4-refresh.s4-pricing-page :is(.svc-cap,.erp-why) { display:none!important; }
body.s4-refresh.s4-pricing-page .svc-hero { padding-bottom:55px!important; }
body.s4-refresh :is(.svc-hero,.blog-hero,.post-hero,.legal-hero) { padding-top:140px!important; }
body.s4-refresh .svc-plan-rail { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;overflow:visible!important;gap:24px!important; }
body.s4-refresh .svc-plan { padding:28px!important;background:#0d2742!important;border-color:#36516e!important;transform:none!important; }
body.s4-refresh .svc-plan-name { font-size:.85rem;color:#83dff4!important;letter-spacing:.08em; }
body.s4-refresh .svc-plan-price { color:#fff!important;font-size:2.5rem; }
body.s4-refresh .svc-plan-period,body.s4-refresh .svc-plan-features li,body.s4-refresh .svc-pricing-foot p { color:#c8d8e8!important; }
body.s4-refresh .svc-plan-features li { font-size:.93rem!important;line-height:1.65; }
body.s4-refresh .svc-plan-features { flex:none!important;gap:12px; }
body.s4-refresh .svc-plan-action { padding-top:20px; }
body.s4-refresh .svc-plan.is-popular { border-color:#53cfe9!important; }
body.s4-refresh .svc-plan-badge { background:#197f98!important;font-size:.68rem; }
.s4-plan-intent { font-size:1rem;line-height:1.6;color:#d1e0ef;min-height:3.2em;margin-top:20px; }
.s4-plan-details { border-top:1px solid #36516e;padding-top:15px;margin-bottom:20px;color:#c8d8e8; }
.s4-plan-details summary { color:#8ee3f6;cursor:pointer;font-weight:650;padding:8px 0; }
.s4-plan-details ul { margin:14px 0;padding-left:20px;font-size:.9rem;line-height:1.7; }
.s4-plan-details li { margin-bottom:10px; }
.s4-scope-note { padding:24px;border:1px solid #36516e;border-radius:16px;background:#0d2742;color:#cfdfef;margin:30px 0;line-height:1.75; }
.s4-scope-note h3 { color:#fff;font-size:1.1rem;margin:0 0 10px; }
.s4-scope-note a { color:#8ee3f6; }
.s4-workflow { padding:28px;border:1px solid #36516e;border-radius:20px;background:linear-gradient(145deg,#103550,#081a2e);margin-top:30px; }
.s4-workflow-kicker { color:#85e1f5;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750; }
.s4-workflow h2 { color:#fff!important;font-size:1.4rem;margin:12px 0 20px; }
.s4-workflow ol { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0;counter-reset:workflow; }
.s4-workflow li { counter-increment:workflow;padding:18px 14px;background:#102c47;border:1px solid #3a5874;border-radius:12px;color:#c9dbec;font-size:.87rem;line-height:1.55; }
.s4-workflow li::before { content:'0' counter(workflow);display:block;color:#74dcf3;font-size:.78rem;margin-bottom:10px;font-weight:800; }
.s4-workflow strong { display:block;color:#fff;margin-bottom:7px; }
.s4-workflow-caption { color:#afc6dc;font-size:.8rem;margin:16px 0 0; }
.s4-refresh .spd-hero { padding-top:140px!important;padding-bottom:65px!important; }
.s4-refresh .spd-hero .spd-icon { display:none!important; }
.s4-refresh .s4-service-intro { width:100%!important;max-width:950px;margin-inline:auto; }
.s4-refresh .s4-service-form-section { padding:64px 0;background:#081c33; }
.s4-service-form-section>.container { max-width:1080px; }
.s4-service-form-section .s4-service-form-layout { display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start; }
.s4-service-form-section h2 { color:#fff;font-size:2rem;line-height:1.2; }
.s4-service-form-section p { color:#c2d4e5;line-height:1.75; }
.s4-service-form-section #lead-form { width:100%; }
body.s4-refresh .spd-lead-card .form-control { background:#102a44!important;border-color:#46627b!important;color:#f3f8ff!important; }
body.s4-refresh .spd-lead-card .form-control::placeholder { color:#b0c3d6!important; }
body.s4-refresh .spd-lead-card label { color:#d1e0ef!important; }
body.s4-refresh.s4-contact-page main>section:first-child,body.s4-refresh.s4-about-page main>section:first-child { padding-top:135px!important;padding-bottom:45px!important; }
body.s4-refresh.s4-contact-page main>section:first-child .section-label,body.s4-refresh.s4-about-page main>section:first-child .section-label { width:auto!important;display:inline-block!important; }
body.s4-refresh.s4-contact-page main>section:nth-child(2) { padding-top:45px!important; }
.s4-evidence-links { display:flex;flex-wrap:wrap;gap:12px;margin-top:24px; }
.s4-evidence-links a { color:#8ee3f6!important;border:1px solid #3a5874;border-radius:10px;padding:12px 18px;text-decoration:none; }
body.s4-refresh .catalog-main { background:#f7f9fc; }
body.s4-refresh .catalog-card p { color:#4d6075; }
.s4-service-symbol { display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e7f3fc;color:#176895;font-size:1.8rem!important;margin-bottom:22px; }
body.s4-refresh .catalog-card { border-top:3px solid #2886b4; }
@media(max-width:1000px){body.s4-refresh .svc-plan-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}.s4-service-form-section .s4-service-form-layout{grid-template-columns:1fr}}
@media(max-width:640px){body.s4-refresh .svc-plan-rail{grid-template-columns:1fr!important}.s4-workflow ol{grid-template-columns:1fr}.s4-plan-intent{min-height:0}.s4-refresh .spd-hero{padding-top:115px!important}.s4-workflow{padding:22px}.s4-refresh .navbar-s4{min-height:70px}.s4-refresh.s4-contact-page main>section:first-child,.s4-refresh.s4-about-page main>section:first-child{padding-top:115px!important}}
@media(prefers-reduced-motion:reduce){body.s4-refresh *{scroll-behavior:auto!important}}
@media(max-width:640px){body.s4-refresh :is(.svc-hero,.blog-hero,.post-hero,.legal-hero){padding-top:115px!important}}