/* GENERATED — the Sales Kit stylesheet, every selector scoped under #skRoot.
   Source: BUSINEESS TOOLS/OUTPUT/index.html. See assets/js/sales-kit.js. */
#skRoot{
  --blue:#1B4DFF; --blue2:#0F3ADB; --navy:#0A1A3F; --lime:#B2FF3C; --lime-d:#9EE81F;
  --gold:#FFB800; --crystal:#3FE0A6;
  --ink:#0A1A3F; --muted:#5C6B8A; --bg:#EEF2FF; --card:#fff; --line:#E2E8F5;
  --radius:16px; --shadow:0 6px 24px rgba(16,32,80,.08);
  --font:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}#skRoot *{box-sizing:border-box}#skRoot,#skRoot{margin:0;padding:0}#skRoot{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.5;-webkit-text-size-adjust:100%}#skRoot h1,#skRoot h2,#skRoot h3,#skRoot h4{margin:0 0 .4em;line-height:1.15;font-weight:800;letter-spacing:-.01em}#skRoot p{margin:0 0 1em}#skRoot a{color:var(--blue);text-decoration:none}#skRoot button{font-family:inherit;cursor:pointer;border:none}#skRoot input,#skRoot select{font-family:inherit;font-size:15px}#skRoot img{max-width:100%}#skRoot /* ---------- Nav ---------- */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}#skRoot .nav-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px}#skRoot .brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;color:var(--navy);cursor:pointer}#skRoot .nav .lang{margin-left:auto}#skRoot .brand img{width:32px;height:32px;object-fit:contain}#skRoot .nav .lang{display:flex;background:#EEF2FA;border-radius:9px;padding:3px;font-size:13px;font-weight:800}#skRoot .nav .lang button{padding:5px 10px;border-radius:7px;background:transparent;color:var(--muted)}#skRoot .nav .lang button.on{background:var(--blue);color:#fff}#skRoot .nav .cartbtn{padding:9px 13px;border-radius:10px;background:var(--lime);color:var(--navy);font-weight:800;font-size:14px;white-space:nowrap}#skRoot .hamb{width:44px;height:40px;border-radius:10px;background:var(--navy);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}#skRoot .hamb span{width:20px;height:2.5px;background:#fff;border-radius:2px;transition:.25s}#skRoot .hamb.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}#skRoot .hamb.open span:nth-child(2){opacity:0}#skRoot .hamb.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}#skRoot /* drawer */
