/* =========================================================
   UI Foundation - Service Legacy
   Services Board App + Ecommerce Module
   Developer: Y.Bintang.H
   Tahap: Prioritas 7B
   ---------------------------------------------------------
   File ini menggantikan pemuatan style.css untuk halaman service
   dan halaman sparepart lama. style.css tetap disimpan sebagai
   legacy fallback, tetapi tidak lagi menjadi CSS utama.
   ========================================================= */
:root{--pj-red:#e11d2e;--pj-red-dark:#be123c;--pj-dark:#111827;--pj-light:#f8fafc;--pj-border:#e5e7eb;--pj-soft:#fff1f2;--pj-muted:#6b7280;--pj-shadow:0 12px 32px rgba(15,23,42,.07)}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--pj-light);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827;overflow-x:hidden}.bg-pj{background:linear-gradient(135deg,#111827,#e11d2e)}.app-shell{min-height:100vh;display:flex;background:var(--pj-light)}.sidebar{width:270px;background:linear-gradient(180deg,#111827,#1f2937);color:#fff;position:fixed;top:0;bottom:0;left:0;z-index:1000}.sidebar-mobile{background:#111827;color:#fff}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--pj-red);display:grid;place-items:center;font-weight:800;box-shadow:0 8px 24px rgba(225,29,46,.35)}.sidebar-menu{padding:16px}.sidebar-menu a{display:flex;align-items:center;gap:10px;color:#d1d5db;text-decoration:none;padding:12px 14px;border-radius:14px;margin-bottom:6px;transition:.18s ease}.sidebar-menu a:hover,.sidebar-menu a.active{background:rgba(225,29,46,.18);color:#fff}.main-content{margin-left:270px;width:calc(100% - 270px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--pj-border);padding:0 24px;position:sticky;top:0;z-index:10}.content-wrap{padding:24px;flex:1}.card,.form-control,.form-select,.btn{border-radius:14px}.table-card{border:0;border-radius:22px;box-shadow:var(--pj-shadow);overflow:hidden;background:#fff}.table-card .card-header{border-bottom:1px solid var(--pj-border);padding:16px 18px}.btn-pj{background:var(--pj-red);border-color:var(--pj-red);color:#fff;font-weight:700}.btn-pj:hover{background:var(--pj-red-dark);border-color:var(--pj-red-dark);color:#fff}.mobile-service-card{border:1px solid var(--pj-border);border-radius:18px;background:#fff;padding:14px;margin-bottom:12px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.frontend-hero{background:linear-gradient(135deg,#111827,#e11d2e);color:#fff;border-radius:0 0 28px 28px;padding:28px 0 36px}.frontend-search{margin-top:-22px}.detail-box{background:#fff;border:1px solid var(--pj-border);border-radius:18px;padding:16px}.money-info-box{background:#f8fafc;border:1px solid var(--pj-border);border-radius:14px;padding:10px 12px}.money-info-box span{font-size:12px;color:#6b7280}.money-info-box strong{font-size:15px;color:#111827}.pj-dashboard-stats{margin-bottom:24px}.pj-stat-card{height:100%;border:0;border-radius:22px;background:#fff;box-shadow:var(--pj-shadow);overflow:hidden;position:relative;transition:.18s ease}.pj-stat-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.1)}.pj-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--stat-color,var(--pj-red))}.pj-stat-body{min-height:160px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pj-stat-icon{width:58px;height:58px;min-width:58px;border-radius:20px;display:grid;place-items:center;background:var(--stat-bg,#fff1f2);color:var(--stat-color,var(--pj-red));font-size:26px;margin:0 auto 10px;border:1px solid var(--stat-border,#ffe4e6)}.pj-stat-title{font-size:14px;font-weight:800;line-height:1.25;color:#111827;margin-bottom:5px;min-height:18px}.pj-stat-value{font-size:31px;font-weight:900;line-height:1;color:var(--stat-color,var(--pj-red));margin-bottom:7px}.pj-stat-desc{font-size:12px;line-height:1.35;color:var(--pj-muted);margin:0;max-width:220px}.pj-stat-red{--stat-color:#e11d2e;--stat-bg:#fff1f2;--stat-border:#ffe4e6}.pj-stat-blue{--stat-color:#0284c7;--stat-bg:#eff6ff;--stat-border:#dbeafe}.pj-stat-purple{--stat-color:#7c3aed;--stat-bg:#f5f3ff;--stat-border:#ede9fe}.pj-stat-yellow{--stat-color:#d97706;--stat-bg:#fffbeb;--stat-border:#fef3c7}.pj-stat-green{--stat-color:#059669;--stat-bg:#ecfdf5;--stat-border:#d1fae5}.pj-section-title{font-size:16px;font-weight:900;margin:0}.pj-latest-card{border:1px solid var(--pj-border);border-radius:18px;background:#fff;padding:14px;margin-bottom:12px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.pj-latest-title{font-size:14px;font-weight:800;color:#111827}.pj-latest-subtitle{font-size:14px;font-weight:700;color:#111827}.pj-latest-meta{font-size:13px;color:#6b7280}.pj-mini-label{font-size:12px;color:#6b7280}.pj-mini-value{font-size:13px;font-weight:700;color:#111827}.chart-wrap{position:relative;height:280px;max-width:100%;overflow:hidden}.chart-note{font-size:13px;color:#6b7280;text-align:center;margin-top:10px}.stat-card{border:0;border-radius:22px;box-shadow:var(--pj-shadow)}.stat-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--pj-soft);color:var(--pj-red);font-size:22px}.token-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.customer-token-code{display:inline-block;background:#111827;color:#fff;border-radius:10px;padding:8px 10px;font-size:13px;word-break:break-all;max-width:100%}@media(max-width:991px){.app-shell{display:block}.main-content{margin-left:0;width:100%;display:block;min-height:auto}.content-wrap{padding:16px}.table-desktop{display:none!important}.frontend-hero{padding-top:24px}.topbar{height:64px;padding:0 12px}.navbar.bg-pj{box-shadow:0 6px 18px rgba(15,23,42,.12)}}@media(min-width:992px){.cards-mobile{display:none!important}}@media(max-width:575px){.content-wrap{padding:12px}.pj-dashboard-stats{--bs-gutter-x:10px;--bs-gutter-y:10px}.pj-stat-body{min-height:148px;padding:16px 10px}.pj-stat-icon{width:52px;height:52px;min-width:52px;font-size:23px;border-radius:17px;margin-bottom:9px}.pj-stat-title{font-size:13.5px}.pj-stat-value{font-size:28px;margin-bottom:6px}.pj-stat-desc{font-size:11.5px;line-height:1.3;max-width:260px}.table-card{border-radius:18px}.table-card .card-header{padding:12px 14px}.cards-mobile{padding:12px!important}.chart-wrap{height:240px}.btn-sm{padding:.32rem .6rem;font-size:.78rem}}@media(max-width:390px){.pj-stat-body{min-height:142px}.pj-stat-title{font-size:13px}.pj-stat-value{font-size:26px}.pj-stat-desc{font-size:11px}}@media(max-width:340px){.pj-dashboard-stats>.col-6{width:100%;flex:0 0 100%}.pj-stat-body{min-height:130px}}
/* PUBLIC HOMEPAGE */
.pj-public-nav{background:#fff;border-bottom:1px solid var(--pj-border);position:sticky;top:0;z-index:20}.pj-public-logo{width:38px;height:38px;border-radius:13px;background:var(--pj-red);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 22px rgba(225,29,46,.25)}.pj-landing-hero{background:linear-gradient(135deg,#111827 0%,#1f2937 46%,#e11d2e 100%);color:#fff;padding:70px 0 76px;border-radius:0 0 34px 34px}.pj-landing-hero h1{font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.04;letter-spacing:-.04em}.pj-landing-hero .lead{color:rgba(255,255,255,.82);font-size:18px;max-width:680px}.pj-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 13px;font-weight:700}.pj-hero-note{color:rgba(255,255,255,.76);font-size:14px}.pj-hero-card{background:#fff;color:#111827;border-radius:28px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.pj-phone-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.pj-phone-card-top i{font-size:44px;color:var(--pj-red)}.pj-check-list{display:grid;gap:12px}.pj-check-list div{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid var(--pj-border);border-radius:16px;padding:12px 14px;font-weight:700}.pj-check-list i{color:#10b981}.pj-section{padding:70px 0}.pj-soft-section{background:#fff}.pj-section-head span,.pj-contact-card span{display:inline-block;color:var(--pj-red);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:8px}.pj-section-head h2,.pj-contact-card h2{font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:-.03em;margin-bottom:10px;color:#111827}.pj-section-head p{color:#6b7280;max-width:720px}.pj-section-head.text-center p{margin-left:auto;margin-right:auto}.pj-service-card,.pj-feature-box,.pj-status-card,.pj-contact-card,.pj-faq-card{background:#fff;border:1px solid var(--pj-border);border-radius:24px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.pj-service-card{padding:22px}.pj-service-icon{width:52px;height:52px;border-radius:18px;background:var(--pj-soft);color:var(--pj-red);display:grid;place-items:center;font-size:24px;margin-bottom:16px}.pj-service-card h3{font-size:18px;font-weight:800;margin-bottom:8px}.pj-service-card p{color:#6b7280;font-size:14px;line-height:1.55;margin:0}.pj-feature-box{padding:20px;display:grid;gap:6px;height:100%}.pj-feature-box i{width:46px;height:46px;border-radius:16px;background:#fff1f2;color:var(--pj-red);display:grid;place-items:center;font-size:22px;margin-bottom:6px}.pj-feature-box strong{font-size:17px}.pj-feature-box span{color:#6b7280;font-size:14px}.pj-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.pj-step-card{background:#fff;border:1px solid var(--pj-border);border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.pj-step-number{width:38px;height:38px;border-radius:14px;background:var(--pj-red);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:14px}.pj-step-card h3{font-size:17px;font-weight:800}.pj-step-card p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.pj-status-section{background:linear-gradient(180deg,#fff,#f8fafc)}.pj-status-card{padding:24px}.pj-contact-card{padding:28px}.pj-contact-card p{color:#6b7280;line-height:1.7}.pj-faq-card{padding:24px}.pj-faq-card .accordion-item{border-color:var(--pj-border)}.pj-faq-card .accordion-button{font-weight:700}.pj-public-footer{background:#111827;color:#fff;padding:28px 0}.pj-public-footer span{color:#d1d5db}@media(max-width:991px){.pj-landing-hero{padding:44px 0 56px}.pj-section{padding:48px 0}.pj-steps{grid-template-columns:repeat(2,1fr)}.pj-public-nav{position:relative}}@media(max-width:575px){.pj-landing-hero{border-radius:0 0 24px 24px}.pj-landing-hero .lead{font-size:16px}.pj-hero-card{border-radius:22px;padding:20px}.pj-steps{grid-template-columns:1fr}.pj-service-card,.pj-feature-box,.pj-status-card,.pj-contact-card,.pj-faq-card{border-radius:20px}.pj-section{padding:40px 0}.pj-public-nav .navbar-brand{font-size:16px}}
/* CACHE UPDATE FRONTEND SAFETY */
.pj-public-nav .navbar-toggler{border-color:rgba(17,24,39,.18)}
.pj-public-nav .navbar-toggler:focus{box-shadow:0 0 0 .15rem rgba(225,29,46,.18)}
.pj-landing-hero,.pj-section,.pj-public-nav{width:100%}
main{display:block}

/* === CUSTOMER STATUS PAGE STABLE FIX === */
.status-hero{padding-top:18px}.status-top-nav{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:24px}.status-home-link{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px;backdrop-filter:blur(8px)}.status-home-link:hover{background:#fff;color:#111827}.status-main-card{border-radius:24px;overflow:hidden}.status-header-box{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--pj-border);padding-bottom:18px}.status-process-box{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--pj-border);border-radius:22px;padding:20px;margin-bottom:18px}.status-process-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.status-section-label{display:inline-block;color:var(--pj-red);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:4px}.status-section-title{font-size:24px;font-weight:900;letter-spacing:-.02em;margin:0;color:#111827}.status-current-pill{background:#fff1f2;color:#e11d2e;border:1px solid #ffe4e6;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;white-space:nowrap}.status-current-pill.status-cancel{background:#fef2f2;color:#dc2626;border-color:#fecaca}.status-progress-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.status-progress-item{position:relative;background:#fff;border:1px solid var(--pj-border);border-radius:18px;padding:14px 10px;text-align:center;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.status-progress-icon{width:38px;height:38px;border-radius:14px;background:#f3f4f6;color:#6b7280;display:grid;place-items:center;font-weight:900;margin-bottom:10px}.status-progress-content strong{display:block;font-size:13px;line-height:1.25;color:#111827;margin-bottom:5px}.status-progress-content span{display:block;font-size:12px;line-height:1.35;color:#6b7280}.status-progress-item.done{border-color:#bbf7d0;background:#f0fdf4}.status-progress-item.done .status-progress-icon{background:#22c55e;color:#fff}.status-progress-item.active{border-color:#fecdd3;background:#fff1f2;box-shadow:0 10px 26px rgba(225,29,46,.08)}.status-progress-item.active .status-progress-icon{background:var(--pj-red);color:#fff}.status-progress-item.active .status-progress-content strong{color:var(--pj-red)}.service-cancel-box{background:#fff1f2;border:1px solid #fecdd3;border-radius:20px;padding:18px;display:flex;align-items:flex-start;gap:14px;color:#991b1b}.service-cancel-icon{width:46px;height:46px;border-radius:16px;background:#e11d2e;color:#fff;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.service-cancel-title{font-size:18px;font-weight:900;margin-bottom:4px}.service-cancel-text{font-size:14px;line-height:1.6;color:#7f1d1d}.status-back-wrap{text-align:center;margin-top:24px}@media(max-width:991px){.status-progress-list{grid-template-columns:repeat(3,minmax(0,1fr))}.status-progress-item{min-height:126px}.status-section-title{font-size:21px}}@media(max-width:575px){.status-hero{padding-top:16px}.status-top-nav{margin-bottom:18px}.status-home-link{font-size:13px;padding:7px 12px}.status-header-box{align-items:flex-start;flex-direction:column}.status-main-card{border-radius:22px}.status-process-box{padding:16px;border-radius:20px}.status-process-head{flex-direction:column}.status-current-pill{align-self:flex-start}.status-progress-list{grid-template-columns:1fr;gap:8px}.status-progress-item{min-height:auto;text-align:left;flex-direction:row;align-items:flex-start;gap:12px;padding:13px}.status-progress-icon{width:36px;height:36px;min-width:36px;margin-bottom:0}.status-progress-content strong{font-size:14px}.status-progress-content span{font-size:12.5px}.status-section-title{font-size:19px}.status-header-box h4{font-size:20px}.service-cancel-box{padding:15px}.service-cancel-icon{width:42px;height:42px;border-radius:14px}}

/* === FIX STATUS SERVICE TOKEN TANPA STRIP - COMPACT & STABLE === */
.status-page{background:#f8fafc;color:#111827;min-height:100vh}.status-page .status-hero-compact{background:linear-gradient(135deg,#111827 0%,#3a1628 45%,#e11d2e 100%);color:#fff;border-radius:0 0 26px 26px;padding:18px 0 42px}.status-page .status-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.status-page .status-home-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.status-page .status-home-btn:hover{background:#fff;color:#111827}.status-page .status-brand-mini{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.status-page .status-logo{width:34px;height:34px;border-radius:12px;background:#e11d2e;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;box-shadow:0 8px 22px rgba(225,29,46,.25)}.status-page .status-brand-mini .badge{font-size:11px;padding:5px 8px;border-radius:999px}.status-page .status-hero-title{text-align:center}.status-page .status-hero-title h1{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.03em;margin-bottom:4px}.status-page .status-hero-title p{font-size:14px;color:rgba(255,255,255,.78);margin:0}.status-page .status-container{margin-top:-22px}.status-page .status-main-card{border-radius:22px;overflow:hidden;border:1px solid rgba(15,23,42,.06)}.status-page .status-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:14px}.status-page .status-summary h5{font-size:19px;margin:0}.status-page .tracking-code{font-size:12px;color:#6b7280}.status-page .tracking-code strong{color:#111827;letter-spacing:.02em}.status-page .pj-status-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.status-page .pj-status-step-card{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:10px 6px;text-align:center;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center}.status-page .pj-status-step-card.done{background:#f0fdf4;border-color:#bbf7d0}.status-page .pj-status-step-card.active{background:#fff1f2;border-color:#fecdd3;box-shadow:0 8px 20px rgba(225,29,46,.08)}.status-page .pj-status-step-icon{width:28px;height:28px;border-radius:10px;background:#f3f4f6;color:#6b7280;display:grid;place-items:center;font-size:12px;font-weight:900;margin-bottom:7px}.status-page .pj-status-step-card.done .pj-status-step-icon{background:#22c55e;color:#fff}.status-page .pj-status-step-card.active .pj-status-step-icon{background:#e11d2e;color:#fff}.status-page .pj-status-step-title{font-size:11.5px;font-weight:900;line-height:1.18;color:#111827}.status-page .pj-status-step-card.active .pj-status-step-title{color:#e11d2e}.status-page .service-cancel-box.compact{background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;padding:14px;display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.status-page .service-cancel-icon{width:40px;height:40px;min-width:40px;border-radius:14px;background:#e11d2e;color:#fff;display:grid;place-items:center;font-size:19px}.status-page .service-cancel-title{font-size:16px;font-weight:900;color:#991b1b;margin-bottom:3px}.status-page .service-cancel-text{font-size:13px;color:#7f1d1d;line-height:1.5}.status-page .detail-box.compact,.status-page .money-info-box.compact{padding:11px 12px!important;border-radius:14px!important;min-height:62px}.status-page .detail-box.compact .text-muted,.status-page .money-info-box.compact span{font-size:11px}.status-page .detail-box.compact .fw-bold,.status-page .money-info-box.compact strong{font-size:13px;line-height:1.35}.status-page .status-note-box{font-size:12.5px;padding:12px 14px;border-radius:14px}.status-page .status-bottom-actions{text-align:center;margin-top:16px}.status-page .status-bottom-actions .btn{font-size:13px;padding:7px 13px}.pj-footer{background:#111827;color:#fff;text-align:center;padding:22px 12px;line-height:1.22}.pj-footer p{margin:0 0 4px}.pj-footer .footer-title{font-weight:900}.pj-footer a{color:#fff;text-decoration:none;font-weight:800}.pj-footer .footer-credit{color:#fecdd3;font-weight:800}@media(max-width:991px){.status-page .pj-status-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.status-page .pj-status-step-card{min-height:82px}}@media(max-width:575px){.status-page .status-hero-compact{padding:12px 0 32px;border-radius:0 0 20px 20px}.status-page .status-topbar{margin-bottom:10px}.status-page .status-home-btn{font-size:12px;padding:6px 10px}.status-page .status-logo{width:31px;height:31px;border-radius:10px}.status-page .status-brand-mini .badge{font-size:10.5px;padding:4px 7px}.status-page .status-hero-title h1{font-size:25px}.status-page .status-hero-title p{font-size:12.5px}.status-page .status-container{margin-top:-16px}.status-page .status-main-card{border-radius:18px}.status-page .status-main-card .card-body{padding:12px!important}.status-page .status-summary{margin-bottom:12px;padding-bottom:10px}.status-page .status-summary h5{font-size:17px}.status-page .pj-status-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.status-page .pj-status-step-card{min-height:72px;padding:8px 5px;border-radius:13px}.status-page .pj-status-step-icon{width:24px;height:24px;border-radius:8px;font-size:11px;margin-bottom:5px}.status-page .pj-status-step-title{font-size:10.5px}.status-page .row.g-2{--bs-gutter-x:7px;--bs-gutter-y:7px}.status-page .detail-box.compact,.status-page .money-info-box.compact{padding:9px 10px!important;min-height:56px}.status-page .detail-box.compact .fw-bold,.status-page .money-info-box.compact strong{font-size:12.5px}.status-page .status-note-box{font-size:12px;padding:10px 12px}.pj-footer{padding:18px 10px;font-size:12px}}

/* === PUBLIC HOME CENTER CARDS UPDATE === */
.pj-service-card,.pj-feature-box,.pj-step-card{text-align:center}.pj-service-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 20px}.pj-service-icon{margin-left:auto;margin-right:auto;margin-bottom:14px}.pj-service-card h3{width:100%;text-align:center}.pj-service-card p{max-width:260px;margin-left:auto;margin-right:auto;text-align:center}.pj-feature-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:170px;padding:22px 18px;text-align:center}.pj-feature-box i{margin-left:auto;margin-right:auto;margin-bottom:6px}.pj-feature-box strong{display:block;text-align:center;width:100%}.pj-feature-box span{display:block;text-align:center;max-width:260px;margin-left:auto;margin-right:auto}.pj-step-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:190px;padding:20px 16px;text-align:center}.pj-step-number{margin-left:auto;margin-right:auto;margin-bottom:12px}.pj-step-card h3,.pj-step-card p{text-align:center}.pj-step-card p{max-width:240px;margin-left:auto;margin-right:auto}@media(max-width:575px){.pj-service-card{padding:20px 16px}.pj-service-icon{width:48px;height:48px;border-radius:16px;font-size:22px}.pj-feature-box{min-height:150px;padding:18px 14px}.pj-step-card{min-height:auto;padding:18px 14px}.pj-step-number{width:36px;height:36px;border-radius:13px}}

/* Penerimaan Service */
.form-check.border{cursor:pointer}.form-check.border:hover{background:#fff1f2}.receipt-action-card{background:#fff;border:1px solid var(--pj-border);border-radius:18px;padding:14px}.receipt-action-card .btn{white-space:nowrap}
@media(max-width:575px){.receipt-action-card{padding:12px}.receipt-action-card .btn{width:100%}}


/* === UPDATE KONFIRMASI PELANGGAN + DETAIL ADMIN === */
.pj-stat-orange{--stat-color:#ea580c;--stat-bg:#fff7ed;--stat-border:#fed7aa}.admin-note-box{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:16px;padding:14px;font-size:14px;line-height:1.55}.status-page .pj-status-flow{grid-template-columns:repeat(7,minmax(0,1fr))}.status-page .pj-status-step-title{font-size:10.8px}@media(max-width:1199px){.status-page .pj-status-flow{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:575px){.status-page .pj-status-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-note-box{font-size:13px;padding:12px}}

/* === KONSULTASI SERVICE PAGE UPDATE === */
.pj-consult-nav{background:#fff;border-bottom:1px solid var(--pj-border);position:relative;z-index:5}.pj-consult-hero{padding:64px 0;background:linear-gradient(135deg,#111827 0%,#3a1628 45%,#e11d2e 100%);color:#fff;border-radius:0 0 32px 32px}.pj-consult-hero h1{font-size:clamp(34px,5vw,58px);font-weight:900;letter-spacing:-.04em;line-height:1.02}.pj-consult-hero .lead{color:rgba(255,255,255,.82);font-size:18px;line-height:1.65}.pj-consult-mini-list{display:grid;gap:10px;margin-top:22px}.pj-consult-mini-list div{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.9);font-weight:700}.pj-consult-mini-list i{color:#22c55e;margin-top:2px}.pj-consult-form-card{background:#fff;color:#111827;border-radius:26px;padding:26px;box-shadow:0 18px 50px rgba(15,23,42,.18)}.pj-consult-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pj-consult-checks label{border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;padding:10px 12px;font-size:14px;font-weight:700;display:flex;gap:8px;align-items:center;cursor:pointer}.pj-consult-checks label:hover{background:#fff1f2;border-color:#fecdd3}.pj-consult-checks input{accent-color:#e11d2e}.pj-consult-problem-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px 14px;text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.pj-consult-problem-card i{width:48px;height:48px;border-radius:16px;background:#fff1f2;color:#e11d2e;display:grid;place-items:center;font-size:24px}.pj-consult-problem-card span{font-weight:800;line-height:1.25}.pj-consult-cta-section{padding-top:10px}.pj-consult-cta-card{background:linear-gradient(135deg,#111827,#e11d2e);color:#fff;border-radius:28px;padding:30px;box-shadow:0 18px 45px rgba(15,23,42,.12)}.pj-consult-cta-card .pj-section-head span{color:#fecdd3}.pj-consult-cta-card .pj-section-head h2,.pj-consult-cta-card .pj-section-head p{color:#fff}.pj-consult-cta-card .btn-pj{background:#fff;color:#e11d2e;border-color:#fff}.pj-consult-cta-card .btn-pj:hover{background:#fff1f2;color:#be123c;border-color:#fff1f2}@media(max-width:767px){.pj-consult-hero{padding:38px 0;border-radius:0 0 24px 24px}.pj-consult-hero .lead{font-size:15px}.pj-consult-form-card{padding:18px;border-radius:22px}.pj-consult-checks{grid-template-columns:1fr}.pj-consult-checks label{font-size:13px;padding:9px 10px}.pj-consult-problem-card{min-height:105px;padding:15px 10px}.pj-consult-problem-card i{width:42px;height:42px;font-size:21px}.pj-consult-problem-card span{font-size:13px}.pj-consult-cta-card{padding:22px;border-radius:22px;text-align:center}}

.status-warranty-box{background:#ecfdf5;border-color:#bbf7d0!important;color:#065f46;border-radius:16px}.status-warranty-box strong{color:#047857}

/* Accurate Invoice Link */
.status-invoice-box{border-radius:16px}.status-invoice-box .btn{border-radius:12px}.invoice-link-preview{word-break:break-all;font-size:12px;color:#6b7280}

/* === CEK STATUS CUSTOMER V2: compact, responsive, mobile friendly === */
.status-v2{background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)}
.status-v2 .status-v2-hero{background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.18),transparent 32%),linear-gradient(135deg,#151827 0%,#32182c 48%,#e11d2e 100%);padding-bottom:52px}
.status-v2 .status-hero-title h1{letter-spacing:-.04em;text-shadow:0 2px 14px rgba(0,0,0,.2)}
.status-v2 .status-v2-container{max-width:760px;margin-top:-30px}
.status-v2 .status-v2-card{border-radius:28px!important;box-shadow:0 22px 70px rgba(15,23,42,.14)!important;overflow:hidden;border:1px solid rgba(15,23,42,.06)!important}
.status-v2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #eef2f7;padding-bottom:14px;margin-bottom:14px}
.status-v2-code span,.status-v2-label{display:block;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.01em}.status-v2-code strong{display:block;color:#0f172a;font-size:22px;font-weight:950;line-height:1.08;letter-spacing:-.02em}.status-v2-code small{display:block;color:#64748b;font-size:12px;margin-top:3px}.status-v2-status-pill{display:inline-flex;align-items:center;gap:7px;background:#dcfce7;color:#15803d;border:1px solid #bbf7d0;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;white-space:nowrap}.status-v2-status-pill i{width:20px;height:20px;border-radius:999px;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:12px}.status-v2-status-pill.is-cancel{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.status-v2-status-pill.is-cancel i{background:#ef4444}.status-v2-current{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#f8fffb);border:1px solid #bbf7d0;border-radius:22px;padding:15px;margin-bottom:12px}.status-v2-current.is-cancel{background:#fef2f2;border-color:#fecaca}.status-v2-current-icon{width:46px;height:46px;min-width:46px;border-radius:17px;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 12px 26px rgba(34,197,94,.22)}.status-v2-current.is-cancel .status-v2-current-icon{background:#ef4444;box-shadow:0 12px 26px rgba(239,68,68,.18)}.status-v2-current h2{margin:1px 0 3px;color:#064e3b;font-size:22px;font-weight:950;letter-spacing:-.03em}.status-v2-current.is-cancel h2{color:#991b1b}.status-v2-current p{margin:0;color:#334155;font-size:13.5px;line-height:1.5}.status-v2-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.status-v2-mini-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:11px 12px;min-height:68px}.status-v2-mini-card span,.status-v2-money span,.status-v2-detail-grid span,.status-v2-warranty-summary span,.status-v2-warranty-meta span{display:block;color:#64748b;font-size:11px;font-weight:700}.status-v2-mini-card strong{display:block;color:#0f172a;font-size:13px;font-weight:900;line-height:1.28;margin-top:3px;word-break:break-word}.status-v2-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.status-v2-actions .btn{border-radius:999px;font-weight:800;padding:.45rem .75rem}.status-v2-accordion{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:10px;overflow:hidden}.status-v2-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;font-weight:900;color:#0f172a}.status-v2-accordion>summary::-webkit-details-marker{display:none}.status-v2-accordion>summary span{display:inline-flex;align-items:center;gap:8px}.status-v2-accordion[open]>summary{border-bottom:1px solid #eef2f7}.status-v2-accordion[open]>summary>.bi-chevron-down{transform:rotate(180deg)}.status-v2-accordion summary .bi-chevron-down{transition:.18s ease;color:#64748b}.status-v2-timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:12px}.status-v2-time-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:10px 6px;min-height:78px}.status-v2-time-step.done{background:#f0fdf4;border-color:#bbf7d0}.status-v2-time-step.active{background:#fff1f2;border-color:#fecdd3;box-shadow:0 8px 20px rgba(225,29,46,.08)}.status-v2-time-icon{width:28px;height:28px;border-radius:11px;background:#e5e7eb;color:#64748b;display:grid;place-items:center;font-weight:950;font-size:12px}.status-v2-time-step.done .status-v2-time-icon{background:#22c55e;color:#fff}.status-v2-time-step.active .status-v2-time-icon{background:#e11d2e;color:#fff}.status-v2-time-title{font-size:10.6px;line-height:1.15;font-weight:900;color:#0f172a}.status-v2-time-step.active .status-v2-time-title{color:#e11d2e}.status-v2-cancel-note{margin:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;padding:12px;color:#7f1d1d;font-size:13px}.status-v2-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.status-v2-money div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:17px;padding:12px}.status-v2-money strong{display:block;color:#0f172a;font-size:16px;font-weight:950;margin-top:2px}.status-v2-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.status-v2-detail-grid>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:15px;padding:11px}.status-v2-detail-grid strong{display:block;color:#0f172a;font-size:13px;line-height:1.45;margin-top:3px}.status-v2-detail-grid .wide{grid-column:1/-1}.status-v2-note-content{padding:12px 14px;color:#334155;font-size:13px;line-height:1.65}.status-v2-note-content span{color:#64748b}.status-v2-warranty{margin-top:12px;background:linear-gradient(135deg,#ecfdf5,#f7fffb);border:1px solid #bbf7d0;border-radius:22px;padding:14px}.status-v2-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.status-v2-section-head .status-v2-label{display:flex;align-items:center;gap:7px;color:#047857;font-weight:900}.status-v2-section-head h3{margin:2px 0 1px;color:#064e3b;font-size:20px;font-weight:950;letter-spacing:-.03em}.status-v2-section-head p{margin:0;color:#475569;font-size:12.5px}.status-v2-warranty-badge{min-width:54px;height:54px;border-radius:19px;background:#10b981;color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 12px 28px rgba(16,185,129,.2)}.status-v2-warranty-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.status-v2-warranty-summary div{background:#fff;border:1px solid #d1fae5;border-radius:16px;padding:10px;text-align:center}.status-v2-warranty-summary strong{display:block;color:#047857;font-size:18px;font-weight:950}.status-v2-warranty-list,.status-v2-claim-list{display:grid;gap:9px}.status-v2-warranty-item,.status-v2-claim-item{background:#fff;border:1px solid #d1fae5;border-radius:18px;padding:12px}.status-v2-warranty-item.is-ended{border-color:#e5e7eb;background:#f8fafc}.status-v2-warranty-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.status-v2-warranty-top small{display:block;color:#64748b;font-size:11px;font-weight:700}.status-v2-warranty-top h4{margin:1px 0 0;color:#064e3b;font-size:16px;font-weight:950}.status-v2-warranty-item.is-ended .status-v2-warranty-top h4{color:#334155}.status-v2-warranty-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.status-v2-warranty-meta div{background:#f8fafc;border:1px solid #eef2f7;border-radius:13px;padding:8px}.status-v2-warranty-meta strong{display:block;color:#0f172a;font-size:12px;line-height:1.25;margin-top:2px}.status-v2-inner-details{margin-top:9px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.status-v2-inner-details>summary{list-style:none;cursor:pointer;padding:10px 11px;font-weight:900;font-size:13px;color:#065f46}.status-v2-inner-details>summary::-webkit-details-marker{display:none}.status-v2-inner-details>summary:before{content:'▸';display:inline-block;margin-right:6px;transition:.15s ease}.status-v2-inner-details[open]>summary:before{transform:rotate(90deg)}.status-v2-inner-details>div{padding:0 11px 11px;color:#334155;font-size:12.5px;line-height:1.65}.status-v2-general-terms{background:#fff}.status-v2-muted-note{padding:0 14px 10px;color:#64748b;font-size:12.5px}.status-v2-claims{border-color:#bfdbfe;background:#eff6ff}.status-v2-claims[open]>summary{border-color:#dbeafe}.status-v2-claims .status-v2-claim-list{padding:0 12px 12px}.status-v2-claim-item{border-color:#dbeafe}.status-v2-tech-note{background:#fff}.status-v2-bottom{margin-top:16px}.status-v2-bottom .btn{border-radius:999px;font-weight:800;padding:.45rem .8rem}.status-v2 + .pj-app-footer,.status-v2~.pj-app-footer{padding:16px 10px}.pj-app-footer .pj-footer-inner{max-width:760px;margin:0 auto}.status-v2~.pj-app-footer .pj-footer-inner,.status-page~.pj-app-footer .pj-footer-inner{font-size:12px;line-height:1.25}.status-v2~.pj-app-footer .pj-footer-inner div:nth-child(2),.status-page~.pj-app-footer .pj-footer-inner div:nth-child(2){font-size:11px;color:rgba(255,255,255,.82)}
@media(max-width:767px){.status-v2 .status-v2-container{margin-top:-24px}.status-v2 .status-v2-card{border-radius:22px!important}.status-v2-head{gap:10px}.status-v2-code strong{font-size:18px}.status-v2-current{border-radius:19px;padding:13px}.status-v2-current-icon{width:40px;height:40px;min-width:40px;border-radius:15px;font-size:21px}.status-v2-current h2{font-size:19px}.status-v2-current p{font-size:12.8px}.status-v2-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.status-v2-mini-card{min-height:60px;padding:9px 10px}.status-v2-actions .btn{flex:1;min-width:130px}.status-v2-timeline{grid-template-columns:1fr;gap:0;padding:10px 12px}.status-v2-time-step{position:relative;flex-direction:row;text-align:left;justify-content:flex-start;min-height:auto;padding:8px 0;border:0;background:transparent!important;box-shadow:none!important}.status-v2-time-step:not(:last-child):after{content:'';position:absolute;left:14px;top:35px;bottom:-8px;width:2px;background:#e5e7eb}.status-v2-time-step.done:not(:last-child):after{background:#bbf7d0}.status-v2-time-icon{width:30px;height:30px;min-width:30px;border-radius:999px;z-index:1}.status-v2-time-title{font-size:13px}.status-v2-money{grid-template-columns:1fr}.status-v2-money div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.status-v2-money strong{font-size:14px;margin-top:0;text-align:right}.status-v2-detail-grid{grid-template-columns:1fr}.status-v2-warranty{padding:12px;border-radius:19px}.status-v2-section-head h3{font-size:18px}.status-v2-warranty-badge{width:48px;height:48px;min-width:48px;border-radius:16px}.status-v2-warranty-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.status-v2-warranty-top h4{font-size:15px}.status-v2-accordion>summary{padding:12px;font-size:14px}.status-v2-note-content{font-size:12.5px;padding:11px 12px}.status-v2~.pj-app-footer .pj-footer-inner div:nth-child(2),.status-page~.pj-app-footer .pj-footer-inner div:nth-child(2){display:none}.status-v2~.pj-app-footer,.status-page~.pj-app-footer{padding:14px 10px!important}}
@media(max-width:390px){.status-v2 .status-main-card .card-body{padding:11px!important}.status-v2-head{flex-direction:column}.status-v2-status-pill{align-self:flex-start}.status-v2-mini-grid{grid-template-columns:1fr}.status-v2-mini-card{min-height:auto}.status-v2-warranty-summary{gap:6px}.status-v2-warranty-summary div{padding:8px 6px}.status-v2-warranty-meta{grid-template-columns:1fr}.status-v2-money div{display:block}.status-v2-money strong{text-align:left;margin-top:2px}}

/* ADMIN ACTIVITY LOGS */
.activity-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#111827 0%,#1f2937 48%,#e11d2e 100%);color:#fff;border-radius:26px;padding:22px 24px;box-shadow:0 18px 46px rgba(15,23,42,.16);overflow:hidden;position:relative}.activity-hero:after{content:"";position:absolute;right:-80px;bottom:-110px;width:260px;height:260px;background:rgba(255,255,255,.08);border-radius:999px}.activity-hero h1{font-size:clamp(23px,3vw,36px);font-weight:950;letter-spacing:-.04em;margin:4px 0 7px}.activity-hero p{margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;max-width:760px}.activity-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.activity-hero-icon{width:76px;height:76px;min-width:76px;border-radius:25px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:36px;position:relative;z-index:1}.activity-stat-card{height:100%;background:#fff;border:1px solid var(--pj-border);border-radius:22px;padding:17px 18px;box-shadow:var(--pj-shadow);position:relative;overflow:hidden}.activity-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#e11d2e}.activity-stat-card.is-green:before{background:#10b981}.activity-stat-card.is-blue:before{background:#0284c7}.activity-stat-card.is-purple:before{background:#7c3aed}.activity-stat-card span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.activity-stat-card strong{display:block;color:#0f172a;font-size:30px;line-height:1;font-weight:950;margin:8px 0 6px}.activity-stat-card small{display:block;color:#64748b;font-size:12.5px}.activity-safe-note{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:800;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px}.activity-table thead th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;padding:13px}.activity-table tbody td{padding:14px 13px;border-bottom:1px solid #eef2f7;vertical-align:top}.activity-table tbody tr:hover{background:#fff7f8}.activity-change{display:inline-flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:5px 9px;font-size:12px}.activity-change span{color:#64748b}.activity-change strong{color:#0f172a}.activity-change i{color:#94a3b8}.activity-mini-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:11px 12px}.activity-mobile-list{padding:0!important}.activity-mobile-card{background:#fff;border:1px solid var(--pj-border);border-radius:20px;padding:14px;margin-bottom:12px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.activity-mobile-title{font-size:14px;font-weight:900;color:#0f172a;line-height:1.35}.activity-mobile-meta{font-size:12.5px;color:#64748b;display:flex;align-items:center;gap:6px}.activity-mobile-service{background:#f8fafc;border:1px solid #e5e7eb;border-radius:15px;padding:10px 11px}.activity-mobile-service a{display:block;text-decoration:none;font-weight:950;color:#0f172a}.activity-mobile-service span{display:block;color:#64748b;font-size:12.5px;margin-top:1px}.activity-mobile-change{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:15px;padding:9px 10px;font-size:12.5px}.activity-mobile-change span{color:#9a3412}.activity-mobile-change strong{color:#7c2d12}.activity-mobile-change small{display:block;width:100%;color:#9a3412;font-weight:800}.activity-detail-more{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.activity-detail-more summary{list-style:none;cursor:pointer;padding:9px 11px;font-size:12.5px;font-weight:900;color:#334155}.activity-detail-more summary::-webkit-details-marker{display:none}.activity-detail-more summary:before{content:'▸';display:inline-block;margin-right:6px;transition:.15s ease}.activity-detail-more[open] summary:before{transform:rotate(90deg)}.activity-detail-more div{padding:0 11px 10px;color:#64748b;font-size:12px;line-height:1.55;word-break:break-word}@media(max-width:767px){.activity-hero{padding:18px;border-radius:22px;align-items:flex-start}.activity-hero-icon{width:52px;height:52px;min-width:52px;border-radius:18px;font-size:25px}.activity-hero p{font-size:12.8px}.activity-stat-card{border-radius:18px;padding:14px 13px}.activity-stat-card strong{font-size:25px}.activity-safe-note{width:100%;justify-content:center;border-radius:14px}.activity-page .form-label{margin-bottom:4px}}


/* LOCAL SEO AREA SERVICE SECTION */
.pj-area-service-section{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);padding-top:34px;padding-bottom:58px}.pj-area-service-card{background:#fff;border:1px solid var(--pj-border);border-radius:28px;padding:26px;box-shadow:0 14px 42px rgba(15,23,42,.06);overflow:hidden;position:relative}.pj-area-service-card:before{content:"";position:absolute;right:-80px;top:-90px;width:220px;height:220px;border-radius:999px;background:rgba(225,29,46,.06);pointer-events:none}.pj-area-service-card .pj-section-head{position:relative;z-index:1}.pj-area-service-card .pj-section-head h3{font-size:clamp(23px,3vw,34px);font-weight:950;letter-spacing:-.035em;margin-bottom:10px;color:#111827}.pj-area-block{background:#f8fafc;border:1px solid #eef2f7;border-radius:22px;padding:18px}.pj-area-block h4{font-size:16px;font-weight:950;color:#111827;margin-bottom:12px;display:flex;align-items:center;gap:8px}.pj-area-block h4:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--pj-red);box-shadow:0 0 0 5px rgba(225,29,46,.10)}.pj-area-chip-list{display:flex;flex-wrap:wrap;gap:8px}.pj-area-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800;color:#334155;line-height:1;box-shadow:0 4px 12px rgba(15,23,42,.035)}.pj-area-chip:before{content:"\F3E7";font-family:"bootstrap-icons";font-size:11px;color:var(--pj-red);line-height:1}@media(max-width:767px){.pj-area-service-section{padding-top:20px;padding-bottom:42px}.pj-area-service-card{border-radius:22px;padding:18px}.pj-area-block{border-radius:18px;padding:14px}.pj-area-chip-list{gap:7px}.pj-area-chip{font-size:12.5px;padding:7px 9px}}


/* BRAND SERVICE SECTION */
.pj-brand-service-section{padding-top:0;padding-bottom:58px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.pj-brand-service-card{background:#fff;border:1px solid var(--pj-border);border-radius:28px;padding:26px;box-shadow:0 14px 42px rgba(15,23,42,.06);position:relative;overflow:hidden}
.pj-brand-service-card:before{content:"";position:absolute;left:-70px;bottom:-100px;width:240px;height:240px;border-radius:999px;background:rgba(2,132,199,.06);pointer-events:none}
.pj-brand-service-card .pj-section-head{position:relative;z-index:1}
.pj-brand-service-card .pj-section-head h3{font-size:clamp(23px,3vw,34px);font-weight:950;letter-spacing:-.035em;margin-bottom:10px;color:#111827}
.pj-brand-card{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e8edf4;border-radius:24px;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.pj-brand-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.09);border-color:#dbe4ef}
.pj-brand-card-top{display:flex;align-items:center;gap:14px}
.pj-brand-logo{width:58px;height:58px;min-width:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:950;letter-spacing:.03em;color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.16)}
.pj-brand-samsung{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%)}
.pj-brand-xiaomi{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}
.pj-brand-realme{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)}
.pj-brand-oppo{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}
.pj-brand-vivo{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}
.pj-brand-infinix{background:linear-gradient(135deg,#0f172a 0%,#475569 100%)}
.pj-brand-iphone{background:linear-gradient(135deg,#111827 0%,#334155 100%)}
.pj-brand-itel{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}
.pj-brand-poco{background:linear-gradient(135deg,#facc15 0%,#ca8a04 100%);color:#1f2937}
.pj-brand-kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:3px}
.pj-brand-card h4{margin:0;font-size:20px;font-weight:950;color:#111827;letter-spacing:-.02em}
.pj-brand-card p{margin:0;color:#475569;font-size:14px;line-height:1.6}
.pj-brand-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:900;color:var(--pj-red);text-decoration:none;background:#fff;border:1px solid #fee2e2;border-radius:999px;padding:9px 12px;width:max-content;max-width:100%}
.pj-brand-link:hover{background:#fff5f5;color:#be123c}
.pj-brand-link i{font-size:16px;line-height:1}
@media(max-width:767px){.pj-brand-service-section{padding-bottom:42px}.pj-brand-service-card{border-radius:22px;padding:18px}.pj-brand-card{border-radius:20px;padding:15px}.pj-brand-card-top{gap:12px;align-items:flex-start}.pj-brand-logo{width:50px;height:50px;min-width:50px;border-radius:16px;font-size:14px}.pj-brand-card h4{font-size:18px}.pj-brand-card p{font-size:13px}.pj-brand-link{font-size:12.5px;padding:8px 11px;width:100%;justify-content:center}}

/* DETAIL PEKERJAAN - CLEAN MANAGEMENT UI */
.task-detail-hero{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#111827 0%,#1f2937 48%,#e11d2e 100%);color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.18)}
.task-detail-hero-bg:before,.task-detail-hero-bg:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.08);pointer-events:none}.task-detail-hero-bg:before{width:260px;height:260px;right:-80px;top:-110px}.task-detail-hero-bg:after{width:180px;height:180px;left:38%;bottom:-110px}.task-detail-hero-content{position:relative;z-index:1;padding:24px}.task-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.task-title{font-size:clamp(24px,3vw,38px);font-weight:950;letter-spacing:-.04em;margin-top:10px}.task-subtitle{color:rgba(255,255,255,.82);font-size:14px;line-height:1.5}.task-action-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.task-summary-card{height:100%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:14px 15px;backdrop-filter:blur(8px)}.task-summary-card span{display:block;color:rgba(255,255,255,.72);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.task-summary-card strong{display:block;color:#fff;font-size:18px;font-weight:950;line-height:1.18;margin-top:5px}.task-summary-card small{display:block;color:rgba(255,255,255,.75);font-size:12px;margin-top:5px}.task-quick-menu{position:sticky;top:88px;z-index:9;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(255,255,255,.92);border:1px solid #e5e7eb;border-radius:22px;padding:10px;box-shadow:0 10px 30px rgba(15,23,42,.08);backdrop-filter:blur(10px)}.task-quick-title{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:950;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px}.task-quick-menu a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#334155;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:8px 11px;font-size:12.5px;font-weight:850;transition:.15s ease}.task-quick-menu a:hover{background:#fff1f2;border-color:#fecdd3;color:#be123c;transform:translateY(-1px)}.task-helper-note{display:flex;gap:10px;align-items:flex-start;border-radius:18px!important;color:#475569}.task-helper-note i{color:#0284c7;font-size:18px}.task-helper-note a{font-weight:850;text-decoration:none}.task-workspace .table-card{scroll-margin-top:160px}.task-panel{border:1px solid #edf0f5;box-shadow:0 12px 34px rgba(15,23,42,.07)}.task-panel .card-header strong{font-size:15px}.task-panel .form-label{font-size:12.5px;font-weight:850;color:#334155}.task-panel .form-control,.task-panel .form-select{min-height:44px;border-color:#e5e7eb}.task-panel textarea.form-control{min-height:auto}.task-panel .btn{min-height:38px}.task-panel-priority{border:1px solid #fecdd3;box-shadow:0 14px 38px rgba(225,29,46,.10)}.task-panel-priority .card-header{background:#fff7f8!important}.task-side-column{position:relative}.admin-note-box{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:16px;padding:13px 14px;font-size:13.5px;line-height:1.55}.invoice-link-preview{word-break:break-all;color:#475569}.detail-box{transition:.15s ease}.detail-box:hover{border-color:#cbd5e1;box-shadow:0 8px 22px rgba(15,23,42,.04)}
@media(min-width:992px){.task-side-column{position:sticky;top:150px;align-self:flex-start}.task-side-column .task-panel{margin-bottom:18px!important}}
@media(max-width:991px){.task-detail-hero{border-radius:22px}.task-detail-hero-content{padding:18px}.task-action-group .btn{flex:1 1 auto}.task-quick-menu{position:relative;top:auto;border-radius:18px;overflow-x:auto;flex-wrap:nowrap;align-items:stretch}.task-quick-title{display:none}.task-quick-menu a{white-space:nowrap}.task-helper-note{font-size:13px}.task-workspace .table-card{scroll-margin-top:20px}.task-side-column{position:static}}
@media(max-width:575px){.task-summary-card{padding:12px;border-radius:16px}.task-summary-card strong{font-size:15px}.task-summary-card span,.task-summary-card small{font-size:11px}.task-action-group{display:grid;grid-template-columns:1fr;}.task-action-group .btn{width:100%}.task-panel .card-body{padding:14px}.task-panel .card-header{padding:13px 14px}.detail-box{padding:13px}.money-info-box{padding:12px}.task-quick-menu{padding:8px;margin-left:-2px;margin-right:-2px}}
.task-side-column{display:flex;flex-direction:column}#section-update-status{order:1}#section-payment{order:2}#section-invoice{order:3}#section-admin-note{order:4}#section-warranty{order:5}#section-warranty-note{order:6}#section-dates{order:7}

/* Detail pekerjaan: mode ringkas per menu */
.task-quick-menu a.active{
  background:linear-gradient(135deg,#e11d2e,#be123c);
  border-color:#e11d2e;
  color:#fff;
  box-shadow:0 10px 22px rgba(225,29,46,.22);
}
.task-quick-menu a.active:hover{color:#fff;transform:none;background:linear-gradient(135deg,#e11d2e,#be123c)}
.task-filter-mode>[class*="col-"]{width:100%!important;flex:0 0 100%!important;max-width:100%!important}
.task-filter-mode .task-side-column{position:static!important;top:auto!important;align-self:stretch!important}
.task-filter-mode .task-panel{max-width:100%;animation:detailPanelIn .18s ease-out}
@keyframes detailPanelIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:575px){.task-quick-menu a.active{box-shadow:none}.task-helper-note{border-radius:16px!important}}

/* Patriot Jaya refined form pages: edit pekerjaan, tambah pekerjaan, penerimaan service */
.pj-form-page{
    max-width: 1480px;
    margin: 0 auto 2rem;
}
.pj-page-hero{
    border-radius: 24px;
    padding: 22px 24px;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #111827 0%, #1f2937 52%, #e91b35 140%);
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    box-shadow: 0 18px 48px rgba(15,23,42,.16);
    overflow: hidden;
    position: relative;
}
.pj-page-hero:after{
    content:"";
    position:absolute;
    width: 220px;
    height: 220px;
    right: -60px;
    top: -90px;
    background: rgba(255,255,255,.10);
    border-radius: 999px;
}
.pj-page-hero > *{position:relative;z-index:1}
.pj-page-hero h4{
    margin: 2px 0 4px;
    font-weight: 800;
    letter-spacing: -.02em;
}
.pj-page-hero p{
    margin:0;
    color: rgba(255,255,255,.78);
    font-size: .92rem;
}
.pj-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:.74rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#fecdd3;
}
.pj-hero-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.pj-hero-actions .btn{
    border-radius: 999px;
    font-weight: 700;
    white-space: nowrap;
}
.pj-section-nav{
    position: sticky;
    top: 10px;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 16px;
    padding: 10px;
    border: 1px solid rgba(226,232,240,.9);
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 30px rgba(15,23,42,.06);
    backdrop-filter: blur(12px);
}
.pj-section-nav-wide{grid-template-columns: repeat(6, minmax(0, 1fr));}
.pj-section-nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height: 42px;
    padding: 8px 10px;
    border-radius: 13px;
    background: #f8fafc;
    color: #334155;
    text-decoration:none;
    font-weight: 800;
    font-size: .88rem;
    border: 1px solid #e5e7eb;
    transition: .18s ease;
}
.pj-section-nav a:hover{
    color: #e91b35;
    border-color: #fecdd3;
    background: #fff1f2;
    transform: translateY(-1px);
}
.pj-section-nav a span{
    width: 24px;
    height: 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius: 999px;
    background:#111827;
    color:#fff;
    font-size:.75rem;
}
.pj-smart-form{
    display:flex;
    flex-direction:column;
    gap: 16px;
}
.pj-form-card{
    scroll-margin-top: 90px;
    background:#fff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 14px 36px rgba(15,23,42,.06);
}
.pj-card-title{
    display:flex;
    align-items:flex-start;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #edf2f7;
}
.pj-card-title i{
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background: #fff1f2;
    color:#e91b35;
    font-size: 1.15rem;
    flex: 0 0 auto;
}
.pj-card-title strong{
    display:block;
    color:#111827;
    font-size: 1.02rem;
}
.pj-card-title small{
    display:block;
    color:#64748b;
    margin-top:2px;
}
.pj-form-page .form-label{
    font-weight: 700;
    color:#1f2937;
    margin-bottom: 6px;
}
.pj-form-page .form-control,
.pj-form-page .form-select{
    border-radius: 13px;
    border-color: #dbe3ea;
    min-height: 44px;
    box-shadow: none;
}
.pj-form-page textarea.form-control{
    min-height: auto;
}
.pj-form-page .form-control:focus,
.pj-form-page .form-select:focus{
    border-color: #e91b35;
    box-shadow: 0 0 0 .18rem rgba(233,27,53,.12);
}
.pj-disabled-input{
    background:#eef2f7 !important;
    font-weight: 800;
    color:#111827 !important;
}
.pj-mini-summary{
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.pj-mini-summary div{
    border-radius: 18px;
    border: 1px solid #e5e7eb;
    background:#fff;
    padding: 14px 16px;
    box-shadow: 0 10px 28px rgba(15,23,42,.05);
}
.pj-mini-summary span{
    display:block;
    color:#64748b;
    font-size:.78rem;
    font-weight:700;
    margin-bottom:3px;
}
.pj-mini-summary strong{
    display:block;
    color:#111827;
    font-size:.98rem;
}
.pj-submit-bar{
    position: sticky;
    bottom: 12px;
    z-index: 25;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    padding: 14px 16px;
    margin-top: 2px;
    border: 1px solid rgba(226,232,240,.94);
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 -8px 32px rgba(15,23,42,.10);
    backdrop-filter: blur(12px);
}
.pj-submit-bar strong{display:block;color:#111827;line-height:1.2}
.pj-submit-bar small{display:block;color:#64748b;margin-top:2px}
.pj-check-grid{
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
}
.pj-check-item{
    display:flex;
    align-items:center;
    gap:10px;
    border: 1px solid #e5e7eb;
    background:#f8fafc;
    border-radius:14px;
    padding: 12px;
    min-height: 48px;
    font-weight:700;
    cursor:pointer;
    transition:.18s ease;
}
.pj-check-item:hover{
    border-color:#fecdd3;
    background:#fff1f2;
}
.pj-approval-box{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding: 16px;
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    border-radius: 16px;
    cursor:pointer;
}
.pj-approval-box span{display:flex;flex-direction:column;gap:2px}
.pj-approval-box small{color:#64748b;font-weight:500}
.pj-alert{border-radius: 16px;}

@media (max-width: 1199.98px){
    .pj-section-nav-wide{grid-template-columns: repeat(3, minmax(0,1fr));}
    .pj-check-grid{grid-template-columns: repeat(3, minmax(0,1fr));}
}
@media (max-width: 991.98px){
    .pj-page-hero{align-items:flex-start;flex-direction:column;}
    .pj-hero-actions{justify-content:flex-start;}
    .pj-section-nav{position:relative;top:auto;grid-template-columns: repeat(2, minmax(0,1fr));}
    .pj-mini-summary{grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 575.98px){
    .pj-page-hero{border-radius:18px;padding:18px;}
    .pj-section-nav,
    .pj-section-nav-wide{grid-template-columns:1fr;}
    .pj-form-card{border-radius:18px;padding:14px;}
    .pj-mini-summary{grid-template-columns:1fr;}
    .pj-submit-bar{position:relative;bottom:auto;align-items:stretch;flex-direction:column;}
    .pj-submit-bar .btn{width:100%;}
    .pj-check-grid{grid-template-columns:1fr;}
}



/* Patriot Jaya task list redesign */
.tasks-page-shell{max-width:1500px;margin:0 auto 8px}
.tasks-page-hero{position:relative;overflow:hidden;border-radius:26px;padding:24px 26px;background:linear-gradient(135deg,#111827 0%,#1f2937 52%,#e11d2e 145%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 48px rgba(15,23,42,.16)}
.tasks-page-hero:before,.tasks-page-hero:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.08)}
.tasks-page-hero:before{width:230px;height:230px;right:-80px;top:-110px}
.tasks-page-hero:after{width:180px;height:180px;left:42%;bottom:-100px}
.tasks-page-hero > *{position:relative;z-index:1}
.tasks-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.tasks-page-hero h4{margin:10px 0 5px;font-size:clamp(24px,2.7vw,36px);font-weight:950;letter-spacing:-.04em}
.tasks-page-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82);line-height:1.6}
.tasks-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tasks-hero-actions .btn{border-radius:999px;font-weight:800;min-height:42px;padding-inline:16px}
.tasks-hero-actions .btn-outline-light{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#fff}
.tasks-hero-actions .btn-outline-light:hover{background:#fff;color:#111827;border-color:#fff}
.tasks-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tasks-stat-card{background:#fff;border:1px solid #eef2f7;border-radius:22px;padding:18px 18px 17px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.tasks-stat-card span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.tasks-stat-card strong{display:block;margin-top:6px;color:#0f172a;font-size:28px;font-weight:950;letter-spacing:-.03em;line-height:1.15}
.tasks-stat-card small{display:block;margin-top:6px;color:#64748b;font-size:12.5px}
.tasks-filter-card .card-body,.tasks-table-card .card-body{padding:18px}.tasks-filter-card .card-header,.tasks-table-card .card-header{padding:18px 18px 0;background:#fff;border-bottom:0}
.tasks-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.tasks-section-head h5{margin:0;font-size:18px;font-weight:900;color:#0f172a}.tasks-section-head p{margin:4px 0 0;color:#64748b;font-size:13.5px;line-height:1.5}
.tasks-head-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-size:12.5px;font-weight:850;white-space:nowrap}
.input-group-modern .input-group-text{background:#fff;border-right:0;border-radius:14px 0 0 14px;border-color:#dbe3ec;color:#64748b}.input-group-modern .form-control{border-left:0;padding-left:0}.tasks-filter-card .form-label{font-size:12.5px;font-weight:850;color:#334155;margin-bottom:7px}.tasks-filter-card .form-select,.tasks-filter-card .form-control{min-height:46px;border-color:#dbe3ec}
.tasks-filter-actions{display:flex;gap:10px;flex-wrap:wrap}.tasks-filter-actions .btn{flex:1 1 0;min-height:46px;font-weight:800}
.tasks-table-card .table{--bs-table-bg:transparent;margin:0}.tasks-table-card .table thead th{font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f8fafc;border-bottom:1px solid #e5e7eb;white-space:nowrap}.tasks-table-card .table tbody td{border-color:#edf2f7;padding-top:16px;padding-bottom:16px;vertical-align:middle}.tasks-table-card .table tbody tr:hover{background:#fff8f8}
.tasks-id-cell strong,.tasks-customer-cell strong,.tasks-device-cell strong{display:block;color:#0f172a;font-weight:800;line-height:1.35}.tasks-id-cell small,.tasks-customer-cell small,.tasks-device-cell small,.tasks-payment-cell small{display:block;margin-top:4px;color:#64748b;font-size:12.5px;line-height:1.45}.tasks-customer-cell small i{margin-right:6px}.tasks-problem-text{max-width:360px;color:#334155;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tasks-tech-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-size:12.5px;font-weight:850;line-height:1.2}.tasks-tech-pill i{font-size:13px}.tasks-payment-cell{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.tasks-action-group{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tasks-action-group .btn{border-radius:999px;font-weight:800;min-width:98px}
.tasks-table-card .dataTables_wrapper .dataTables_length,.tasks-table-card .dataTables_wrapper .dataTables_filter{margin-bottom:14px}.tasks-table-card .dataTables_wrapper .dataTables_info{padding-top:18px;color:#64748b;font-size:13px}.tasks-table-card .dataTables_wrapper .pagination{gap:6px}.tasks-table-card .dataTables_wrapper .page-link{border-radius:11px;border-color:#dbe3ec;color:#334155}.tasks-table-card .dataTables_wrapper .page-item.active .page-link{background:#2563eb;border-color:#2563eb}
.tasks-mobile-grid{display:none}.tasks-mobile-card{border-radius:22px;padding:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}.tasks-mobile-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tasks-mobile-top small{display:block;color:#64748b;font-size:12px;margin-top:4px}.tasks-mobile-block{padding:12px 0;border-bottom:1px dashed #e5e7eb}.tasks-mobile-block:last-of-type{border-bottom:0;padding-bottom:6px}.tasks-mobile-balance{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12.5px;font-weight:850}
@media(max-width:1199px){.tasks-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.tasks-page-hero{padding:20px;border-radius:22px;flex-direction:column;align-items:flex-start}.tasks-hero-actions{justify-content:flex-start}.tasks-filter-card .card-body,.tasks-table-card .card-body{padding:16px}.table-desktop.tasks-table-card{display:none!important}.tasks-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:767px){.tasks-stats-grid{grid-template-columns:1fr 1fr}.tasks-filter-actions .btn{flex:1 1 calc(50% - 5px)}.tasks-mobile-grid{grid-template-columns:1fr}}
@media(max-width:575px){.tasks-page-shell{padding-bottom:6px}.tasks-page-hero{padding:18px}.tasks-page-hero h4{font-size:22px}.tasks-stats-grid{grid-template-columns:1fr}.tasks-stat-card strong{font-size:24px}.tasks-filter-actions{flex-direction:column}.tasks-filter-actions .btn{width:100%}.tasks-head-pill{white-space:normal}.tasks-mobile-card{padding:14px}}



/* Patriot Jaya task list compact text update */
.tasks-page-shell{font-size:13px}
.tasks-page-hero{padding:18px 22px;border-radius:22px;margin-bottom:18px!important}
.tasks-page-hero h4{font-size:clamp(20px,2.2vw,28px);margin:8px 0 4px}
.tasks-page-hero p{font-size:12.5px;line-height:1.5;max-width:700px}
.tasks-kicker{font-size:10.5px;padding:6px 10px}
.tasks-hero-actions .btn{min-height:36px;padding:7px 12px;font-size:12px}
.tasks-stats-grid{gap:12px;margin-bottom:18px!important}
.tasks-stat-card{padding:14px 15px;border-radius:18px}
.tasks-stat-card span{font-size:10.5px}
.tasks-stat-card strong{font-size:22px;margin-top:4px}
.tasks-stat-card small{font-size:11px;margin-top:4px}
.tasks-filter-card{margin-bottom:18px!important}
.tasks-filter-card .card-body,.tasks-table-card .card-body{padding:14px}
.tasks-filter-card .form-label{font-size:11px;margin-bottom:5px}
.tasks-filter-card .form-select,.tasks-filter-card .form-control{min-height:40px;font-size:12.5px}
.tasks-filter-actions .btn{min-height:40px;font-size:12px;padding:7px 10px}
.tasks-section-head h5{font-size:15px}
.tasks-section-head p{font-size:12px;margin-top:2px}
.tasks-head-pill{font-size:11px;padding:6px 10px}
.tasks-table-card .card-header{padding:14px 14px 0}
.tasks-table-card .table thead th{font-size:10.5px;padding:10px 9px}
.tasks-table-card .table tbody td{padding:12px 9px;font-size:12.2px}
.tasks-id-cell strong,.tasks-customer-cell strong,.tasks-device-cell strong{font-size:12.2px;line-height:1.3}
.tasks-id-cell small,.tasks-customer-cell small,.tasks-device-cell small,.tasks-payment-cell small{font-size:10.8px;margin-top:3px}
.tasks-problem-text{font-size:12px;line-height:1.45;max-width:330px;-webkit-line-clamp:2}
.tasks-tech-pill{font-size:11px;padding:6px 9px}
.tasks-action-group{gap:6px}
.tasks-action-group .btn{min-width:78px;font-size:11.5px;padding:5px 9px}
.tasks-table-card .badge{font-size:10px;padding:5px 7px}
.tasks-table-card .dataTables_wrapper .dataTables_length,
.tasks-table-card .dataTables_wrapper .dataTables_filter{font-size:12px;margin-bottom:10px}
.tasks-table-card .dataTables_wrapper .dataTables_filter input,
.tasks-table-card .dataTables_wrapper .dataTables_length select{font-size:12px;min-height:34px}
.tasks-table-card .dataTables_wrapper .dataTables_info{font-size:12px;padding-top:14px}
.tasks-table-card .dataTables_wrapper .page-link{font-size:12px;padding:6px 10px}
.tasks-mobile-card{font-size:12.5px}
.tasks-mobile-top small,.tasks-mobile-card .small{font-size:11px}
.tasks-mobile-balance{font-size:11px;padding:6px 9px}
@media(max-width:575px){
  .tasks-page-hero h4{font-size:19px}
  .tasks-stat-card strong{font-size:21px}
  .tasks-filter-card .card-body,.tasks-table-card .card-body{padding:13px}
}



/* Patriot Jaya customer list compact redesign */
.customers-page-shell{max-width:1500px;margin:0 auto 8px;font-size:13px}
.customers-page-hero{position:relative;overflow:hidden;border-radius:22px;padding:18px 20px;background:linear-gradient(135deg,#111827 0%,#1f2937 54%,#e11d2e 145%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 16px 42px rgba(15,23,42,.14)}
.customers-page-hero:after{content:"";position:absolute;width:190px;height:190px;right:-70px;top:-90px;border-radius:999px;background:rgba(255,255,255,.09)}
.customers-page-hero>*{position:relative;z-index:1}
.customers-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:10.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.customers-page-hero h4{margin:8px 0 4px;font-size:clamp(20px,2.1vw,28px);font-weight:950;letter-spacing:-.03em}
.customers-page-hero p{margin:0;max-width:640px;color:rgba(255,255,255,.82);font-size:12.5px;line-height:1.5}
.customers-page-hero .btn{border-radius:999px;font-weight:800;min-height:36px;padding:7px 12px;font-size:12px;white-space:nowrap}
.customers-filter-card .card-body{padding:14px}
.customers-filter-card .form-control{min-height:40px;font-size:12.5px}
.customers-filter-actions{display:flex;gap:10px;justify-content:flex-end}
.customers-filter-actions .btn{min-height:40px;font-size:12px;font-weight:800;min-width:86px}
.customers-table-card .card-header{border-bottom:0;padding:14px 14px 0}
.customers-table-card .card-body{padding:14px}
.customers-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.customers-section-head h5{margin:0;font-size:15px;font-weight:900;color:#0f172a}
.customers-section-head p{margin:2px 0 0;font-size:12px;color:#64748b}
.customers-head-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-size:11px;font-weight:850}
.customers-table-card .table thead th{font-size:10.5px;padding:10px 9px;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f8fafc;border-bottom:1px solid #e5e7eb}
.customers-table-card .table tbody td{padding:12px 9px;font-size:12.2px;vertical-align:middle;border-color:#edf2f7}
.customers-table-card .table tbody tr:hover{background:#fff8f8}
.customers-table-card td strong{font-size:12.2px;line-height:1.3}
.customers-table-card td small{font-size:10.8px}
.customers-table-card .badge{font-size:10px;padding:5px 7px}
.customers-table-card .btn-sm{font-size:11.5px;padding:5px 10px;border-radius:999px;font-weight:800}
.customers-table-card .dataTables_wrapper .dataTables_length{font-size:12px;margin-bottom:10px}
.customers-table-card .dataTables_wrapper .dataTables_filter{display:none!important}
.customers-table-card .dataTables_wrapper .dataTables_length select{font-size:12px;min-height:34px}
.customers-table-card .dataTables_wrapper .dataTables_info{font-size:12px;padding-top:14px;color:#64748b}
.customers-table-card .dataTables_wrapper .page-link{font-size:12px;padding:6px 10px;border-radius:11px}
.customers-mobile-card{font-size:12.5px;border-radius:20px;padding:14px}
.customers-mobile-card .small{font-size:11px}
.customers-mobile-card .btn{font-size:11.5px;border-radius:999px;font-weight:800}
@media(max-width:991px){
  .customers-page-hero{flex-direction:column;align-items:flex-start}
  .customers-filter-actions{justify-content:flex-start}
  .customers-filter-actions .btn{flex:1}
}
@media(max-width:575px){
  .customers-page-hero h4{font-size:19px}
  .customers-page-hero .btn{width:100%}
  .customers-filter-card .card-body,.customers-table-card .card-body{padding:13px}
}



/* Patriot Jaya global admin compact refinement */
.app-shell,.sidebar,.sidebar-mobile,.topbar{font-size:13px}
.sidebar{background:linear-gradient(180deg,#0f172a 0%,#111827 48%,#1f2937 100%);box-shadow:18px 0 40px rgba(15,23,42,.16)}
.sidebar-brand{padding:20px 20px 18px}
.sidebar-brand .fw-bold{font-size:18px;letter-spacing:-.02em}.sidebar-brand small{font-size:12px;color:#cbd5e1}
.brand-mark{width:42px;height:42px;border-radius:13px;font-size:14px}
.sidebar-menu{padding:14px}.sidebar-menu a{padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700;margin-bottom:5px}.sidebar-menu a i{font-size:14px;min-width:16px}
.main-content{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%)}
.topbar{height:68px;padding:0 20px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.95)}
.topbar h5{font-size:16px;font-weight:900;letter-spacing:-.02em}.topbar small{font-size:12px}.topbar .badge{font-size:11px;padding:7px 10px;border-radius:999px}
.content-wrap{padding:18px;flex:1}
.content-wrap h1,.content-wrap .h1{font-size:1.7rem}.content-wrap h2,.content-wrap .h2{font-size:1.5rem}.content-wrap h3,.content-wrap .h3{font-size:1.32rem}.content-wrap h4,.content-wrap .h4{font-size:1.14rem}.content-wrap h5,.content-wrap .h5{font-size:1rem}.content-wrap h6,.content-wrap .h6{font-size:.92rem}
.content-wrap .fw-bold{letter-spacing:-.01em}
.card,.table-card{border:1px solid #e9eef5;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.card-header{padding:14px 16px;border-bottom:1px solid #edf2f7;background:#fff}.card-body{padding:16px}
.alert{padding:12px 14px;border-radius:14px;font-size:12.5px}
.form-label{font-size:12px;font-weight:800;color:#334155;margin-bottom:6px}
.form-control,.form-select{min-height:40px;padding:9px 12px;border-radius:12px;font-size:12.5px;border-color:#dbe3ec;box-shadow:none}
textarea.form-control{min-height:92px}.input-group-text{font-size:12px;border-color:#dbe3ec;background:#fff;color:#64748b}
.form-control:focus,.form-select:focus{border-color:#fda4af;box-shadow:0 0 0 .18rem rgba(225,29,46,.12)}
.btn{border-radius:12px;font-size:12.5px;font-weight:800;min-height:38px;padding:8px 12px}.btn-sm{min-height:32px;padding:5px 10px;font-size:11.5px;border-radius:10px}.btn-lg{min-height:44px;padding:10px 14px;font-size:13px}
.badge{font-size:10px;padding:5px 7px;font-weight:800}
.table{font-size:12.4px}.table thead th{font-size:10.7px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f8fafc;white-space:nowrap}.table tbody td{padding-top:12px;padding-bottom:12px;vertical-align:middle;border-color:#edf2f7}.table tbody tr:hover{background:#fff9fa}
.small,small{font-size:11px}.text-muted{color:#64748b!important}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{font-size:12px}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{min-height:34px;font-size:12px;border-radius:10px;border:1px solid #dbe3ec;padding:5px 10px;background:#fff}
.dataTables_wrapper .dataTables_info{padding-top:14px;color:#64748b}.dataTables_wrapper .paginate_button,.dataTables_wrapper .page-link{font-size:12px}
.list-group-item{font-size:12.5px;padding:12px 14px;border-color:#edf2f7}.nav-link{font-size:12.5px;font-weight:700}.dropdown-menu{font-size:12.5px;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 18px 36px rgba(15,23,42,.10)}
.table-card .card-header h5,.table-card .card-header strong,.tasks-section-head h5,.customers-section-head h5{font-size:15px}
.pj-form-page,.tasks-page-shell,.customers-page-shell{font-size:13px}
.pj-form-card{padding:16px;border-radius:20px}.pj-card-title{padding-bottom:12px;margin-bottom:12px}.pj-card-title i{width:38px;height:38px;border-radius:12px}.pj-card-title h5{font-size:14px}.pj-card-title p{font-size:11.5px}
.pj-page-hero{padding:18px 20px;border-radius:22px}.pj-page-hero h4{font-size:24px}.pj-page-hero p{font-size:12.5px}.pj-eyebrow{font-size:11px}.pj-hero-actions .btn{min-height:36px;padding:7px 12px;font-size:12px}
.pj-section-nav{padding:8px;border-radius:16px;gap:8px}.pj-section-nav a{min-height:38px;padding:7px 8px;font-size:12px}.pj-section-nav a span{width:22px;height:22px;font-size:11px}
.task-detail-hero-content{padding:20px}.task-title{font-size:clamp(22px,2.6vw,32px)}.task-subtitle{font-size:13px}.task-summary-card{padding:12px 13px}.task-summary-card strong{font-size:16px}.task-summary-card span,.task-summary-card small{font-size:11px}.task-quick-menu{padding:8px;border-radius:18px}.task-quick-menu a{font-size:12px;padding:7px 10px}
.footer-pj,.pj-footer,footer{font-size:12px}
@media(max-width:991px){.main-content{margin-left:0;width:100%}.content-wrap{padding:14px}.topbar{padding:0 14px}.sidebar-menu a{font-size:12.5px}.card-header,.card-body{padding:14px}.btn{font-size:12px}}
@media(max-width:575px){.content-wrap{padding:12px}.topbar h5{font-size:15px}.card-header,.card-body{padding:13px}.table{font-size:12px}.form-control,.form-select{font-size:12px}.btn{min-height:36px}.pj-page-hero h4{font-size:20px}.tasks-page-hero h4,.customers-page-hero h4,.task-title{font-size:20px}}

/* Patriot Jaya customer auto suggest */
.pj-autocomplete-wrap{position:relative}
.pj-autocomplete-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:1055;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 42px rgba(15,23,42,.16);overflow:hidden;display:none;max-height:330px;overflow-y:auto}
.pj-autocomplete-menu.is-open{display:block;animation:pjSuggestIn .14s ease-out}
.pj-autocomplete-item{width:100%;border:0;background:#fff;text-align:left;padding:11px 13px;display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:.15s ease;color:#0f172a}
.pj-autocomplete-item:last-child{border-bottom:0}.pj-autocomplete-item:hover,.pj-autocomplete-item.is-active{background:#fff1f2}.pj-autocomplete-avatar{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#e11d2e,#be123c);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:12px;flex:0 0 auto;box-shadow:0 8px 18px rgba(225,29,46,.18)}
.pj-autocomplete-content{min-width:0;flex:1}.pj-autocomplete-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;font-weight:900;line-height:1.35}.pj-autocomplete-meta{margin-top:3px;color:#64748b;font-size:11px;line-height:1.45;display:flex;gap:9px;flex-wrap:wrap}.pj-autocomplete-address{margin-top:3px;color:#475569;font-size:11.2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-autocomplete-badge{background:#111827;color:#fff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850;line-height:1}.pj-autocomplete-empty,.pj-autocomplete-loading{padding:12px 13px;color:#64748b;font-size:12px}.pj-autocomplete-hint{margin-top:6px;color:#64748b;font-size:11px;display:flex;align-items:center;gap:6px}.pj-autocomplete-hint i{color:#e11d2e}
@keyframes pjSuggestIn{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:575px){.pj-autocomplete-menu{position:fixed;left:12px;right:12px;top:auto;bottom:14px;max-height:50vh;border-radius:18px}.pj-autocomplete-item{padding:12px}.pj-autocomplete-address{white-space:normal}}



/* Patriot Jaya List Order Admin UI */
.list-order-shell{max-width:1500px;margin:0 auto 10px;font-size:13px}
.list-order-hero{position:relative;overflow:hidden;border-radius:22px;padding:18px 20px;background:linear-gradient(135deg,#111827 0%,#1f2937 50%,#e11d2e 145%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 16px 42px rgba(15,23,42,.14)}
.list-order-hero:before{content:"";position:absolute;width:210px;height:210px;right:-75px;top:-95px;border-radius:999px;background:rgba(255,255,255,.09)}
.list-order-hero>*{position:relative;z-index:1}
.list-order-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:10.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.list-order-hero h4{margin:8px 0 4px;font-size:clamp(20px,2.1vw,28px);font-weight:950;letter-spacing:-.03em}
.list-order-hero p{margin:0;max-width:720px;color:rgba(255,255,255,.82);font-size:12.5px;line-height:1.5}
.list-order-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.list-order-hero-actions .btn{border-radius:999px;font-weight:800;min-height:36px;padding:7px 12px;font-size:12px;white-space:nowrap}
.list-order-hero-actions .btn-outline-light{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#fff}
.list-order-hero-actions .btn-outline-light:hover{background:#fff;color:#111827;border-color:#fff}
.list-order-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.list-order-stat{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:14px 15px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.list-order-stat span{display:block;color:#64748b;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.list-order-stat strong{display:block;margin-top:4px;color:#0f172a;font-size:22px;font-weight:950;line-height:1.15}
.list-order-stat small{display:block;margin-top:4px;color:#64748b;font-size:11px}
.list-order-form-card .card-header,.list-order-upload-card .card-header,.list-order-table-card .card-header{padding:14px 16px;border-bottom:1px solid #edf2f7}
.list-order-form-card .card-body,.list-order-upload-card .card-body,.list-order-filter-card .card-body,.list-order-table-card .card-body{padding:14px}
.list-order-form-card .form-label{font-size:11.5px;font-weight:850;color:#334155}
.list-order-form-card .form-control,.list-order-form-card .form-select,.list-order-upload-card .form-control,.list-order-filter-card .form-control,.list-order-filter-card .form-select{min-height:40px;font-size:12.5px;border-color:#dbe3ec}
.list-order-table-card .table thead th{font-size:10.5px;padding:10px 9px;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f8fafc;border-bottom:1px solid #e5e7eb}
.list-order-table-card .table tbody td{padding:12px 9px;font-size:12.2px;vertical-align:middle;border-color:#edf2f7}
.list-order-table-card .table tbody tr:hover{background:#fff8f8}
.list-order-category{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:999px;color:#334155}
.list-order-category i{color:#e11d2e}
.list-order-category strong,.list-order-table-card td strong{font-size:12.2px}
.list-order-note{max-width:320px;color:#475569;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-order-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.list-order-actions .btn{border-radius:999px;font-size:11.5px;font-weight:800;padding:5px 9px}
.list-order-table-card .badge{font-size:10px;padding:5px 7px}
.list-order-datatable_wrapper .dataTables_filter{display:none!important}
.list-order-table-card .dataTables_wrapper .dataTables_filter{display:none!important}
.list-order-table-card .dataTables_wrapper .dataTables_length,.list-order-table-card .dataTables_wrapper .dataTables_info{font-size:12px}
.list-order-table-card .dataTables_wrapper .dataTables_length select{font-size:12px;min-height:34px}
.list-order-mobile-grid{display:none}
.list-order-mobile-card{font-size:12.5px;border-radius:20px;padding:14px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.list-order-mobile-card .small{font-size:11px}
.list-order-mobile-card .btn{font-size:11.5px;border-radius:999px;font-weight:800}
@media(max-width:1399px){.list-order-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1199px){.list-order-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){
  .list-order-hero{flex-direction:column;align-items:flex-start}
  .list-order-hero-actions{justify-content:flex-start}
  .table-desktop.list-order-table-card{display:none!important}
  .list-order-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:767px){.list-order-stats{grid-template-columns:1fr 1fr}.list-order-mobile-grid{grid-template-columns:1fr}}
@media(max-width:575px){
  .list-order-hero h4{font-size:19px}
  .list-order-hero-actions .btn{width:100%}
  .list-order-stats{grid-template-columns:1fr}
  .list-order-form-card .card-body,.list-order-upload-card .card-body,.list-order-filter-card .card-body,.list-order-table-card .card-body{padding:13px}
}



/* Patriot Jaya public cek status page */
.cek-status-nav{background:#fff;border-bottom:1px solid #e5e7eb}
.cek-status-page{background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);min-height:calc(100vh - 80px)}
.cek-status-hero{position:relative;overflow:hidden;padding:64px 0;background:linear-gradient(135deg,#111827 0%,#1f2937 48%,#e11d2e 135%);color:#fff}
.cek-status-hero:before,.cek-status-hero:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.08)}
.cek-status-hero:before{width:310px;height:310px;right:-110px;top:-130px}
.cek-status-hero:after{width:210px;height:210px;left:38%;bottom:-120px}
.cek-status-hero .container{position:relative;z-index:1}
.cek-status-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.cek-status-hero h1{margin:14px 0 10px;font-size:clamp(32px,4vw,52px);line-height:1.08;font-weight:950;letter-spacing:-.045em}
.cek-status-hero p{max-width:680px;color:rgba(255,255,255,.84);font-size:16px;line-height:1.7;margin:0}
.cek-status-note{display:inline-flex;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.88);font-weight:700}
.cek-status-note i{font-size:18px;color:#fecdd3}
.cek-status-card{background:#fff;color:#111827;border-radius:26px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.26);border:1px solid rgba(255,255,255,.22)}
.cek-status-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #edf2f7}
.cek-status-card-head span{display:block;color:#e11d2e;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.cek-status-card-head h2{margin:4px 0 0;font-size:22px;font-weight:950;letter-spacing:-.03em}
.cek-status-card-head i{width:46px;height:46px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#fff1f2;color:#e11d2e;font-size:22px}
.cek-status-form{display:flex;flex-direction:column;gap:12px}
.cek-status-form .form-label{font-weight:850;color:#334155;font-size:13px}
.cek-status-form .form-control{border-radius:15px;border-color:#dbe3ec;min-height:50px;font-size:14px}
.cek-status-form .btn{border-radius:15px;font-weight:900;min-height:50px}
.cek-status-help{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:12px;color:#64748b}
.cek-status-help strong{width:100%;color:#334155}
.cek-status-help span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-weight:800}
.cek-status-info-section{padding:38px 0 56px}
.cek-status-info-card{height:100%;background:#fff;border:1px solid #e8eef5;border-radius:22px;padding:20px;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.cek-status-info-card i{width:44px;height:44px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:#fff1f2;color:#e11d2e;font-size:22px;margin-bottom:14px}
.cek-status-info-card h3{font-size:18px;font-weight:950;letter-spacing:-.02em;margin-bottom:7px}
.cek-status-info-card p{font-size:14px;line-height:1.65;color:#64748b;margin:0}
.cek-status-bottom-cta{margin-top:24px;background:#fff;border:1px solid #e8eef5;border-radius:24px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.cek-status-bottom-cta h2{font-size:22px;font-weight:950;margin:0 0 4px;letter-spacing:-.03em}
.cek-status-bottom-cta p{margin:0;color:#64748b;font-size:14px}
@media(max-width:991px){.cek-status-hero{padding:42px 0}.cek-status-card{padding:20px}.cek-status-bottom-cta{flex-direction:column;align-items:flex-start}.cek-status-bottom-cta .btn{width:100%}}
@media(max-width:575px){.cek-status-nav .navbar{gap:10px}.cek-status-nav .navbar-brand span:last-child{font-size:14px}.cek-status-nav .ms-auto{width:100%;justify-content:space-between}.cek-status-hero h1{font-size:30px}.cek-status-hero p{font-size:14px}.cek-status-note{font-size:13px}.cek-status-card-head h2{font-size:19px}.cek-status-info-card{padding:17px}.cek-status-bottom-cta{padding:18px}}



/* Cek Status navbar responsive fix */
.cek-status-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid #e5e7eb;
}
.cek-status-navbar{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.cek-status-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#0f172a;
  text-decoration:none;
}
.cek-status-brand:hover{color:#0f172a}
.cek-status-brand .pj-public-logo{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#e11d2e;
  color:#fff;
  font-weight:950;
  box-shadow:0 8px 22px rgba(225,29,46,.25);
}
.cek-status-brand-text{
  display:flex;
  flex-direction:column;
  min-width:0;
  line-height:1.15;
}
.cek-status-brand-text strong{
  font-size:15px;
  font-weight:950;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.cek-status-brand-text small{
  margin-top:3px;
  color:#64748b;
  font-size:11.5px;
  font-weight:700;
  white-space:nowrap;
}
.cek-status-nav-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
.cek-status-nav-actions .btn{
  min-height:36px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  padding:7px 12px;
  white-space:nowrap;
}
@media(max-width:575px){
  .cek-status-navbar{
    min-height:auto;
    padding:10px 0;
    gap:10px;
  }
  .cek-status-brand .pj-public-logo{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:12px;
    font-size:13px;
  }
  .cek-status-brand-text strong{font-size:13.5px}
  .cek-status-brand-text small{display:none}
  .cek-status-nav-actions{gap:6px}
  .cek-status-nav-actions .btn{
    min-height:34px;
    font-size:11.5px;
    padding:6px 9px;
  }
  .cek-status-nav-actions .btn i{margin-right:3px!important}
}
@media(max-width:380px){
  .cek-status-brand-text strong{max-width:118px;overflow:hidden;text-overflow:ellipsis}
  .cek-status-nav-actions .btn{
    font-size:0;
    width:34px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .cek-status-nav-actions .btn i{
    font-size:14px;
    margin-right:0!important;
  }
}



/* Status Service payment paid refinement */
.status-v2-mini-card.is-paid{background:#f0fdf4;border-color:#bbf7d0}
.status-v2-money-paid{grid-template-columns:1fr!important}
.status-v2-total-paid-card{background:linear-gradient(135deg,#ecfdf5,#f7fffb)!important;border-color:#bbf7d0!important;position:relative;overflow:hidden}
.status-v2-total-paid-card:after{content:'LUNAS';position:absolute;right:12px;top:12px;background:#22c55e;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950;letter-spacing:.04em}
.status-v2-total-paid-card span{color:#047857!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.04em}
.status-v2-total-paid-card strong{font-size:22px!important;color:#064e3b!important;margin-top:4px!important}
.status-v2-total-paid-card small{display:block;margin-top:5px;color:#047857;font-size:12px;font-weight:750;line-height:1.45;padding-right:70px}
@media(max-width:767px){.status-v2-total-paid-card{display:block!important}.status-v2-total-paid-card strong{text-align:left!important}.status-v2-total-paid-card:after{right:10px;top:10px}.status-v2-total-paid-card small{padding-right:58px}}



/* Status page warranty accordion compact */
.status-v2-accordion>summary small{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 8px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  color:#64748b;
  font-size:10.5px;
  font-weight:850;
  white-space:nowrap;
}
.status-v2-warranty-accordion{border-color:#bbf7d0;background:#f0fdf4}
.status-v2-warranty-accordion[open]>summary{border-color:#bbf7d0}
.status-v2-warranty-accordion .status-v2-warranty{
  border:0;
  border-radius:0;
  margin:0;
  box-shadow:none;
}
.status-v2-warranty-accordion .status-v2-warranty .status-v2-section-head{
  padding-top:12px;
}
.status-v2-general-terms-accordion{border-color:#e5e7eb;background:#fff}
.status-v2-general-terms-content{
  padding:12px 14px 14px;
  color:#334155;
  font-size:12.5px;
  line-height:1.7;
}
.status-v2-claims{background:#fff;border-color:#dbeafe}
.status-v2-claims[open]{background:#eff6ff}
.status-v2-claims .status-v2-claim-list{padding:0 12px 12px}
@media(max-width:575px){
  .status-v2-accordion>summary{
    gap:8px;
    padding:12px;
  }
  .status-v2-accordion>summary small{
    font-size:10px;
    padding:4px 7px;
  }
}



/* Status page payment methods when finished unpaid */
.status-v2-payment-due{
  margin-top:10px;
  border:1px solid #fed7aa;
  background:linear-gradient(135deg,#fff7ed 0%,#fffbeb 100%);
  border-radius:18px;
  padding:14px;
}
.status-v2-payment-due-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid #fed7aa;
}
.status-v2-payment-due-head span{
  display:block;
  color:#c2410c;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.status-v2-payment-due-head h3{
  margin:3px 0 4px;
  color:#7c2d12;
  font-size:16px;
  font-weight:950;
  letter-spacing:-.02em;
}
.status-v2-payment-due-head p{
  margin:0;
  color:#9a3412;
  font-size:12.5px;
  line-height:1.55;
}
.status-v2-payment-due-head>strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  padding:9px 12px;
  border-radius:999px;
  background:#ea580c;
  color:#fff;
  font-size:14px;
  font-weight:950;
  box-shadow:0 10px 20px rgba(234,88,12,.18);
}
.status-v2-payment-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.status-v2-payment-grid div{
  background:#fff;
  border:1px solid #fed7aa;
  border-radius:15px;
  padding:11px 12px;
}
.status-v2-payment-grid span{
  display:block;
  color:#9a3412;
  font-size:11px;
  font-weight:800;
}
.status-v2-payment-grid strong{
  display:block;
  margin-top:3px;
  color:#111827;
  font-size:14px;
  font-weight:950;
}
.status-v2-payment-grid .is-highlight{
  background:#ffedd5;
  border-color:#fb923c;
}
.status-v2-payment-methods{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.status-v2-payment-methods span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid #fed7aa;
  color:#7c2d12;
  font-size:12px;
  font-weight:850;
}
.status-v2-payment-methods i{
  color:#ea580c;
}
.status-v2-payment-btn{
  margin-top:12px;
  border-radius:999px!important;
  font-weight:900!important;
}
@media(max-width:575px){
  .status-v2-payment-due-head{
    flex-direction:column;
  }
  .status-v2-payment-due-head>strong{
    width:100%;
  }
  .status-v2-payment-grid{
    grid-template-columns:1fr;
  }
  .status-v2-payment-methods span{
    width:100%;
  }
  .status-v2-payment-btn{
    width:100%;
  }
}



/* Patriot Jaya Multi Unit Core UI */
.multiunit-intake-page{font-size:13px}
.multiunit-list{display:flex;flex-direction:column;gap:14px}
.multiunit-card{border:1px solid #e5e7eb;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.multiunit-card-head{display:flex;justify-content:space-between;align-items:stretch;gap:10px;background:#f8fafc;border-bottom:1px solid #e5e7eb}
.multiunit-title-button{appearance:none;border:0;background:transparent;text-align:left;flex:1;padding:14px 16px;display:grid;gap:3px;cursor:pointer}
.multiunit-number{display:inline-flex;width:max-content;background:#111827;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}
.multiunit-title-button strong{font-size:15px;font-weight:950;color:#0f172a}
.multiunit-title-button small{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.multiunit-card-actions{display:flex;gap:7px;align-items:center;padding:12px}
.multiunit-card-body{padding:16px}
.multiunit-inner{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;overflow:hidden}
.multiunit-inner>summary{list-style:none;cursor:pointer;padding:11px 13px;font-weight:900;color:#334155}
.multiunit-inner>summary::-webkit-details-marker{display:none}
.multiunit-inner>summary:before{content:'▸';display:inline-block;margin-right:7px;transition:.15s ease}
.multiunit-inner[open]>summary:before{transform:rotate(90deg)}
.multiunit-inner[open]>summary{border-bottom:1px solid #e5e7eb;background:#fff}
.multiunit-inner>div,.multiunit-inner>.row,.multiunit-inner>.pj-check-grid,.multiunit-inner>label,.multiunit-inner>textarea{padding-left:13px;padding-right:13px}
.multiunit-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.multiunit-summary-grid,.intake-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.multiunit-summary-grid div,.intake-detail-stats div{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px 15px;box-shadow:0 10px 26px rgba(15,23,42,.04)}
.multiunit-summary-grid span,.intake-detail-stats span,.intake-info-list span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.multiunit-summary-grid strong,.intake-detail-stats strong{display:block;color:#0f172a;font-size:20px;font-weight:950;margin-top:4px;line-height:1.15}
.intake-detail-shell{max-width:1500px;margin:0 auto 10px;font-size:13px}
.intake-detail-hero{position:relative;overflow:hidden;border-radius:22px;padding:18px 20px;background:linear-gradient(135deg,#111827 0%,#1f2937 52%,#e11d2e 145%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 16px 42px rgba(15,23,42,.14)}
.intake-detail-hero:after{content:"";position:absolute;width:210px;height:210px;right:-80px;top:-100px;background:rgba(255,255,255,.09);border-radius:999px}
.intake-detail-hero>*{position:relative;z-index:1}
.intake-detail-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:10.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.intake-detail-hero h4{margin:8px 0 4px;font-size:clamp(20px,2.1vw,30px);font-weight:950;letter-spacing:-.03em}
.intake-detail-hero p{margin:0;color:rgba(255,255,255,.82);font-size:12.5px}
.intake-detail-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.intake-detail-actions .btn{border-radius:999px;font-weight:850;min-height:36px;padding:7px 12px;font-size:12px;white-space:nowrap}
.intake-detail-actions .btn-outline-light{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#fff}
.intake-info-list{display:flex;flex-direction:column;gap:10px}
.intake-info-list div{border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc;padding:10px 11px}
.intake-info-list strong{display:block;margin-top:3px;color:#0f172a;font-size:12.5px;line-height:1.35;word-break:break-word}
.intake-task-problem{max-width:250px;color:#475569;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.intake-mobile-list{display:none}
@media(max-width:1199px){.intake-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){
  .multiunit-summary-grid,.intake-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .multiunit-card-head{flex-direction:column}
  .multiunit-card-actions{padding-top:0}
  .intake-detail-hero{flex-direction:column;align-items:flex-start}
  .intake-detail-actions{justify-content:flex-start}
  .table-desktop{display:none!important}
  .intake-mobile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:767px){
  .multiunit-card-actions{display:grid;grid-template-columns:1fr 1fr}
  .multiunit-card-actions .btn{width:100%}
  .intake-mobile-list{grid-template-columns:1fr}
}
@media(max-width:575px){
  .multiunit-summary-grid,.intake-detail-stats{grid-template-columns:1fr}
  .multiunit-card-body{padding:13px}
  .multiunit-title-button{padding:13px}
  .intake-detail-hero h4{font-size:19px}
  .intake-detail-actions .btn{width:100%}
}



/* Patriot Jaya Multi Unit Paket 2 UI */
.intake-detail-card .modal .form-label{font-size:12px;font-weight:850;color:#334155}
.intake-detail-card .badge{font-size:10.5px}
.intake-detail-card .btn-success{font-weight:850;border-radius:999px}
.intake-detail-card .btn-pj{font-weight:850;border-radius:999px}
.intake-detail-card .btn-outline-dark,
.intake-detail-card .btn-outline-primary,
.intake-detail-card .btn-outline-danger,
.intake-detail-card .btn-outline-success{font-weight:850;border-radius:999px}



/* Patriot Jaya Multi Unit Paket 3 UI */
.tasks-intake-cell{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.tasks-intake-link{font-weight:900;color:#0f172a;text-decoration:none;font-size:12px}
.tasks-intake-link:hover{color:#e11d2e;text-decoration:underline}
.tasks-mobile-intake{display:inline-flex;width:max-content;margin-top:4px;padding:4px 8px;border-radius:999px;background:#e0f2fe;color:#075985;text-decoration:none;font-size:10.5px;font-weight:850}
.task-multiunit-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);border-radius:18px;color:#fff}
.task-multiunit-banner strong{display:block;font-size:14px;font-weight:950}
.task-multiunit-banner small{display:block;color:rgba(255,255,255,.82);font-size:11.5px}
.task-multiunit-kicker{display:inline-block;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fecdd3}
.task-related-units{display:grid;gap:9px}
.task-related-unit{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:#111827;text-decoration:none}
.task-related-unit:hover{border-color:#fecdd3;background:#fff8f8;color:#111827}
.task-related-unit.active{border-color:#e11d2e;background:#fff1f2}
.task-related-unit strong{display:block;font-size:12.5px}
.task-related-unit span{display:block;font-size:11.5px;color:#64748b}
.task-related-unit small{display:block;margin-top:4px;color:#64748b;font-size:10.5px}
.status-v2-public-units{display:grid;gap:8px}
.status-v2-public-units div{display:flex;justify-content:space-between;gap:10px;border:1px solid #e5e7eb;background:#fff;border-radius:13px;padding:9px 10px}
.status-v2-public-units div.active{border-color:#e11d2e;background:#fff1f2}
.status-v2-public-units strong{font-size:12.5px;color:#0f172a}
.status-v2-public-units span{font-size:12px;color:#475569;font-weight:800}
@media(max-width:575px){
  .task-multiunit-banner{align-items:flex-start;flex-direction:column}
  .task-multiunit-banner .btn{width:100%}
  .task-related-unit{align-items:flex-start;flex-direction:column}
  .status-v2-public-units div{flex-direction:column}
}



/* Patriot Jaya Multi Unit Paket 4 Finishing */
.intake-detail-shell{max-width:1540px}
.intake-overview-row .intake-detail-card{min-height:100%}
.intake-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.intake-info-grid div{margin:0}
.intake-status-summary{background:linear-gradient(135deg,#111827 0%,#1f2937 100%)!important;color:#fff!important;border-color:#111827!important}
.intake-status-summary span{color:#cbd5e1!important}
.intake-status-summary strong{color:#fff!important}
.intake-status-summary small{display:block;margin-top:4px;color:#cbd5e1;font-size:11px;font-weight:800}
.intake-units-card{margin-top:0}
.intake-detail-card .card-header{min-height:48px}
.intake-detail-card .btn{font-weight:850}
.intake-detail-card .btn-pj,
.intake-detail-card .btn-success,
.intake-detail-card .btn-outline-dark,
.intake-detail-card .btn-outline-primary,
.intake-detail-card .btn-outline-danger,
.intake-detail-card .btn-outline-success{border-radius:999px}
.intake-detail-stats{grid-template-columns:1.2fr repeat(5,minmax(0,1fr))}
.intake-detail-stats div{min-height:78px}
.intake-detail-stats strong{font-size:18px}
.intake-detail-stats .intake-status-summary strong{font-size:15px;line-height:1.2}
@media(max-width:1399px){
  .intake-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991px){
  .intake-info-grid{grid-template-columns:1fr}
  .intake-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .intake-detail-stats{grid-template-columns:1fr}
  .intake-detail-stats div{min-height:auto}
}



/* Patriot Jaya Multi Unit Paket 5 Enhancements */
.intake-unit-tools{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(180px,260px) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:16px;
}
.intake-unit-tools .input-group-text,
.intake-unit-tools .form-control,
.intake-unit-tools .form-select,
.intake-unit-tools .btn{
  border-radius:999px!important;
  font-size:12px;
  min-height:34px;
}
.intake-unit-empty{
  margin-top:12px;
  border:1px dashed #cbd5e1;
  border-radius:16px;
  padding:16px;
  text-align:center;
  color:#64748b;
  font-size:12.5px;
  font-weight:800;
  background:#f8fafc;
}
.intake-detail-hero .intake-detail-actions .btn{
  box-shadow:0 8px 20px rgba(15,23,42,.10);
}
@media(max-width:767px){
  .intake-unit-tools{
    grid-template-columns:1fr;
  }
}



/* Patriot Jaya Safe Archive Delete UI */
.tasks-datatable td .badge.text-bg-warning,
.tasks-datatable td .badge.text-bg-danger{font-size:10.5px}
.task-action-group form{display:inline-flex}
#archiveTaskModal .modal-title,
#deleteTaskModal .modal-title{font-weight:900}
.archive-safe-note{border:1px solid #fde68a;background:#fffbeb;border-radius:16px;padding:12px 14px;color:#92400e;font-size:12px}
@media(max-width:767px){
  .task-action-group{gap:7px}
  .task-action-group form,.task-action-group button,.task-action-group a{width:100%}
}



/* Patriot Jaya Super Admin Permanent Delete UI */
#permanentDeleteTaskModal .modal-title,
#permanentDeleteCustomerModal .modal-title{font-weight:900}
#permanentDeleteTaskModal .alert,
#permanentDeleteCustomerModal .alert{border-radius:14px}
.badge.text-bg-danger{font-weight:850}
.superadmin-danger-note{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:16px;padding:12px 14px;font-size:12px;font-weight:700}



/* Patriot Jaya Final Audit UI Polish */
:root{
  --pj-radius-lg:22px;
  --pj-radius-md:16px;
  --pj-shadow-soft:0 14px 34px rgba(15,23,42,.07);
}
.main-content,
.content-wrap{min-width:0}
.table-card{
  border:1px solid #e5e7eb;
  border-radius:var(--pj-radius-lg);
  box-shadow:var(--pj-shadow-soft);
  overflow:hidden;
}
.table-card .card-header{
  border-bottom:1px solid #e5e7eb;
}
.table-card .table{
  font-size:12.5px;
}
.table-card .table th{
  font-size:11px;
  white-space:nowrap;
}
.table-card .table td{
  vertical-align:middle;
}
.btn{
  min-height:34px;
}
.btn-sm{
  min-height:30px;
}
.form-control,
.form-select{
  font-size:13px;
}
.form-label{
  font-size:12px;
  font-weight:800;
  color:#334155;
}
.badge{
  font-weight:850;
}
.sidebar-menu a{
  min-height:38px;
}
.alert{
  border-radius:16px;
  font-size:13px;
}
.modal-content{
  border-radius:22px;
  border:0;
  overflow:hidden;
}
@media(max-width:991px){
  .content-wrap{padding:14px}
  .table-card .table{font-size:12px}
  .btn{width:auto}
}
@media(max-width:575px){
  .content-wrap{padding:10px}
  .table-card{border-radius:18px}
  .table-responsive{font-size:12px}
  .btn,
  .btn-sm{
    min-height:34px;
  }
}



/* Patriot Jaya Sparepart Catalog */
.sparepart-admin-hero,
.sparepart-public-hero{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:28px;
  background:linear-gradient(135deg,#101827 0%,#4b1830 55%,#e11d2e 100%);
  color:#fff;
  box-shadow:0 20px 44px rgba(15,23,42,.12);
}
.sparepart-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}
.sparepart-admin-hero h3,
.sparepart-public-hero h1{font-weight:950;margin:8px 0 8px}
.sparepart-admin-hero p,
.sparepart-public-hero p{max-width:720px;color:rgba(255,255,255,.82);margin:0}
.sparepart-kicker,
.sparepart-public-kicker{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.sparepart-admin-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sparepart-stat-card{padding:16px 18px}
.sparepart-stat-card span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:900}
.sparepart-stat-card strong{display:block;font-size:22px;font-weight:950;margin:5px 0;color:#0f172a}
.sparepart-stat-card small{color:#64748b;font-size:12px}
.sparepart-import-note{border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:16px;padding:11px 12px;font-size:12px}
.sparepart-admin-filter{padding:10px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px}
.sparepart-note{display:flex;gap:6px;align-items:flex-start;margin-top:5px;color:#64748b;font-size:11.5px;line-height:1.45}
.sparepart-note i{color:#e11d2e;margin-top:2px}
.sparepart-category-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#f1f5f9;color:#0f172a;font-size:11px;font-weight:900}
.sparepart-empty{margin-top:12px;border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;border-radius:16px;padding:16px;text-align:center;font-size:12px;font-weight:800}

.sparepart-public-body{background:#eef3f9;color:#0f172a}
.sparepart-public-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.sparepart-public-nav-inner{max-width:1080px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sparepart-public-brand{display:flex;align-items:center;gap:10px;color:#0f172a;text-decoration:none}
.sparepart-public-brand span{width:36px;height:36px;border-radius:12px;background:#e11d2e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950}
.sparepart-public-brand strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.sparepart-public-brand small{display:block;color:#64748b;font-size:11px}
.sparepart-public-nav nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.sparepart-public-nav nav a{display:inline-flex;border-radius:999px;padding:8px 13px;color:#0f172a;background:#f1f5f9;text-decoration:none;font-size:12px;font-weight:900}
.sparepart-public-nav nav a.active{background:#fff1f2;color:#e11d2e}
.sparepart-public-shell{max-width:1080px;margin:0 auto;padding:22px 18px 42px}
.sparepart-public-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.sparepart-public-hero h1{font-size:38px;line-height:1.05}
.sparepart-public-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.sparepart-public-actions span{font-size:12px;color:rgba(255,255,255,.82);font-weight:800}
.sparepart-public-hero-card{min-width:210px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.16);border-radius:24px;padding:24px}
.sparepart-public-hero-card span{display:block;color:rgba(255,255,255,.8);font-weight:800;font-size:12px}
.sparepart-public-hero-card strong{display:block;font-size:34px;font-weight:950}
.sparepart-public-hero-card small{color:rgba(255,255,255,.82)}
.sparepart-public-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.sparepart-public-stats div,
.sparepart-public-filter-card,
.sparepart-table-card,
.sparepart-public-info{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 16px 36px rgba(15,23,42,.07)}
.sparepart-public-stats div{padding:16px}
.sparepart-public-stats span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.sparepart-public-stats strong{display:block;margin-top:4px;font-size:20px;font-weight:950}
.sparepart-public-filter-card{padding:18px;margin-bottom:16px}
.sparepart-filter-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.sparepart-filter-title h2,
.sparepart-table-heading h2,
.sparepart-public-info h2{font-size:20px;font-weight:950;margin:0}
.sparepart-filter-title p,
.sparepart-table-heading p,
.sparepart-public-info p{margin:4px 0 0;color:#64748b;font-size:13px}
.sparepart-filter-title span{font-size:12px;font-weight:850;color:#64748b}
.sparepart-filter-grid{display:grid;grid-template-columns:minmax(170px,230px) 1fr auto;gap:10px;align-items:end}
.sparepart-filter-grid label{display:block;margin-bottom:6px;font-size:12px;font-weight:900;color:#334155}
.sparepart-filter-grid .form-select,
.sparepart-filter-grid .form-control{border-radius:14px;min-height:42px}
.sparepart-filter-buttons{display:flex;gap:8px}
.sparepart-filter-buttons .btn{border-radius:14px;font-weight:900;min-height:42px}
.sparepart-table-card{padding:18px}
.sparepart-table-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.sparepart-table-heading span{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:#166534;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}
.sparepart-public-table{font-size:13px}
.sparepart-public-table thead th{background:#111827!important;color:#fff!important;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border:0!important;white-space:nowrap;padding:12px!important}
.sparepart-public-table thead th:first-child{border-top-left-radius:16px}
.sparepart-public-table thead th:last-child{border-top-right-radius:16px}
.sparepart-public-table tbody td{border-color:#eef2f7!important;padding:13px 12px!important}
.sparepart-name{font-size:13.5px;color:#0f172a}
.sparepart-wa-btn{border-radius:999px;font-weight:900;white-space:nowrap}
.sparepart-public-info{padding:18px;margin-top:16px}
.sparepart-public-footer{background:#111827;color:#fff;text-align:center;padding:26px 18px;display:grid;gap:3px;font-size:12px}
.sparepart-public-footer strong{font-size:15px}
.sparepart-public-footer span{color:#d1d5db}
.sparepart-public-footer small{color:#fecdd3;font-weight:900;margin-top:4px}
@media(max-width:850px){
  .sparepart-admin-hero,.sparepart-public-hero{flex-direction:column;align-items:flex-start}
  .sparepart-admin-actions,.sparepart-public-hero-card{width:100%}
  .sparepart-admin-actions .btn{flex:1}
  .sparepart-public-stats{grid-template-columns:1fr}
  .sparepart-filter-grid{grid-template-columns:1fr}
  .sparepart-filter-buttons{display:grid;grid-template-columns:1fr 1fr}
  .sparepart-table-heading,.sparepart-filter-title{flex-direction:column}
}
@media(max-width:575px){
  .sparepart-public-shell{padding:14px 12px 32px}
  .sparepart-public-hero{border-radius:22px;padding:22px}
  .sparepart-public-hero h1{font-size:30px}
  .sparepart-public-nav-inner{align-items:flex-start;flex-direction:column}
  .sparepart-public-nav nav{justify-content:flex-start}
  .sparepart-filter-buttons{grid-template-columns:1fr}
}



/* Patriot Jaya Sparepart Catalog V2 */
.sparepart-public-body .pj-app-footer{
  margin-top:0;
}
.sparepart-public-body{
  background:#eef3f9;
}
.sparepart-public-shell{
  max-width:1120px;
}
.sparepart-public-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid #e5e7eb;
  backdrop-filter:blur(14px);
}
.sparepart-public-nav-inner{
  max-width:1120px;
}
.sparepart-public-brand span{
  width:40px;
  height:40px;
  border-radius:14px;
  box-shadow:0 10px 22px rgba(225,29,46,.22);
}
.sparepart-public-nav nav a{
  gap:6px;
  min-height:38px;
}
.sparepart-public-nav nav a.chat{
  background:#e11d2e;
  color:#fff;
}
.sparepart-public-hero{
  min-height:190px;
  align-items:center;
  margin-top:18px;
}
.sparepart-public-hero h1{
  max-width:720px;
}
.sparepart-public-hero p{
  max-width:760px;
}
.sparepart-public-actions{
  margin-top:20px;
}
.sparepart-public-actions .btn{
  border-radius:999px;
  font-weight:950;
  padding-left:16px;
  padding-right:16px;
}
.sparepart-public-filter-card{
  margin-top:16px;
}
.sparepart-filter-title span{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:7px 10px;
}
.sparepart-filter-grid{
  grid-template-columns:minmax(180px,260px) 1fr auto;
}
.sparepart-filter-grid .form-select,
.sparepart-filter-grid .form-control,
.sparepart-filter-buttons .btn{
  border-radius:16px;
}
.sparepart-filter-buttons .btn-dark{
  background:#111827;
  border-color:#111827;
}
.sparepart-table-card{
  padding:0;
  overflow:hidden;
}
.sparepart-table-heading{
  padding:18px 18px 10px;
  margin-bottom:0;
}
.sparepart-table-tools{
  display:flex;
  align-items:center;
  gap:8px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:6px 8px 6px 12px;
}
.sparepart-table-tools label{
  color:#64748b;
  font-size:12px;
  font-weight:900;
  margin:0;
  white-space:nowrap;
}
.sparepart-table-tools .form-select{
  border-radius:999px;
  min-width:122px;
  font-weight:850;
}
.sparepart-public-table{
  margin-bottom:0!important;
}
.sparepart-public-table thead th{
  background:linear-gradient(135deg,#111827,#1f2937)!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}
.sparepart-public-table thead th:first-child,
.sparepart-public-table thead th:last-child{
  border-radius:0!important;
}
.sparepart-public-table tbody tr{
  transition:background .15s ease, transform .15s ease;
}
.sparepart-public-table tbody tr:hover{
  background:#f8fafc;
}
.sparepart-name{
  font-size:14px;
  font-weight:950;
  letter-spacing:-.01em;
}
.sparepart-note{
  display:inline-flex;
  max-width:100%;
  border:1px solid #ffe4e6;
  background:#fff1f2;
  color:#9f1239;
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:800;
}
.sparepart-note i{
  color:#e11d2e;
}
.sparepart-category-badge{
  background:#eef2ff;
  color:#3730a3;
  border:1px solid #e0e7ff;
  padding:6px 11px;
}
.sparepart-wa-btn{
  background:#16a34a;
  border-color:#16a34a;
  box-shadow:0 8px 16px rgba(22,163,74,.14);
}
.sparepart-wa-btn:hover{
  background:#15803d;
  border-color:#15803d;
}
.sparepart-pagination-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #e5e7eb;
  padding:14px 18px;
}
.sparepart-page-info{
  color:#64748b;
  font-size:12.5px;
  font-weight:800;
}
.sparepart-pagination{
  display:flex;
  align-items:center;
  gap:8px;
}
.sparepart-pagination button{
  border-radius:999px;
  font-weight:850;
}
.sparepart-pagination button:disabled{
  opacity:.5;
}
.sparepart-pagination span{
  min-width:58px;
  height:32px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:950;
}
.sparepart-public-info{
  border-radius:22px;
}
@media(max-width:850px){
  .sparepart-public-hero{
    min-height:auto;
  }
  .sparepart-filter-grid{
    grid-template-columns:1fr;
  }
  .sparepart-table-tools{
    width:100%;
    justify-content:space-between;
  }
  .sparepart-pagination-wrap{
    align-items:flex-start;
    flex-direction:column;
  }
  .sparepart-pagination{
    width:100%;
    justify-content:space-between;
  }
}
@media(max-width:575px){
  .sparepart-public-table{
    min-width:720px;
  }
  .sparepart-public-hero h1{
    font-size:28px;
  }
}



/* Patriot Jaya Sparepart Catalog V3 */
.sparepart-public-nav{
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.sparepart-public-nav-inner{
  padding-top:14px;
  padding-bottom:14px;
}
.sparepart-public-brand{
  gap:12px;
}
.sparepart-public-brand span{
  background:linear-gradient(135deg,#e11d2e,#991b1b);
  border:1px solid rgba(255,255,255,.42);
}
.sparepart-public-brand strong{
  font-size:14px;
  letter-spacing:.02em;
}
.sparepart-public-brand small{
  margin-top:1px;
}
.sparepart-public-nav nav{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.sparepart-public-nav nav a{
  background:transparent;
  color:#334155;
  border:1px solid transparent;
  transition:all .18s ease;
}
.sparepart-public-nav nav a:hover{
  background:#fff;
  border-color:#e5e7eb;
  color:#0f172a;
}
.sparepart-public-nav nav a.active{
  background:#e11d2e;
  color:#fff;
  box-shadow:0 8px 18px rgba(225,29,46,.22);
}
.sparepart-public-nav nav a.chat{
  background:#16a34a;
  color:#fff;
  box-shadow:0 8px 18px rgba(22,163,74,.16);
}
.sparepart-public-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:22px;
  align-items:center;
  padding:34px;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.22) 0,rgba(255,255,255,.08) 17%,transparent 38%),
    radial-gradient(circle at 16% 118%,rgba(225,29,46,.38) 0,transparent 34%),
    linear-gradient(135deg,#111827 0%,#321827 48%,#e11d2e 100%);
}
.sparepart-public-hero:before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:340px;
  height:340px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  pointer-events:none;
}
.sparepart-public-hero h1{
  font-size:42px;
  line-height:1.03;
  letter-spacing:-.045em;
}
.sparepart-public-hero p{
  font-size:15px;
  line-height:1.7;
}
.sparepart-hero-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.sparepart-hero-benefits span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.12);
  color:#fff;
  border-radius:999px;
  padding:8px 11px;
  font-size:12px;
  font-weight:900;
  backdrop-filter:blur(10px);
}
.sparepart-hero-benefits i{
  color:#bbf7d0;
}
.sparepart-public-actions .btn-outline-light{
  border-radius:999px;
  font-weight:950;
  color:#fff;
  border-color:rgba(255,255,255,.42);
}
.sparepart-public-actions .btn-outline-light:hover{
  color:#111827;
  background:#fff;
}
.sparepart-hero-glass-card{
  position:relative;
  z-index:1;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.14);
  border-radius:26px;
  padding:22px;
  color:#fff;
  box-shadow:0 24px 60px rgba(0,0,0,.12);
  backdrop-filter:blur(18px);
}
.sparepart-hero-glass-card .sparepart-hero-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  background:rgba(255,255,255,.2);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  margin-bottom:14px;
}
.sparepart-hero-glass-card strong{
  display:block;
  font-size:17px;
  font-weight:950;
  line-height:1.25;
}
.sparepart-hero-glass-card p{
  margin:8px 0 14px;
  color:rgba(255,255,255,.78);
  font-size:12.5px;
  line-height:1.55;
}
.sparepart-hero-glass-card div:last-child{
  display:inline-flex;
  gap:6px;
  align-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  padding:7px 10px;
  font-size:11.5px;
  font-weight:900;
}
@media(max-width:850px){
  .sparepart-public-nav nav{
    border-radius:20px;
    width:100%;
    justify-content:flex-start;
  }
  .sparepart-public-hero{
    grid-template-columns:1fr;
  }
  .sparepart-hero-glass-card{
    width:100%;
  }
}
@media(max-width:575px){
  .sparepart-public-nav nav{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .sparepart-public-nav nav a{
    justify-content:center;
  }
  .sparepart-public-hero{
    padding:24px;
  }
  .sparepart-public-hero h1{
    font-size:30px;
  }
}



/* Patriot Jaya Sparepart Catalog V4 */
.sparepart-public-hero{
  grid-template-columns:minmax(0,1fr) 310px;
  min-height:250px;
  padding:38px;
  background:
    radial-gradient(circle at 78% 26%,rgba(255,255,255,.18) 0,rgba(255,255,255,.08) 22%,transparent 42%),
    linear-gradient(135deg,#0f172a 0%,#2b1830 46%,#b91c1c 100%);
}
.sparepart-public-hero:after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  pointer-events:none;
}
.sparepart-public-hero h1{
  max-width:680px;
  font-size:44px;
}
.sparepart-public-hero p{
  color:rgba(255,255,255,.86);
}
.sparepart-hero-visual{
  position:relative;
  z-index:2;
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sparepart-hero-main-icon{
  width:205px;
  min-height:205px;
  border-radius:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.26);
  box-shadow:0 28px 80px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}
.sparepart-hero-main-icon span{
  width:54px;
  height:54px;
  border-radius:19px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e11d2e;
  font-size:20px;
  font-weight:950;
  margin-bottom:14px;
}
.sparepart-hero-main-icon strong{
  font-size:18px;
  font-weight:950;
}
.sparepart-hero-main-icon small{
  max-width:155px;
  color:rgba(255,255,255,.75);
  font-size:11.5px;
  line-height:1.45;
  margin-top:7px;
}
.sparepart-orbit-icon{
  position:absolute;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  color:#fff;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(12px);
  box-shadow:0 16px 35px rgba(0,0,0,.12);
  font-size:21px;
}
.sparepart-orbit-icon.icon-a{top:12px;left:18px}
.sparepart-orbit-icon.icon-b{right:10px;top:54px}
.sparepart-orbit-icon.icon-c{left:48px;bottom:20px}
.sparepart-hero-benefits{display:none!important}

.sparepart-public-table tbody td{
  padding:15px 14px!important;
}
.sparepart-public-table tbody tr{
  background:#fff;
}
.sparepart-public-table tbody tr:nth-child(even){
  background:#fcfdff;
}
.sparepart-public-table tbody tr:hover{
  background:#fff7f7;
}
.sparepart-name{
  display:block;
  font-size:14.5px;
  font-weight:950;
  color:#101827;
  line-height:1.35;
}
.sparepart-note{
  margin-top:7px;
  border:1px solid #fee2e2;
  background:linear-gradient(135deg,#fff1f2,#fff7ed);
  color:#9f1239;
  border-radius:14px;
  padding:6px 10px;
  font-size:11.3px;
  line-height:1.35;
}
.sparepart-category-badge{
  background:linear-gradient(135deg,#eef2ff,#f8fafc);
  color:#312e81;
  border:1px solid #dbe4ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  min-width:76px;
  justify-content:center;
}
.sparepart-wa-btn{
  border-radius:14px;
  padding:7px 11px;
  background:linear-gradient(135deg,#16a34a,#15803d);
  border:0;
  box-shadow:0 10px 20px rgba(22,163,74,.16);
}
.sparepart-wa-btn i{
  margin-right:4px;
}
.sparepart-wa-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 24px rgba(22,163,74,.22);
}
.sparepart-table-card{
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.sparepart-public-table thead th{
  background:linear-gradient(135deg,#0f172a,#1e293b)!important;
}

.sparepart-delivery-section{
  margin-top:16px;
  padding:22px;
  border-radius:26px;
  background:
    radial-gradient(circle at 96% 12%,rgba(225,29,46,.12),transparent 32%),
    linear-gradient(135deg,#ffffff,#f8fafc);
  border:1px solid #e5e7eb;
  box-shadow:0 16px 36px rgba(15,23,42,.07);
}
.sparepart-delivery-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.sparepart-delivery-head span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#e11d2e;
  background:#fff1f2;
  border:1px solid #ffe4e6;
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.sparepart-delivery-head h2{
  margin:0;
  font-size:22px;
  font-weight:950;
  letter-spacing:-.02em;
}
.sparepart-delivery-head p{
  max-width:560px;
  margin:5px 0 0;
  color:#64748b;
  font-size:13px;
  line-height:1.6;
}
.sparepart-delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.sparepart-delivery-card{
  display:grid;
  gap:7px;
  padding:16px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.sparepart-delivery-card .delivery-icon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:#111827;
  color:#fff;
  font-size:20px;
}
.sparepart-delivery-card strong{
  font-size:15px;
  font-weight:950;
}
.sparepart-delivery-card small{
  color:#64748b;
  line-height:1.5;
}
@media(max-width:850px){
  .sparepart-public-hero{
    grid-template-columns:1fr;
    padding:28px;
  }
  .sparepart-hero-visual{
    min-height:180px;
  }
  .sparepart-delivery-head{
    flex-direction:column;
  }
  .sparepart-delivery-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:575px){
  .sparepart-public-hero h1{
    font-size:31px;
  }
  .sparepart-hero-main-icon{
    width:180px;
    min-height:180px;
  }
}



/* Patriot Jaya Sparepart Catalog V5 Professional Table + Delivery */
.sparepart-public-shell,
.sparepart-public-body{
  font-size:13px;
}
.sparepart-table-card{
  border-radius:22px;
  border:1px solid #e2e8f0;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
  background:#fff;
}
.sparepart-table-heading{
  padding:16px 16px 12px;
  border-bottom:1px solid #eef2f7;
}
.sparepart-table-heading h2{
  font-size:17px;
  letter-spacing:-.01em;
}
.sparepart-table-heading p{
  font-size:12px;
}
.sparepart-table-tools{
  border-radius:14px;
  padding:6px 8px;
  background:#f8fafc;
  box-shadow:none;
}
.sparepart-table-tools label{
  font-size:11.5px;
}
.sparepart-table-tools .form-select{
  min-height:32px;
  font-size:12px;
  border-radius:12px;
}
.sparepart-public-table{
  font-size:12.5px;
}
.sparepart-public-table thead th{
  background:#f8fafc!important;
  color:#334155!important;
  border-top:1px solid #e2e8f0!important;
  border-bottom:1px solid #e2e8f0!important;
  font-size:10.5px;
  letter-spacing:.045em;
  padding:11px 12px!important;
}
.sparepart-public-table tbody td{
  padding:12px 12px!important;
  border-color:#eef2f7!important;
}
.sparepart-public-table tbody tr:nth-child(even){
  background:#fff;
}
.sparepart-public-table tbody tr:hover{
  background:#f8fafc;
}
.sparepart-name{
  font-size:12.8px;
  font-weight:850;
  color:#0f172a;
  line-height:1.35;
}
.sparepart-note{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  margin-top:6px;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  color:#64748b;
  border-radius:10px;
  padding:5px 8px;
  font-size:10.8px;
  font-weight:700;
  line-height:1.35;
}
.sparepart-note i{
  color:#64748b;
  font-size:11px;
}
.sparepart-category-badge{
  min-width:auto;
  justify-content:center;
  border-radius:999px;
  padding:5px 9px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  color:#334155;
  font-size:10.8px;
  font-weight:850;
  box-shadow:none;
}
.sparepart-wa-btn{
  border-radius:999px;
  padding:6px 10px;
  font-size:11.5px;
  font-weight:850;
  background:#16a34a;
  border:1px solid #16a34a;
  box-shadow:none;
}
.sparepart-wa-btn:hover{
  transform:none;
  background:#15803d;
  border-color:#15803d;
  box-shadow:none;
}
.sparepart-pagination-wrap{
  padding:12px 16px;
  background:#fbfdff;
}
.sparepart-page-info{
  font-size:11.8px;
}
.sparepart-pagination span{
  height:30px;
  min-width:54px;
  font-size:11.5px;
  background:#0f172a;
}
.sparepart-pagination button{
  font-size:11.5px;
  min-height:30px;
}

/* Delivery section V5 */
.sparepart-delivery-section{
  margin-top:16px;
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid #e2e8f0;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.sparepart-delivery-head{
  display:block;
  margin-bottom:14px;
}
.sparepart-delivery-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#0f172a;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  font-weight:900;
}
.sparepart-delivery-head h2{
  margin:10px 0 4px;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.015em;
}
.sparepart-delivery-head p{
  max-width:680px;
  margin:0;
  color:#64748b;
  font-size:12.5px;
  line-height:1.6;
}
.sparepart-delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.sparepart-delivery-card{
  min-height:110px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:16px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e2e8f0;
  box-shadow:none;
}
.sparepart-delivery-card small{
  color:#64748b;
  font-size:11.5px;
  line-height:1.45;
}
.delivery-logo-wordmark{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
}
.delivery-logo-gosend{
  color:#00AA13;
  font-size:25px;
  font-family:Arial, Helvetica, sans-serif;
}
.delivery-logo-grab{
  color:#00B14F;
  font-size:28px;
  font-family:Arial, Helvetica, sans-serif;
}
.delivery-logo-maxim{
  color:#111827;
  background:#F7C600;
  border-radius:9px;
  padding:6px 10px;
  font-size:20px;
  letter-spacing:-.02em;
  font-family:Arial, Helvetica, sans-serif;
}
.sparepart-delivery-disclaimer{
  margin:12px 0 0;
  color:#94a3b8;
  font-size:10.8px;
  line-height:1.5;
}
@media(max-width:850px){
  .sparepart-delivery-grid{
    grid-template-columns:1fr;
  }
  .sparepart-table-heading{
    gap:10px;
  }
}



/* Patriot Jaya Sparepart Catalog V6 - Service Navbar + Bootstrap-like Table */
.sparepart-public-body{
  font-size:13px;
  background:#eef3f9;
}
.service-public-navbar{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  box-shadow:0 6px 24px rgba(15,23,42,.04);
}
.service-public-navbar-inner{
  max-width:1120px;
  margin:0 auto;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.service-public-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#111827;
}
.service-public-brand span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#e11d2e;
  font-weight:950;
  box-shadow:0 12px 24px rgba(225,29,46,.18);
}
.service-public-brand strong{
  display:block;
  font-size:14px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.service-public-brand small{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:11.5px;
}
.service-public-menu{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.service-public-menu a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  text-decoration:none;
  color:#334155;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  font-size:12px;
  font-weight:850;
  transition:all .16s ease;
}
.service-public-menu a:hover{
  background:#fff;
  color:#111827;
  border-color:#cbd5e1;
}
.service-public-menu a.active{
  color:#fff;
  background:#e11d2e;
  border-color:#e11d2e;
  box-shadow:0 8px 20px rgba(225,29,46,.18);
}
.service-public-menu a.chat{
  color:#fff;
  background:#16a34a;
  border-color:#16a34a;
}

/* Neutralize previous navbar styles */
.sparepart-public-nav,
.sparepart-public-nav-inner,
.sparepart-public-brand,
.sparepart-public-nav nav{
  box-shadow:none;
}

/* More compact hero to match service feel */
.sparepart-public-hero{
  border-radius:24px;
  min-height:210px;
  padding:30px;
}
.sparepart-public-hero h1{
  font-size:36px;
}
.sparepart-public-hero p{
  font-size:13.5px;
}

/* Bootstrap 5.x table feel */
.sparepart-table-card{
  border-radius:18px;
  border:1px solid #e5e7eb;
  box-shadow:0 12px 30px rgba(15,23,42,.055);
  overflow:hidden;
}
.sparepart-table-heading{
  padding:15px 16px;
  border-bottom:1px solid #e5e7eb;
  background:#fff;
}
.sparepart-table-heading h2{
  font-size:16px;
  font-weight:900;
}
.sparepart-table-heading p{
  font-size:12px;
  color:#64748b;
}
.sparepart-public-table{
  font-size:12.25px;
}
.sparepart-public-table thead th{
  background:#f8fafc!important;
  color:#475569!important;
  border-top:0!important;
  border-bottom:1px solid #e5e7eb!important;
  font-size:10.5px!important;
  font-weight:900;
  letter-spacing:.045em;
  padding:10px 12px!important;
}
.sparepart-public-table tbody td{
  padding:11px 12px!important;
  border-color:#eef2f7!important;
}
.sparepart-public-table tbody tr:hover{
  background:#f8fafc!important;
}
.sparepart-name{
  font-size:12.6px;
  font-weight:850;
  color:#0f172a;
}
.sparepart-note{
  margin-top:5px;
  display:inline-flex;
  gap:5px;
  align-items:center;
  border:0;
  background:transparent;
  color:#64748b;
  padding:0;
  border-radius:0;
  font-size:10.8px;
  font-weight:650;
}
.sparepart-note i{
  color:#94a3b8;
}
.sparepart-category-badge{
  font-size:10.8px!important;
  font-weight:800;
  color:#475569!important;
  background:#f8fafc!important;
  border-color:#e5e7eb!important;
  padding:5px 8px!important;
  box-shadow:none!important;
}
.sparepart-wa-btn{
  font-size:11.25px;
  font-weight:850;
  padding:5.5px 9px;
  box-shadow:none!important;
  background:#198754!important;
  border-color:#198754!important;
}
.sparepart-wa-btn:hover{
  background:#157347!important;
  border-color:#146c43!important;
}
.sparepart-table-tools{
  border-radius:12px;
  background:#f8fafc;
  box-shadow:none;
}
.sparepart-pagination-wrap{
  background:#fff;
  border-top:1px solid #e5e7eb;
}

/* Delivery section redesigned */
.sparepart-delivery-section{
  margin-top:16px;
  padding:18px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 12px 30px rgba(15,23,42,.055);
}
.delivery-band-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.delivery-band-heading h2{
  margin:9px 0 4px;
  font-size:16px;
  font-weight:900;
  letter-spacing:-.01em;
}
.delivery-band-heading p{
  margin:0;
  color:#64748b;
  font-size:12.2px;
  line-height:1.55;
}
.delivery-brand-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.delivery-brand-item{
  padding:14px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#f8fafc;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:96px;
}
.brand-logo-text{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  line-height:1;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:950;
}
.gosend-logo{
  color:#00AA13;
  font-size:22px;
}
.grab-logo{
  color:#00B14F;
  font-size:24px;
}
.maxim-logo{
  color:#111827;
  background:#FFD21E;
  border:1px solid #efc800;
  border-radius:8px;
  padding:5px 9px;
  font-size:18px;
}
.delivery-brand-item small{
  color:#64748b;
  font-size:11.3px;
  line-height:1.45;
}
@media(max-width:760px){
  .service-public-navbar-inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .service-public-menu{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .service-public-menu a{
    border-radius:14px;
  }
  .delivery-band-heading{
    flex-direction:column;
  }
  .delivery-brand-row{
    grid-template-columns:1fr;
  }
  .sparepart-public-table{
    min-width:680px;
  }
}
@media(max-width:480px){
  .sparepart-public-hero h1{
    font-size:29px;
  }
}



/* Patriot Jaya Sparepart Catalog V7 - Mobile Hamburger, Badge, Delivery */
.service-public-navbar-inner{
  position:relative;
}
.service-public-brand div{
  line-height:1.05;
}
.service-public-brand strong{
  line-height:1.05;
  margin:0;
}
.service-public-brand small{
  margin-top:1px;
  line-height:1.05;
}
.service-mobile-menu-toggle{
  display:none;
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  color:#0f172a;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:900;
}

/* Badge table update */
.sparepart-category-badge{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:74px;
  padding:5px 10px!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  color:#1e293b!important;
  border:1px solid #cbd5e1!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.015em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.sparepart-category-badge:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:99px;
  background:#e11d2e;
}

/* Delivery section V7 */
.sparepart-delivery-section{
  margin-top:16px;
  padding:0;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.delivery-band-heading{
  margin:0;
  padding:18px;
  background:linear-gradient(135deg,#111827,#1f2937);
  color:#fff;
}
.delivery-band-heading .badge{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}
.delivery-band-heading h2{
  color:#fff;
  font-size:17px;
  margin:10px 0 4px;
}
.delivery-band-heading p{
  color:rgba(255,255,255,.75);
  max-width:760px;
}
.delivery-band-heading .btn{
  background:#16a34a;
  border-color:#16a34a;
  font-weight:850;
}
.delivery-brand-row{
  padding:14px;
  background:#f8fafc;
  gap:12px;
}
.delivery-brand-item{
  position:relative;
  min-height:104px;
  padding:15px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}
.delivery-brand-item:after{
  content:"";
  position:absolute;
  top:14px;
  right:14px;
  width:9px;
  height:9px;
  border-radius:99px;
  background:#22c55e;
  box-shadow:0 0 0 5px rgba(34,197,94,.10);
}
.brand-logo-text{
  min-height:28px;
}
.gosend-logo,
.grab-logo{
  font-size:23px;
}
.maxim-logo{
  font-size:17px;
  border-radius:7px;
}
.delivery-brand-item small{
  font-size:11.2px;
  color:#64748b;
}

@media(max-width:760px){
  .service-public-navbar-inner{
    flex-direction:row;
    align-items:center;
  }
  .service-mobile-menu-toggle{
    display:inline-flex;
    margin-left:auto;
  }
  .service-public-menu{
    position:absolute;
    top:calc(100% + 10px);
    left:18px;
    right:18px;
    width:auto;
    display:none;
    grid-template-columns:1fr;
    gap:8px;
    padding:10px;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 40px rgba(15,23,42,.13);
    z-index:90;
  }
  .service-public-menu.is-open{
    display:grid;
  }
  .service-public-menu a{
    width:100%;
    min-height:40px;
    border-radius:13px;
    justify-content:flex-start;
    padding-left:13px;
  }
  .delivery-band-heading{
    flex-direction:column;
    gap:12px;
  }
  .delivery-band-heading .btn{
    width:100%;
  }
}


/* === Production polish & role-safe layout fixes === */
.badge-role-super-admin { background:#dc2626; color:#fff; }
.badge-role-admin { background:#111827; color:#fff; }
.badge-role-teknisi { background:#2563eb; color:#fff; }
.table-card { overflow:hidden; }
.activity-page .activity-table td,
.activity-page .activity-table th { vertical-align: top; }
.activity-safe-note { display:inline-flex; align-items:center; gap:.35rem; padding:.45rem .65rem; border-radius:999px; background:#f8fafc; color:#475569; }
.sidebar-menu a.active { box-shadow: inset 4px 0 0 rgba(255,255,255,.35); }
@media (max-width: 575.98px) {
  .content-wrap { padding: 14px !important; }
  .topbar, .card-header { gap: .5rem; }
  .activity-hero, .list-order-hero, .sparepart-admin-hero { border-radius: 18px; }
  .btn { white-space: normal; }
}


/* === Session Security v1.0.2 === */
.session-security-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.35rem;border-radius:1.25rem;background:linear-gradient(135deg,#111827,#b91c1c);color:#fff;box-shadow:0 18px 45px rgba(17,24,39,.18)}
.session-security-hero h4{margin:.35rem 0;font-weight:800}.session-security-hero p{margin:0;opacity:.86}.session-security-kicker{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;opacity:.9}.session-security-kicker i{margin-right:.35rem}.session-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.session-stat-card{background:#fff;border:1px solid rgba(229,231,235,.95);border-radius:1rem;padding:1rem;box-shadow:0 12px 30px rgba(15,23,42,.06)}.session-stat-card span{display:block;color:#64748b;font-size:.82rem;font-weight:700}.session-stat-card strong{display:block;font-size:1.8rem;line-height:1;margin:.35rem 0;color:#16a34a}.session-stat-card small{color:#94a3b8}.session-stat-card.is-gray strong{color:#64748b}.session-stat-card.is-blue strong{color:#2563eb}.session-stat-card.is-red strong{color:#dc2626}.session-user-agent{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.session-mobile-list{display:none}.badge-role-super-admin{background:#111827!important;color:#fff!important}.badge-role-admin{background:#2563eb!important;color:#fff!important}.badge-role-teknisi{background:#16a34a!important;color:#fff!important}
@media(max-width:991.98px){.session-security-hero{align-items:flex-start;flex-direction:column}.session-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-mobile-list{display:grid;gap:.85rem}.session-mobile-card{border-left:4px solid #b91c1c}}
@media(max-width:575.98px){.session-stat-grid{grid-template-columns:1fr}.session-security-hero{padding:1rem;border-radius:1rem}.session-stat-card strong{font-size:1.55rem}}


/* v1.0.2 intake single/multi clarity + public payment helper */
.status-v2-payment-helper{margin:10px 0 14px;padding:11px 13px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;color:#64748b;font-size:12px;font-weight:700;line-height:1.55;display:flex;gap:8px;align-items:flex-start;clear:both}
.status-v2-payment-helper i{color:#0f766e;margin-top:2px;flex:0 0 auto}.multiunit-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.intake-detail-stats small{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:800}.tasks-intake-cell .text-bg-light{background:#fff!important}@media(max-width:900px){.multiunit-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.multiunit-summary-grid{grid-template-columns:1fr}.status-v2-payment-helper{font-size:11px}}


/* v1.0.2.1 payment info spacing refinement */
.status-v2-money + .status-v2-payment-helper{margin-top:10px}
.status-v2-money{margin-bottom:0}
@media (max-width:576px){
  .status-v2-payment-helper{margin-top:12px;padding:10px 12px;font-size:11.5px}
}

/* v1.0.3 Local SEO Sparepart Page */
.sparepart-seo-page{background:#f8fafc;color:#0f172a;overflow-x:hidden}.sparepart-seo-container{width:min(1160px,calc(100% - 32px));margin:0 auto}.sparepart-seo-hero{background:radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 34%),linear-gradient(135deg,#111827 0%,#be123c 58%,#e11d2e 100%);color:#fff;padding:58px 0 46px}.sparepart-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:30px;align-items:center}.sparepart-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sparepart-hero-badges span,.section-kicker{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:.02em}.sparepart-hero-badges span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);color:#fff}.section-kicker{background:#fff1f2;color:#be123c;border:1px solid #ffe4e6;margin-bottom:9px}.sparepart-hero-copy h1{font-size:clamp(34px,5vw,58px);line-height:1.02;font-weight:950;letter-spacing:-.045em;margin:0 0 14px}.sparepart-hero-lead{font-size:clamp(16px,2vw,20px);line-height:1.65;color:#ffe4e6;margin:0 0 12px;max-width:820px}.sparepart-hero-delivery{display:flex;gap:9px;align-items:flex-start;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:12px 14px;color:#fff;margin:16px 0 0;max-width:850px;font-weight:700}.sparepart-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.sparepart-hero-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.18);border-radius:28px;padding:16px;backdrop-filter:blur(10px)}.hero-panel-card{background:#fff;border-radius:20px;padding:18px 15px;color:#0f172a;min-height:108px}.hero-panel-card strong{display:block;color:#e11d2e;font-size:25px;font-weight:950}.hero-panel-card span{display:block;font-size:12px;color:#64748b;font-weight:800;line-height:1.35}.sparepart-hero-panel small{grid-column:1/-1;color:#ffe4e6;line-height:1.45;padding:4px 4px 0}.section-heading{margin:0 0 22px}.section-heading h2,.instant-delivery-content h2,.service-consult-section h2,.area-section-card h2,.trust-section-card h2{font-size:clamp(25px,3vw,36px);font-weight:950;letter-spacing:-.035em;margin:0 0 8px;color:#111827}.section-heading p,.instant-delivery-content p,.area-section-card p,.service-consult-section p{color:#64748b;line-height:1.7;margin:0;max-width:850px}.sparepart-search-section,.category-section,.sparepart-list-section,.faq-section{padding:44px 0}.sparepart-search-card{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:18px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.sparepart-search-input-wrap{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:0 15px}.sparepart-search-input-wrap i{font-size:20px;color:#e11d2e}.sparepart-search-input-wrap input{width:100%;border:0;background:transparent;outline:0;padding:15px 0;font-size:16px;font-weight:750;color:#0f172a}.sparepart-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.sparepart-chip{border:1px solid #e5e7eb;background:#fff;color:#334155;border-radius:999px;padding:8px 13px;font-weight:850;font-size:13px;transition:.18s}.sparepart-chip:hover,.sparepart-chip.active{background:#e11d2e;border-color:#e11d2e;color:#fff}.instant-delivery-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:24px;align-items:stretch;margin:20px auto 26px;padding:28px;border-radius:34px;background:linear-gradient(135deg,#111827,#be123c);color:#fff;box-shadow:0 22px 55px rgba(15,23,42,.16)}.instant-delivery-content h2{color:#fff}.instant-delivery-content p{color:#ffe4e6}.instant-delivery-content ul,.service-consult-section ul,.trust-section-card ul{padding-left:0;list-style:none;margin:18px 0;display:grid;gap:10px}.instant-delivery-content li,.service-consult-section li,.trust-section-card li{position:relative;padding-left:28px;line-height:1.5;font-weight:750}.instant-delivery-content li:before,.service-consult-section li:before,.trust-section-card li:before{content:"✓";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#fff;font-size:12px;font-weight:950}.instant-delivery-content small{display:block;margin-top:12px;color:#fecdd3}.delivery-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.delivery-service-card,.delivery-area-card,.category-card{background:#fff;border-radius:22px;padding:18px;border:1px solid #e5e7eb;box-shadow:0 12px 35px rgba(15,23,42,.07)}.delivery-service-card i,.delivery-area-card i,.category-card i{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#fff1f2;color:#e11d2e;font-size:22px;margin-bottom:12px}.delivery-service-card h3,.delivery-area-card h3,.category-card h3{font-size:17px;font-weight:950;margin:0 0 7px;color:#111827}.delivery-service-card p,.delivery-area-card p,.category-card p{font-size:13px;color:#64748b;line-height:1.55;margin:0}.delivery-area-card{grid-column:1/-1}.category-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.split-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.list-counter{min-width:150px;background:#111827;color:#fff;border-radius:20px;padding:14px;text-align:center}.list-counter strong{display:block;font-size:24px;font-weight:950}.list-counter span{font-size:12px;font-weight:800;color:#cbd5e1}.sparepart-table-shell{background:#fff;border:1px solid #e5e7eb;border-radius:26px;box-shadow:0 16px 42px rgba(15,23,42,.06);overflow:hidden}.sparepart-public-table-v3{width:100%;border-collapse:collapse}.sparepart-public-table-v3 th{background:#111827;color:#fff;padding:15px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.sparepart-public-table-v3 td{padding:14px 16px;border-bottom:1px solid #eef2f7;vertical-align:middle}.sparepart-public-table-v3 tbody tr:hover{background:#fff7f8}.sparepart-item-row.is-hidden{display:none}.sparepart-pill{display:inline-flex;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;padding:6px 10px;font-size:12px;font-weight:850;color:#334155}.sparepart-empty-state{text-align:center;padding:30px 18px;color:#64748b}.sparepart-empty-state h3{font-weight:950;color:#111827}.load-more-wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.load-more-wrap p{margin:0;color:#64748b;font-weight:800}.service-consult-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;align-items:center;margin:32px auto;padding:28px;border-radius:32px;background:linear-gradient(135deg,#e11d2e,#111827);color:#fff}.service-consult-section h2,.service-consult-section p{color:#fff}.service-consult-section p{opacity:.86}.service-consult-section .section-kicker,.instant-delivery-content .section-kicker{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.22)}.consult-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.area-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:42px auto}.area-section-card,.trust-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:24px;box-shadow:0 15px 38px rgba(15,23,42,.06)}.area-chip-wrap{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.area-chip-wrap span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;color:#334155}.area-section-card small{display:block;color:#64748b;line-height:1.55}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 25px rgba(15,23,42,.04);overflow:hidden}.faq-list summary{cursor:pointer;padding:16px 18px;font-weight:900;color:#111827}.faq-list p{padding:0 18px 18px;margin:0;color:#64748b;line-height:1.7}.sparepart-sticky-wa{display:none}.sparepart-sticky-wa a{position:fixed;left:16px;right:16px;bottom:14px;z-index:1030;display:flex;align-items:center;justify-content:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;border-radius:999px;padding:13px 16px;font-weight:950;box-shadow:0 16px 40px rgba(22,163,74,.32)}@media(max-width:1050px){.sparepart-hero-grid,.instant-delivery-section,.service-consult-section,.area-trust-grid{grid-template-columns:1fr}.category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sparepart-seo-container{width:min(100% - 24px,1160px)}.sparepart-seo-hero{padding:36px 0 32px}.sparepart-hero-panel{grid-template-columns:1fr 1fr}.sparepart-hero-actions .btn,.consult-actions .btn{width:100%}.delivery-card-grid,.category-card-grid{grid-template-columns:1fr}.split-heading{display:block}.list-counter{margin-top:14px}.sparepart-public-table-v3 thead{display:none}.sparepart-public-table-v3,.sparepart-public-table-v3 tbody,.sparepart-public-table-v3 tr,.sparepart-public-table-v3 td{display:block;width:100%}.sparepart-public-table-v3 tr{border-bottom:1px solid #e5e7eb;padding:14px}.sparepart-public-table-v3 td{border:0;padding:6px 0}.sparepart-public-table-v3 td:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-weight:900;margin-bottom:3px}.sparepart-public-table-v3 td .btn{width:100%;margin-top:8px}.sparepart-sticky-wa{display:block}.faq-section{padding-bottom:82px}}

/* v1.0.3.1 - Revisi SEO Sparepart: hero, jarak search-tabel, list mobile */
.sparepart-hero-copy h1{margin-top:0}
.sparepart-search-section{padding-bottom:12px!important}
.sparepart-list-section{padding-top:10px!important;padding-bottom:34px!important}
.sparepart-list-section .section-heading{margin-bottom:16px}
.instant-delivery-section{margin-top:28px!important}
.category-section{padding-top:34px!important}
.instant-delivery-content li,.service-consult-section li,.trust-section-card li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:8px;align-items:start;padding-left:0!important;line-height:1.55}
.instant-delivery-content li:before,.service-consult-section li:before,.trust-section-card li:before{position:static!important;left:auto!important;top:auto!important;flex:0 0 20px;margin-top:1px}
.trust-section-card ul{gap:12px}
@media(max-width:720px){.sparepart-search-section{padding-top:30px!important;padding-bottom:8px!important}.sparepart-list-section{padding-top:6px!important}.instant-delivery-section{margin-top:24px!important}.instant-delivery-content li,.service-consult-section li,.trust-section-card li{grid-template-columns:22px minmax(0,1fr);column-gap:9px}.trust-section-card ul,.instant-delivery-content ul,.service-consult-section ul{gap:11px}}


/* v1.0.3.3 - Delivery services polish */
.delivery-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}.delivery-service-card-modern{position:relative;overflow:hidden;padding:18px 16px 16px}.delivery-service-card-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(225,29,46,.08),transparent 48%);pointer-events:none}.delivery-service-icon{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:#fff1f2;color:#e11d2e;font-size:22px;margin-bottom:12px}.delivery-service-card-modern .delivery-service-icon i{width:auto;height:auto;background:transparent;margin:0;font-size:22px}.delivery-service-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-size:11px;font-weight:950;padding:5px 8px;margin-bottom:9px}.delivery-area-card-wide{background:linear-gradient(135deg,#fff,#fff7f8);border:1px solid #fecdd3}.delivery-area-card-wide h3{font-size:19px}.delivery-area-card-wide p{max-width:900px}@media(max-width:1180px){.delivery-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.delivery-card-grid{grid-template-columns:1fr!important}.delivery-service-card-modern{padding:16px}.delivery-service-badge{font-size:10px}.delivery-area-card-wide h3{font-size:17px}}

/* v1.0.3.4 - Delivery logo layout refinement */
.instant-delivery-section{
    grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);
}
.delivery-logo-panel{
    display:grid;
    gap:14px;
    align-content:start;
}
.delivery-logo-group{
    background:rgba(255,255,255,.96);
    border:1px solid rgba(255,255,255,.62);
    border-radius:24px;
    padding:18px;
    box-shadow:0 16px 36px rgba(15,23,42,.15);
}
.delivery-logo-group-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
}
.delivery-logo-group-head span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#111827;
    font-size:18px;
    font-weight:950;
    letter-spacing:-.02em;
}
.delivery-logo-group-head i{
    width:34px;
    height:34px;
    border-radius:12px;
    display:grid;
    place-items:center;
    color:#fff;
    background:#e11d2e;
    font-size:17px;
}
.delivery-logo-group-head small{
    max-width:170px;
    text-align:right;
    color:#64748b;
    line-height:1.35;
    font-size:12px;
    font-weight:800;
}
.delivery-logo-list{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}
.delivery-logo-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    border-radius:14px;
    padding:8px 13px;
    background:#fff;
    color:#111827;
    border:1px solid #e5e7eb;
    box-shadow:0 8px 18px rgba(15,23,42,.06);
    font-size:13px;
    font-weight:950;
    letter-spacing:-.01em;
    white-space:nowrap;
}
.delivery-logo-chip-instant{
    background:linear-gradient(135deg,#fff,#fff7f8);
    border-color:#fecdd3;
    color:#be123c;
}
.delivery-logo-chip-outer{
    background:#f8fafc;
    color:#0f172a;
}
.delivery-area-note{
    display:flex;
    gap:12px;
    align-items:flex-start;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    border-radius:22px;
    padding:16px;
    color:#fff;
}
.delivery-area-note-icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:15px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:20px;
}
.delivery-area-note h3{
    color:#fff;
    font-size:17px;
    font-weight:950;
    margin:0 0 6px;
}
.delivery-area-note p{
    color:#ffe4e6;
    font-size:13px;
    line-height:1.55;
    margin:0;
}
/* Hide old delivery card style in case cached markup remains mixed */
.delivery-service-card-modern{box-shadow:none;}
@media(max-width:1050px){
    .instant-delivery-section{grid-template-columns:1fr;}
}
@media(max-width:720px){
    .delivery-logo-group{padding:15px;border-radius:20px;}
    .delivery-logo-group-head{display:block;margin-bottom:12px;}
    .delivery-logo-group-head span{font-size:16px;}
    .delivery-logo-group-head small{display:block;max-width:none;text-align:left;margin-top:7px;}
    .delivery-logo-list{gap:8px;}
    .delivery-logo-chip{width:calc(50% - 4px);min-height:36px;font-size:12px;padding:8px 9px;white-space:normal;text-align:center;}
    .delivery-area-note{border-radius:20px;padding:14px;}
}
@media(max-width:390px){
    .delivery-logo-chip{width:100%;}
}

/* v1.0.3.5 - Floating Go To Up button replaces sticky WhatsApp CTA */
.sparepart-sticky-wa{display:none!important;}
.sparepart-go-top{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:1030;
    width:52px;
    height:52px;
    border:0;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#e11d2e,#be123c);
    color:#fff;
    box-shadow:0 16px 38px rgba(190,18,60,.34);
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(12px) scale(.94);
    transition:opacity .18s ease, visibility .18s ease, transform .18s ease, box-shadow .18s ease;
}
.sparepart-go-top i{font-size:24px;line-height:1;}
.sparepart-go-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
}
.sparepart-go-top:hover{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 20px 46px rgba(190,18,60,.42);
}
.sparepart-go-top:focus-visible{
    outline:3px solid rgba(225,29,46,.25);
    outline-offset:3px;
}
@media(max-width:720px){
    .faq-section{padding-bottom:42px!important;}
    .sparepart-go-top{right:14px;bottom:14px;width:48px;height:48px;border-radius:16px;}
    .sparepart-go-top i{font-size:22px;}
}

/* v1.0.3.6 - Sparepart mobile compact cleanup */
.section-kicker{display:none!important;}

/* keep desktop category elegant, make mobile much shorter */
@media(max-width:720px){
    .sparepart-search-section{padding:24px 0 12px!important;}
    .sparepart-list-section{padding:16px 0 28px!important;}
    .instant-delivery-section{margin:18px auto 22px!important;padding:20px!important;border-radius:24px!important;gap:18px!important;}
    .category-section{padding:24px 0!important;}
    .faq-section{padding-top:24px!important;}

    .section-heading{margin-bottom:14px!important;}
    .section-heading h2,
    .instant-delivery-content h2,
    .service-consult-section h2,
    .area-section-card h2,
    .trust-section-card h2{
        font-size:22px!important;
        line-height:1.18!important;
        letter-spacing:-.025em!important;
        margin-bottom:7px!important;
    }
    .section-heading p,
    .instant-delivery-content p,
    .area-section-card p,
    .service-consult-section p{
        font-size:13px!important;
        line-height:1.55!important;
    }

    .category-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:9px!important;
    }
    .category-card{
        min-height:auto!important;
        padding:11px 10px!important;
        border-radius:16px!important;
        display:flex!important;
        align-items:center!important;
        gap:9px!important;
        text-align:left!important;
        box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
    }
    .category-card i{
        flex:0 0 34px!important;
        width:34px!important;
        height:34px!important;
        border-radius:12px!important;
        font-size:16px!important;
        margin:0!important;
    }
    .category-card h3{
        font-size:12.8px!important;
        line-height:1.22!important;
        margin:0!important;
        letter-spacing:-.01em!important;
    }
    .category-card p{display:none!important;}

    .sparepart-search-card{padding:13px!important;border-radius:20px!important;}
    .sparepart-search-input-wrap{border-radius:15px!important;padding:0 12px!important;}
    .sparepart-search-input-wrap input{font-size:14px!important;padding:12px 0!important;}
    .sparepart-chip-row{gap:7px!important;margin-top:10px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none;}
    .sparepart-chip-row::-webkit-scrollbar{display:none;}
    .sparepart-chip{flex:0 0 auto!important;font-size:12px!important;padding:7px 11px!important;}

    .split-heading .list-counter{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important;padding:8px 12px!important;border-radius:999px!important;margin-top:10px!important;}
    .list-counter strong{font-size:16px!important;line-height:1!important;}
    .list-counter span{font-size:11px!important;}

    .sparepart-table-shell{border-radius:20px!important;}
    .sparepart-public-table-v3 tr{padding:11px 12px!important;margin:0!important;}
    .sparepart-public-table-v3 td{padding:4px 0!important;}
    .sparepart-public-table-v3 td:before{font-size:10px!important;margin-bottom:1px!important;}
    .sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{font-size:13px!important;line-height:1.35!important;display:block!important;}
    .sparepart-public-table-v3 td[data-label="Kategori"]{display:inline-block!important;margin-right:6px!important;}
    .sparepart-public-table-v3 td[data-label="Kategori"]:before{display:none!important;}
    .sparepart-pill{font-size:10.5px!important;padding:5px 8px!important;}
    .sparepart-public-table-v3 td[data-label="Catatan"]{font-size:12px!important;color:#64748b!important;line-height:1.35!important;}
    .sparepart-public-table-v3 td[data-label="Aksi"]:before{display:none!important;}
    .sparepart-public-table-v3 td .btn{margin-top:5px!important;padding:7px 12px!important;font-size:12px!important;}
    .load-more-wrap{margin-top:12px!important;gap:8px!important;}
    .load-more-wrap p{font-size:12px!important;}

    .instant-delivery-content ul,
    .service-consult-section ul,
    .trust-section-card ul{gap:8px!important;margin:14px 0!important;}
    .instant-delivery-content li,
    .service-consult-section li,
    .trust-section-card li{font-size:13px!important;line-height:1.42!important;padding-left:26px!important;}
    .instant-delivery-content li:before,
    .service-consult-section li:before,
    .trust-section-card li:before{top:-1px!important;}

    .service-consult-section{padding:20px!important;border-radius:24px!important;margin:24px auto!important;gap:14px!important;}
    .area-trust-grid{gap:14px!important;margin:24px auto!important;}
    .area-section-card,.trust-section-card{padding:18px!important;border-radius:20px!important;}
    .area-chip-wrap{max-height:104px;overflow:auto;margin:12px 0!important;}
    .area-chip-wrap span{font-size:11.5px!important;padding:6px 9px!important;}
    .faq-list{gap:8px!important;}
    .faq-list summary{padding:13px 14px!important;font-size:13px!important;line-height:1.35!important;}
    .faq-list p{padding:0 14px 14px!important;font-size:13px!important;line-height:1.55!important;}
}

@media(max-width:380px){
    .category-card-grid{grid-template-columns:1fr!important;}
}

/* v1.0.3.8 - Admin Sparepart compact management layout */
.sparepart-export-helper{
  border:1px solid #e5e7eb;
  background:#f8fafc;
  border-radius:16px;
  padding:12px 14px;
  color:#334155;
  font-size:12px;
  line-height:1.55;
}
.sparepart-export-helper strong{
  display:block;
  color:#0f172a;
  font-weight:950;
  margin-bottom:3px;
}
.sparepart-export-helper span{
  display:block;
  color:#64748b;
}
@media(max-width:1199px){
  .sparepart-export-helper{margin-top:0}
}

/* v1.0.3.9 - Sparepart Mobile UX + Compact Table/Card Polish */
:root{
  --pj-red:#e11d2e;
  --pj-red-dark:#be123c;
  --pj-navy:#0f172a;
  --pj-soft:#f8fafc;
  --pj-border:#e5e7eb;
  --pj-wa:#16a34a;
}

/* Desktop table polish */
.sparepart-table-shell{
  border-radius:22px!important;
  border:1px solid #dfe7f1!important;
  box-shadow:0 16px 42px rgba(15,23,42,.07)!important;
  overflow:hidden!important;
}
.sparepart-public-table-v3 th{
  background:linear-gradient(135deg,#0f172a,#162033)!important;
  color:#fff!important;
  padding:12px 14px!important;
  font-size:11px!important;
  letter-spacing:.055em!important;
}
.sparepart-public-table-v3 td{
  padding:10px 14px!important;
  border-bottom:1px solid #eef2f7!important;
}
.sparepart-public-table-v3 tbody tr{
  background:#fff;
  transition:background .14s ease;
}
.sparepart-public-table-v3 tbody tr:nth-child(even){background:#fcfdff;}
.sparepart-public-table-v3 tbody tr:hover{background:#fff7f8!important;}
.sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{
  display:block;
  color:#0f172a;
  font-size:12.9px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-.01em;
}
.sparepart-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  max-width:180px;
  border-radius:999px!important;
  border:1px solid #fecdd3!important;
  background:#fff1f2!important;
  color:#be123c!important;
  padding:5px 9px!important;
  font-size:10.3px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-align:center!important;
}
.sparepart-pill:before{
  content:"";
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-radius:99px;
  background:#e11d2e;
  box-shadow:0 0 0 3px rgba(225,29,46,.10);
}
.sparepart-public-table-v3 td[data-label="Catatan"]{
  color:#64748b;
  font-size:11.6px;
  line-height:1.35;
  font-weight:650;
}
.sparepart-public-table-v3 td[data-label="Aksi"] .btn{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#16a34a,#15803d)!important;
  color:#fff!important;
  min-height:31px;
  padding:6px 11px!important;
  font-size:11.3px!important;
  font-weight:950!important;
  box-shadow:0 8px 18px rgba(22,163,74,.16)!important;
}
.sparepart-public-table-v3 td[data-label="Aksi"] .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(22,163,74,.22)!important;
}

@media(max-width:720px){
  body.sparepart-public-body{background:#f3f6fb!important;}
  .sparepart-seo-container{width:min(100% - 20px,1160px)!important;}

  /* Mobile navbar */
  .service-public-navbar{position:sticky;top:0;z-index:80;}
  .service-public-navbar-inner{padding:10px 12px!important;}
  .service-public-brand{gap:9px!important;}
  .service-public-brand span{width:34px!important;height:34px!important;border-radius:12px!important;font-size:12px!important;}
  .service-public-brand strong{font-size:12.5px!important;}
  .service-public-brand small{font-size:10.5px!important;}
  .service-mobile-menu-toggle{width:36px!important;height:36px!important;border-radius:12px!important;}

  /* Mobile hero: compact, app-like, CTA first */
  .sparepart-seo-hero{
    padding:18px 0 28px!important;
    background:linear-gradient(150deg,#0f172a 0%,#3b1728 58%,#e11d2e 100%)!important;
    border-bottom-left-radius:26px;
    border-bottom-right-radius:26px;
    box-shadow:0 18px 38px rgba(15,23,42,.18);
  }
  .sparepart-hero-grid{
    display:block!important;
  }
  .sparepart-hero-copy h1{
    font-size:27px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    margin:0 0 9px!important;
    max-width:340px!important;
  }
  .sparepart-hero-lead{
    font-size:13.3px!important;
    line-height:1.48!important;
    color:#fee2e2!important;
    margin:0!important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .sparepart-hero-delivery{
    margin:12px 0 0!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    font-size:11.6px!important;
    line-height:1.35!important;
    font-weight:850!important;
    background:rgba(255,255,255,.10)!important;
  }
  .sparepart-hero-delivery i{margin-top:1px;flex:0 0 auto;}
  .sparepart-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:14px!important;
  }
  .sparepart-hero-actions .btn{
    width:100%!important;
    min-height:42px!important;
    border-radius:14px!important;
    padding:9px 10px!important;
    font-size:12px!important;
    font-weight:950!important;
    white-space:normal!important;
  }
  .sparepart-hero-actions .btn-success{
    background:#16a34a!important;
    border-color:#16a34a!important;
    box-shadow:0 12px 26px rgba(22,163,74,.26)!important;
  }
  .sparepart-hero-actions .btn-outline-light{
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.26)!important;
  }

  /* Hero stats become short horizontal chips */
  .sparepart-hero-panel{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:12px 0 2px!important;
    margin-top:4px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    backdrop-filter:none!important;
    scrollbar-width:none;
  }
  .sparepart-hero-panel::-webkit-scrollbar{display:none;}
  .hero-panel-card{
    flex:0 0 auto!important;
    min-height:58px!important;
    min-width:104px!important;
    padding:9px 10px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
  }
  .hero-panel-card strong{
    color:#fff!important;
    font-size:15px!important;
    line-height:1.05!important;
  }
  .hero-panel-card span{
    color:rgba(255,255,255,.76)!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    margin-top:3px!important;
  }
  .sparepart-hero-panel small{display:none!important;}

  /* Search card pulls closer to hero */
  .sparepart-search-section{
    margin-top:-18px!important;
    position:relative;
    z-index:2;
    padding:0 0 10px!important;
  }
  .sparepart-search-section .section-heading{display:none!important;}
  .sparepart-search-card{
    border-radius:22px!important;
    padding:11px!important;
    border:1px solid #e2e8f0!important;
    box-shadow:0 16px 34px rgba(15,23,42,.11)!important;
  }
  .sparepart-search-input-wrap{
    background:#fff!important;
    border-color:#dbe4ee!important;
    border-radius:16px!important;
  }
  .sparepart-search-input-wrap i{font-size:18px!important;}
  .sparepart-search-input-wrap input{
    font-size:13.5px!important;
    padding:11px 0!important;
  }
  .sparepart-chip-row{
    margin-top:9px!important;
    gap:6px!important;
  }
  .sparepart-chip{
    font-size:11.5px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
  }

  /* List heading compact */
  .sparepart-list-section{padding:12px 0 24px!important;}
  .split-heading{margin-bottom:10px!important;}
  .split-heading h2{font-size:20px!important;line-height:1.15!important;}
  .split-heading p{font-size:12.4px!important;line-height:1.45!important;}
  .split-heading .list-counter{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    width:auto!important;
    min-width:0!important;
    margin-top:9px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    text-align:left!important;
    background:#0f172a!important;
  }
  .list-counter strong{font-size:14px!important;}
  .list-counter span{font-size:10.5px!important;color:#dbeafe!important;}

  /* Mobile cards for sparepart data */
  .sparepart-table-shell{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  .sparepart-public-table-v3,
  .sparepart-public-table-v3 tbody{
    display:block!important;
    width:100%!important;
  }
  .sparepart-public-table-v3 tbody{
    display:grid!important;
    gap:8px!important;
  }
  .sparepart-public-table-v3 tr{
    position:relative;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:5px 8px!important;
    padding:11px 11px 10px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #e2e8f0!important;
    border-radius:18px!important;
    box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
  }
  .sparepart-public-table-v3 td{
    display:block!important;
    width:auto!important;
    border:0!important;
    padding:0!important;
  }
  .sparepart-public-table-v3 td:before{display:none!important;}
  .sparepart-public-table-v3 td[data-label="Nama Sparepart"]{
    grid-column:1 / 2!important;
    min-width:0!important;
  }
  .sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{
    font-size:12.8px!important;
    line-height:1.32!important;
    font-weight:950!important;
    color:#0f172a!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .sparepart-public-table-v3 td[data-label="Kategori"]{
    grid-column:1 / 2!important;
    display:block!important;
    margin:1px 0 0!important;
  }
  .sparepart-pill{
    max-width:100%!important;
    font-size:10px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
  }
  .sparepart-public-table-v3 td[data-label="Catatan"]{
    grid-column:1 / 2!important;
    font-size:11.2px!important;
    line-height:1.25!important;
    color:#64748b!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"]{
    grid-column:2 / 3!important;
    grid-row:1 / span 3!important;
    align-self:center!important;
    display:flex!important;
    justify-content:flex-end!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"] .btn{
    width:auto!important;
    min-width:76px!important;
    min-height:36px!important;
    margin:0!important;
    padding:8px 10px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    box-shadow:0 10px 20px rgba(22,163,74,.18)!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"] .btn i{display:none;}
  .load-more-wrap{
    margin-top:12px!important;
    padding:0 2px!important;
  }
  .load-more-wrap p{font-size:11.7px!important;}
  .load-more-wrap .btn{
    min-height:38px!important;
    padding:8px 13px!important;
    font-size:12px!important;
    border-radius:999px!important;
  }

  /* Compact content sections */
  .instant-delivery-section,
  .service-consult-section,
  .area-trust-grid{
    margin-top:20px!important;
  }
  .instant-delivery-section{
    padding:18px!important;
    border-radius:24px!important;
  }
  .instant-delivery-content h2,
  .service-consult-section h2,
  .area-section-card h2,
  .trust-section-card h2{
    font-size:20px!important;
  }
  .delivery-logo-panel{gap:10px!important;}
  .delivery-logo-group{padding:13px!important;border-radius:18px!important;}
  .delivery-logo-chip{min-height:32px!important;padding:7px 9px!important;font-size:11.5px!important;border-radius:12px!important;}
  .delivery-area-note{display:none!important;}
  .category-section{padding:22px 0!important;}
  .category-card-grid{gap:8px!important;}
  .category-card{border-radius:15px!important;padding:10px!important;}
  .service-consult-section{padding:18px!important;}
  .area-section-card,.trust-section-card{padding:16px!important;}
  .faq-section{padding-top:20px!important;}
}

@media(max-width:390px){
  .sparepart-hero-copy h1{font-size:25px!important;}
  .sparepart-hero-actions{grid-template-columns:1fr!important;}
  .sparepart-public-table-v3 tr{grid-template-columns:1fr!important;}
  .sparepart-public-table-v3 td[data-label="Aksi"]{
    grid-column:1!important;
    grid-row:auto!important;
    justify-content:stretch!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"] .btn{width:100%!important;}
}


/* v1.0.3.11 - Full rewrite Sparepart table, mobile card, badge, button & pagination CSS */
:root{
  --pj-red:#e11d2e;
  --pj-red-dark:#be123c;
  --pj-navy:#0f172a;
  --pj-navy-2:#111827;
  --pj-border:#e5e7eb;
  --pj-muted:#64748b;
  --pj-soft:#f8fafc;
  --pj-wa:#16a34a;
  --pj-wa-dark:#12833b;
}

/* Search + list section spacing */
.sparepart-search-section{padding:30px 0 14px!important;}
.sparepart-list-section{padding:14px 0 34px!important;}
.sparepart-search-card{
  border-radius:22px!important;
  padding:14px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.sparepart-search-input-wrap{
  min-height:48px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #dbe3ec!important;
}
.sparepart-search-input-wrap input{
  padding:12px 0!important;
  font-size:14px!important;
}
.sparepart-chip-row{
  gap:7px!important;
  margin-top:12px!important;
}
.sparepart-chip{
  min-height:31px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  font-size:11.5px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}

/* Counter */
.list-counter{
  min-width:138px!important;
  border-radius:17px!important;
  padding:11px 12px!important;
  background:linear-gradient(135deg,#0f172a,#1e293b)!important;
}
.list-counter strong{font-size:20px!important;line-height:1!important;}
.list-counter span{font-size:10.5px!important;}

/* Table shell */
.sparepart-table-shell{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 18px 42px rgba(15,23,42,.06)!important;
}
.sparepart-public-table-v3{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
  background:#fff!important;
}
.sparepart-public-table-v3 thead{display:table-header-group!important;}
.sparepart-public-table-v3 th{
  padding:11px 13px!important;
  background:linear-gradient(135deg,#0f172a,#1e293b)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  border:0!important;
  white-space:nowrap!important;
}
.sparepart-public-table-v3 th:first-child{padding-left:14px!important;}
.sparepart-public-table-v3 th:last-child{text-align:center!important;padding-right:14px!important;}
.sparepart-public-table-v3 tbody tr{
  background:#fff!important;
  transition:background-color .16s ease, box-shadow .16s ease!important;
}
.sparepart-public-table-v3 tbody tr:nth-child(even){background:#fcfdff!important;}
.sparepart-public-table-v3 tbody tr:hover{background:#fff7f8!important;}
.sparepart-public-table-v3 td{
  padding:10px 13px!important;
  border:0!important;
  border-bottom:1px solid #edf2f7!important;
  vertical-align:middle!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
.sparepart-public-table-v3 td:first-child{padding-left:14px!important;}
.sparepart-public-table-v3 td:last-child{text-align:center!important;padding-right:14px!important;}
.sparepart-public-table-v3 td[data-label="Nama Sparepart"]{
  padding-left:14px!important;
  max-width:520px!important;
}
.sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#0f172a!important;
  font-size:12.6px!important;
  line-height:1.35!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
}
.sparepart-public-table-v3 td[data-label="Kategori"]{width:150px!important;}
.sparepart-public-table-v3 td[data-label="Catatan"]{
  width:230px!important;
  max-width:230px!important;
  color:#64748b!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}
.sparepart-public-table-v3 td[data-label="Aksi"]{width:112px!important;text-align:center!important;}

/* Force hidden rows for pagination/filter. Must override mobile grid display!important. */
.sparepart-item-row.is-hidden,
.sparepart-item-row[hidden]{display:none!important;}

/* Beautiful compact category badge */
.sparepart-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:142px!important;
  min-height:22px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fff1f2,#fff)!important;
  border:1px solid #fecdd3!important;
  color:#9f1239!important;
  font-size:9.2px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.sparepart-pill:before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  min-width:5px!important;
  border-radius:999px!important;
  background:#e11d2e!important;
  box-shadow:0 0 0 2.5px rgba(225,29,46,.12)!important;
}

/* Cek stok button alignment */
.sparepart-public-table-v3 td[data-label="Aksi"] .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:82px!important;
  min-height:32px!important;
  padding:7px 11px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#16a34a,#128c3d)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 10px 22px rgba(22,163,74,.20)!important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
}
.sparepart-public-table-v3 td[data-label="Aksi"] .btn:hover{
  background:linear-gradient(135deg,#15803d,#166534)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 26px rgba(22,163,74,.24)!important;
}
.sparepart-public-table-v3 td[data-label="Aksi"] .btn i{
  font-size:12px!important;
  line-height:1!important;
  margin:0!important;
}

/* Pagination */
.load-more-wrap{display:none!important;}
.sparepart-pagination-wrap{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:13px!important;
  padding:0 2px!important;
}
.sparepart-pagination-wrap p{
  margin:0!important;
  color:#64748b!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:850!important;
}
.sparepart-pagination-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.sparepart-page-numbers{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
.sparepart-page-btn,
.sparepart-page-number{
  appearance:none!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  color:#0f172a!important;
  min-width:34px!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:950!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
  transition:.16s ease!important;
  cursor:pointer!important;
}
.sparepart-page-number.active{
  background:linear-gradient(135deg,#e11d2e,#be123c)!important;
  border-color:#e11d2e!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(225,29,46,.20)!important;
}
.sparepart-page-btn:hover:not(:disabled),
.sparepart-page-number:hover:not(.active){
  border-color:#fecdd3!important;
  color:#e11d2e!important;
  transform:translateY(-1px)!important;
}
.sparepart-page-btn:disabled,
.sparepart-page-btn.is-disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  transform:none!important;
}
.sparepart-page-dots{
  color:#94a3b8!important;
  font-weight:950!important;
  padding:0 1px!important;
}

/* Mobile card layout */
@media(max-width:720px){
  .sparepart-search-section{padding:18px 0 8px!important;}
  .sparepart-list-section{padding:8px 0 26px!important;}
  .split-heading{margin-bottom:12px!important;}
  .split-heading .section-heading,
  .sparepart-list-section .section-heading{margin-bottom:12px!important;}
  .sparepart-list-section .section-heading h2{font-size:19px!important;line-height:1.2!important;}
  .sparepart-list-section .section-heading p{display:none!important;}
  .list-counter{display:none!important;}
  .sparepart-table-shell{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  .sparepart-public-table-v3,
  .sparepart-public-table-v3 tbody{
    display:block!important;
    width:100%!important;
    background:transparent!important;
  }
  .sparepart-public-table-v3 thead{display:none!important;}
  .sparepart-public-table-v3 tbody{
    display:grid!important;
    gap:8px!important;
  }
  .sparepart-public-table-v3 tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "name action"
      "meta action"
      "note action"!important;
    gap:4px 10px!important;
    padding:10px 10px 10px 0!important;
    margin:0!important;
    border:1px solid #e2e8f0!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
  }
  .sparepart-public-table-v3 td{
    display:block!important;
    width:auto!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
    text-align:left!important;
    line-height:1.25!important;
  }
  .sparepart-public-table-v3 td:before{display:none!important;content:none!important;}
  .sparepart-public-table-v3 td[data-label="Nama Sparepart"]{
    grid-area:name!important;
    padding-left:0!important;
    max-width:none!important;
  }
  .sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    color:#0f172a!important;
    font-size:12.5px!important;
    line-height:1.28!important;
    font-weight:950!important;
    letter-spacing:-.012em!important;
  }
  .sparepart-public-table-v3 td[data-label="Kategori"]{
    grid-area:meta!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
  }
  .sparepart-pill{
    max-width:150px!important;
    min-height:20px!important;
    padding:3px 6px!important;
    font-size:8.5px!important;
    letter-spacing:.018em!important;
  }
  .sparepart-pill:before{
    width:4px!important;
    height:4px!important;
    min-width:4px!important;
    box-shadow:0 0 0 2px rgba(225,29,46,.11)!important;
  }
  .sparepart-public-table-v3 td[data-label="Catatan"]{
    grid-area:note!important;
    width:auto!important;
    max-width:none!important;
    color:#64748b!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"]{
    grid-area:action!important;
    width:auto!important;
    align-self:center!important;
    display:flex!important;
    justify-content:flex-end!important;
    text-align:right!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"] .btn{
    min-width:72px!important;
    min-height:34px!important;
    width:auto!important;
    padding:8px 10px!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"] .btn i{display:none!important;}

  .sparepart-pagination-wrap{
    justify-content:center!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  .sparepart-pagination-wrap p{
    width:100%!important;
    text-align:center!important;
    font-size:11px!important;
  }
  .sparepart-pagination-controls{
    width:100%!important;
    justify-content:center!important;
    gap:5px!important;
  }
  .sparepart-page-numbers{gap:4px!important;}
  .sparepart-page-btn,
  .sparepart-page-number{
    min-width:32px!important;
    height:32px!important;
    border-radius:11px!important;
    font-size:11px!important;
    padding:0 8px!important;
  }
}

@media(max-width:390px){
  .sparepart-public-table-v3 tr{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "name"
      "meta"
      "note"
      "action"!important;
    padding:10px!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"]{
    justify-content:stretch!important;
    text-align:stretch!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"] .btn{
    width:100%!important;
  }
}

/* v1.0.3.12 - Compact delivery section without accordion */
.delivery-compact-section{
  display:grid!important;
  grid-template-columns:minmax(0,0.95fr) minmax(320px,1.05fr)!important;
  gap:18px!important;
  align-items:center!important;
  margin:22px auto 26px!important;
  padding:24px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#111827 0%,#7f1231 54%,#e11d2e 100%)!important;
  color:#fff!important;
  box-shadow:0 20px 46px rgba(15,23,42,.14)!important;
}
.delivery-compact-copy h2{
  color:#fff!important;
  font-size:clamp(26px,3.4vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  margin:0 0 10px!important;
}
.delivery-compact-copy p{
  max-width:680px!important;
  color:#ffe4e6!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
}
.delivery-compact-copy ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px 12px!important;
  margin:16px 0!important;
  padding:0!important;
  list-style:none!important;
}
.delivery-compact-copy li{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  padding:0!important;
  color:#fff!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.delivery-compact-copy li:before{
  content:"✓"!important;
  position:static!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#22c55e!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  margin-top:0!important;
}
.delivery-compact-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:6px!important;
}
.delivery-compact-actions .btn{
  border-radius:14px!important;
  padding:10px 14px!important;
  min-height:40px!important;
  font-size:13px!important;
  font-weight:950!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.delivery-compact-actions small{
  color:#fecdd3!important;
  font-size:12px!important;
  font-weight:850!important;
  margin:0!important;
}
.delivery-compact-panel{
  display:grid!important;
  gap:10px!important;
  align-content:center!important;
}
.delivery-compact-group{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:20px!important;
  padding:14px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}
.delivery-compact-group-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 11px!important;
}
.delivery-compact-group-head span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#0f172a!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.delivery-compact-group-head i{
  width:30px!important;
  height:30px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:#e11d2e!important;
  color:#fff!important;
  font-size:15px!important;
  flex:0 0 auto!important;
}
.delivery-compact-group-head small{
  max-width:150px!important;
  text-align:right!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.delivery-compact-chip-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.delivery-compact-chip-list .delivery-logo-chip{
  width:auto!important;
  min-height:31px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:950!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.delivery-compact-chip-list .delivery-logo-chip-instant{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#be123c!important;
}
.delivery-compact-chip-list .delivery-logo-chip-outer{
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
  color:#0f172a!important;
}
.delivery-compact-section .delivery-area-note{display:none!important;}
@media(max-width:900px){
  .delivery-compact-section{grid-template-columns:1fr!important;gap:14px!important;}
  .delivery-compact-copy ul{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  .delivery-compact-section{
    width:min(100% - 18px,1160px)!important;
    margin:16px auto 20px!important;
    padding:16px!important;
    border-radius:22px!important;
    gap:12px!important;
  }
  .delivery-compact-copy h2{font-size:23px!important;line-height:1.12!important;margin-bottom:8px!important;}
  .delivery-compact-copy p{
    font-size:12.8px!important;
    line-height:1.5!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .delivery-compact-copy ul{gap:7px!important;margin:12px 0!important;}
  .delivery-compact-copy li{font-size:12.2px!important;grid-template-columns:18px minmax(0,1fr)!important;gap:7px!important;}
  .delivery-compact-copy li:before{width:18px!important;height:18px!important;font-size:10px!important;}
  .delivery-compact-actions{gap:8px!important;}
  .delivery-compact-actions .btn{width:auto!important;min-height:38px!important;padding:9px 12px!important;font-size:12px!important;border-radius:13px!important;}
  .delivery-compact-actions small{font-size:11px!important;}
  .delivery-compact-panel{gap:8px!important;}
  .delivery-compact-group{padding:11px!important;border-radius:16px!important;}
  .delivery-compact-group-head{margin-bottom:9px!important;align-items:flex-start!important;}
  .delivery-compact-group-head span{font-size:14px!important;gap:7px!important;}
  .delivery-compact-group-head i{width:26px!important;height:26px!important;border-radius:9px!important;font-size:13px!important;}
  .delivery-compact-group-head small{font-size:10px!important;max-width:116px!important;}
  .delivery-compact-chip-list{gap:6px!important;}
  .delivery-compact-chip-list .delivery-logo-chip{min-height:28px!important;padding:5px 9px!important;font-size:11px!important;}
}


/* v1.0.3.13 - CSRF error UI + sparepart delivery/list alignment */
.delivery-compact-actions small{display:none!important;}
.delivery-compact-group-head small{display:none!important;}
.service-consult-section > ul,
.instant-delivery-content > ul,
.trust-section-card > ul{
  padding-left:0!important;
  margin:18px 0 0!important;
  list-style:none!important;
}
.service-consult-section > ul li,
.instant-delivery-content > ul li,
.trust-section-card > ul li{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:9px!important;
  padding-left:0!important;
  margin:0!important;
}
.service-consult-section > ul li::before,
.instant-delivery-content > ul li::before,
.trust-section-card > ul li::before{
  position:static!important;
  left:auto!important;
  top:auto!important;
  margin-top:1px!important;
}
@media(max-width:720px){
  .service-consult-section > ul,
  .instant-delivery-content > ul,
  .trust-section-card > ul{
    gap:10px!important;
    margin-top:14px!important;
  }
  .service-consult-section > ul li,
  .instant-delivery-content > ul li,
  .trust-section-card > ul li{
    grid-template-columns:20px minmax(0,1fr)!important;
    column-gap:8px!important;
    font-size:12.8px!important;
    line-height:1.5!important;
  }
}


/* v1.0.3.14 - Sparepart mobile card UI refinement */
@media (max-width: 720px){
  .sparepart-table-shell{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .sparepart-public-table-v3{
    border-collapse:separate!important;
    border-spacing:0 10px!important;
  }

  .sparepart-public-table-v3 tbody{
    display:block!important;
  }

  .sparepart-public-table-v3 tr.sparepart-item-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "name action"
      "category action"
      "note action"!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:6px!important;
    width:100%!important;
    padding:13px 14px 13px 14px!important;
    margin:0 0 10px!important;
    background:#fff!important;
    border:1px solid rgba(226,232,240,.95)!important;
    border-radius:18px!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
    overflow:hidden!important;
  }

  .sparepart-public-table-v3 tr.sparepart-item-row::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:12px!important;
    bottom:12px!important;
    width:3px!important;
    border-radius:0 999px 999px 0!important;
    background:linear-gradient(180deg,#e11d2e,#be123c)!important;
  }

  .sparepart-public-table-v3 td{
    display:block!important;
    width:auto!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
  }

  .sparepart-public-table-v3 td::before{
    display:none!important;
    content:none!important;
  }

  .sparepart-public-table-v3 td[data-label="Nama Sparepart"]{
    grid-area:name!important;
    padding-left:0!important;
  }

  .sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:0!important;
    color:#061226!important;
    font-size:13.2px!important;
    line-height:1.34!important;
    letter-spacing:-.012em!important;
    font-weight:950!important;
    text-transform:uppercase!important;
  }

  .sparepart-public-table-v3 td[data-label="Kategori"]{
    grid-area:category!important;
    display:flex!important;
    align-items:center!important;
    padding-left:0!important;
  }

  .sparepart-public-table-v3 .sparepart-pill{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:21px!important;
    padding:4px 8px 4px 7px!important;
    border-radius:999px!important;
    border:1px solid #fecdd3!important;
    background:linear-gradient(135deg,#fff1f2,#fff7f8)!important;
    color:#be123c!important;
    font-size:9.6px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.018em!important;
    text-transform:uppercase!important;
    box-shadow:none!important;
  }

  .sparepart-public-table-v3 .sparepart-pill::before{
    content:""!important;
    width:5px!important;
    height:5px!important;
    flex:0 0 5px!important;
    border-radius:50%!important;
    background:#e11d2e!important;
    box-shadow:0 0 0 3px rgba(225,29,46,.09)!important;
  }

  .sparepart-public-table-v3 td[data-label="Catatan"]{
    grid-area:note!important;
    padding-left:0!important;
    color:#475569!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:700!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .sparepart-public-table-v3 td[data-label="Catatan"]:empty::after{
    content:"-";
    color:#94a3b8;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"]{
    grid-area:action!important;
    align-self:center!important;
    justify-self:end!important;
    padding-left:0!important;
    min-width:82px!important;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"] .btn{
    width:auto!important;
    min-width:78px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    white-space:nowrap!important;
    line-height:1!important;
    font-size:11.6px!important;
    font-weight:950!important;
    background:linear-gradient(135deg,#16a34a,#059669)!important;
    border:0!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(22,163,74,.23)!important;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"] .btn i{
    font-size:12px!important;
    line-height:1!important;
    margin:0!important;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"] .btn:hover,
  .sparepart-public-table-v3 td[data-label="Aksi"] .btn:focus{
    transform:translateY(-1px)!important;
    background:linear-gradient(135deg,#15803d,#047857)!important;
    color:#fff!important;
  }
}

@media (max-width: 390px){
  .sparepart-public-table-v3 tr.sparepart-item-row{
    grid-template-columns:minmax(0,1fr) 74px!important;
    column-gap:9px!important;
    padding:12px 11px 12px 12px!important;
    border-radius:16px!important;
  }

  .sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{
    font-size:12.3px!important;
  }

  .sparepart-public-table-v3 td[data-label="Catatan"]{
    font-size:11.4px!important;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"]{
    min-width:74px!important;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"] .btn{
    min-width:72px!important;
    min-height:35px!important;
    padding:0 9px!important;
    font-size:10.8px!important;
  }

  .sparepart-public-table-v3 .sparepart-pill{
    font-size:8.9px!important;
    padding:4px 7px!important;
  }
}


/* v1.0.3.15 - Pagination hard fix + prettier mobile sparepart cards */
.sparepart-item-row.is-hidden,
.sparepart-item-row[hidden],
.sparepart-public-table-v3 tr.is-hidden,
.sparepart-public-table-v3 tr[hidden]{
  display:none!important;
}

@media (max-width:720px){
  .sparepart-list-section{
    background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)!important;
  }

  .sparepart-public-table-v3 tbody{
    display:block!important;
  }

  .sparepart-public-table-v3 tr.sparepart-item-row:not(.is-hidden){
    display:grid!important;
  }

  .sparepart-public-table-v3 tr.sparepart-item-row{
    position:relative!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "name action"
      "category action"
      "note action"!important;
    align-items:center!important;
    column-gap:13px!important;
    row-gap:7px!important;
    padding:14px 15px 14px 15px!important;
    margin:0 0 11px!important;
    background:
      radial-gradient(circle at top right,rgba(22,163,74,.08),transparent 30%),
      linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    border:1px solid rgba(203,213,225,.85)!important;
    border-radius:20px!important;
    box-shadow:0 12px 26px rgba(15,23,42,.085)!important;
    overflow:hidden!important;
  }

  .sparepart-public-table-v3 tr.sparepart-item-row::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:14px!important;
    bottom:14px!important;
    width:4px!important;
    border-radius:0 999px 999px 0!important;
    background:linear-gradient(180deg,#e11d2e,#fb7185)!important;
  }

  .sparepart-public-table-v3 tr.sparepart-item-row::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:20px!important;
    pointer-events:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  }

  .sparepart-public-table-v3 td[data-label="Nama Sparepart"]{
    grid-area:name!important;
    padding:0!important;
    margin:0!important;
  }

  .sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    color:#071322!important;
    font-size:13.4px!important;
    line-height:1.34!important;
    font-weight:950!important;
    letter-spacing:-.015em!important;
    text-transform:uppercase!important;
    margin:0!important;
  }

  .sparepart-public-table-v3 td[data-label="Kategori"]{
    grid-area:category!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
  }

  .sparepart-public-table-v3 .sparepart-pill{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:22px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#fff1f2!important;
    border:1px solid #fecdd3!important;
    color:#be123c!important;
    font-size:9.4px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.025em!important;
    text-transform:uppercase!important;
    box-shadow:0 6px 14px rgba(225,29,46,.07)!important;
  }

  .sparepart-public-table-v3 .sparepart-pill::before{
    content:""!important;
    display:inline-block!important;
    width:5px!important;
    height:5px!important;
    flex:0 0 5px!important;
    border-radius:50%!important;
    background:#e11d2e!important;
    box-shadow:0 0 0 3px rgba(225,29,46,.10)!important;
  }

  .sparepart-public-table-v3 td[data-label="Catatan"]{
    grid-area:note!important;
    padding:0!important;
    margin:0!important;
    color:#475569!important;
    font-size:11.8px!important;
    line-height:1.35!important;
    font-weight:750!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"]{
    grid-area:action!important;
    align-self:center!important;
    justify-self:end!important;
    padding:0!important;
    margin:0!important;
    min-width:84px!important;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"] .btn{
    width:auto!important;
    min-width:80px!important;
    min-height:39px!important;
    padding:0 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    background:linear-gradient(135deg,#16a34a 0%,#059669 100%)!important;
    color:#fff!important;
    font-size:11.4px!important;
    line-height:1!important;
    font-weight:950!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-shadow:0 11px 24px rgba(22,163,74,.25)!important;
  }

  .sparepart-public-table-v3 td[data-label="Aksi"] .btn:active{
    transform:scale(.98)!important;
  }

  .sparepart-page-controls,
  .sparepart-pagination,
  .load-more-wrap{
    position:sticky!important;
    bottom:10px!important;
    z-index:20!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(226,232,240,.95)!important;
    border-radius:18px!important;
    padding:9px!important;
    box-shadow:0 14px 34px rgba(15,23,42,.13)!important;
    backdrop-filter:blur(10px)!important;
  }

  .sparepart-page-number,
  #sparepartPrevPage,
  #sparepartNextPage{
    min-width:34px!important;
    min-height:34px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:950!important;
  }
}

@media(max-width:390px){
  .sparepart-public-table-v3 tr.sparepart-item-row{
    grid-template-columns:minmax(0,1fr) 76px!important;
    column-gap:10px!important;
    padding:13px 12px 13px 13px!important;
    border-radius:18px!important;
  }
  .sparepart-public-table-v3 td[data-label="Nama Sparepart"] strong{
    font-size:12.4px!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"]{
    min-width:76px!important;
  }
  .sparepart-public-table-v3 td[data-label="Aksi"] .btn{
    min-width:74px!important;
    min-height:36px!important;
    padding:0 9px!important;
    font-size:10.7px!important;
  }
}

/* v1.0.4 - Admin Sparepart management refinement */
.sparepart-admin-card-modern{border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 42px rgba(15,23,42,.06)}
.sparepart-stat-card .sparepart-stat-text{font-size:16px;line-height:1.25;min-height:44px;display:flex;align-items:center}.sparepart-stat-card .sparepart-stat-date{font-size:15px;line-height:1.25;min-height:44px;display:flex;align-items:center}.sparepart-check-card{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #dcfce7;background:#f0fdf4;border-radius:16px;cursor:pointer}.sparepart-check-card input{margin-top:3px}.sparepart-check-card strong{display:block;font-size:12px;color:#14532d;font-weight:950}.sparepart-check-card small{display:block;color:#166534;font-size:11.5px;line-height:1.45;margin-top:2px}.sparepart-admin-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sparepart-backup-panel{border:1px solid #e5e7eb;background:#f8fafc;border-radius:18px;padding:14px}.sparepart-backup-list{display:grid;gap:9px;max-height:260px;overflow:auto;padding-right:2px}.sparepart-backup-item{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:10px 11px}.sparepart-backup-item strong{display:block;font-size:12.5px;color:#0f172a;font-weight:950}.sparepart-backup-item small{display:block;color:#64748b;font-size:11px;line-height:1.35;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sparepart-backup-actions{display:flex;gap:5px;align-items:center;flex:0 0 auto}.sparepart-backup-actions .btn{width:34px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.sparepart-preview-card{overflow:hidden}.sparepart-admin-preview-table-wrap{border:1px solid #e5e7eb;border-radius:18px;overflow:auto;max-height:620px}.sparepart-admin-preview-table thead th{position:sticky;top:0;background:#101827;color:#fff;z-index:2;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border:0;padding:13px 14px}.sparepart-admin-preview-table tbody td{padding:13px 14px;border-color:#eef2f7}.sparepart-admin-preview-table tbody tr:hover{background:#fff7f8}.sparepart-admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:10px 12px}.sparepart-admin-pagination span{font-size:12px;font-weight:850;color:#475569}.sparepart-admin-page-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sparepart-admin-page-numbers{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.sparepart-admin-page-dots{padding:0 4px;color:#94a3b8;font-weight:950}.sparepart-admin-page-numbers .btn{min-width:32px;font-weight:900}.sparepart-import-note strong{font-weight:950}
@media(max-width:991px){.sparepart-admin-button-grid{grid-template-columns:1fr}.sparepart-admin-preview-table-wrap{max-height:540px}.sparepart-backup-item{align-items:flex-start;flex-direction:column}.sparepart-backup-actions{width:100%;justify-content:flex-end}.sparepart-stat-card .sparepart-stat-text,.sparepart-stat-card .sparepart-stat-date{min-height:auto}}
@media(max-width:575px){.sparepart-admin-hero{padding:20px;border-radius:20px}.sparepart-admin-actions .btn{flex:1 1 100%}.sparepart-admin-pagination{align-items:stretch}.sparepart-admin-page-actions{justify-content:space-between;width:100%}.sparepart-admin-page-numbers{justify-content:center;flex:1}.sparepart-admin-preview-table tbody td{padding:10px 12px}.sparepart-backup-list{max-height:320px}}


/* v1.0.4.2 - Sparepart edit + sorting + public update info */
.sparepart-list-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:stretch;
  justify-content:flex-end;
}
.list-counter-update{
  background:linear-gradient(135deg,#be123c,#e11d2e)!important;
}
.list-counter-update strong{
  font-size:18px!important;
}
.sparepart-public-sortbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin:-4px 0 12px;
}
.sparepart-public-sortbar label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#64748b;
  font-size:12px;
  font-weight:900;
}
.sparepart-public-sortbar select{
  min-width:180px;
  border:1px solid #e2e8f0;
  background:#fff;
  color:#0f172a;
  border-radius:999px;
  padding:8px 13px;
  font-size:12px;
  font-weight:850;
  outline:none;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.sparepart-edit-btn{
  border-radius:999px!important;
  font-weight:850!important;
}
.sparepart-edit-modal .modal-content,
.sparepart-edit-modal{
  border-radius:22px;
  border:0;
  overflow:hidden;
}
.sparepart-edit-modal .modal-header{
  background:linear-gradient(135deg,#111827,#be123c);
  color:#fff;
  border:0;
}
.sparepart-edit-modal .btn-close{
  filter:invert(1);
}
.sparepart-modal-kicker{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:950;
  color:#fff;
  background:rgba(255,255,255,.15);
  margin-bottom:6px;
}
.sparepart-admin-preview-table th.text-end,
.sparepart-admin-preview-table td.text-end{
  white-space:nowrap;
}

@media(max-width:720px){
  .sparepart-list-meta{
    justify-content:flex-start;
  }
  .sparepart-list-meta .list-counter{
    min-width:0!important;
    flex:1 1 138px;
    padding:10px 12px!important;
  }
  .list-counter-update strong{
    font-size:14px!important;
  }
  .sparepart-public-sortbar{
    justify-content:stretch;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:9px 10px;
    margin:0 0 10px;
    box-shadow:0 8px 20px rgba(15,23,42,.05);
  }
  .sparepart-public-sortbar select{
    flex:1;
    min-width:0;
    box-shadow:none;
    padding:7px 10px;
  }
  .sparepart-edit-btn{
    padding:6px 9px!important;
    font-size:11px!important;
  }
}


/* v1.0.4.7 - Pengambilan Sparepart JSON temporary menu */
.sparepart-taking-hero{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  padding:1.35rem;
  border-radius:1.35rem;
  background:linear-gradient(135deg,#111827,#be123c);
  color:#fff;
  box-shadow:0 18px 45px rgba(17,24,39,.16);
}
.sparepart-taking-hero h3{font-weight:900;margin:.25rem 0 .35rem}
.sparepart-taking-hero p{margin:0;color:#ffe4e6;max-width:760px}
.sparepart-taking-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}
.taking-stat-card{padding:1rem;border-radius:1rem;border:1px solid #e5e7eb}
.taking-stat-card span{display:block;font-size:.8rem;color:#64748b;font-weight:800}
.taking-stat-card strong{display:block;font-size:1.35rem;font-weight:900;color:#111827;margin:.25rem 0}
.taking-stat-card small{color:#94a3b8;font-weight:700}
.taking-stat-card.is-warning strong{color:#d97706}
.taking-stat-card.is-success strong{color:#16a34a}
.taking-stat-card.is-muted strong{color:#64748b}
.taking-list-card{border-radius:1.25rem;overflow:hidden}
.taking-filter-bar{padding:.85rem;border:1px solid #e5e7eb;background:#f8fafc;border-radius:1rem}
.taking-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap}
.taking-table td{vertical-align:middle}
.taking-note{font-size:.78rem;color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;padding:.35rem .55rem;margin-top:.35rem;display:inline-flex}
.taking-action-wrap{display:inline-flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
.taking-empty{padding:1rem;text-align:center;color:#64748b;background:#f8fafc;border-radius:1rem;margin-top:1rem}
.taking-pagination{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}
.taking-page-actions,.taking-page-numbers{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}
.taking-modal{border:0;border-radius:1.25rem;overflow:hidden}
.taking-modal .modal-header{background:linear-gradient(135deg,#111827,#be123c);color:#fff;border:0}
.taking-modal .btn-close{filter:invert(1)}
@media(max-width:768px){
  .sparepart-taking-hero{align-items:flex-start;flex-direction:column;border-radius:1rem;padding:1rem}
  .sparepart-taking-actions{width:100%}
  .sparepart-taking-actions .btn{width:100%}
  .taking-table thead{display:none}
  .taking-table,.taking-table tbody,.taking-table tr,.taking-table td{display:block;width:100%}
  .taking-table tr{border:1px solid #e5e7eb;border-radius:1rem;padding:.75rem;margin-bottom:.7rem;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}
  .taking-table td{border:0;padding:.25rem 0}
  .taking-table td.text-end{text-align:left!important}
  .taking-action-wrap{justify-content:flex-start}
  .taking-pagination{align-items:flex-start;flex-direction:column}
}

/* =========================================================
   V3 Toko Online - Submenu Sidebar Admin
   ========================================================= */
.sidebar-subgroup{margin:4px 0;}
.sidebar-parent{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
.sidebar-parent span{display:inline-flex;align-items:center;gap:10px;}
.sidebar-submenu{display:grid;gap:4px;margin:4px 0 8px 16px;padding-left:10px;border-left:1px solid rgba(255,255,255,.12);}
.sidebar-submenu a{font-size:13px!important;padding:9px 12px!important;border-radius:12px!important;opacity:.92;}
.sidebar-submenu a i{font-size:14px!important;}
.sidebar-subgroup:not(.open) .sidebar-submenu{display:grid;}
@media(max-width:991.98px){.sidebar-submenu{margin-left:10px;}}

/* =========================================================
   V5 Admin Sidebar Fix - Scrollable, compact, safer on small screens
   ========================================================= */
/* Sidebar dibuat flex agar brand tetap di atas dan menu bisa scroll sendiri. */
.sidebar{
  height:100vh!important;
  max-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
/* Brand tidak ikut mengecil saat isi menu panjang. */
.sidebar-brand{
  flex:0 0 auto!important;
}
/* Menu kiri bisa discroll sehingga item paling bawah tetap dapat diakses. */
.sidebar-menu{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:calc(100vh - 84px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:12px 12px 28px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.30) transparent;
}
/* Scrollbar sidebar untuk browser Chromium/Safari. */
.sidebar-menu::-webkit-scrollbar{
  width:8px;
}
/* Track scrollbar dibuat transparan agar tetap rapi. */
.sidebar-menu::-webkit-scrollbar-track{
  background:transparent;
}
/* Thumb scrollbar dibuat halus dan tidak mengganggu desain. */
.sidebar-menu::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:content-box;
}
/* Thumb scrollbar dibuat lebih jelas saat hover. */
.sidebar-menu::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.38);
  border:2px solid transparent;
  background-clip:content-box;
}
/* Jarak antar menu diperkecil agar menu panjang tetap nyaman. */
.sidebar-menu a{
  min-height:38px!important;
  padding:9px 11px!important;
  margin-bottom:4px!important;
  line-height:1.25!important;
}
/* Icon dibuat konsisten agar teks menu sejajar. */
.sidebar-menu a i{
  flex:0 0 18px!important;
  text-align:center!important;
}
/* Submenu Toko Online dibuat lebih ringkas. */
.sidebar-submenu{
  gap:3px!important;
  margin:3px 0 7px 12px!important;
  padding-left:9px!important;
}
/* Item submenu dibuat compact agar tidak terlalu memanjang ke bawah. */
.sidebar-submenu a{
  min-height:34px!important;
  padding:8px 10px!important;
  font-size:12.4px!important;
  margin-bottom:2px!important;
}
/* Saat bukan area Toko Online, submenu disembunyikan agar sidebar tidak terlalu panjang. */
.sidebar-subgroup:not(.open) .sidebar-submenu{
  display:none!important;
}
/* Parent Toko Online tetap dapat diklik untuk masuk ke halaman Produk. */
.sidebar-parent{
  cursor:pointer!important;
}
/* Chevron diputar saat submenu terbuka agar pengguna paham status menu. */
.sidebar-subgroup.open .sidebar-parent .bi-chevron-down{
  transform:rotate(180deg);
}
/* Animasi kecil pada chevron agar terasa halus. */
.sidebar-parent .bi-chevron-down{
  transition:transform .18s ease;
}
/* Offcanvas mobile juga harus bisa scroll agar tidak ada menu yang terpotong. */
.sidebar-mobile .offcanvas-body{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:24px!important;
}
/* Brand duplikat di dalam offcanvas disembunyikan karena header offcanvas sudah ada judul. */
.sidebar-mobile .sidebar-brand{
  display:none!important;
}
/* Menu mobile diberi tinggi aman mengikuti layar perangkat. */
.sidebar-mobile .sidebar-menu{
  max-height:calc(100vh - 72px)!important;
  padding:12px 12px 36px!important;
}
/* Sidebar desktop sedikit lebih ramping agar area konten lebih lega. */
@media(min-width:992px){
  .sidebar{
    width:258px!important;
  }
  .main-content{
    margin-left:258px!important;
    width:calc(100% - 258px)!important;
  }
}
/* Pada layar rendah seperti laptop 13 inch, menu dibuat lebih compact. */
@media(max-height:760px) and (min-width:992px){
  .sidebar-brand{
    padding:14px 16px 12px!important;
  }
  .brand-mark{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
  }
  .sidebar-brand .fw-bold{
    font-size:16px!important;
  }
  .sidebar-brand small{
    font-size:11px!important;
  }
  .sidebar-menu{
    max-height:calc(100vh - 66px)!important;
    padding-top:10px!important;
  }
  .sidebar-menu a{
    min-height:34px!important;
    padding:7px 10px!important;
    font-size:12.2px!important;
  }
  .sidebar-submenu a{
    min-height:31px!important;
    padding:6px 9px!important;
    font-size:11.8px!important;
  }
}


/* =========================================================
   V6 Admin Sidebar - Toko Online Submenu Behavior
   ========================================================= */
/* Submenu Toko Online hanya tampil saat grup memiliki class open. */
.sidebar-subgroup:not(.open) .sidebar-submenu{display:none!important;}

/* Saat berada di halaman admin/toko, submenu tetap terbuka dan tidak berubah menjadi collapse. */
.sidebar-subgroup.open .sidebar-submenu{display:grid!important;}

/* Parent Toko Online berfungsi sebagai link ke Produk, bukan tombol tutup-buka menu. */
.sidebar-parent[data-toko-parent="true"]{cursor:pointer;}

/* =========================================================
   V7 Admin Mobile Menu Fix - prevent double sidebar on phones
   ========================================================= */
@media (max-width: 991.98px){
  .app-shell{display:block!important;min-height:100vh!important;}
  .sidebar.d-none,
  aside.sidebar,
  .app-shell > .sidebar{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    overflow:hidden!important;
  }
  .main-content{
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  .sidebar-mobile{
    z-index:1205!important;
    width:min(86vw, 320px)!important;
  }
  .offcanvas-backdrop{z-index:1200!important;}
  .navbar.bg-pj{z-index:1190!important;}
  .sidebar-mobile .sidebar-menu{height:calc(100vh - 68px)!important;max-height:calc(100vh - 68px)!important;overflow-y:auto!important;}
}
@media (min-width: 992px){
  .sidebar-mobile{display:none!important;}
}
.sidebar-subgroup .sidebar-parent .bi-chevron-down{margin-left:auto;}
.sidebar-subgroup:not(.open) .sidebar-parent .bi-chevron-down{transform:rotate(0deg)!important;}
.sidebar-subgroup.open .sidebar-parent .bi-chevron-down{transform:rotate(180deg)!important;}
.sidebar-submenu{transition:opacity .16s ease;}


/* =========================================================
   Toko Admin V5 - Brand & Model Device UI
   ========================================================= */
.pj-admin-master{--pj-admin-red:#ef233c;--pj-admin-dark:#0f172a;--pj-admin-muted:#64748b;--pj-admin-line:#e2e8f0}.pj-admin-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:24px;border-radius:28px;background:radial-gradient(circle at top left,rgba(239,35,60,.16),transparent 34%),linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 55px rgba(15,23,42,.08)}.pj-admin-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff1f2;color:#be123c;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pj-admin-hero h1{margin:10px 0 6px;font-size:clamp(24px,3vw,36px);line-height:1.05;font-weight:950;letter-spacing:-.04em;color:#0f172a}.pj-admin-hero p{max-width:700px;margin:0;color:#64748b;font-weight:650}.pj-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:10px;min-width:360px}.pj-admin-stats div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px;border-radius:22px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 30px rgba(15,23,42,.06)}.pj-admin-stats strong{font-size:28px;line-height:1;font-weight:950;color:#ef233c}.pj-admin-stats small{margin-top:6px;color:#64748b;font-weight:800}.pj-master-tabs{display:flex;gap:10px;padding:8px;border-radius:20px;background:#f8fafc;border:1px solid #e2e8f0;width:max-content;max-width:100%;overflow:auto}.pj-master-tabs .nav-link{display:flex;align-items:center;gap:8px;border-radius:15px;color:#475569;font-weight:900;padding:10px 16px;white-space:nowrap}.pj-master-tabs .nav-link.active{background:linear-gradient(135deg,#ef233c,#b91c1c);color:#fff;box-shadow:0 12px 24px rgba(239,35,60,.24)}.pj-master-card{height:100%;padding:22px;border-radius:26px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 55px rgba(15,23,42,.07)}.pj-master-form-card{position:sticky;top:88px}.pj-card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#e11d48;font-size:24px;margin-bottom:14px}.pj-master-card h2{font-size:20px;font-weight:950;letter-spacing:-.025em;color:#0f172a;margin:0 0 6px}.pj-master-card p{margin:0;color:#64748b;font-weight:650}.pj-master-card .form-label{font-size:12px;font-weight:900;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}.pj-master-card .form-control,.pj-master-card .form-select{min-height:46px;border-radius:15px;border-color:#dbe4ee;font-weight:750}.pj-master-card .form-control:focus,.pj-master-card .form-select:focus{border-color:#ef233c;box-shadow:0 0 0 .2rem rgba(239,35,60,.12)}.pj-master-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.pj-search-mini{display:flex;align-items:center;gap:8px;min-width:260px;padding:10px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.pj-search-mini input{border:0;outline:0;background:transparent;width:100%;font-weight:800;color:#0f172a}.pj-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pj-model-card{position:relative;padding:16px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e2e8f0;box-shadow:0 12px 30px rgba(15,23,42,.05);transition:.2s ease}.pj-model-card:hover{transform:translateY(-2px);border-color:rgba(239,35,60,.28);box-shadow:0 18px 40px rgba(239,35,60,.11)}.pj-model-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pj-model-brand{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:900;font-size:12px}.pj-status-dot{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:900;color:#64748b}.pj-status-dot:before{content:'';width:8px;height:8px;border-radius:50%;background:#94a3b8}.pj-status-dot.is-on{color:#15803d}.pj-status-dot.is-on:before{background:#22c55e}.pj-model-card h3{margin:0 0 10px;font-size:18px;font-weight:950;color:#0f172a;letter-spacing:-.02em}.pj-model-meta{display:flex;flex-wrap:wrap;gap:8px}.pj-model-meta span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:10px;background:#f8fafc;color:#475569;font-size:12px;font-weight:800}.pj-clean-table{--bs-table-bg:transparent}.pj-clean-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;border-bottom:1px solid #e2e8f0}.pj-clean-table tbody td{padding:14px 10px;border-color:#edf2f7}.pj-empty-state{grid-column:1/-1;padding:26px;border-radius:20px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-weight:800;text-align:center}@media(max-width:1199.98px){.pj-admin-hero{flex-direction:column}.pj-admin-stats{min-width:0}}@media(max-width:767.98px){.pj-admin-hero{padding:18px;border-radius:22px}.pj-admin-stats{grid-template-columns:1fr}.pj-master-card{padding:16px;border-radius:22px}.pj-master-form-card{position:static}.pj-master-toolbar{align-items:stretch;flex-direction:column}.pj-search-mini{min-width:0;width:100%}.pj-model-grid{grid-template-columns:1fr}.pj-master-tabs{width:100%}.pj-master-tabs .nav-link{flex:1;justify-content:center}}

/* =========================================================
   Toko V6 - Admin Device & Merk CRUD UI
   ========================================================= */
.pj-device-master .pj-admin-hero{
  background:
    radial-gradient(circle at 16% 8%,rgba(239,35,60,.18),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(15,23,42,.08),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f8fafc 58%,#fff1f2 130%);
}
.pj-device-master .pj-master-card{
  overflow:hidden;
  position:relative;
}
.pj-device-master .pj-master-card:before{
  content:'';
  position:absolute;
  inset:0 0 auto auto;
  width:210px;
  height:210px;
  background:radial-gradient(circle,rgba(239,35,60,.08),transparent 70%);
  transform:translate(45%,-45%);
  pointer-events:none;
}
.pj-device-master .pj-master-form-card form,
.pj-device-master .pj-master-card > *{
  position:relative;
  z-index:1;
}
.pj-master-list{
  display:grid;
  gap:12px;
}
.pj-master-row{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 12px 30px rgba(15,23,42,.045);
  transition:.22s ease;
}
.pj-master-row:hover{
  transform:translateY(-2px);
  border-color:rgba(239,35,60,.28);
  box-shadow:0 18px 44px rgba(239,35,60,.10),0 12px 30px rgba(15,23,42,.06);
}
.pj-master-row .pj-row-main{
  min-width:0;
  flex:1;
}
.pj-master-row h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.025em;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pj-row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.pj-row-actions form{
  display:inline-flex;
  margin:0;
}
.pj-badge-soft{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#f1f5f9;
  color:#64748b;
  border:1px solid #e2e8f0;
  font-size:11px;
  font-weight:950;
}
.pj-badge-soft.is-active{
  background:#ecfdf5;
  color:#047857;
  border-color:#bbf7d0;
}
.pj-model-brand.is-brand{
  background:#eff6ff;
  color:#1d4ed8;
}
.pj-model-brand.is-sparepart{
  background:#fff1f2;
  color:#be123c;
}
.pj-edit-modal{
  border:0!important;
  border-radius:26px!important;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(15,23,42,.28)!important;
}
.pj-edit-modal .modal-header,
.pj-edit-modal .modal-body,
.pj-edit-modal .modal-footer{
  padding-left:24px;
  padding-right:24px;
}
.pj-edit-modal .modal-body .form-label{
  font-size:12px;
  font-weight:900;
  color:#0f172a;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.pj-edit-modal .form-control,
.pj-edit-modal .form-select{
  min-height:46px;
  border-radius:15px;
  border-color:#dbe4ee;
  font-weight:750;
}
@media(max-width:767.98px){
  .pj-master-row{
    align-items:stretch;
    flex-direction:column;
    border-radius:20px;
    padding:14px;
  }
  .pj-row-actions{
    justify-content:stretch;
  }
  .pj-row-actions .btn,
  .pj-row-actions form,
  .pj-row-actions form .btn{
    width:100%;
  }
  .pj-model-meta span{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

/* =========================================================
   Toko V8 - Device & Merk inline edit UI
   ========================================================= */
.pj-device-master-v8 .pj-admin-hero{
  padding:22px;
  border-radius:26px;
}
.pj-device-master-v8 .pj-admin-hero h1{
  font-size:clamp(24px,3vw,34px);
}
.pj-device-master-v8 .pj-master-card{
  border-radius:24px;
}
.pj-device-master-v8 .pj-master-tabs{
  width:100%;
  background:#fff;
  box-shadow:0 12px 32px rgba(15,23,42,.055);
}
.pj-device-master-v8 .pj-master-tabs .nav-link{
  flex:1 1 0;
  justify-content:center;
}
.pj-master-edit-list{
  gap:14px;
}
.pj-master-edit-row{
  display:block!important;
  padding:0!important;
  overflow:hidden;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.pj-inline-edit-form{
  padding:16px;
  margin:0;
}
.pj-inline-edit-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}
.pj-inline-edit-head h3{
  margin:8px 0 0!important;
  font-size:18px!important;
  line-height:1.15!important;
}
.pj-inline-edit-grid{
  display:grid;
  grid-template-columns:1.1fr 1.4fr .9fr 1fr;
  gap:10px;
}
.pj-inline-edit-grid-2{
  grid-template-columns:1fr 1fr;
}
.pj-inline-edit-grid label{
  display:block;
  margin:0 0 5px;
  font-size:10.5px;
  line-height:1;
  color:#64748b;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.pj-inline-edit-grid .form-control,
.pj-inline-edit-grid .form-select{
  min-height:40px!important;
  border-radius:13px!important;
  font-size:13px;
  font-weight:800;
}
.pj-grid-full{
  grid-column:1/-1;
}
.pj-inline-edit-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
}
.pj-switch-mini{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#334155;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.pj-switch-mini input{
  accent-color:#ef233c;
}
.pj-delete-mini{
  display:flex;
  justify-content:flex-end;
  padding:0 16px 16px;
  margin:0;
}
.pj-delete-mini .btn,
.pj-inline-edit-actions .btn{
  padding:.42rem .85rem;
  font-size:12px;
}
.pj-device-master-v8 .pj-badge-soft{
  padding:5px 9px;
  font-size:10.5px;
}
.pj-device-master-v8 .pj-master-toolbar h2{
  font-size:19px;
}
.pj-device-master-v8 .pj-master-toolbar p{
  font-size:13px;
}
@media(max-width:1199.98px){
  .pj-inline-edit-grid,
  .pj-inline-edit-grid-2{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:767.98px){
  .pj-device-master-v8 .pj-admin-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .pj-device-master-v8 .pj-admin-stats div{
    padding:12px;
    border-radius:18px;
  }
  .pj-device-master-v8 .pj-admin-stats strong{
    font-size:22px;
  }
  .pj-device-master-v8 .pj-admin-stats small{
    font-size:11px;
  }
  .pj-inline-edit-grid,
  .pj-inline-edit-grid-2{
    grid-template-columns:1fr;
  }
  .pj-inline-edit-head,
  .pj-inline-edit-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .pj-inline-edit-actions .btn,
  .pj-delete-mini .btn{
    width:100%;
  }
  .pj-delete-mini{
    justify-content:stretch;
  }
}
@media(max-width:480px){
  .pj-device-master-v8 .pj-admin-stats{
    grid-template-columns:1fr;
  }
  .pj-device-master-v8 .pj-master-tabs .nav-link{
    min-width:140px;
  }
}