/* Кастомні контроли панелі (жодних нативних дропдаунів/чекбоксів) */
.cselect{position:relative;display:inline-block}
.cselect>select{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.cs-trigger{display:flex;align-items:center;gap:10px;justify-content:space-between;
  padding:9px 13px;border:1px solid var(--btn-border);border-radius:var(--r-md);background:var(--btn-bg);
  color:var(--text);cursor:pointer;font-weight:500;font-size:13px;user-select:none;min-width:150px}

/* у формах — на всю ширину поля (тригер = меню) */
.field .cselect{display:block}
.field .cs-trigger{width:100%;min-width:0;font-size:15px;padding:11px 14px}
.cs-trigger:hover{border-color:var(--accent)}
.cs-caret{opacity:.55;transition:transform .15s;flex:none}
.cselect.open .cs-caret{transform:rotate(180deg)}
.cs-menu{position:absolute;z-index:80;top:calc(100% + 6px);left:0;min-width:100%;
  background:var(--elevated);border:1px solid var(--border-strong);border-radius:11px;
  box-shadow:var(--shadow);padding:5px;display:none;max-height:280px;overflow:auto}
.cselect.open .cs-menu{display:block}
.cs-opt{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:8px;cursor:pointer;
  white-space:nowrap;color:var(--text-dim);font-size:13px}
.cs-opt:hover{background:var(--raise);color:var(--text)}
.cs-opt.sel{color:var(--text);font-weight:600}
.cs-opt.sel::after{content:"";width:14px;height:14px;margin-left:auto;background:var(--accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* кастомний чекбокс */
.ccheck{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;font-size:13px;color:var(--text)}
.ccheck>input{position:absolute;opacity:0;width:0;height:0}
.ccheck .cbox{width:20px;height:20px;border:1.5px solid var(--btn-border);border-radius:6px;display:grid;
  place-items:center;transition:.12s;flex:none;background:var(--btn-bg)}
.ccheck>input:checked+.cbox{background:var(--accent);border-color:var(--accent)}
.ccheck .cbox svg{width:12px;height:12px;stroke:#fff;stroke-width:3.2;opacity:0;transition:.12s}
.ccheck>input:checked+.cbox svg{opacity:1}
.ccheck>input:focus-visible+.cbox{box-shadow:0 0 0 3px var(--accent-soft)}