:root{
  --green-950:#062d1c;--green-900:#0b3d27;--green-800:#115f3a;--green-700:#167244;--green-600:#1b8a52;--green-100:#e8f6ef;--green-50:#f4fbf7;
  --bamboo:#d7b46a;--ink:#10211a;--muted:#60756b;--line:#e1ebe5;--bg:#f6faf8;--white:#fff;
  --danger:#c0392b;--warning:#b7791f;--info:#2364aa;--success:#168254;--shadow:0 18px 45px rgba(6,45,28,.12);--radius:18px;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}a{color:var(--green-700);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{width:min(1180px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand,.sidebar-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand small,.sidebar-brand small{display:block;color:var(--muted);font-size:.78rem}.brand-mark,.doc-logo{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--green-800),var(--green-600));color:white;font-weight:900;letter-spacing:.5px;box-shadow:0 10px 25px rgba(22,114,68,.25)}.main-nav{display:flex;align-items:center;gap:20px}.main-nav a{color:var(--ink);font-weight:600}.nav-toggle,.sidebar-toggle{display:none;border:1px solid var(--line);background:white;border-radius:12px;padding:9px 12px;font-size:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--green-800),var(--green-600));color:white;box-shadow:0 10px 22px rgba(22,114,68,.22)}.btn-outline{background:white;color:var(--green-800);border:1px solid var(--line)}.btn-danger{background:#fee2e2;color:#991b1b}.btn-sm{padding:8px 12px;border-radius:11px;font-size:.9rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(215,180,106,.28),transparent 30%),linear-gradient(135deg,#06351f,#0e6a41);color:white;padding:90px 0}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.04) 25%,transparent 25%);background-size:38px 38px;opacity:.3}.hero-grid{position:relative;display:grid;grid-template-columns:1.18fr .82fr;gap:40px;align-items:center}.eyebrow{display:inline-flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:7px 12px;border-radius:999px;font-size:.9rem}.hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.05;margin:18px 0}.hero p{font-size:1.12rem;color:#e6fff2}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.hero-card .stat{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18)}.hero-card .stat:last-child{border-bottom:0}.section{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{font-size:2rem;margin:0}.muted{color:var(--muted)}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 25px rgba(16,33,26,.05)}.product-card{overflow:hidden;padding:0}.product-img{height:220px;background:linear-gradient(135deg,var(--green-100),#fff5d7);display:grid;place-items:center;font-size:3rem}.product-body{padding:20px}.price{font-weight:900;color:var(--green-800);font-size:1.12rem}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--green-100);color:var(--green-800);font-weight:800;font-size:.82rem}.site-footer{background:var(--green-950);color:#dff4e9;padding:48px 0 20px}.site-footer a{color:white}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:35px}.footer-bottom{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:.9rem;color:#a8cbbb}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:800;margin-bottom:7px}.form-control,select,textarea,input[type=date],input[type=number],input[type=text],input[type=email],input[type=password]{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px 13px;font:inherit;background:white;color:var(--ink)}textarea{min-height:110px;resize:vertical}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:white}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:var(--green-50);font-size:.86rem;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.table tr:last-child td{border-bottom:0}.admin-body{background:#eef6f1}.admin-shell{min-height:100vh;display:flex}.sidebar{width:280px;background:linear-gradient(180deg,var(--green-950),var(--green-900));color:white;padding:22px;position:fixed;inset:0 auto 0 0;overflow:auto}.sidebar .brand-mark{background:rgba(255,255,255,.14);box-shadow:none}.sidebar-brand{color:white;margin-bottom:24px}.sidebar-brand small{color:#a8d3be}.sidebar-nav{display:grid;gap:6px}.sidebar-nav a{color:#e9fff3;text-decoration:none;border-radius:13px;padding:10px 12px;font-weight:700}.sidebar-nav a:hover{background:rgba(255,255,255,.11)}.admin-main{margin-left:280px;min-height:100vh;width:calc(100% - 280px)}.admin-topbar{height:74px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;position:sticky;top:0;z-index:10}.admin-topbar small{display:block;color:var(--muted)}.topbar-user{display:flex;gap:14px;align-items:center}.admin-content{padding:28px}.dashboard-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:22px}.stat-card{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(16,33,26,.05)}.stat-card .label{color:var(--muted);font-weight:700}.stat-card .value{font-size:1.7rem;font-weight:900;margin-top:6px;color:var(--green-800)}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-primary{background:#e0f2fe;color:#075985}.badge-secondary{background:#f1f5f9;color:#475569}.alert{padding:13px 15px;border-radius:14px;margin-bottom:18px;border:1px solid}.alert-success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.alert-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.actions{display:flex;gap:8px;flex-wrap:wrap}.summary-box{background:linear-gradient(135deg,#ffffff,#f2fff8);border:1px solid var(--line);border-radius:18px;padding:20px}.print-body{background:#dfe7e2}.print-page{background:white;width:min(900px,96vw);margin:25px auto;padding:38px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.doc-header{display:flex;gap:18px;align-items:center}.doc-header h2{margin:0;color:var(--green-800)}.doc-header p{margin:4px 0;color:var(--muted);font-size:.95rem}.doc-title{text-align:center;margin:28px 0}.doc-title h1{margin:0;text-transform:uppercase;letter-spacing:.04em}.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;margin-top:45px}.signature-box{text-align:center}.signature-line{height:80px}.totals{margin-left:auto;width:min(380px,100%)}.totals .row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.totals .grand{font-weight:900;font-size:1.12rem;color:var(--green-800)}.print-actions{display:flex;gap:10px;margin-bottom:18px}.readonly-note{background:#f8fafc;border-left:4px solid var(--green-700);padding:14px;border-radius:12px}.full{grid-column:1/-1}@media(max-width:980px){.hero-grid,.grid-2,.grid-3,.grid-4,.footer-grid,.form-grid,.doc-meta{grid-template-columns:1fr}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-toggle{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;width:100%}.sidebar-toggle{display:block}.admin-content{padding:18px}.signature-grid{grid-template-columns:1fr}}@media print{.site-header,.site-footer,.print-actions,.admin-topbar,.sidebar{display:none!important}.print-body{background:white}.print-page{width:100%;margin:0;padding:0;box-shadow:none;border-radius:0}.admin-main{margin:0;width:100%}}

/* BOSBAMBU v2.1 refinements */
.brand-logo{height:42px;max-width:140px;object-fit:contain}.sidebar-logo{width:46px;height:46px;object-fit:contain;border-radius:14px;background:#fff;padding:6px}.simple-admin .sidebar-nav a{padding:11px 14px}.simple-admin .admin-content{max-width:1280px}.form-group small{display:block;color:#64748b;margin-top:5px}.item-table input{width:100%;min-width:100px}.print-actions{position:fixed;top:14px;right:14px;z-index:20}.doc-brand-img{max-width:120px;max-height:90px;object-fit:contain}.doc-brand-fallback{font-weight:800;color:#16844a;border:2px solid #16844a;border-radius:14px;padding:14px;display:inline-block}.print-body{background:#e5e7eb}.a4-page{width:210mm;min-height:297mm;margin:16px auto;background:#fff;padding:15mm;box-shadow:0 10px 35px rgba(15,23,42,.18);box-sizing:border-box}.business-doc{font-family:Arial,Helvetica,sans-serif;color:#111;font-size:12.5px;line-height:1.35}.business-doc h1{font-size:48px;font-weight:400;margin:6px 0 28px;letter-spacing:.3px;text-transform:lowercase}.business-doc h2{font-size:17px;margin:0}.business-doc h3{font-size:18px;margin:28px 0 10px;font-weight:500}.business-doc h4{font-size:15px;margin:0 0 14px;font-weight:600}.doc-slash{height:22px;width:235px;background:repeating-linear-gradient(115deg,#d1d5db 0,#d1d5db 2px,transparent 2px,transparent 6px);margin-bottom:5px}.doc-top,.doc-grid-head,.sj-header,.sj-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.doc-logo-wrap{text-align:center;padding-top:4px}.doc-no{font-size:17px;font-family:"Courier New",monospace;margin-top:74px}.bill-to{margin:24px 0 42px}.doc-table{width:100%;border-collapse:collapse;margin:20px 0 26px;font-size:14px}.doc-table th,.doc-table td{border:1px solid #333;padding:7px 8px;text-align:left;vertical-align:middle}.doc-table th{font-weight:800}.doc-total td{font-weight:800;font-size:16px}.terms p{font-size:13px}.terms span{display:inline-block;margin-left:18px;font-weight:600}.sj-doc{font-size:13.5px}.sj-header{align-items:end;margin-top:10mm}.sj-company{display:flex;gap:10px;align-items:flex-start}.doc-logo-left .doc-brand-img{max-width:90px;max-height:75px}.sj-title{text-align:left;justify-self:end;min-width:170px}.doc-line{border:0;border-top:2px solid #222;margin:14px 0 22px}.sj-meta{margin:10px 0 26px}.sj-meta span{display:inline-block;margin-left:14px}.sj-table th,.sj-table td{padding:7px 7px}.sj-signatures{display:grid;grid-template-columns:1fr 1fr;gap:48px;text-align:center;margin-top:28px}.signature-space{height:58px}.stamp-space{height:58px}.receiver{margin-top:14px}.receiver-line{margin:32px 0 0 110px;width:145px;border-bottom:1px solid #222;height:1px}@page{size:A4;margin:0}
@media print{body.print-body{background:#fff}.a4-page{width:210mm;min-height:297mm;margin:0;box-shadow:none;padding:15mm}.print-actions{display:none}.site-header,.site-footer,.admin-topbar,.sidebar{display:none!important}.business-doc{font-size:12px}.business-doc h1{font-size:46px}.doc-table{page-break-inside:auto}.doc-table tr{page-break-inside:avoid;page-break-after:auto}}

/* =============================================================
   BOSBAMBU v2.3 - Public website inspired by Gamma landing page
   Tidak mengubah struktur database. Hanya tampilan publik + konten.
   ============================================================= */
.public-gamma-theme{background:#fbfdf8;color:#17251c}.gamma-header{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(22,114,68,.12)}.gamma-nav-wrap{height:84px}.brand-bamboo{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0c6b41,#34a853);box-shadow:0 18px 40px rgba(20,106,65,.18);position:relative;overflow:hidden;color:#fff;font-weight:900}.brand-bamboo:before,.brand-bamboo:after{content:"";position:absolute;width:5px;border-radius:99px;background:rgba(255,255,255,.7);bottom:8px}.brand-bamboo:before{height:30px;left:15px}.brand-bamboo:after{height:38px;right:16px}.brand-bamboo span{position:relative;z-index:2;font-size:.82rem}.gamma-brand strong{letter-spacing:-.02em}.gamma-main-nav a{font-size:.95rem}.gamma-hero{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:center;padding:95px 0 75px;background:linear-gradient(135deg,#f7fbef 0%,#edf8ef 42%,#d8f1dd 100%)}.gamma-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,rgba(49,151,86,.26),transparent 26%),radial-gradient(circle at 8% 18%,rgba(215,180,106,.22),transparent 25%),linear-gradient(115deg,rgba(255,255,255,.25),transparent 45%)}.gamma-hero:after{content:"";position:absolute;right:-90px;bottom:-90px;width:420px;height:420px;border-radius:50%;background:rgba(16,106,64,.09)}.gamma-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}.gamma-hero-copy h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.94;margin:20px 0 22px;letter-spacing:-.06em;color:#11351f}.gamma-hero-copy p{font-size:1.22rem;max-width:760px;color:#486257;line-height:1.8}.gamma-eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#e8f6ef;color:#126b42;font-weight:900;font-size:.86rem;letter-spacing:.02em}.gamma-eyebrow:before,.section-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#1a8a50}.section-kicker.light{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#e8fff3}.section-kicker.light:before{background:#bce8cb}.gamma-hero-visual{position:relative}.bamboo-visual-card{min-height:480px;border-radius:40px;background:linear-gradient(160deg,#0c4d31,#15824f);color:white;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 30px 80px rgba(12,77,49,.26);overflow:hidden;position:relative}.bamboo-visual-card:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.18);border-radius:30px}.bamboo-stems{position:absolute;inset:30px 30px auto auto;width:260px;height:330px}.bamboo-stems span{position:absolute;bottom:0;width:24px;border-radius:99px;background:linear-gradient(180deg,#d4f8a2,#72c468 55%,#245e36);box-shadow:inset 0 0 0 2px rgba(255,255,255,.16)}.bamboo-stems span:nth-child(1){height:245px;left:20px;transform:rotate(-4deg)}.bamboo-stems span:nth-child(2){height:315px;left:78px}.bamboo-stems span:nth-child(3){height:280px;left:138px;transform:rotate(4deg)}.bamboo-stems span:nth-child(4){height:210px;left:198px;transform:rotate(8deg)}.bamboo-visual-card h3{font-size:3rem;margin:0 0 6px;position:relative}.bamboo-visual-card p{color:#ddfce9;position:relative;max-width:360px}.gamma-hero-visual img{width:100%;height:520px;object-fit:cover;border-radius:40px;box-shadow:0 30px 80px rgba(12,77,49,.22)}.gamma-section{padding:86px 0}.soft-green{background:#edf8ef}.gamma-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.align-center{align-items:center}.gamma-section h2,.gamma-page-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.045em;margin:12px 0 18px;color:#12331f}.gamma-section p{font-size:1.02rem;color:#53675d}.gamma-panel{background:#fff;border:1px solid rgba(22,114,68,.12);border-radius:32px;padding:32px;box-shadow:0 24px 60px rgba(14,85,51,.08)}.legal-panel{background:linear-gradient(180deg,#fff,#f5fbf7)}.mini-info{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #e4efe8}.mini-info:last-child{border-bottom:0}.mini-info span{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dff4e9;color:#116a41;font-weight:900}.mini-info strong{display:block;color:#163921;margin-bottom:4px}.mini-info p{margin:0;font-size:.96rem}.vision-card{background:linear-gradient(135deg,#0d3f28,#0f7848);color:white;border-radius:36px;padding:38px;box-shadow:0 28px 70px rgba(13,63,40,.18)}.vision-card h2,.vision-card h3{color:white;margin:15px 0;font-size:clamp(1.85rem,3.4vw,3.2rem);line-height:1.08}.vision-card p{color:#d7f8e5}.compact-vision{margin-top:24px;padding:26px}.mission-list{display:grid;gap:16px}.mission-list.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-item{display:flex;gap:16px;background:#fff;border:1px solid rgba(22,114,68,.12);border-radius:24px;padding:18px;box-shadow:0 12px 35px rgba(14,85,51,.06)}.number-badge{width:46px;height:46px;border-radius:16px;background:#e3f5e9;color:#126b42;display:grid;place-items:center;font-weight:900;flex:0 0 46px}.mission-item h3{margin:0 0 5px;color:#153821}.mission-item p{margin:0;font-size:.96rem}.gamma-section-head{max-width:860px;margin-bottom:30px}.gamma-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.gamma-section-head h2{margin-top:14px}.gamma-card-grid{display:grid;gap:22px}.gamma-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.gamma-card{background:#fff;border:1px solid rgba(22,114,68,.12);border-radius:30px;padding:28px;box-shadow:0 18px 45px rgba(14,85,51,.07);transition:.2s}.gamma-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px rgba(14,85,51,.12)}.service-icon{width:58px;height:58px;border-radius:22px;background:#edf8ef;display:grid;place-items:center;font-size:1.7rem;margin-bottom:20px}.gamma-card h3{margin:0 0 10px;color:#153821}.gamma-card p{margin:0;font-size:.98rem}.dark-section{background:linear-gradient(135deg,#082d1d,#0d5836);color:white;position:relative;overflow:hidden}.dark-section:before{content:"";position:absolute;left:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.06)}.dark-section .container{position:relative}.dark-section h2{color:white}.dark-section p{color:#d8f4e3}.installation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.install-item{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:22px}.install-item span{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.install-item h3{color:white;margin:0 0 7px}.install-item p{font-size:.96rem;margin:0}.compact .gamma-card{padding:24px}.market-card{min-height:165px}.advantage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin:auto}.advantage-item{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid rgba(22,114,68,.12);border-radius:24px;padding:18px}.advantage-item span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0f7548;color:white;font-weight:900;flex:0 0 36px}.advantage-item h3{margin:0 0 5px;color:#153821}.advantage-item p{margin:0;font-size:.95rem}.gamma-product-card{border-radius:30px;box-shadow:0 18px 45px rgba(14,85,51,.07)}.gamma-product-card .product-img{height:245px;background:linear-gradient(135deg,#edf8ef,#f9f1d8)}.contact-cta{background:linear-gradient(135deg,#0d3f28,#12804d);color:white}.contact-cta h2{color:white}.contact-cta p{color:#d8f4e3}.contact-card{background:white;color:#17321f;border-radius:32px;padding:30px;display:grid;gap:16px;box-shadow:0 28px 70px rgba(13,63,40,.25)}.contact-card div{display:grid;gap:4px}.contact-card strong{color:#52665b;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.contact-card a{font-weight:900}.footer-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.footer-socials span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.86rem}.footer-socials.dark span{background:#e8f6ef;color:#126b42;font-weight:800}.gamma-page-hero{padding:95px 0;background:linear-gradient(135deg,#f7fbef,#dff2e4)}.gamma-page-hero h1{max-width:900px}.gamma-page-hero p{font-size:1.18rem;color:#52665b;max-width:860px}.catalog-hero{background:linear-gradient(135deg,#f4fbf7,#e6f7db)}.filter-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filter-tabs a{display:inline-flex;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dfece5;color:#153821;font-weight:800;text-decoration:none}.filter-tabs a.active,.filter-tabs a:hover{background:#126b42;color:white;border-color:#126b42}.big-contact{box-shadow:0 24px 60px rgba(14,85,51,.08);border:1px solid rgba(22,114,68,.12)}
@media(max-width:980px){.gamma-hero{min-height:auto;padding:70px 0}.gamma-hero-grid,.gamma-split,.gamma-card-grid.three,.installation-grid,.advantage-list,.mission-list.wide{grid-template-columns:1fr}.gamma-hero-copy h1{font-size:clamp(2.6rem,13vw,4rem)}.bamboo-visual-card,.gamma-hero-visual img{min-height:360px;height:360px}.gamma-section{padding:60px 0}.gamma-main-nav{top:84px}.gamma-card,.gamma-panel,.vision-card,.contact-card{border-radius:24px}}

/* BOSBAMBU v2.4 public branding update: brand utama BosBambu, legal PT di area administrasi */
.bosbambu-public-theme{background:#fbfff9}.brand-text strong{font-size:1.05rem}.brand-text small{color:#6b7f73}.legal-brand-note{display:inline-flex;align-items:center;margin-top:18px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(18,107,66,.16);color:#315443;font-weight:800;font-size:.92rem;box-shadow:0 10px 28px rgba(13,63,40,.06)}.btn-whatsapp{border-color:#b9dcc7;background:#fffef8}.footer-legal{margin-top:-8px;color:#b7d7c5;font-weight:800}.bosbambu-footer h3{font-size:1.8rem;margin-bottom:4px}.bosbambu-public-theme .gamma-hero{background:radial-gradient(circle at 85% 18%,rgba(215,180,106,.26),transparent 28%),linear-gradient(135deg,#fffef6 0%,#f1faec 43%,#dff4e4 100%)}.bosbambu-public-theme .gamma-hero-copy h1{color:#0d3f28}.bosbambu-public-theme .gamma-eyebrow,.bosbambu-public-theme .section-kicker{background:#eef8e8;color:#0f6b3e}.bosbambu-public-theme .soft-green{background:linear-gradient(180deg,#f3faef,#eef7e8)}.bosbambu-public-theme .gamma-card,.bosbambu-public-theme .gamma-panel,.bosbambu-public-theme .contact-card{border-color:#dcebd7}.bosbambu-public-theme .product-img{background:linear-gradient(135deg,#edf8ef,#fff3d2)}
@media(max-width:980px){.legal-brand-note{border-radius:18px;align-items:flex-start}.brand-text small{font-size:.72rem}}


/* BOSBAMBU v2.5 - tampilan lebih sederhana, elegan, dan profesional */
:root{
  --v25-green:#0f5f3a;
  --v25-green-dark:#0b3d27;
  --v25-cream:#fbf7ec;
  --v25-bg:#f8fbf8;
  --v25-text:#17251e;
  --v25-muted:#66766d;
  --v25-line:#e6eee8;
  --v25-radius:16px;
}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--v25-text);background:var(--v25-bg);letter-spacing:-.01em}.container{width:min(1120px,92vw)}.site-header{background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(15,95,58,.07);backdrop-filter:blur(10px)}.nav-wrap{height:72px}.main-nav{gap:16px}.main-nav a{font-size:.94rem}.brand-logo,.sidebar-logo{max-width:42px;max-height:42px;object-fit:contain}.brand-bamboo,.brand-mark{border-radius:12px;background:var(--v25-green);box-shadow:none}.btn{border-radius:12px;font-weight:700;box-shadow:none}.btn-primary{background:var(--v25-green);box-shadow:none}.btn-primary:hover{background:var(--v25-green-dark)}.btn-outline{border-color:var(--v25-line);background:#fff;color:var(--v25-green-dark)}.card,.gamma-card,.gamma-panel,.contact-card,.mission-item,.advantage-item,.install-item{border-radius:var(--v25-radius);box-shadow:0 10px 28px rgba(18,49,31,.06);border-color:var(--v25-line)}.gamma-hero{min-height:620px;padding:82px 0 64px;background:linear-gradient(135deg,#fff 0%,#f4faef 58%,#ecf7e8 100%)}.gamma-hero-copy h1{font-size:clamp(2.4rem,6vw,4.7rem);letter-spacing:-.055em;line-height:1}.gamma-hero-copy p{font-size:1.08rem;line-height:1.75;color:#52665b}.gamma-hero-grid{gap:42px}.gamma-section{padding:70px 0}.gamma-section h2,.gamma-page-hero h1{font-size:clamp(1.75rem,3.3vw,3rem);letter-spacing:-.04em}.gamma-eyebrow,.section-kicker{background:#eef7ec;color:var(--v25-green);font-size:.82rem;padding:7px 11px}.bamboo-visual-card,.gamma-hero-visual img{border-radius:26px;min-height:420px;height:460px;box-shadow:0 18px 50px rgba(15,95,58,.14)}.soft-green{background:var(--v25-cream)}.dark-section,.contact-cta{background:linear-gradient(135deg,var(--v25-green-dark),var(--v25-green))}.site-footer{background:#0a2f1f}.admin-body{background:#f4f7f5}.sidebar{width:250px;background:#103d2a;padding:18px}.sidebar-brand{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:14px}.sidebar-nav{display:grid;gap:4px}.sidebar-nav a{border-radius:10px;padding:10px 12px;color:#eaf8ef;text-decoration:none;font-weight:650;font-size:.93rem}.sidebar-nav a:hover{background:rgba(255,255,255,.1)}.admin-main{margin-left:250px}.admin-topbar{height:66px;background:#fff;border-bottom:1px solid var(--v25-line);box-shadow:none}.admin-content{padding:24px}.form-group label{font-weight:700;color:#22362a}.form-control,select,textarea,input[type=date],input[type=number],input[type=text],input[type=email],input[type=password]{border-radius:10px;border-color:var(--v25-line);padding:11px 12px}.table th{background:#f4f8f5;color:#617268}.editor-section{border:1px solid var(--v25-line);border-radius:14px;padding:0;margin:18px 0;background:#fff}.editor-section summary{cursor:pointer;padding:16px 18px;font-weight:800;color:var(--v25-green-dark);border-bottom:1px solid var(--v25-line)}.editor-section[open] summary{margin-bottom:16px}.editor-section .form-grid,.editor-section .repeat-card{padding:0 18px 18px}.repeat-card{border-top:1px dashed var(--v25-line);padding-top:18px!important}.repeat-card:first-of-type{border-top:0}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}.permission-item{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--v25-line);border-radius:12px;padding:12px;background:#fff}.permission-item small{display:block;color:var(--v25-muted)}.inline-form{display:inline-flex;margin:4px 0 0 4px}.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.82rem;font-weight:700}.badge-success{background:#e3f7eb;color:#0f6b3e}.badge-secondary{background:#eef1f0;color:#65756d}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fff4d6;color:#8a5c00}.badge-info{background:#e6f0ff;color:#184f90}.badge-primary{background:#e3f7eb;color:#0f6b3e}
@media(max-width:980px){.admin-main{margin-left:0}.sidebar{width:280px}.permission-grid{grid-template-columns:1fr}.gamma-hero{min-height:auto;padding:58px 0}.gamma-section{padding:54px 0}.admin-content{padding:16px}}

/* =============================================================
   BOSBAMBU v2.6 - Clean UMKM Professional Theme
   Tampilan publik dibuat lebih sederhana, elegan, dan tetap terhubung dengan data admin.
   ============================================================= */
:root{
  --clean-green:#0f5f3a;
  --clean-green-2:#164f35;
  --clean-green-dark:#0b2f20;
  --clean-leaf:#eaf5ec;
  --clean-cream:#fbf7eb;
  --clean-sand:#d7b46a;
  --clean-ink:#15231b;
  --clean-muted:#65746b;
  --clean-line:#e5ece7;
  --clean-bg:#fbfdfb;
  --clean-white:#ffffff;
  --clean-radius:18px;
  --clean-shadow:0 16px 40px rgba(15,95,58,.08);
}
body.public-clean-theme{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--clean-bg);
  color:var(--clean-ink);
  letter-spacing:-.012em;
}
.public-clean-theme .container{width:min(1120px,92vw)}
.clean-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--clean-line);box-shadow:0 1px 0 rgba(11,47,32,.03)}
.clean-nav-wrap{height:74px}.clean-brand{text-decoration:none}.brand-bamboo{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--clean-green);color:white;font-weight:900;box-shadow:none}.brand-text strong{font-size:1.08rem;letter-spacing:-.02em}.brand-text small{font-size:.75rem;color:var(--clean-muted)}
.clean-main-nav{gap:18px}.clean-main-nav a{font-size:.94rem;color:var(--clean-ink);font-weight:700}.clean-main-nav a:hover{color:var(--clean-green);text-decoration:none}.btn{border-radius:12px}.btn-primary{background:var(--clean-green);box-shadow:none;color:#fff}.btn-primary:hover{background:var(--clean-green-2);transform:translateY(-1px)}.btn-outline{background:#fff;border:1px solid var(--clean-line);color:var(--clean-green-dark);box-shadow:none}.btn-outline:hover{border-color:var(--clean-green);color:var(--clean-green);transform:translateY(-1px)}
.clean-hero{padding:82px 0 68px;background:linear-gradient(135deg,#fff 0%,#f6fbf4 54%,#eef8e9 100%);position:relative;overflow:hidden}.clean-hero:before{content:"";position:absolute;right:-140px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(15,95,58,.12),transparent 68%)}.clean-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.clean-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--clean-leaf);color:var(--clean-green);font-weight:800;font-size:.82rem;letter-spacing:.01em}.clean-kicker.light{background:rgba(255,255,255,.14);color:#eaf9ef;border:1px solid rgba(255,255,255,.16)}.clean-hero h1{font-size:clamp(3rem,7vw,5.5rem);line-height:.96;letter-spacing:-.07em;color:var(--clean-green-dark);margin:18px 0}.clean-hero p{font-size:1.08rem;line-height:1.78;color:#53655b;max-width:680px}.clean-legal-note{display:inline-flex;margin-top:16px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--clean-line);box-shadow:0 8px 24px rgba(17,72,45,.06);font-weight:700;color:#415348!important;font-size:.92rem!important}.clean-hero-card{background:#fff;border:1px solid var(--clean-line);border-radius:28px;padding:14px;box-shadow:var(--clean-shadow)}.clean-hero-card img{width:100%;height:430px;object-fit:cover;border-radius:22px}.clean-visual-fallback{height:430px;border-radius:22px;background:linear-gradient(135deg,var(--clean-leaf),var(--clean-cream));display:grid;place-items:center;text-align:center;padding:34px}.clean-visual-fallback span{font-size:4.5rem}.clean-visual-fallback h3{font-size:2rem;margin:0;color:var(--clean-green-dark)}.clean-visual-fallback p{margin:4px 0 0}.clean-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 2px 0}.clean-metrics div{border-radius:16px;background:#f7faf7;padding:14px;text-align:center}.clean-metrics strong{display:block;font-size:1.15rem;color:var(--clean-green-dark)}.clean-metrics span{font-size:.78rem;color:var(--clean-muted);font-weight:700}.clean-section{padding:72px 0}.clean-cream{background:var(--clean-cream)}.clean-split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.clean-section h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.12;letter-spacing:-.045em;margin:14px 0;color:var(--clean-green-dark)}.clean-section p{color:var(--clean-muted);line-height:1.75}.clean-panel,.clean-card,.clean-contact-card{background:#fff;border:1px solid var(--clean-line);border-radius:var(--clean-radius);box-shadow:var(--clean-shadow);padding:24px}.clean-list-item{display:flex;gap:14px;border-bottom:1px solid var(--clean-line);padding:14px 0}.clean-list-item:last-child{border-bottom:0}.clean-list-item span{width:28px;height:28px;border-radius:50%;background:var(--clean-leaf);color:var(--clean-green);display:grid;place-items:center;font-weight:900;flex:0 0 28px}.clean-list-item strong{color:var(--clean-green-dark)}.clean-list-item p{margin:4px 0 0;font-size:.95rem}.clean-section-head{max-width:780px;margin-bottom:28px}.clean-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.clean-section-head h2{margin:12px 0}.clean-section-head p{margin:0}.clean-card-grid{display:grid;gap:18px}.clean-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.clean-card{transition:.18s}.clean-card:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(15,95,58,.11)}.clean-card h3{margin:0 0 8px;color:var(--clean-green-dark);letter-spacing:-.025em}.clean-card p{margin:0}.clean-section-title-row{margin-bottom:24px}.clean-product-card{border-radius:var(--clean-radius);box-shadow:var(--clean-shadow);border-color:var(--clean-line);overflow:hidden}.clean-product-card .product-img{height:230px;background:linear-gradient(135deg,var(--clean-leaf),var(--clean-cream))}.product-img img{width:100%;height:100%;object-fit:cover}.product-body h3{letter-spacing:-.025em}.price{color:var(--clean-green-dark)}.pill{background:var(--clean-leaf);color:var(--clean-green);font-weight:800}.clean-dark{background:linear-gradient(135deg,var(--clean-green-dark),var(--clean-green));color:#fff}.clean-dark h2,.clean-dark p{color:#fff}.clean-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.clean-mini-grid article{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px}.clean-mini-grid strong{display:block;margin-bottom:6px;color:#fff}.clean-mini-grid p{margin:0;color:#dff4e8;font-size:.94rem}.clean-advantage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px;margin:auto}.clean-advantage{display:flex;gap:14px;background:#fff;border:1px solid var(--clean-line);border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(15,95,58,.05)}.clean-advantage span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--clean-green);color:#fff;font-weight:900;flex:0 0 34px}.clean-advantage h3{margin:0 0 4px;color:var(--clean-green-dark)}.clean-advantage p{margin:0;font-size:.95rem}.clean-contact{background:linear-gradient(135deg,#103d2a,#0f5f3a);color:white}.clean-contact h2,.clean-contact p{color:white}.clean-contact .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:white}.clean-contact-card{box-shadow:none}.clean-contact-card div{padding:12px 0;border-bottom:1px solid var(--clean-line)}.clean-contact-card div:last-child{border-bottom:0}.clean-contact-card strong{display:block;color:var(--clean-muted);text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}.clean-contact-card span{color:var(--clean-ink);font-weight:700}.clean-footer{background:#082d1d}.clean-footer h3{font-size:1.65rem;margin-bottom:2px}.clean-footer p{color:#cfe9d8}.footer-legal{color:#9fc8b0!important;font-weight:800;margin-top:-4px}.footer-bottom{color:#9fc8b0}
/* Public pages */
.public-clean-theme .gamma-page-hero{padding:78px 0;background:linear-gradient(135deg,#fff,#eef8e9)}.public-clean-theme .gamma-page-hero h1{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.08;letter-spacing:-.05em;color:var(--clean-green-dark)}.public-clean-theme .gamma-page-hero p{color:var(--clean-muted)}.public-clean-theme .gamma-eyebrow,.public-clean-theme .section-kicker{background:var(--clean-leaf);color:var(--clean-green);border-radius:999px}.public-clean-theme .gamma-section{padding:70px 0}.public-clean-theme .gamma-panel,.public-clean-theme .contact-card,.public-clean-theme .vision-card{border-radius:var(--clean-radius);box-shadow:var(--clean-shadow);border-color:var(--clean-line)}.public-clean-theme .filter-tabs a{border-color:var(--clean-line)}.public-clean-theme .filter-tabs a.active,.public-clean-theme .filter-tabs a:hover{background:var(--clean-green);border-color:var(--clean-green)}
/* Admin v2.6 refinements */
.admin-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f6f8f6}.sidebar{background:#0d3524;width:260px}.admin-main{margin-left:260px;width:calc(100% - 260px)}.sidebar-brand{gap:12px}.sidebar-nav a{font-size:.92rem;font-weight:650}.sidebar-nav a:hover{background:rgba(255,255,255,.1)}.admin-topbar{height:68px}.admin-content{max-width:1320px}.card,.stat-card,.summary-box{border-radius:16px;border-color:var(--clean-line);box-shadow:0 10px 28px rgba(15,95,58,.05)}.table th{background:#f6faf7}.source-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.source-map-item{border:1px solid var(--clean-line);border-radius:14px;padding:14px;background:#fff}.source-map-item strong{display:block;color:var(--clean-green-dark)}.source-map-item small{display:block;color:var(--clean-muted);margin-top:3px}.setting-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--clean-line);border-radius:14px;background:#fff}.setting-preview img{width:54px;height:54px;object-fit:contain;border-radius:10px;background:#f7faf7}.setting-preview .empty-preview{width:54px;height:54px;border-radius:10px;background:#f7faf7;display:grid;place-items:center;color:var(--clean-muted);font-weight:800}.settings-section{border:1px solid var(--clean-line);border-radius:16px;background:#fff;padding:20px;margin-bottom:18px}.settings-section h3{margin-top:0;color:var(--clean-green-dark)}
@media(max-width:980px){.clean-hero-grid,.clean-split,.clean-card-grid.three,.clean-mini-grid,.clean-advantage-grid,.source-map{grid-template-columns:1fr}.clean-hero{padding:56px 0}.clean-hero h1{font-size:clamp(2.7rem,15vw,4rem)}.clean-hero-card img,.clean-visual-fallback{height:340px}.clean-metrics{grid-template-columns:1fr}.clean-section{padding:54px 0}.clean-main-nav{top:74px}.admin-main{margin-left:0;width:100%}.sidebar{width:280px}.clean-nav-wrap{height:70px}}
@media print{.clean-header,.clean-footer{display:none!important}}

/* =============================================================
   V2.7 Performance polish
   ============================================================= */
.clean-section,
.gamma-section,
.clean-card,
.product-card,
.clean-panel,
.admin-card,
.card {
  content-visibility: auto;
  contain-intrinsic-size: 1px 520px;
}
.product-img img,
.clean-hero-card img,
.brand-logo,
.sidebar-logo {
  max-width: 100%;
  height: auto;
}
.catalog-count { margin: 12px 0 22px; }
.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 34px 0 0;
}
.pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(15, 79, 45, .18);
  background: #fff;
  color: var(--green-800, #0f4f2d);
  font-weight: 700;
}
.pagination a.active,
.pagination a:hover {
  background: var(--green-700, #166534);
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
@media (max-width: 680px) {
  .clean-section,
  .gamma-section { padding-top: 44px; padding-bottom: 44px; }
  .pagination a { min-width: 36px; min-height: 36px; padding: 7px 12px; }
}

/* V3.0 Artikel & Publikasi - ringan, responsif, dan SEO friendly */
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{background:#fff;border:1px solid rgba(15,79,45,.1);border-radius:22px;overflow:hidden;box-shadow:0 16px 38px rgba(17,46,34,.07);transition:transform .18s ease,box-shadow .18s ease}.article-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(17,46,34,.1)}.article-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:linear-gradient(135deg,#eff8f1,#f8f3e8);color:#0f4f2d;font-size:44px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover}.article-body{padding:20px}.article-body small,.article-meta{color:#63756a;font-size:13px}.article-body h2,.article-body h3{font-size:20px;line-height:1.28;margin:10px 0}.article-body a{color:#113b29;text-decoration:none}.article-body a:hover{color:#0f7a3f}.read-more{font-weight:700;color:#0f7a3f!important}.article-detail .narrow,.container.narrow{max-width:860px}.article-featured{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 44px rgba(17,46,34,.12);margin-bottom:28px}.article-content{font-size:18px;line-height:1.82;color:#22342a}.article-content h2,.article-content h3{line-height:1.32;margin-top:30px;color:#123b28}.article-content p{margin:0 0 18px}.article-content a{color:#0f7a3f;font-weight:700}.article-content blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid #0f7a3f;background:#f3f8f1;border-radius:14px}.article-cta{margin-top:34px}.home-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar{display:grid;grid-template-columns:1fr 180px auto;gap:12px;margin:18px 0}.table-actions{white-space:nowrap}.btn-danger{background:#b42318;color:#fff;border-color:#b42318}.btn-danger:hover{background:#8f1d14;color:#fff}
@media (max-width:900px){.article-grid,.home-article-grid{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:1fr}}
@media (max-width:640px){.article-grid,.home-article-grid{grid-template-columns:1fr}.article-content{font-size:16px;line-height:1.72}.article-body{padding:16px}}


/* V3.1 Floating WhatsApp popup - ringan, tanpa library eksternal */
.whatsapp-popup{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:90;
  display:flex;
  align-items:center;
  max-width:min(340px,calc(100vw - 28px));
  animation:waPopupIn .28s ease both;
}
.whatsapp-popup.is-hidden{display:none}
.whatsapp-popup-link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 46px 12px 13px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,#0f7a3f,#0b5f34);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  box-shadow:0 16px 38px rgba(12,84,45,.28);
}
.whatsapp-popup-link:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 20px 46px rgba(12,84,45,.34);
}
.whatsapp-popup-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border-radius:50%;
  background:#fff;
  color:#0f7a3f;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:-.03em;
}
.whatsapp-popup-text{display:grid;line-height:1.15}.whatsapp-popup-text strong{font-size:.96rem}.whatsapp-popup-text small{font-size:.78rem;color:#e9fff1;margin-top:3px}.whatsapp-popup-close{
  position:absolute;
  top:50%;
  right:12px;
  width:26px;
  height:26px;
  transform:translateY(-50%);
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  cursor:pointer;
  font-size:18px;
  line-height:1;
}
.whatsapp-popup-close:hover{background:rgba(255,255,255,.28)}
@keyframes waPopupIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.whatsapp-popup{left:14px;right:14px;bottom:14px;max-width:none}.whatsapp-popup-link{width:100%;justify-content:flex-start;padding-right:48px}.whatsapp-popup-text strong{font-size:.94rem}.whatsapp-popup-text small{font-size:.76rem}}
@media print{.whatsapp-popup{display:none!important}}

/* V3.2 Beranda terintegrasi, WhatsApp logo resmi, Google Map */
.btn-primary,.btn-primary:visited,.clean-main-nav .btn-primary{color:#fff!important}.btn-primary:hover{color:#fff!important}.home-public-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.home-product-area .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.home-article-sidebar .clean-panel{padding:20px}.sticky-lite{position:sticky;top:96px}.sidebar-headline h3{margin:10px 0 6px;color:var(--clean-green-dark);font-size:1.35rem;letter-spacing:-.03em}.sidebar-headline p{margin:0 0 14px;font-size:.94rem}.sidebar-article-list{display:grid;gap:12px;margin:16px 0}.sidebar-article{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--clean-line);border-radius:16px;background:#fff;text-decoration:none;color:var(--clean-ink);transition:.18s ease}.sidebar-article:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,95,58,.09);text-decoration:none}.sidebar-article-thumb{width:82px;height:64px;border-radius:12px;background:linear-gradient(135deg,var(--clean-leaf),var(--clean-cream));display:grid;place-items:center;overflow:hidden;font-size:1.6rem}.sidebar-article-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-article small{display:block;color:var(--clean-muted);font-size:.76rem;margin-bottom:3px}.sidebar-article strong{display:block;line-height:1.25;color:var(--clean-green-dark);font-size:.95rem}.full-width{width:100%}.map-box{padding-top:16px!important}.map-box iframe{display:block;margin-top:10px;border-radius:18px;background:#eef5ef;min-height:230px}.map-link{margin-top:12px;color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.25)!important}.clean-contact-card .map-box strong{color:var(--clean-muted)}.whatsapp-popup-icon svg{display:block}.whatsapp-popup-icon{font-size:0}.whatsapp-popup-link{background:linear-gradient(135deg,#25D366,#128C7E)}
@media(max-width:980px){.home-public-grid{grid-template-columns:1fr}.home-product-area .grid-2{grid-template-columns:1fr 1fr}.sticky-lite{position:static}.map-box iframe{height:240px}}
@media(max-width:640px){.home-product-area .grid-2{grid-template-columns:1fr}.sidebar-article{grid-template-columns:74px 1fr}.sidebar-article-thumb{width:74px;height:58px}.map-box iframe{height:220px}}

/* =============================================================
   BOSBAMBU V3.3 - Public Simple UX + Short Selling Hooks
   Fokus: menu ringkas, hijau-putih, tulisan jelas, ringan di HP.
   ============================================================= */
.public-simple-theme{--bb-green:#0f5f3a;--bb-green-dark:#083b25;--bb-green-soft:#eaf7ef;--bb-white:#fff;--bb-cream:#f8f5ed;--bb-ink:#17231d;--bb-muted:#5d6f64;--bb-line:#e0ebe3;--bb-shadow:0 18px 45px rgba(15,95,58,.10);background:#fff;color:var(--bb-ink)}
.simple-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--bb-line);box-shadow:0 8px 28px rgba(8,59,37,.04)}
.simple-nav-wrap{height:70px}.simple-main-nav{gap:18px}.simple-main-nav a{color:var(--bb-ink);font-weight:750}.simple-main-nav a:hover{color:var(--bb-green);text-decoration:none}.simple-brand .brand-text strong{color:var(--bb-green-dark)}.simple-brand .brand-text small{color:var(--bb-muted)}
.public-simple-theme .btn-primary{background:var(--bb-green)!important;color:#fff!important;border:1px solid var(--bb-green)!important;box-shadow:none}.public-simple-theme .btn-primary:hover{background:var(--bb-green-dark)!important;color:#fff!important;text-decoration:none}.public-simple-theme .btn-outline{background:#fff;color:var(--bb-green-dark);border:1px solid var(--bb-line)}.public-simple-theme .btn-outline:hover{border-color:var(--bb-green);color:var(--bb-green);text-decoration:none}.simple-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.simple-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--bb-green-soft);color:var(--bb-green);font-size:.82rem;font-weight:850}.simple-kicker.light{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18)}
.simple-hero{position:relative;overflow:hidden;padding:76px 0 64px;background:linear-gradient(135deg,#ffffff 0%,#f5fbf7 58%,#eaf7ef 100%)}.simple-hero:before{content:"";position:absolute;right:-150px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(15,95,58,.14),transparent 68%)}.simple-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.simple-hero h1{margin:16px 0 18px;color:var(--bb-green-dark);font-size:clamp(2.35rem,5.8vw,4.9rem);line-height:1.02;letter-spacing:-.065em}.simple-hero p{font-size:1.08rem;line-height:1.74;color:var(--bb-muted);max-width:680px}.simple-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.simple-trust span{display:inline-flex;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--bb-line);color:var(--bb-green-dark);font-weight:750;font-size:.88rem}.simple-hero-image{position:relative;background:#fff;border:1px solid var(--bb-line);border-radius:28px;padding:14px;box-shadow:var(--bb-shadow)}.simple-hero-image img{width:100%;height:420px;object-fit:cover;border-radius:22px}.simple-visual-fallback{height:420px;border-radius:22px;background:linear-gradient(135deg,var(--bb-green-soft),var(--bb-cream));display:grid;place-items:center;text-align:center;padding:28px}.simple-visual-fallback span{font-size:4rem}.simple-visual-fallback strong{font-size:2rem;color:var(--bb-green-dark)}.simple-hook-card{position:absolute;left:28px;right:28px;bottom:28px;background:rgba(255,255,255,.94);border:1px solid var(--bb-line);border-radius:18px;padding:14px 16px;box-shadow:0 14px 35px rgba(8,59,37,.12)}.simple-hook-card strong{display:block;color:var(--bb-green-dark);font-size:1.02rem}.simple-hook-card small{display:block;color:var(--bb-muted);font-weight:650;margin-top:2px}
.simple-section{padding:66px 0}.simple-soft{background:var(--bb-cream)}.simple-section-head{max-width:760px;margin-bottom:24px}.simple-section-head.row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:22px}.simple-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.simple-section-head h2,.simple-order-wrap h2,.simple-contact-copy h2{margin:12px 0 8px;color:var(--bb-green-dark);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.045em}.simple-section-head p,.simple-order-wrap p,.simple-contact-copy p{color:var(--bb-muted);line-height:1.72}.simple-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.simple-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.simple-product-card{background:#fff;border:1px solid var(--bb-line);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(15,95,58,.06);transition:.18s}.simple-product-card:hover{transform:translateY(-2px);box-shadow:var(--bb-shadow)}.simple-product-img{height:205px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bb-green-soft),var(--bb-cream));font-size:2.4rem;overflow:hidden}.simple-product-img img{width:100%;height:100%;object-fit:cover}.simple-product-body{padding:18px}.simple-product-body h3{margin:9px 0 6px;color:var(--bb-green-dark);font-size:1.15rem;letter-spacing:-.025em}.simple-product-body p{margin:0 0 10px;color:var(--bb-muted);font-size:.95rem;line-height:1.55}.simple-product-body strong{display:block;color:var(--bb-green-dark);margin-bottom:13px}.simple-empty{grid-column:1/-1;background:#fff;border:1px solid var(--bb-line);border-radius:18px;padding:22px;color:var(--bb-muted)}.simple-article-box{position:sticky;top:92px;background:#fff;border:1px solid var(--bb-line);border-radius:22px;padding:20px;box-shadow:0 12px 34px rgba(15,95,58,.06)}.simple-article-box h3{margin:10px 0 6px;color:var(--bb-green-dark);font-size:1.3rem}.simple-article-box p{color:var(--bb-muted);font-size:.94rem}.simple-article-list{display:grid;gap:12px;margin:16px 0}.simple-article-item{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;color:var(--bb-ink);text-decoration:none;border:1px solid var(--bb-line);border-radius:15px;padding:10px;background:#fff}.simple-article-item:hover{border-color:var(--bb-green);text-decoration:none}.simple-article-item span{width:74px;height:56px;border-radius:12px;background:var(--bb-green-soft);display:grid;place-items:center;overflow:hidden}.simple-article-item span img{width:100%;height:100%;object-fit:cover}.simple-article-item strong{font-size:.95rem;line-height:1.27;color:var(--bb-green-dark)}
.simple-need-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.simple-need-grid article{background:#fff;border:1px solid var(--bb-line);border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(15,95,58,.05)}.simple-need-grid h3{margin:0 0 6px;color:var(--bb-green-dark);font-size:1.05rem}.simple-need-grid p{margin:0;color:var(--bb-muted);font-size:.95rem;line-height:1.6}.simple-order-wrap{display:grid;grid-template-columns:.88fr 1.12fr;gap:34px;align-items:center}.simple-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.simple-step-list article{display:flex;gap:14px;background:#fff;border:1px solid var(--bb-line);border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(15,95,58,.05)}.simple-step-list span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--bb-green);color:#fff;font-weight:900}.simple-step-list h3{margin:0 0 4px;color:var(--bb-green-dark);font-size:1rem}.simple-step-list p{margin:0;color:var(--bb-muted);font-size:.93rem}.simple-contact-section{background:linear-gradient(135deg,var(--bb-green-dark),var(--bb-green));color:#fff}.simple-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.simple-contact-copy h2,.simple-contact-copy p{color:#fff}.simple-contact-section .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);color:#fff}.simple-contact-info{display:grid;gap:10px;margin-top:22px}.simple-contact-info p{margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.simple-map-card{background:#fff;border-radius:24px;padding:12px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.simple-map-card iframe{border-radius:18px;display:block}.simple-footer-grid{grid-template-columns:1.3fr 1fr .7fr}.whatsapp-popup-link{background:#25D366!important;color:#fff!important}.whatsapp-popup-link:hover{text-decoration:none;background:#128C7E!important}.whatsapp-popup-text strong,.whatsapp-popup-text small{color:#fff!important}
@media(max-width:980px){.simple-main-nav{top:70px}.simple-hero{padding:54px 0 46px}.simple-hero-grid,.simple-home-grid,.simple-order-wrap,.simple-contact-grid,.simple-section-head.row{grid-template-columns:1fr}.simple-hero h1{font-size:clamp(2.25rem,13vw,3.8rem)}.simple-hero-image img,.simple-visual-fallback{height:310px}.simple-product-grid{grid-template-columns:1fr 1fr}.simple-article-box{position:static}.simple-need-grid,.simple-step-list{grid-template-columns:1fr}.simple-section{padding:52px 0}.simple-footer-grid{grid-template-columns:1fr}.simple-section-head.row{display:grid}.simple-section-head.row .btn{width:max-content}.simple-contact-grid{gap:20px}}
@media(max-width:640px){.simple-product-grid{grid-template-columns:1fr}.simple-trust{display:grid}.simple-actions .btn{width:100%}.simple-hero-image img,.simple-visual-fallback{height:260px}.simple-hook-card{position:static;margin-top:12px}.simple-section-head.row .btn{width:100%}.simple-map-card iframe{height:260px}.whatsapp-popup{right:14px;left:14px;bottom:14px}.whatsapp-popup-link{width:100%;justify-content:center}}
/* V3.4 - Homepage publik lebih ringkas agar informasi tidak terasa berulang */
.simple-trust-clean span{background:#fff;color:var(--bb-green-dark)}
.simple-price-card strong{color:var(--bb-green-dark)}
.simple-need-compact article{padding:18px 18px 16px;min-height:0}
.simple-need-compact h3{font-size:1.08rem;margin-bottom:5px}
.simple-need-compact p{font-size:.9rem;line-height:1.5}
.compact-head{max-width:680px}
@media(max-width:640px){.simple-trust-clean span{font-size:.86rem}.simple-need-compact article{padding:16px}}

/* V3.7 - Dokumen profesional A4: Arial 10-12, titik dua sejajar, logo lebih proporsional */
.print-body{background:#e5e7eb!important;font-family:Arial,Helvetica,sans-serif!important}.a4-page{width:210mm;min-height:297mm;margin:16px auto;background:#fff;padding:14mm 15mm;box-shadow:0 10px 35px rgba(15,23,42,.18);box-sizing:border-box}.business-doc,.print-document{font-family:Arial,Helvetica,sans-serif!important;color:#111;font-size:11.5px;line-height:1.36}.business-doc h1{font-family:Arial,Helvetica,sans-serif!important;font-size:46px;font-weight:400;margin:6px 0 26px;letter-spacing:.2px;text-transform:lowercase}.business-doc h2{font-size:16px;margin:0;font-weight:800}.business-doc h3{font-size:13px;margin:24px 0 9px;font-weight:700}.business-doc h4{font-size:12px;margin:0 0 12px;font-weight:700}.doc-brand-img{width:auto;max-width:150px;max-height:105px;object-fit:contain}.doc-logo-wrap{text-align:center;padding-top:0}.doc-logo-left .doc-brand-img{max-width:115px;max-height:90px}.doc-grid-head,.doc-top,.sj-header,.sj-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.doc-no{font-family:Arial,Helvetica,sans-serif!important;font-size:11.5px;margin-top:70px}.doc-info-row{display:grid;grid-template-columns:138px 10px 1fr;gap:5px;align-items:start;margin:2px 0}.doc-info-row span{font-weight:600}.doc-info-row b{text-align:center}.doc-info-row p{margin:0}.terms .doc-info-row{grid-template-columns:130px 10px 1fr}.doc-note{margin-top:18px}.doc-table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:11.5px}.doc-table th,.doc-table td{border:1px solid #333;padding:6px 7px;text-align:left;vertical-align:middle}.doc-table th{font-weight:800}.doc-total td{font-weight:800;font-size:12px}.bill-to{margin:20px 0 36px}.sj-doc{font-size:11.5px}.sj-header{align-items:end;margin-top:6mm}.sj-company{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:start}.sj-title{text-align:left;justify-self:end;min-width:185px}.doc-line{border:0;border-top:2px solid #222;margin:12px 0 20px}.sj-meta{margin:8px 0 22px}.sj-meta-right .doc-info-row{grid-template-columns:112px 10px 1fr}.sj-signatures{display:grid;grid-template-columns:1fr 1fr;gap:48px;text-align:center;margin-top:26px}.signature-space{height:58px}.stamp-space{height:58px}.doc-sign-single{width:240px;margin:42px 0 0 auto;text-align:center}.receiver{margin-top:14px}.receiver-row{grid-template-columns:105px 10px 1fr;width:320px}.receiver-line{margin:32px 0 0 110px;width:145px;border-bottom:1px solid #222;height:1px}.report-a4{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.spt-report{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#111}.spt-report h2{font-size:18px;margin:0 0 4px}.spt-report h3{font-size:14px;margin:20px 0 8px}.spt-summary-table{width:100%;border-collapse:collapse;margin-top:12px}.spt-summary-table th,.spt-summary-table td{border:1px solid #333;padding:7px 8px;text-align:left}.spt-summary-table th{background:#f3f4f6}.cash-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.cash-simple-grid .stat-card{padding:16px}.cash-simple-grid .value{font-size:1.25rem}.lead-detail{font-size:.92rem;color:#475569;line-height:1.5}.wa-admin-link{background:#dcfce7;color:#166534!important;border-color:#bbf7d0!important}@page{size:A4;margin:0}@media print{body.print-body{background:#fff!important}.a4-page{width:210mm;min-height:297mm;margin:0;box-shadow:none;padding:14mm 15mm}.print-actions,.site-header,.site-footer,.admin-topbar,.sidebar,.no-print{display:none!important}.business-doc{font-size:11px}.business-doc h1{font-size:44px}.doc-table{page-break-inside:auto}.doc-table tr{page-break-inside:avoid;page-break-after:auto}.report-a4{border:0;border-radius:0;padding:0}.spt-report{font-family:Arial,Helvetica,sans-serif!important;font-size:11px}.admin-main{margin:0!important;width:100%!important}.admin-content{padding:0!important}}
@media(max-width:980px){.cash-simple-grid{grid-template-columns:1fr}.doc-grid-head,.doc-top,.sj-header,.sj-meta{grid-template-columns:1fr}.doc-no{margin-top:0}.sj-company{grid-template-columns:90px 1fr}.doc-brand-img{max-width:120px}.doc-logo-left .doc-brand-img{max-width:85px}}

/* V3.8 Document layout fixes: stable A4 preview/print, detail totals, aligned labels */
.clean-doc{font-family:Arial,Helvetica,sans-serif!important;font-size:11.5px;line-height:1.34;color:#111;max-width:100%;}
.clean-doc .doc-top,.clean-doc .doc-grid-head,.clean-doc .sj-header,.clean-doc .sj-meta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:22px!important;align-items:start!important;}
.clean-doc .doc-top{align-items:start!important;margin-bottom:8px;}
.clean-doc .doc-logo-wrap{text-align:center!important;}
.clean-doc .doc-brand-img{max-width:155px!important;max-height:110px!important;object-fit:contain!important;}
.clean-doc .doc-logo-left .doc-brand-img{max-width:118px!important;max-height:92px!important;}
.clean-doc .doc-no{margin-top:58px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11.5px!important;}
.clean-doc .doc-info-row{display:grid!important;grid-template-columns:135px 10px minmax(0,1fr)!important;gap:5px!important;align-items:start!important;margin:2px 0!important;break-inside:avoid;}
.clean-doc .doc-info-row span{font-weight:600!important;margin:0!important;}
.clean-doc .doc-info-row b{text-align:center!important;}
.clean-doc .doc-info-row p,.clean-doc .doc-info-row strong{margin:0!important;min-width:0!important;}
.clean-doc .terms .doc-info-row{grid-template-columns:130px 10px minmax(0,1fr)!important;}
.clean-doc .doc-table{table-layout:fixed!important;font-size:11.2px!important;margin:18px 0 22px!important;}
.clean-doc .doc-table th,.clean-doc .doc-table td{padding:6px 7px!important;vertical-align:top!important;word-wrap:break-word!important;}
.clean-doc .doc-summary td{font-weight:600!important;background:#fff!important;}
.clean-doc .doc-summary td:first-child,.clean-doc .doc-total td:first-child{text-align:right!important;}
.clean-doc .doc-summary td:last-child,.clean-doc .doc-total td:last-child{text-align:left!important;}
.clean-doc .doc-total td{font-weight:800!important;font-size:12.5px!important;}
.clean-doc .bill-to{margin:18px 0 32px!important;}
.clean-doc h1{font-size:44px!important;margin:6px 0 24px!important;font-weight:400!important;}
.clean-doc h2{font-size:16px!important;font-weight:800!important;}
.clean-doc h3{font-size:13px!important;margin:22px 0 9px!important;font-weight:700!important;}
.clean-doc h4{font-size:12px!important;margin:0 0 12px!important;font-weight:700!important;}
.clean-doc .sj-company{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;}
.clean-doc .sj-title{justify-self:end!important;min-width:185px!important;text-align:left!important;}
.clean-doc .sj-meta-right .doc-info-row{grid-template-columns:112px 10px minmax(0,1fr)!important;}
.clean-doc .sj-signatures{display:grid!important;grid-template-columns:1fr 1fr!important;gap:48px!important;text-align:center!important;margin-top:26px!important;}
.clean-doc .signature-space,.clean-doc .stamp-space{height:58px!important;}
.clean-doc .doc-sign-single{width:240px!important;margin:42px 0 0 auto!important;text-align:center!important;}
.clean-doc .receiver-row{grid-template-columns:105px 10px minmax(0,1fr)!important;width:320px!important;}
@media print{.clean-doc .doc-top,.clean-doc .doc-grid-head,.clean-doc .sj-header,.clean-doc .sj-meta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:22px!important}.clean-doc .sj-company{grid-template-columns:120px minmax(0,1fr)!important}.clean-doc .sj-signatures{grid-template-columns:1fr 1fr!important}.clean-doc .doc-no{margin-top:58px!important}.clean-doc{font-size:11px!important}.clean-doc .doc-table{font-size:10.8px!important}}

/* V3.10 - Document print stability and SPT A4 kop */
.fixed-print-doc{font-family:Arial,Helvetica,sans-serif!important;font-size:11.2px;line-height:1.34;color:#111;max-width:100%}.fixed-two-col{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important}.fixed-print-doc .sj-header{align-items:start!important;margin-top:0!important}.fixed-print-doc .sj-company{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:10px!important;align-items:start!important}.fixed-print-doc .company-name{margin:0 0 3px!important;font-size:12px!important}.fixed-print-doc p{margin:0 0 8px}.fixed-print-doc .sj-title{text-align:left;justify-self:end;min-width:190px}.fixed-print-doc .sj-title h2{font-size:17px;line-height:1.1;margin:0 0 4px}.fixed-print-doc .doc-brand-img{max-width:112px!important;max-height:86px!important;object-fit:contain!important}.fixed-print-doc .doc-info-row{display:grid!important;grid-template-columns:118px 10px minmax(0,1fr)!important;gap:4px!important;margin:2px 0!important;align-items:start!important}.fixed-print-doc .doc-info-row p{margin:0!important}.fixed-print-doc .doc-table{font-size:10.8px!important;margin:14px 0 16px!important}.fixed-print-doc .doc-table th,.fixed-print-doc .doc-table td{padding:5px 6px!important;vertical-align:top!important}.sign-grid-2,.fixed-print-doc .sj-signatures{display:grid!important;grid-template-columns:1fr 1fr!important;gap:42px!important;text-align:center!important}.fixed-print-doc .signature-space,.fixed-print-doc .stamp-space{height:55px!important}.fixed-print-doc .receiver-row{grid-template-columns:112px 10px minmax(0,1fr)!important;width:330px!important}.fixed-print-doc .receiver-line{margin:30px 0 0 112px!important;width:150px!important;border-bottom:1px solid #222!important;height:1px!important}.spt-a4-page{font-family:Arial,Helvetica,sans-serif!important;color:#111;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:14mm 15mm;box-sizing:border-box;border:0;border-radius:0;font-size:11.2px;line-height:1.36}.spt-kop{display:grid;grid-template-columns:95px minmax(0,1fr);gap:14px;align-items:center;border-bottom:2px solid #111;padding-bottom:8px;margin-bottom:12px}.spt-kop-logo .doc-brand-img{max-width:90px!important;max-height:72px!important;object-fit:contain!important}.spt-kop-text h2{font-size:16px;margin:0 0 2px;text-transform:uppercase}.spt-kop-text p{margin:0;font-size:11px;line-height:1.32}.spt-title-box{text-align:center;margin:12px 0 12px}.spt-title-box h1{font-family:Arial,Helvetica,sans-serif!important;font-size:15px;line-height:1.2;margin:0 0 4px;text-transform:uppercase}.spt-title-box p{margin:0}.spt-note-top{margin:10px 0 12px}.spt-a4-page h3{font-size:12.5px;margin:14px 0 6px}.spt-table-clean{font-size:11px;width:100%;border-collapse:collapse}.spt-table-clean th,.spt-table-clean td{border:1px solid #222;padding:5px 7px}.spt-table-clean th{width:62%;text-align:left;background:#f3f4f6}.spt-table-clean td{text-align:right}.spt-notes-list{margin:6px 0 0 18px;padding:0}.spt-notes-list li{margin:2px 0}.spt-signature{width:230px;margin:26px 0 0 auto;text-align:center}.spt-sign-space{height:58px}@page{size:A4;margin:0}@media print{body{background:#fff!important}.a4-page,.print-page{width:210mm!important;min-height:297mm!important;margin:0!important;padding:12mm 14mm!important;box-shadow:none!important;border-radius:0!important;box-sizing:border-box!important}.fixed-print-doc{font-size:10.8px!important}.fixed-print-doc .fixed-two-col,.fixed-print-doc .sj-header,.fixed-print-doc .sj-meta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important}.fixed-print-doc .sj-company{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important}.fixed-print-doc .sj-signatures{display:grid!important;grid-template-columns:1fr 1fr!important}.fixed-print-doc .doc-line{margin:8px 0 14px!important}.fixed-print-doc .doc-table{font-size:10.2px!important}.report-a4.spt-a4-page{width:210mm!important;min-height:297mm!important;margin:0!important;padding:12mm 14mm!important;box-shadow:none!important;border:0!important;border-radius:0!important}.spt-a4-page{font-size:10.8px!important}.spt-title-box h1{font-size:14px!important}.spt-kop-logo .doc-brand-img{max-width:84px!important;max-height:68px!important}.spt-table-clean th,.spt-table-clean td{padding:4.5px 6px!important}.admin-main,.admin-content{margin:0!important;width:100%!important;padding:0!important}.no-print,.print-actions,.admin-topbar,.sidebar{display:none!important}}