﻿.cq-btnset{--btnset-min:calc(var(--cq-6) * 4 + var(--cq-5));margin:var(--cq-4) 0}.cq-btnset--row{display:flex;flex-wrap:wrap;gap:var(--cq-2)}.cq-btnset--nav{display:flex;gap:var(--cq-2)}.cq-btnset__btn{display:block;box-sizing:border-box;padding:var(--cq-3) var(--cq-4);border:1px solid var(--cq-green);border-radius:var(--cq-r-btn);background:var(--cq-surface);color:var(--cq-green-chu);font-size:var(--cq-fs-3);line-height:1.35;text-align:center;text-decoration:none;transition:background .15s,color .15s}.cq-btnset__btn:hover{background:var(--cq-green);color:var(--cq-on-accent)}.cq-btnset__btn--active{background:var(--cq-green);color:var(--cq-on-accent);font-weight:700;pointer-events:none}.cq-btnset--row .cq-btnset__btn{flex:1 1 var(--btnset-min)}.cq-btnset--nav .cq-btnset__btn{flex:1}.cq-btnset__prev{text-align:left}.cq-btnset__next{text-align:right}@media (max-width:640px){.cq-btnset--nav{flex-direction:column}.cq-btnset--nav .cq-btnset__next{text-align:left}}.cq-btnset-trigger{height:var(--cq-btn-round);min-width:var(--cq-btn-round);padding:0 var(--cq-2);border:0;background:transparent;color:var(--cq-text);font-size:var(--cq-fs-2);line-height:var(--cq-btn-round);white-space:nowrap;cursor:pointer}.cq-btnset-trigger:hover{background:var(--cq-light)}.cq-btnset-trigger svg{width:var(--cq-4);height:var(--cq-4);margin-right:var(--cq-1);vertical-align:calc(-1 * var(--cq-0))}.cq-btnset-mask{--btnset-modal-w:calc(var(--cq-6) * 17 + var(--cq-4));position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:var(--cq-4);background:color-mix(in srgb,var(--cq-dark) 45%,transparent)}.cq-btnset-modal{width:var(--btnset-modal-w);max-width:100%;max-height:90vh;overflow:auto;padding:var(--cq-4);border-radius:var(--cq-r-card);background:var(--cq-surface);color:var(--cq-text)}.cq-btnset-modal h3{margin:0 0 var(--cq-1);font-size:var(--cq-fs-3)}.cq-btnset-modal p.cq-btnset-hint{margin:0 0 var(--cq-4);color:var(--cq-text-3);font-size:var(--cq-fs-2)}.cq-btnset-tpls{display:flex;gap:var(--cq-2);margin-bottom:var(--cq-4)}.cq-btnset-tpl{flex:1;padding:var(--cq-4);border:var(--cq-0) solid var(--cq-border);border-radius:var(--cq-r-btn);background:var(--cq-light);text-align:center;cursor:pointer}.cq-btnset-tpl:hover{border-color:var(--cq-green)}.cq-btnset-tpl--on{border-color:var(--cq-green);background:var(--cq-green-fade-1)}.cq-btnset-tpl b{display:block;margin-bottom:var(--cq-2);font-size:var(--cq-fs-2)}.cq-btnset-tpl .cq-btnset-mini{display:flex;gap:var(--cq-1)}.cq-btnset-tpl .cq-btnset-mini i{flex:1;height:var(--cq-5);border:1px solid var(--cq-green);border-radius:var(--cq-r-nho)}.cq-btnset-tpl .cq-btnset-mini i.on{background:var(--cq-green)}.cq-btnset-rows{margin-bottom:var(--cq-3)}.cq-btnset-row{display:flex;align-items:center;gap:var(--cq-2);margin-bottom:var(--cq-2)}.cq-btnset-row input{flex:1;box-sizing:border-box;height:var(--cq-btn-h);padding:0 var(--cq-3);border:1px solid var(--cq-border);border-radius:var(--cq-r-btn);background:var(--cq-light);color:var(--cq-text);font:inherit;font-size:var(--cq-fs-2)}.cq-btnset-row .cq-btnset-name{flex:0 0 34%}.cq-btnset-row .cq-btnset-tag{flex:0 0 34%;color:var(--cq-text-3);font-size:var(--cq-fs-2)}.cq-btnset-row .cq-btnset-del{flex:0 0 var(--cq-6);height:var(--cq-6);border:0;border-radius:var(--cq-r-nho);background:var(--cq-light);color:var(--cq-loi-chu);font-size:var(--cq-fs-4);cursor:pointer}.cq-btnset-add{margin-bottom:var(--cq-4);padding:var(--cq-2) var(--cq-3);border:1px dashed var(--cq-green);border-radius:var(--cq-r-pill);background:var(--cq-surface);color:var(--cq-green-chu);font:inherit;font-size:var(--cq-fs-2);cursor:pointer}.cq-btnset-err{min-height:var(--cq-4);margin:0 0 var(--cq-3);color:var(--cq-loi-chu);font-size:var(--cq-fs-2)}.cq-btnset-foot{display:flex;justify-content:flex-end;gap:var(--cq-2)}.cq-btnset-foot button{height:var(--cq-btn-h);padding:0 var(--cq-4);border-radius:var(--cq-r-pill);font:inherit;font-size:var(--cq-fs-2);cursor:pointer}.cq-btnset-cancel{border:1px solid var(--cq-border);background:var(--cq-surface);color:var(--cq-text-2)}.cq-btnset-ok{border:0;background:var(--cq-green);color:var(--cq-on-accent)}