/* הגדרות הבורד מתוך הבורד + עמודות וסטטוסים בסגנון מאנדיי (דולב, 30/09/2026).
   נשען על אסימוני התמה, ולכן בהיר וכהה מתחלפים לבד. */

/* גלגל השיניים ליד שם הבורד, בשורת הסינון */
.bd-gear{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;border-radius:var(--r-ctl);
  border:1px solid var(--line2);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;max-width:260px}
.bd-gear .bd-gn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-gear .bd-gi{font-size:16px;color:var(--ink3);transition:transform .2s,color .15s}
.bd-gear:hover{border-color:var(--accent)} .bd-gear:hover .bd-gi{color:var(--accent-ink);transform:rotate(45deg)}
.bd-gear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* כותרות עמודה עם תפריט, ו"+" בסוף השורה */
th.th-col{cursor:pointer;white-space:nowrap}
th.th-col::after{content:"⋯";margin-inline-start:6px;color:var(--ink3);opacity:.5;font-weight:700}
th.th-col:hover{color:var(--accent-ink)} th.th-col:hover::after{opacity:1;color:var(--accent-ink)}
th.th-add{width:44px;text-align:center}
#thAdd{width:28px;height:28px;border-radius:8px;border:1px dashed var(--line2);background:transparent;color:var(--ink3);font:inherit;font-size:18px;line-height:1;cursor:pointer}
#thAdd:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}
td.td-add{width:44px}

/* פעולה בתחתית רשימת הבחירה ("✎ עריכת סטטוסים") */
.xp-foot{color:var(--accent-ink);font-weight:600}
.xs .xp-foot{margin:4px 18px 16px;width:auto;border:1px solid var(--line2);justify-content:center}

/* חלון הצד */
.bs-back{position:fixed;inset:0;background:var(--scrim);z-index:1100}
.bs-panel{position:fixed;top:0;bottom:0;left:0;z-index:1101;width:min(480px,96vw);background:var(--surface);
  border-inline-end:1px solid var(--line2);box-shadow:var(--sh-drawer);display:flex;flex-direction:column;animation:bsIn .18s ease}
@keyframes bsIn{from{transform:translateX(-14px);opacity:.6}}
.bs-h{display:flex;align-items:baseline;gap:10px;padding:18px 20px 10px}
.bs-h b{font-size:19px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-sub{font-size:13px;color:var(--ink3);font-family:var(--font-num)}
.bs-x{margin-inline-start:auto;border:0;background:transparent;color:var(--ink3);font-size:19px;cursor:pointer;min-width:36px;min-height:36px;border-radius:8px}
.bs-x:hover{background:var(--surface2);color:var(--ink)}
.bs-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line)}
.bs-tabs button{flex:1;font:inherit;font-size:14px;padding:10px 6px;border:0;background:transparent;color:var(--ink3);border-bottom:2px solid transparent;cursor:pointer}
.bs-tabs button.on{color:var(--accent-ink);border-color:var(--accent);font-weight:700}
.bs-body{flex:1;overflow:auto;padding:16px 20px 24px;display:grid;gap:14px;align-content:start}
.bs-f{display:grid;gap:6px}
.bs-f>label{font-size:13px;color:var(--ink3);font-weight:600}
.bs-f input,.bs-f select,.bs-more input{font:inherit;font-size:15px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:var(--r-ctl);padding:9px 11px;width:100%}
.bs-f input:focus,.bs-f select:focus{outline:none;border-color:var(--accent)}
.bs-seg{display:flex;flex-wrap:wrap;gap:6px}
.bs-seg button{font:inherit;font-size:14px;padding:8px 12px;border-radius:99px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);cursor:pointer;min-height:36px}
.bs-seg button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
.bs-hint{font-size:13px;color:var(--ink3)}
.bs-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.bs-list li{display:flex;justify-content:space-between;gap:10px;background:var(--surface2);border-radius:8px;padding:7px 10px;font-size:14px}
.bs-list .n,.bs-sr .n{font-family:var(--font-num);color:var(--ink3);font-size:12px}
.bs-chip{display:inline-block;background:var(--surface2);border-radius:99px;padding:4px 10px;font-size:13px;margin:0 0 4px 4px}
.bs-link{justify-self:start;border:0;background:transparent;color:var(--accent-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:4px 0}
.bs-add{justify-self:start}
.bs-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}

