:root,:root[data-theme=light]{--bg:#f5f5f8;--card:#fff;--line:#e4e4ea;--line2:#f0f0f4;--soft:#fafafc;--track:#ececf1;--desk:#e9e9ee;--text:#17171c;--muted:#6b6b78;--input:#fff;--chip:#eeeef3;--chiptext:#50505c;--purple:#0146c5;--cyan:#2f7bff;--cyanText:#0146c5;--grad:linear-gradient(90deg, #0146c5, #2f7bff);--red:#e8323f;--ok:#138a4b;--warn:#b26b00;--bad:#c62839;--radius:12px;--okbg:#e8f6ee;--warnbg:#fff5e3;--badbg:#fdecee;--infobg:#e6f4fb;--info:#0574a3;--supbg:#e9f0fc;--sup:#0146c5;--dark:#0f0f12;--dark2:#1a1a1e;--hover:#f4f8ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f0f12;--card:#17171c;--line:#2a2a32;--line2:#22222a;--soft:#1c1c22;--track:#2a2a32;--desk:#0b0b0e;--text:#f2f2f5;--muted:#a0a0ab;--input:#101014;--chip:#26262e;--chiptext:#c9c9d2;--cyanText:#7fb0ff;--purple:#3a7bff;--grad:linear-gradient(90deg, #2f6fe8, #6aa5ff);--ok:#3ccf82;--warn:#f0b04a;--bad:#ff6b7d;--okbg:#3ccf8221;--warnbg:#f0b04a21;--badbg:#ff6b7d21;--infobg:#4fdcff1f;--info:#7fb0ff;--supbg:#3a7bff2e;--sup:#9fc0ff;--hover:#19202e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Kanit,sans-serif;font-size:15px;font-weight:300;line-height:1.55}a{color:inherit}b,strong,h1,h2,h3,h4{font-weight:500}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}input,select,textarea,button{font:inherit;color:inherit}button{cursor:pointer}.admin{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--dark);color:#fff;flex-direction:column;gap:2px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow:auto}.side .brand{align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.side .brand img{height:22px}.side .brand span{color:#a0a0ab;font-size:12px}.side a{color:#c9c9d2;border-radius:9px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:15px;text-decoration:none;display:flex}.side a:hover{color:#fff;background:#22222a}.side a.on{color:#fff;background:#3a7bff38}.side .sep{background:#26262e;height:1px;margin:10px 4px}.side .who{color:#a0a0ab;border-top:1px solid #26262e;margin-top:auto;padding:12px 8px 0;font-size:13px}.side .pill{background:var(--purple);color:#fff;border-radius:99px;padding:0 7px;font-size:11px;font-weight:500}.main{min-width:0;padding:26px 30px 60px}.topbar{display:none}@media (max-width:860px){.admin{grid-template-columns:1fr}.side{z-index:50;height:100vh;transition:transform .25s;position:fixed;inset:0 30% 0 0;transform:translate(-105%)}.side.open{transform:none;box-shadow:0 0 0 100vw #00000073}.topbar{background:var(--dark);color:#fff;z-index:40;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.topbar img{height:20px}.main{padding:18px 16px 60px}}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.head p{color:var(--muted);font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:960px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:1fr 1fr}}@media (max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:18px}.card h3{margin-bottom:12px}.muted{color:var(--muted)}.small{font-size:13px}.right{text-align:right}.nowrap{white-space:nowrap}.mt{margin-top:14px}.kpi a{color:inherit}.kpi .v{font-size:26px;font-weight:500;line-height:1.2}.kpi .k{color:var(--muted);font-size:13px}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{border:1px solid var(--line);background:var(--card);color:var(--text);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:400;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--grad);color:#fff;border:0}.btn.primary:hover{filter:brightness(1.05)}.btn.dark{background:var(--dark);color:#fff;border-color:var(--dark)}.btn.danger{color:var(--bad);border-color:var(--badbg)}.btn.sm{padding:5px 10px;font-size:13px}.btn[disabled]{opacity:.5;pointer-events:none}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:13px}.input,.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--input);width:100%;color:var(--text);border-radius:9px;outline:none;padding:8px 11px;font-size:15px}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #0146c526}.field textarea{resize:vertical;min-height:80px}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.check input{width:17px;height:17px;accent-color:var(--purple)}.err{background:var(--badbg);color:var(--bad);border-radius:9px;padding:10px 14px;font-size:14px}.okmsg{background:var(--okbg);color:var(--ok);border-radius:9px;padding:10px 14px;font-size:14px}.warnmsg{background:var(--warnbg);color:var(--warn);border-radius:9px;padding:10px 14px;font-size:14px}.tblwrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);background:var(--soft);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:400}.tbl td{border-bottom:1px solid var(--line2);vertical-align:top;padding:10px 12px}.tbl tr:last-child td{border-bottom:0}.tbl tr.link:hover td{background:var(--hover);cursor:pointer}.tbl a{text-decoration:none}.tbl a:hover{text-decoration:underline}.badge{background:var(--chip);color:var(--chiptext);white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:400;display:inline-block}.b-draft{background:var(--chip);color:var(--chiptext)}.b-issued,.b-new,.b-active{background:var(--infobg);color:var(--info)}.b-accepted,.b-paid,.b-won,.b-done{background:var(--okbg);color:var(--ok)}.b-partial,.b-quoted{background:var(--warnbg);color:var(--warn)}.b-rejected,.b-void,.b-lost,.b-overdue,.b-cancelled{background:var(--badbg);color:var(--bad)}.b-superseded{background:var(--supbg);color:var(--sup)}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tabs a{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:6px 13px;font-size:14px;text-decoration:none}.tabs a.on{background:var(--text);color:var(--bg);border-color:var(--text)}.bars{align-items:flex-end;gap:6px;height:160px;padding-top:10px;display:flex}.bars .b{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.bars .b i{background:var(--grad);border-radius:6px 6px 2px 2px;width:100%;max-width:34px;min-height:2px;display:block}.bars .b span{color:var(--muted);white-space:nowrap;font-size:11px}.steps{flex-wrap:wrap;gap:8px;display:flex}.steps .st{border:1px solid var(--line);background:var(--card);border-radius:10px;flex:140px;padding:10px 12px}.steps .st.done{border-color:var(--ok);background:var(--okbg)}.paper-wrap{justify-content:center;display:flex}.paper{color:#111;background:#fff;width:210mm;min-height:297mm;font-family:Kanit,sans-serif;position:relative;box-shadow:0 4px 30px #00000014}@media screen and (max-width:840px){.paper{zoom:.86}}@media screen and (max-width:720px){.paper{zoom:.72}}@media screen and (max-width:600px){.paper{zoom:.58}}@media screen and (max-width:480px){.paper{zoom:.46}}@media screen and (max-width:380px){.paper{zoom:.42}}.bill{flex-direction:column;padding:13mm 16mm 10mm 18mm;font-size:12.5px;font-weight:300;line-height:1.45;display:flex}.bill b,.bill strong{font-weight:600}.b-head{justify-content:space-between;align-items:center;gap:20px;padding:0 2mm;display:flex}.b-logo{object-fit:contain;object-position:left center;max-width:78mm;height:17mm}.b-title{letter-spacing:.03em;color:#111;margin:0;font-size:56px;font-weight:600;line-height:1}.b-titles{text-align:right}.b-title.long{font-size:38px}.b-thtitle{color:#333;margin-top:2mm;font-size:15px}.b-issuer{color:#222;margin:3mm 6mm 0;font-size:12px;line-height:1.5}.b-issuer b{font-size:13px}.b-issuer .b-en{color:#555}.b-rule{border:0;border-top:2px solid #111;margin:5mm 6mm 0}.b-meta{grid-template-columns:1fr 1.15fr;gap:10mm;margin-top:6mm;display:grid}.b-left{padding-left:2mm;font-size:13px}.b-grid{grid-template-columns:max-content 1fr;gap:.6mm 3mm;display:grid}.b-row{display:contents}.b-k{color:#555;white-space:nowrap}.b-k:after{content:" :"}.b-v{overflow-wrap:anywhere;min-width:0}.b-cname{margin-bottom:1.5mm;font-size:14px;font-weight:600}.b-due-wrap{align-items:center;gap:6mm;display:flex}.b-dash{border-top:2px solid #111;width:12mm;margin:5mm 0 4mm 1mm}.b-due-l{padding-left:1mm;font-size:15px;font-weight:600}.b-due{padding-left:1mm;font-size:24px;font-weight:600}.b-right{font-size:13px}.b-to{letter-spacing:.04em;text-transform:uppercase;color:#555;margin-bottom:1.5mm;font-size:12px;font-weight:600}.b-items{border-collapse:collapse;width:calc(100% - 12mm);margin:7mm 6mm 0}.b-items thead th{text-align:left;letter-spacing:.02em;border-top:2px solid #111;border-bottom:2px solid #111;padding:3.5mm 2mm;font-size:14px;font-weight:600}.b-items td{vertical-align:top;padding:3mm 2mm 1mm;font-size:13.5px}.b-items tbody tr:last-child td{padding-bottom:8mm}.b-items .desc{white-space:pre-wrap;width:52%}.b-items .n{text-align:right;white-space:nowrap}.b-items .c{text-align:center;width:14%}.b-foot{border-top:2px solid #111;grid-template-columns:1fr 72mm;gap:8mm;margin:0 6mm;padding-top:4mm;display:grid}.b-pay{padding-top:4mm;font-size:13.5px}.b-pay b{font-size:14.5px}.b-qr{align-items:center;gap:8px;margin-top:3mm;font-size:11px;display:flex}.b-qr svg{width:26mm;height:26mm}.b-sum>div{justify-content:flex-end;gap:4mm;padding:1mm 0;font-size:14.5px;display:flex}.b-sum>div span:last-child{text-align:right;min-width:26mm}.b-sum .b-total{border-top:2px solid #111;margin-top:3mm;padding-top:4mm;font-size:17px;font-weight:600}.b-sum .b-small{color:#444;font-size:12px}.b-terms{white-space:pre-wrap;color:#444;border-left:2px solid #ddd;margin:4mm 6mm 0;padding-left:3mm;font-size:10px;line-height:1.4}.b-end{grid-template-columns:1.4fr 1fr;align-items:end;gap:8mm;margin:6mm 6mm 0 1mm;display:grid}.b-thanks{margin-bottom:5mm;font-size:19px;font-weight:600}.b-ch{font-size:15px}.b-sm{font-size:12px}.b-gap{margin-top:4mm}.b-sign{text-align:center;font-size:13px}.b-sigline{border-top:1px solid #111;width:62mm;margin:0 auto 1.5mm}.b-signame{letter-spacing:.02em;font-size:12.5px;font-weight:600}.b-hist{margin:5mm 6mm 0;font-size:12.5px}.b-hist table{border-collapse:collapse;width:100%;margin-top:1.5mm}.b-hist th{text-align:left;color:#555;border-bottom:1.5px solid #111;padding:1.5mm 1mm;font-weight:500}.b-hist td{border-bottom:1px solid #e3e3e3;padding:1.5mm 1mm}.b-hist .n{text-align:right}.b-sigimg{justify-content:center;align-items:flex-end;height:20mm;margin-bottom:1mm;display:flex}.b-sigimg img{object-fit:contain;max-width:55mm;max-height:22mm}.b-notes{text-align:right;white-space:pre-wrap;margin-top:auto;padding-top:5mm;font-size:12px}.bstamp{letter-spacing:.1em;opacity:.85;pointer-events:none;border:3px solid;border-radius:5px;padding:1mm 4mm;font-size:26px;font-weight:700;line-height:1.1;transform:rotate(-10deg)}.bstamp.paid{color:#e04a52;border-color:#e04a52;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #e04a52}.bstamp.void{color:#c62839;border-color:#c62839}.bstamp.draft{color:#9a9aa6;border-color:#9a9aa6}.deskwrap{background:var(--desk);min-height:100vh;padding:20px 10px 60px}@media print{.deskwrap{min-height:0;background:#fff!important;padding:0!important}.paper{min-height:0!important}@page{size:A4;margin:0}html,body{background:#fff!important}.no-print,.side,.topbar{display:none!important}.admin{display:block}.main{padding:0!important}.paper{width:210mm;box-shadow:none!important;zoom:1!important}.paper-wrap{display:block}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pub{background:var(--bg);color:var(--text);min-height:100vh}.pub .wrap{max-width:860px;margin:0 auto;padding:28px 18px 80px}.pub .btn.primary{background:var(--grad);color:#fff;border:0}.logo-swap .on-dark{display:none}:root[data-theme=dark] .logo-swap .on-dark{display:block}:root[data-theme=dark] .logo-swap .on-light{display:none}.toggles{align-items:center;gap:6px;display:flex}.tg-btn,.tg-sel{border:1px solid var(--line);background:var(--card);height:34px;color:var(--text);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tg-btn{cursor:pointer;width:34px;padding:0}.tg-btn svg,.tg-sel svg{flex:none;display:block}.tg-sel{cursor:pointer;gap:6px;padding:0 10px 0 11px;position:relative}.tg-sel select{appearance:none;color:inherit;font:inherit;cursor:pointer;width:auto;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;outline:none;padding:0 16px 0 0;font-size:13px;font-weight:500}.tg-sel:after{content:"";pointer-events:none;opacity:.7;border-bottom:1.6px solid;border-right:1.6px solid;width:6px;height:6px;position:absolute;top:50%;right:11px;transform:translateY(-70%)rotate(45deg)}.tg-sel select option{color:#111;background:#fff}.tg-btn:hover,.tg-sel:hover{border-color:var(--purple)}.seg{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.seg button{background:var(--input);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:10px 6px;font-size:13px;line-height:1.35}.seg button b{font-size:16px;display:block}.seg button.on{border-color:var(--purple);background:#0146c529}:root[data-theme=dark] .btn.dark{background:#2a2a32;border-color:#3a3a44}:root[data-theme=dark] .paper{box-shadow:0 4px 30px #0009}.bar{background:var(--track);border-radius:9px;height:8px}.bar>i{background:var(--grad);border-radius:9px;height:100%;display:block}.rowline{border-bottom:1px solid var(--line2);padding:6px 0}.alertcard{border-color:var(--warn)!important;background:var(--warnbg)!important}.side .tg-btn{color:#e6e6ea;background:#1a1a1e;border-color:#2a2a32}@media (max-width:600px){.tg-sel select{font-size:16px}}.spin{vertical-align:-1px;border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}button[aria-busy=true]{opacity:.75;cursor:progress}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:600px){.grid2{grid-template-columns:1fr}}.sig-box{border:1px dashed var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;height:110px;display:flex}.sig-box img{max-width:90%;max-height:96px}.sig-pad{border:1px solid var(--line);touch-action:none;cursor:crosshair;background:#fff;border-radius:10px;width:100%;height:180px}.slipcard{border-color:var(--warn)!important;background:var(--warnbg)!important}.period{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.period input,.period select{border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:9px;padding:7px 10px;font-size:14px}.seg2{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:3px;display:inline-flex}.seg2 button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:14px}.seg2 button.on{background:var(--text);color:var(--bg)}.alertline{border-radius:10px;padding:10px 14px;font-size:14px;text-decoration:none;display:block}.alertline.warn{background:var(--warnbg);color:var(--warn)}.alertline.bad{background:var(--badbg);color:var(--bad)}a.kpi.plain{color:inherit;text-decoration:none}a.kpi.plain:hover{border-color:var(--purple)}.bars .b{position:relative}.bars .b.dim i{opacity:.35}.bars .b .tip{background:var(--text);z-index:2;pointer-events:none;border-radius:6px;padding:4px 8px;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);color:var(--bg)!important;font-size:12px!important}.bars .b:hover .tip,.bars .b:focus-within .tip{display:block}.bars .b:hover i{filter:brightness(1.15)}@media (max-width:700px){.items-edit thead{display:none}.items-edit,.items-edit tbody{display:block}.items-edit tr{border:1px solid var(--line);background:var(--soft);border-radius:12px;grid-template-columns:1fr 1fr 1.4fr;grid-template-areas:"desc desc desc""qty unit price""bill amt del";gap:8px 10px;margin-bottom:10px;padding:12px;display:grid}.items-edit td{min-width:0;display:block;text-align:left!important;border:0!important;padding:0!important}.items-edit td[data-l]:before{content:attr(data-l);color:var(--muted);margin-bottom:3px;font-size:12px;display:block}.items-edit .c-desc{grid-area:desc}.items-edit .c-desc textarea{width:100%;min-height:96px!important}.items-edit .c-qty{grid-area:qty}.items-edit .c-unit{grid-area:unit}.items-edit .c-price{grid-area:price}.items-edit .c-bill{grid-area:bill}.items-edit .c-amt{grid-area:amt;font-weight:600}.items-edit .c-del{grid-area:del;place-self:end}.items-edit input,.items-edit textarea{width:100%}.finalprice{flex-wrap:wrap;width:100%}input,select,textarea,.input{font-size:16px!important}.btn{min-height:40px}.btn.sm{min-height:34px}.tbl.cards thead{display:none}.tbl.cards,.tbl.cards tbody{display:block}.tbl.cards tr{border-bottom:1px solid var(--line2);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 4px;display:flex}.tbl.cards td{display:block;text-align:left!important;border:0!important;padding:0!important}.tbl.cards td:first-child{width:100%;font-weight:600}.tbl.cards td.right{margin-left:auto;font-weight:600}.tblwrap:has(.tbl.cards){border:0;overflow:visible}.main{padding-bottom:84px!important}.head{flex-wrap:wrap;gap:10px}.head h1{font-size:22px}.bottomnav{display:flex!important}}.bottomnav{z-index:60;background:var(--dark);padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #26262e;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.bottomnav a,.bottomnav button{color:#a0a0ab;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:11px;text-decoration:none;display:flex;position:relative}.bottomnav a.on{color:#fff}.bottomnav svg{width:22px;height:22px}.bottomnav .pill{background:var(--purple);color:#fff;border-radius:99px;padding:0 5px;font-size:10px;position:absolute;top:0;left:calc(50% + 6px)}@media print{.bottomnav{display:none!important}}.b-hist th.n{text-align:right}@media (max-width:860px){.topbar{align-self:start;height:56px}}@media (max-width:700px){.topbar .btn{display:none}}.soc-row-ic{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.soc-link{color:inherit;flex-direction:column;align-items:center;gap:3px;text-decoration:none;display:inline-flex}.soc-ic{border:1px solid var(--line);width:36px;height:36px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,color .15s,border-color .15s;display:inline-flex}.soc-ic.big{flex:0 0 48px;width:48px;height:48px}a.soc-link:hover .soc-ic,a.soc-ic:hover{border-color:currentColor;transform:translateY(-2px)}.soc-lbl{color:#555;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:9.5px;overflow:hidden}.soc-row{align-items:flex-start;gap:14px;display:flex}.site-foot{flex-direction:column;align-items:center;gap:12px;padding:36px 16px 48px;display:flex}.bill .soc-row-ic{gap:8px;margin-top:3mm}.bill .soc-ic{color:#333;border:0;width:22px;height:22px}@media (max-width:620px){.soc-row{flex-direction:column}}.b-pilot,.b-ending{background:var(--warnbg);color:var(--warn)}.b-paused,.b-ended{background:var(--chip);color:var(--chiptext)}.cy{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 14px}.cy.now{border-color:var(--purple);box-shadow:0 0 0 3px #3a7bff1a}.cy-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;display:flex}.dots{vertical-align:middle;gap:3px;display:inline-flex}.dots i{background:var(--track);border-radius:99px;width:9px;height:9px;display:inline-block}.dots i.on{background:var(--ok)}.piece{border-top:1px solid var(--line2);grid-template-columns:150px 130px minmax(160px,1fr) 120px 80px 80px 80px 34px;align-items:center;gap:6px;padding:6px 0;display:grid}.piece .input{padding:6px 8px;font-size:13px}.piece-h{color:var(--muted);border-top:0;padding-bottom:0;font-size:12px}@media (max-width:900px){.piece{grid-template-columns:1fr 1fr}.piece-h{display:none}.piece .lnk{grid-column:1/-1}}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:var(--card);-webkit-user-select:none;user-select:none;border-radius:99px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;display:inline-flex}.chip input{accent-color:var(--purple)}.chip.on{border-color:var(--purple);background:#3a7bff1f}.chip.rec:after{content:"แนะนำ";background:var(--purple);color:#fff;border-radius:99px;padding:0 6px;font-size:10px}.pk{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex;position:relative}.pk.on{border-color:var(--purple);background:#3a7bff1a;box-shadow:0 0 0 3px #3a7bff1f}.pk .pkn{font-size:17px;font-weight:600}.pk .pkp{color:var(--cyanText);font-size:20px;font-weight:600}.pk .pkd{color:var(--muted);font-size:13px}.pk .flag{background:var(--red,#e8323f);color:#fff;border-radius:99px;padding:1px 9px;font-size:11px;position:absolute;top:-9px;right:12px}.pkgrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}