.drawer{position:fixed;inset:0;z-index:55;background:rgba(10,26,63,.5);opacity:0;pointer-events:none;transition:.25s}#skRoot .drawer.open{opacity:1;pointer-events:auto}#skRoot .drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(320px,calc(86 * var(--vw)));background:#fff;box-shadow:-8px 0 30px rgba(0,0,0,.2);transform:translateX(100%);transition:.28s;padding:78px 22px 22px;display:flex;flex-direction:column;gap:6px}#skRoot .drawer.open .drawer-panel{transform:none}#skRoot .drawer a{padding:14px 14px;border-radius:12px;font-weight:700;font-size:16px;color:var(--navy)}#skRoot .drawer a:hover,#skRoot .drawer a.active{background:var(--blue);color:#fff}#skRoot .drawer .dfoot{margin-top:auto;font-size:12px;color:var(--muted)}#skRoot /* desktop inline tabs */
.tabs{display:flex;gap:2px;margin-left:6px}#skRoot .tabs a{padding:8px 11px;border-radius:9px;color:var(--muted);font-weight:700;font-size:14px;white-space:nowrap}#skRoot .tabs a:hover{color:var(--ink)}#skRoot .tabs a.active{background:var(--blue);color:#fff}
@media(max-width:936px){#skRoot .tabs{display:none}}#skRoot /* footer nav */
.footnav{max-width:1120px;margin:26px auto 0;padding:18px 4px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--muted)}#skRoot .footnav a{color:var(--muted);font-weight:700}#skRoot .footnav a:hover{color:var(--blue)}#skRoot .footnav .sep{opacity:.4}#skRoot .footnav .fbrand{display:flex;align-items:center;gap:7px;font-weight:800;color:var(--navy);margin-right:auto}#skRoot .footnav .fbrand img{width:22px;height:22px;object-fit:contain}#skRoot /* ---------- Layout ---------- */
.wrap{max-width:1120px;margin:0 auto;padding:22px 16px 90px}#skRoot .view{display:none;animation:fade .25s ease}#skRoot .view.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#skRoot .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}#skRoot .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}#skRoot .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:738px){#skRoot .grid2,#skRoot .grid3{grid-template-columns:1fr}}#skRoot .muted{color:var(--muted)}#skRoot .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--blue)}#skRoot .pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}#skRoot .pill.silver{background:#EEF2FA;color:#5E6B85}#skRoot .pill.gold{background:#FFF3D1;color:#8A6400}#skRoot .pill.crystal{background:#D6FBEE;color:#0B7A57}#skRoot .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:800;font-size:15px}#skRoot .btn.primary{background:var(--blue);color:#fff}#skRoot .btn.primary:hover{background:var(--blue2)}#skRoot .btn.lime{background:var(--lime);color:var(--navy)}#skRoot .btn.lime:hover{background:var(--lime-d)}#skRoot .btn.ghost{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}#skRoot .btn.sm{padding:8px 14px;font-size:14px;border-radius:10px}#skRoot .btn.block{display:flex;width:100%;justify-content:center}#skRoot /* ---------- Hero ---------- */
.hero{position:relative;border-radius:24px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;color:#fff}#skRoot .hero-img{position:absolute;inset:0;background:url("assets/img/sk/sk-01bb84001f7e.jpg") center/cover;filter:saturate(1.05)}#skRoot .hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,63,.15) 0%,rgba(10,26,63,.55) 55%,rgba(10,26,63,.9) 100%)}#skRoot .hero-body{position:relative;padding:38px 34px}#skRoot .hero .eyebrow{color:var(--lime)}#skRoot .hero h1{font-size:clamp(30px,calc(5.4 * var(--vw)),50px);color:#fff;max-width:15ch;margin:.15em 0 .3em}#skRoot .hero p{color:#DCE4FF;max-width:52ch;font-size:17px;margin:0 0 14px}#skRoot .hashtag{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);padding:5px 14px;border-radius:999px;font-weight:800;font-size:14px;color:#fff}#skRoot .whatis{margin-top:18px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}#skRoot .whatis .k{display:inline-flex;align-items:center;gap:12px;font-size:44px;font-weight:900;color:var(--blue);line-height:1}#skRoot .whatis .k .klogo{height:52px;width:auto}#skRoot .whatis .k sup{font-size:.4em;font-weight:800;top:-.9em}#skRoot .whatis p{margin:0;font-size:17px;max-width:none;width:100%}#skRoot /* product cards w/ hover image */
.prodcard{position:relative;border-radius:20px;padding:26px;color:#fff;overflow:hidden;min-height:230px;display:flex;flex-direction:column;isolation:isolate}#skRoot .prodcard .bgimg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:.4s;z-index:-2}#skRoot .prodcard .grad{position:absolute;inset:0;z-index:-1;transition:.4s}#skRoot .prodcard.q .grad{background:linear-gradient(150deg,#1B4DFF,#0A2ED8)}#skRoot .prodcard.m .grad{background:linear-gradient(150deg,#16A34A,#0B7A3B)}#skRoot .pcard-blue{background:linear-gradient(150deg,#1B4DFF,#0A2ED8);color:#fff;border:none}#skRoot .pcard-green{background:linear-gradient(150deg,#16A34A,#0B7A3B);color:#fff;border:none}#skRoot .pcard-blue .tag,#skRoot .pcard-green .tag{color:#EAF9C9!important}#skRoot .pcard-blue h3,#skRoot .pcard-green h3,#skRoot .pcard-blue h4,#skRoot .pcard-green h4{color:#fff}#skRoot .pcard-blue .listing,#skRoot .pcard-green .listing,#skRoot .pcard-blue small,#skRoot .pcard-green small,#skRoot .pcard-blue .tdesc,#skRoot .pcard-green .tdesc{color:#EAF0FF}#skRoot .pcard-blue .pill,#skRoot .pcard-green .pill{background:rgba(255,255,255,.18);color:#fff}#skRoot .listing.full{max-width:none;width:100%}#skRoot .feat3,#skRoot .types3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}#skRoot .feat3 .fcard,#skRoot .types3 .tcard{background:rgba(255,255,255,.13);border-radius:12px;padding:12px}#skRoot .feat3 .fcard .ic{font-size:20px}#skRoot .feat3 .fcard b{display:block;margin:6px 0 2px;font-size:14px;color:#fff}#skRoot .types3 .tcard h4{margin:0 0 4px;font-size:15px}#skRoot .tiers3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;border-top:1px solid rgba(255,255,255,.25);padding-top:12px}#skRoot .tiers3 .tdesc{font-size:12.5px;margin-top:4px}#skRoot .mtitle{margin:18px 0 4px;font-size:16px}
@media(max-width:684px){#skRoot .feat3,#skRoot .types3,#skRoot .tiers3{grid-template-columns:1fr}}#skRoot /* V8: Product hero redesign (blue Quota / green Mobitron) */
.prodhero{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}#skRoot .prodhero.blue{background:linear-gradient(135deg,#1B4DFF,#0F3ADB)}#skRoot .prodhero.green{background:linear-gradient(135deg,#22C55E,#16A34A)}#skRoot .prodhero .ph-body{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:14px}#skRoot .prodhero.blue .ph-body{color:#fff}#skRoot .prodhero.green .ph-body{color:#08351C}#skRoot .prodhero .ph-img{background:center/cover no-repeat;border-radius:16px;margin:22px;min-height:300px}#skRoot .prodhero .ph-eyebrow{align-self:flex-start;font-weight:800;font-size:12px;letter-spacing:.6px;text-transform:uppercase;padding:6px 14px;border-radius:999px}#skRoot .prodhero.blue .ph-eyebrow{background:rgba(255,255,255,.18);color:#fff}#skRoot .prodhero.green .ph-eyebrow{background:rgba(255,255,255,.6);color:#08351C}#skRoot .prodhero .ph-title{font-size:32px;font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.1}#skRoot .prodhero .ph-desc{font-size:15px;line-height:1.6;margin:0}#skRoot .prodhero.blue .ph-desc{color:#EAF0FF}#skRoot .prodhero.green .ph-desc{color:#0B3D22}#skRoot .prodhero .ph-tiers{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:800;font-size:14px;margin:0}#skRoot .prodhero .ph-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}#skRoot .prodhero .ph-cta .btn{padding:12px 20px}#skRoot .btn.white{background:#fff;color:var(--navy)}#skRoot .feat3.prodfeat{grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 22px}#skRoot .feat3.prodfeat .fcard{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}#skRoot .feat3.prodfeat .fcard .ic{font-size:22px}#skRoot .feat3.prodfeat .fcard b{display:block;margin:8px 0 4px;font-size:17px;color:var(--ink)}#skRoot .feat3.prodfeat .fcard small{color:var(--muted);font-size:13.5px;line-height:1.5}
@media(max-width:738px){#skRoot .prodhero{grid-template-columns:1fr}#skRoot .prodhero .ph-img{min-height:220px;margin:16px}#skRoot .feat3.prodfeat{grid-template-columns:1fr}}#skRoot .prodcard:hover .bgimg{opacity:1}#skRoot .prodcard:hover .grad{background:linear-gradient(180deg,rgba(10,26,63,.35),rgba(10,26,63,.82))}#skRoot .prodcard .tag{font-size:13px;font-weight:800;color:var(--lime);letter-spacing:.05em;text-transform:uppercase}#skRoot .prodcard h3{font-size:26px;color:#fff;margin:.2em 0}#skRoot .prodcard p{color:#E4EBFF;font-size:15px;flex:1}#skRoot .prodcard .btn{align-self:flex-start;margin-top:8px}#skRoot .sechead{margin:6px 0 18px}#skRoot .sechead h2{font-size:clamp(22px,calc(3.6 * var(--vw)),32px)}#skRoot .sechead p{color:var(--muted);max-width:none;width:100%;margin:0}#skRoot /* product page */
.listing{font-size:15px;line-height:2;color:var(--ink)}#skRoot .listing b{color:var(--blue)}#skRoot .prod-photo{border-radius:14px;height:200px;background-size:cover;background-position:center;margin-bottom:14px}#skRoot .typecard{border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:transform .18s ease,box-shadow .18s ease}#skRoot .typecard:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(16,32,80,.12);border-color:#CBD7F5}#skRoot .pstack{display:flex;flex-direction:column;gap:16px}#skRoot .qentry{display:flex;flex-direction:column}#skRoot .qdates{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 12px 44px;margin:-4px 0 8px;background:#F4F7FF;border:1.5px solid var(--line);border-top:none;border-radius:0 0 12px 12px}#skRoot .dfield{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;color:var(--muted)}#skRoot .dfield input{padding:7px 9px;border:1.5px solid var(--line);border-radius:8px;font-size:13px;background:#fff}#skRoot .dfield input:focus{outline:none;border-color:var(--blue)}#skRoot .mdates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}#skRoot .typecard .ph{height:120px;background-size:cover;background-position:center}#skRoot .typecard .bd{padding:12px 14px}#skRoot .typecard h4{margin:0 0 4px;font-size:16px}#skRoot .typecard small{color:var(--muted)}#skRoot /* fit table pretty */
.fitgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:576px){#skRoot .fitgrid{grid-template-columns:1fr}}#skRoot .fitrow{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:.2s}#skRoot .fitrow:hover{border-color:var(--blue);box-shadow:var(--shadow)}#skRoot .fitrow .ic{width:40px;height:40px;border-radius:10px;background:#EAF0FF;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}#skRoot .fitrow b{display:block;font-size:14px}#skRoot .fitrow small{color:var(--muted);font-size:12.5px}#skRoot .fitrow .rec{display:inline-block;margin-top:4px;font-size:12px;font-weight:800;color:var(--blue)}#skRoot /* controls */
.field{margin-bottom:14px}#skRoot .field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px;color:var(--navy)}#skRoot .field input,#skRoot .field select{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff}#skRoot .field input:focus,#skRoot .field select:focus{outline:none;border-color:var(--blue)}#skRoot .row{display:flex;gap:12px;flex-wrap:wrap}#skRoot .row>*{flex:1;min-width:140px}#skRoot .chips{display:flex;gap:8px;flex-wrap:wrap}#skRoot .chip{padding:7px 13px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:13px;color:var(--muted);cursor:pointer}#skRoot .chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}#skRoot .plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;max-height:620px;overflow:auto;margin-top:8px;padding:2px 4px 2px 2px}#skRoot .qcard{border:1.5px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.15s;box-shadow:0 1px 3px rgba(10,26,63,.06)}#skRoot .qcard.sel{border-color:var(--blue);box-shadow:0 6px 18px rgba(27,77,255,.15)}#skRoot .qphoto{position:relative;height:132px;background:#123A9E;background-size:cover;background-position:center}#skRoot .qphoto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,63,0) 45%,rgba(10,26,63,.55))}#skRoot .qprice{position:absolute;left:10px;bottom:10px;z-index:1;background:rgba(10,26,63,.9);color:#fff;font-weight:800;font-size:13px;padding:4px 11px;border-radius:999px}#skRoot .qcheck{position:absolute;top:10px;right:10px;z-index:1;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2)}#skRoot .qcheck input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}#skRoot .qcheck span{font-weight:900;color:#C3CCDE;font-size:16px;line-height:1}#skRoot .qcard.sel .qcheck{background:var(--blue)}#skRoot .qcard.sel .qcheck span{color:#fff}#skRoot .qbody{padding:12px 13px;display:flex;flex-direction:column;gap:8px}#skRoot .qtitle{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}#skRoot .qtitle b{font-size:15px;line-height:1.2}#skRoot .qaddr{font-size:12px}#skRoot .qaddr summary{cursor:pointer;color:var(--muted);font-weight:700;font-size:12px;list-style:none}#skRoot .qaddr summary::-webkit-details-marker{display:none}#skRoot .qaddr>div{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}#skRoot .qmeta{display:flex;align-items:center;justify-content:space-between;gap:8px}#skRoot .qmeta .plays{font-size:12px;color:var(--muted)}#skRoot .qmeta .plays b{color:var(--navy);font-size:15px}#skRoot .qbody .qdates{padding:10px;margin:0;border:1.5px solid var(--line);border-radius:10px}#skRoot .qrange{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;border-top:1px dashed var(--line);padding-top:8px;margin-top:2px}#skRoot .qrange .rlbl{flex-basis:100%;font-size:11px;font-weight:700;color:var(--blue)}#skRoot .pitem{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;transition:.15s}#skRoot .pitem.sel{border-color:var(--blue);background:#F4F7FF}#skRoot .pitem>input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);flex:none}#skRoot .pitem .info{flex:1;min-width:0}#skRoot .pitem .info b{display:block;font-size:15px}#skRoot .pitem .info small{color:var(--muted);font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#skRoot .pitem .price{font-weight:800;color:var(--blue);white-space:nowrap}#skRoot .pitem .plays{font-size:11px;color:var(--muted);text-align:right}#skRoot .stepper{display:flex;align-items:center;gap:4px;flex:none}#skRoot .stepper button{width:26px;height:26px;border-radius:7px;background:#EEF2FA;font-weight:800;color:var(--blue);font-size:15px}#skRoot .stepper input{width:38px;text-align:center;padding:5px 2px;border:1.5px solid var(--line);border-radius:7px}#skRoot .sumbar{position:sticky;top:70px;z-index:30;margin-bottom:16px;background:var(--navy);color:#fff;border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:0 8px 24px rgba(10,26,63,.28)}#skRoot .custbox{position:sticky;top:70px;z-index:30;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(10,26,63,.14)}#skRoot .custbox #cMode{margin-bottom:12px}#skRoot .cgrid{display:grid;grid-template-columns:1fr 300px;gap:16px}#skRoot .rangewrap{display:flex;align-items:center;gap:8px}#skRoot .rangewrap input{flex:1;min-width:0}#skRoot .stepper.big button{width:34px;height:34px}#skRoot .stepper.big input{width:70px;height:34px;font-weight:800}#skRoot .cstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}#skRoot .cstats .st{background:#F4F7FF;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}#skRoot .cstats .st b{display:block;font-size:18px;color:var(--navy);line-height:1.1}#skRoot .cstats .st span{font-size:11px;color:var(--muted);font-weight:700}#skRoot .cest{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(150deg,#0A1A3F,#123A9E);color:#fff;border-radius:14px;padding:16px}#skRoot .cest .lbl{color:#B9C4E0;font-weight:700;font-size:13px}#skRoot .cest .cnames{color:#fff;font-weight:700;font-size:13px;margin:4px 0 2px;min-height:18px}#skRoot .cest .camt{font-size:32px;font-weight:800;color:var(--lime);margin:2px 0}#skRoot .cest .cres{color:#B9C4E0;font-size:12px;min-height:16px}#skRoot .cest .btn{margin-top:14px}
@media(max-width:738px){#skRoot .cgrid{grid-template-columns:1fr}#skRoot .cstats{grid-template-columns:repeat(3,1fr)}}#skRoot /* V7: periode tayang presets */
.cperiod{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:2px}#skRoot .cperiod .chip{padding:6px 12px;font-size:12.5px}#skRoot .cactions{display:flex;gap:8px;margin-top:14px}#skRoot .cactions .btn{margin-top:0}#skRoot .cactions .btn.ghostlight{flex:none;background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.35)}#skRoot .cest .btn.ghostlight.active{background:var(--lime,#B2FF3C);color:#0A1A3F;border-color:var(--lime,#B2FF3C);font-weight:800}#skRoot .cest .btn.ghostlight.active::after{content:" ✓"}#skRoot input.autolock{background:#F4F7FF;color:var(--muted)}#skRoot /* V7: mobile bottom-sheet for config box */
.csheet-handle{display:none}#skRoot /* V8: desktop collapse config box (only summary shown when collapsed) */
.custbox-head{display:none}
@media(min-width:739px){#skRoot .custbox-head{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}#skRoot .custbox-head .ch-title{font-weight:800;color:var(--navy);font-size:14px}#skRoot .custbox-head .ch-sum{color:var(--muted);font-size:13px;font-weight:700}#skRoot .custbox-head .ch-toggle{margin-left:auto;background:#EEF2FA;border-radius:9px;width:34px;height:30px;color:var(--navy);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}#skRoot .custbox-head .ch-ic{transition:.25s}#skRoot .custbox-head+.cgrid{margin-top:14px}#skRoot .custbox.collapsed .cgrid{display:none}#skRoot .custbox.collapsed .ch-ic{transform:rotate(180deg)}#skRoot .ch-budget{display:none;align-items:center;gap:9px;margin-left:6px}#skRoot .custbox.collapsed .ch-budget{display:flex}#skRoot .ch-budget .chb-bar{width:130px;height:8px;background:#E2E8F5;border-radius:5px;overflow:hidden;flex:none}#skRoot .ch-budget .chb-bar i{display:block;height:100%;background:linear-gradient(90deg,#B2FF3C,#FFB800)}#skRoot .ch-budget .chb-bar i.over{background:#ff6b6b}#skRoot .ch-budget .chb-bud{font-size:12.5px;font-weight:800;color:var(--navy);white-space:nowrap}#skRoot .ch-budget .chb-sep{color:var(--muted);opacity:.5}#skRoot .ch-budget .chb-txt{font-size:12.5px;font-weight:800;color:#1E8E4E;white-space:nowrap}#skRoot .ch-budget .chb-txt.over{color:#C0392B}
}
@media(max-width:738px){#skRoot .custbox{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:45;border-radius:18px 18px 0 0;
    box-shadow:0 -10px 34px rgba(10,26,63,.30);max-height:calc(82 * var(--vh));overflow-y:auto;padding:6px 14px 14px;
    transform:translateY(calc(100% - 118px));transition:transform .32s cubic-bezier(.2,.8,.2,1)}#skRoot .custbox.open{transform:translateY(0)}#skRoot .csheet-handle{display:flex;align-items:center;gap:10px;position:sticky;top:0;background:#fff;z-index:2;
    padding:14px 2px 10px;margin-bottom:6px;cursor:pointer;border-bottom:1px solid var(--line)}#skRoot .csheet-handle:before{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:42px;height:4px;border-radius:3px;background:var(--line)}#skRoot .csheet-handle .hl{font-weight:800;color:var(--navy);font-size:13px}#skRoot .csheet-handle .hp{margin-left:auto;font-weight:800;color:var(--blue);font-size:15px}#skRoot .csheet-handle .hc{color:var(--muted);font-weight:800;transition:.3s}#skRoot .custbox.open .csheet-handle .hc{transform:rotate(180deg)}#skRoot /* keep config compact so it doesn't swallow the whole screen */
  .cgrid{gap:10px}#skRoot .cinputs .field{margin-bottom:2px}#skRoot .cperiod{gap:5px}#skRoot .cperiod .chip{padding:5px 11px;font-size:12px}#skRoot #cReco{max-height:calc(34 * var(--vh));overflow-y:auto;margin-top:4px;padding-right:2px}#skRoot #cReco .reco-card{margin-top:6px;padding:9px 11px}#skRoot #view-custom{padding-bottom:130px}
}#skRoot /* V7: quote sub-items + editable amount + hemat tag */
.qsub{display:flex;flex-direction:column;gap:6px;margin-top:8px;width:100%}#skRoot .qsub .qs{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}#skRoot .qsub .qs .th{width:36px;height:26px;border-radius:6px;background:#123A9E center/cover no-repeat;background-size:cover;flex:none}#skRoot .qsub .qs b{color:var(--ink);font-weight:700}#skRoot .qsub .qs .sp{margin-left:auto;font-weight:700;color:var(--navy)}#skRoot .qitem .amt input{width:120px;text-align:right;font-weight:800;padding:6px 8px;border:1.5px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}#skRoot .qitem .amt input.ovr{border-color:var(--blue);color:var(--blue)}#skRoot .hemat-tag{display:inline-flex;align-items:center;background:#EAF9F0;color:#1E8E4E;font-size:11px;font-weight:800;padding:2px 9px;border-radius:6px;margin-top:5px}#skRoot .hemat-tag.off{background:#EEF2FA;color:#8892a6}#skRoot .hemat-ck{display:inline-flex;margin-right:6px}#skRoot .hemat-ck input{width:14px;height:14px;accent-color:#1E8E4E;cursor:pointer;margin:0}#skRoot .hemat-pct{width:42px;margin-left:4px;padding:2px 5px;border:1.5px solid #B8E6C9;border-radius:6px;text-align:right;font-size:11px;font-weight:800;color:#1E8E4E;background:#fff}#skRoot .totrow .disccust-note{font-size:11px;color:var(--muted);display:block}#skRoot /* V8: konfigurator custom view */
.cqphoto{display:flex;align-items:center;justify-content:center}#skRoot .cqphoto img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#skRoot .cqphoto .qph{font-size:30px;font-weight:800;color:rgba(255,255,255,.55);position:relative;z-index:0}#skRoot .qmeta2{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:11.5px;color:var(--muted)}#skRoot .qmeta2 span{white-space:nowrap}#skRoot .qmeta2 .qpin{cursor:pointer;border-bottom:1px dotted var(--muted)}#skRoot .qmeta2 .qpin:hover,#skRoot .qmeta2 .qpin.open{color:var(--blue);border-bottom-color:var(--blue)}#skRoot .qaddr2{font-size:11px;color:var(--muted);line-height:1.4;background:#F4F7FF;border:1px solid var(--line);border-radius:7px;padding:5px 8px;margin-top:5px}#skRoot .budline{font-size:11.5px;font-weight:700;color:#1E8E4E;margin-top:2px}#skRoot .budline.out{color:#C0392B}#skRoot .cqty{display:flex;align-items:center;gap:7px;margin-top:8px}#skRoot .cqty .qlbl{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}#skRoot .cqty .qstep{width:30px;height:28px;border:1.5px solid var(--line);background:#fff;border-radius:8px;font-weight:900;font-size:15px;line-height:1;color:var(--blue);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}#skRoot .cqty .qstep:hover{border-color:var(--blue);background:#F0F4FF}#skRoot .cqty .qval{min-width:46px;height:28px;border:1.5px solid var(--line);border-radius:8px;font-weight:800;font-size:13px;color:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}#skRoot .daysedit{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--blue)}#skRoot .daysedit input{width:56px;padding:4px 8px;border:1.5px solid var(--line);border-radius:8px;font-weight:800;font-size:12.5px;color:var(--blue);text-align:center}#skRoot .daysedit input:focus{outline:none;border-color:var(--blue)}#skRoot .ctoolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}#skRoot .ctoolbar input[type=search]{flex:1;min-width:180px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px}#skRoot .ctoolbar select{padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff}#skRoot #cDaysInfo{display:block;margin-top:6px;font-size:12px;color:var(--blue);font-weight:700}#skRoot .cest .budbar{height:9px;background:rgba(255,255,255,.18);border-radius:6px;overflow:hidden;margin:10px 0 6px}#skRoot .cest .budbar i{display:block;height:100%;background:linear-gradient(90deg,#B2FF3C,#FFB800)}#skRoot .cest .budbar i.over{background:#ff6b6b}#skRoot .cest .bbrow{display:flex;justify-content:space-between;font-size:12px;color:#B9C4E0;margin-bottom:3px}#skRoot .cest .bbrow b{color:#fff}#skRoot #cReco{margin-top:6px}#skRoot .reco-lead{font-size:12px;color:var(--muted);margin:8px 0 2px}#skRoot .reco-card{background:#F4F7FF;border:1.5px solid var(--line);border-left:3px solid var(--blue);border-radius:12px;padding:10px 12px;margin-top:8px}#skRoot .reco-card .rc-h{font-size:11px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}#skRoot .reco-card .rc-b{font-size:12.5px;color:var(--ink)}#skRoot .reco-card .rc-b small{color:var(--muted)}#skRoot .reco-card .rc-d{font-size:12px;color:var(--muted);margin:5px 0 8px}#skRoot .reco-card .rc-d b{color:var(--navy)}#skRoot .reco-card .rc-e{font-size:11.5px;color:var(--muted)}
@media(min-width:739px){#skRoot /* desktop: reco cards horizontal so config box stays short & doesn't cover product grid */
  #cReco{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:start}#skRoot #cReco .reco-lead{grid-column:1/-1;margin:8px 0 0}#skRoot #cReco .reco-card{margin-top:0;display:flex;flex-direction:column}#skRoot #cReco .reco-card button{margin-top:auto;align-self:flex-start}
}#skRoot .btn.ghostlight.sm{padding:8px 10px;font-size:12px}#skRoot .pill.premium{background:#FFF3D6;color:#8a6d1a}#skRoot .pill.growth{background:#E3ECFF;color:#1B4DFF}#skRoot .pill.basic{background:#EEF2FA;color:#5C6B8A}#skRoot .mest{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(150deg,#0A1A3F,#123A9E);color:#fff}#skRoot .mest .mestimg{width:230px;max-width:72%;margin:0 auto 6px;display:block}#skRoot .mest .lbl{color:#B9C4E0;font-weight:700;font-size:13px}#skRoot .mest .camt{font-size:34px;font-weight:800;color:var(--lime);margin:4px 0}#skRoot .mest .cres{color:#B9C4E0;font-size:12px}#skRoot .mest .btn{margin-top:16px}#skRoot .distlist{display:flex;flex-direction:column;gap:6px;margin-top:8px}#skRoot .distlist label.dlbl{display:block;border:none;padding:0;font-weight:700;font-size:12px;color:var(--muted);margin:6px 0 4px;cursor:default}#skRoot .distlist select{width:100%}#skRoot .mranges{display:flex;flex-direction:column;gap:8px}#skRoot .mrange{display:flex;align-items:center;gap:6px}#skRoot .mrange input{flex:1;min-width:0}#skRoot .mrange .rmv{width:30px;height:30px;border-radius:8px;background:#FDE8E8;color:#C0392B;font-weight:800;flex:none}#skRoot .usagetime{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-weight:600;color:var(--navy);font-size:14px}#skRoot .movingdays{display:inline-block;background:#EAF9F0;color:#1E8E4E;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:7px;margin:-2px 0 2px}#skRoot .sumbar .t{flex:1;min-width:150px}#skRoot .sumbar .t b{font-size:20px;color:var(--lime)}#skRoot .sumbar .t span{font-size:12px;color:#B9C4E0;display:block}#skRoot /* quote */
.qitem{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}#skRoot .qitem .qnum{width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}#skRoot .qitem .qthumb{width:56px;height:40px;border-radius:8px;background:#123A9E center/cover no-repeat;flex:none;background-size:cover}#skRoot .qitem .info{flex:1;min-width:120px}#skRoot .qitem .info b{display:block}#skRoot .qitem .info small{color:var(--muted);display:block}#skRoot .qitem .info small.addr{font-size:11px}#skRoot .qitem .amt{width:110px;text-align:right;font-weight:800}#skRoot .qitem .deditor{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;width:100%;align-items:flex-end}#skRoot .qitem .deditor .drow{display:flex;align-items:flex-end;gap:6px}#skRoot .qitem .deditor .rmv{width:30px;height:30px;border-radius:8px;background:#FDE8E8;color:#C0392B;font-weight:800;flex:none}
@media(max-width:576px){#skRoot .qitem{gap:8px;align-items:flex-start}#skRoot .qitem .info{flex:1 1 100%;order:3}#skRoot .qitem .qthumb{order:2}#skRoot .qitem .qnum{order:1}#skRoot .qitem .qty{order:4}#skRoot .qitem .amt{order:5;width:auto;margin-left:auto;align-self:center}#skRoot .qitem .del{order:6;align-self:center}
}#skRoot .qty{display:flex;align-items:center;gap:6px}#skRoot .qty button{width:28px;height:28px;border-radius:8px;background:#EEF2FA;font-weight:800;color:var(--blue);font-size:16px}#skRoot .qty input{width:44px;text-align:center;padding:6px;border:1.5px solid var(--line);border-radius:8px}#skRoot .del{background:#FFECEC;color:#E23B3B;width:30px;height:30px;border-radius:8px;font-weight:800}#skRoot .totrow{display:flex;justify-content:space-between;padding:6px 0}#skRoot .totrow.grand{font-size:20px;font-weight:800;border-top:2px solid var(--navy);margin-top:8px;padding-top:12px}#skRoot .empty{text-align:center;padding:40px 20px;color:var(--muted)}#skRoot /* addon */
.addon{display:flex;flex-direction:column;height:100%}#skRoot .addon h3{font-size:19px;min-height:2.4em;display:flex;align-items:flex-end}#skRoot .addon .desc{color:var(--muted);font-size:13.5px;min-height:3em;margin:6px 0 12px}#skRoot .addon .price{font-size:24px;font-weight:800;color:var(--blue);margin-bottom:14px}#skRoot /* materi / tc */
.tc h4{margin:16px 0 6px;color:var(--blue);font-size:15px}#skRoot .tc ol{margin:0;padding-left:20px;color:var(--ink)}#skRoot .tc li{margin-bottom:6px}#skRoot .policy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
@media(max-width:576px){#skRoot .policy{grid-template-columns:1fr}}#skRoot .policy div{border:1.5px solid var(--line);border-radius:12px;padding:12px}#skRoot .policy b{display:block;margin-bottom:4px}#skRoot .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:12px 22px;border-radius:12px;font-weight:700;opacity:0;pointer-events:none;transition:.3s;z-index:100}#skRoot .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#skRoot /* ---------- Proposal (print,ONE page) ---------- */
#proposal{display:none}
@media print{
  @page{size:A4;margin:14mm}#skRoot .nav,#skRoot .wrap,#skRoot .toast,#skRoot .drawer{display:none!important}#skRoot{background:#fff}#proposal{display:block}
}#proposal{max-width:760px;margin:0 auto;color:var(--navy);font-size:12.5px}#proposal .phead{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-bottom:3px solid var(--blue);padding-bottom:12px;margin-bottom:8px}#proposal .phead img{height:auto}#proposal .plogo{width:auto;height:auto;max-width:2cm;max-height:2cm}#proposal .phead .ht{font-size:11px;color:#33405e;line-height:1.55}#proposal .phead .ht b{font-size:15px;color:var(--navy)}#proposal .phead .ht b{font-size:14px;color:var(--navy)}#proposal .pdesc{display:flex;gap:10px;align-items:flex-start}#proposal .pthumb{width:66px;height:40px;object-fit:cover;border-radius:6px;flex:none;border:1px solid #dde3f0}#proposal .psubs{margin-top:5px;display:flex;flex-direction:column;gap:4px}#proposal .psub{display:flex;align-items:center;gap:7px;font-size:11px;color:#556}#proposal .psub img,#proposal .psub .psubph{width:34px;height:22px;object-fit:cover;border-radius:4px;flex:none;border:1px solid #dde3f0;background:#123A9E}#proposal .psub b{color:#0A1A3F}#proposal .badge{display:inline-block;background:var(--lime);color:var(--navy);font-weight:800;padding:2px 10px;border-radius:999px;font-size:11px}#proposal table{width:100%;border-collapse:collapse;margin:10px 0}#proposal th,#proposal td{padding:7px 9px;border-bottom:1px solid #ddd;text-align:left;font-size:12px}#proposal th{background:#F0F4FF;text-transform:uppercase;font-size:10.5px;letter-spacing:.04em}#proposal td.r,#proposal th.r{text-align:right;white-space:nowrap}#proposal .grand{font-size:15px;font-weight:800}#proposal .psave{display:inline-block;background:#EAF9F0;color:#1E8E4E;font-weight:800;font-size:11px;padding:2px 9px;border-radius:6px;margin-top:2px}#proposal .psubs{margin-bottom:0}#proposal .foot{margin-top:16px;padding-top:12px;border-top:2px solid var(--blue);font-size:11.5px;color:#33405e}#proposal .bp{font-size:15px;font-weight:800;color:var(--blue);margin:14px 0 4px}

/* PORT: the proposal is printed outside #skRoot — it needs the palette */
#proposal{
  --blue:#1B4DFF; --blue2:#0F3ADB; --navy:#0A1A3F; --lime:#B2FF3C; --lime-d:#9EE81F;
  --gold:#FFB800; --crystal:#3FE0A6;
  --ink:#0A1A3F; --muted:#5C6B8A; --bg:#EEF2FF; --card:#fff; --line:#E2E8F5;
  --radius:16px; --shadow:0 6px 24px rgba(16,32,80,.08);
  --font:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}

/* PORT: `.ghostlight` was only ever painted inside `.cactions`, so Maximize
   Duration and Optimal Play -- the two that sit in the budget bar -- fell back
   to the workspace's own `.btn`: a white background under the white text the
   dark `.cest` panel hands down. Invisible. The look moves onto the class
   itself so a ghostlight is painted wherever it is used; the `.cactions` rule
   keeps only its `flex:none`, and `:not(.active)` leaves the lime "chosen"
   state alone -- an id would otherwise beat the four classes that draw it. */
#skRoot .btn.ghostlight:not(.active){background:rgba(255,255,255,.14);color:#fff;
  border:1.5px solid rgba(255,255,255,.35)}
#skRoot .btn.ghostlight:not(.active):hover{background:rgba(255,255,255,.26);
  border-color:rgba(255,255,255,.55)}