/* סטטוסים */
.bs-st{display:grid;gap:6px}
.bs-sr{display:grid;grid-template-columns:18px 34px minmax(0,1fr) auto auto 32px;gap:8px;align-items:center;background:var(--surface2);border-radius:10px;padding:6px 8px;border:1px solid transparent}
.bs-sr.over{border-color:var(--accent)} .bs-sr.drag{opacity:.45}
.bs-grip{cursor:grab;color:var(--ink3);text-align:center;user-select:none}
.bs-hex{width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}
.bs-lab{font:inherit;font-size:14px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 9px;min-width:0}
.bs-done{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink2);white-space:nowrap}
.bs-del{border:0;background:transparent;color:var(--ink3);cursor:pointer;font-size:14px;min-height:30px;border-radius:6px}
.bs-lock{display:inline-grid;place-items:center;min-height:30px;font-size:13px;opacity:.75;cursor:help}
.bs-lab[readonly]{background:var(--bg2,transparent);color:var(--ink2);cursor:not-allowed}
.bs-del:hover{color:var(--lost);background:var(--lost-t1)}
.bs-mv{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;background:var(--lost-t1);border-radius:8px;padding:8px}
.bs-mv select{font:inherit;font-size:14px;border:1px solid var(--line2);border-radius:8px;padding:5px 8px;background:var(--surface);color:var(--ink)}

/* עמודות */
.bs-cols{display:grid;gap:6px}
.bs-cr{display:grid;grid-template-columns:28px minmax(0,1fr) 110px;gap:8px;align-items:center;background:var(--surface2);border-radius:10px;padding:8px}
.bs-cr.off{opacity:.6}
.bs-ty{width:28px;height:28px;border-radius:8px;background:var(--surface);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--ink2)}
.bs-ct,.bs-ctype,.bs-copts{font:inherit;font-size:14px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 9px;min-width:0}
.bs-cacts{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bs-cacts label{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--ink2);margin-inline-end:auto}
.bs-copts{grid-column:1/-1}
.bs-ib{min-width:32px;min-height:32px;border-radius:8px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);cursor:pointer;font-size:14px}
.bs-ib:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)} .bs-ib:disabled{opacity:.35;cursor:default}
.bs-cdel:hover{border-color:var(--lost)!important;color:var(--lost)!important}

/* תפריט כותרת / עמודה חדשה (על בסיס .xp/.xs של pick.css) */
.bs-mback:not(.xs-back){position:fixed;inset:0;z-index:1150}
.bs-menu{z-index:1200}
.bs-menu.xp{min-width:250px}
.bs-menu .xp-opt{text-align:start}
.bs-menu .bs-danger{color:var(--lost)}
.bs-menu .xs-h{display:flex;align-items:center}
.bs-inl{display:flex;gap:6px;padding:6px}
.bs-inl input{flex:1;font:inherit;font-size:15px;border:1px solid var(--accent);border-radius:8px;padding:7px 9px;background:var(--surface);color:var(--ink);min-width:0}
.bs-tyi{display:inline-block;width:22px;text-align:center;color:var(--ink3)}
.bs-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.bs-types button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);font:inherit;font-size:13px;cursor:pointer;min-height:64px}
.bs-types button span{font-size:18px;font-weight:700;color:var(--ink)}
.bs-types button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
.bs-types button.on span{color:var(--accent-ink)}
.bs-menu .bs-f{margin-bottom:10px}
.bs-chk{display:flex;align-items:center;gap:8px;font-size:14px;margin:4px 0 10px}
.bs-more{margin-bottom:12px;font-size:13px;color:var(--ink3)} .bs-more input{margin-top:6px}
.bs-menu .bs-foot{justify-content:flex-start}
.bs-menu.xs .xs-b{padding-bottom:calc(18px + env(safe-area-inset-bottom))}

@media (max-width:640px){
  .bs-panel{top:auto;left:0;right:0;width:100%;max-height:90vh;border-radius:20px 20px 0 0;border:0;animation:bsUp .2s ease;padding-bottom:env(safe-area-inset-bottom)}
  @keyframes bsUp{from{transform:translateY(20px)}}
  .bs-f input,.bs-f select,.bs-lab,.bs-ct,.bs-ctype,.bs-copts,.bs-mv select,.bs-inl input,.bs-more input{font-size:16px}
  .bs-sr{grid-template-columns:18px 34px minmax(0,1fr) 36px;row-gap:6px}
  .bs-sr .n{display:none}
  .bs-done{grid-column:3}
  .bs-tabs button{min-height:44px}
  .bs-ib{min-width:40px;min-height:40px}
  .bs-cr{grid-template-columns:28px minmax(0,1fr)}
  .bs-ctype{grid-column:1/-1}
  .bd-gear{max-width:100%;min-height:44px}
}
@media (max-width:860px){th.th-add,td.td-add{display:none!important}
  #filterbar:has(.bd-gear){flex-wrap:wrap}
  #filterbar .bd-gear{order:-1;flex:1 0 100%;max-width:100%;justify-content:space-between;min-height:44px}}
@media (prefers-reduced-motion:reduce){.bs-panel{animation:none}}