/* v39: custom chat labels — chips, filter section, picker, manage modal */

/* chat-row chips */
.lbl-chips{display:inline-flex;gap:4px;align-items:center;flex-wrap:nowrap;overflow:hidden;margin-left:6px}
.lbl-chip{display:inline-flex;align-items:center;gap:3px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10.5px;font-weight:700;line-height:1;padding:2px 6px;border-radius:8px;
  color:var(--lc,#64748b);background:color-mix(in srgb,var(--lc,#64748b) 14%,#fff);border:1px solid color-mix(in srgb,var(--lc,#64748b) 35%,#fff)}
.lbl-chip i{font-size:9px}
.lbl-chip.lbl-more{color:var(--muted);background:#f1f1f3;border-color:var(--border)}

/* shared bits */
.lbl-dot{display:inline-block;width:11px;height:11px;border-radius:50%;flex:0 0 auto;vertical-align:-1px;margin-right:6px}
.lbl-vis{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:9px;white-space:nowrap}
.lbl-vis.shared{color:#166534;background:#dcfce7}
.lbl-vis.priv{color:#3730a3;background:#e0e7ff}
.lbl-count{display:inline-block;min-width:18px;text-align:center;font-size:10px;color:var(--muted);background:#f1f1f3;border-radius:8px;padding:1px 5px;margin-left:4px}

/* filter section inside #chatFilterPanel */
#chatLabelFilterSection{border-top:1px solid var(--border);margin-top:6px;padding-top:4px;max-height:220px;overflow:auto}
.lbl-filter-head{display:flex;align-items:center;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px}
.lbl-filter-head .link{margin-left:auto;background:transparent;border:none;color:var(--orange);font-size:11px;font-weight:700;cursor:pointer}

/* colour swatches + visibility chooser (used in both modals) */
.lbl-swatches{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}
.lbl-swatch{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);cursor:pointer;padding:0}
.lbl-swatch.on{box-shadow:0 0 0 2px var(--ink)}
.lbl-vis-choose{display:flex;gap:8px;margin:8px 0}
.lbl-vis-opt{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;padding:6px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--ink-2)}
.lbl-vis-opt.on{border-color:var(--orange);background:var(--orange-tint);color:var(--orange-dark)}
.lbl-vis-opt.disabled{opacity:.45;cursor:not-allowed}

/* per-chat picker */
.lbl-pick-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:7px 10px;margin-bottom:10px;color:var(--muted)}
.lbl-pick-search input{border:none;outline:none;flex:1;font-size:14px;background:transparent}
.lbl-pick-list{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.lbl-pick{display:flex;align-items:center;gap:8px;padding:8px 6px;border-radius:9px;cursor:pointer}
.lbl-pick:hover{background:#f7f7f8}
.lbl-pick-name{flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbl-new{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}
.lbl-new-toggle{background:transparent;border:none;color:var(--orange-dark);font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 2px}
.lbl-new-form{margin-top:6px}

/* v41: bulk set labels modal */
.bl-modebar{display:flex;gap:8px;margin-bottom:12px}
.bl-mode{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border:1.5px solid var(--border);border-radius:10px;background:var(--panel);font-weight:700;font-size:13px;color:var(--ink-2);cursor:pointer}
.bl-mode.on{border-color:var(--orange);background:var(--orange-tint);color:var(--orange-dark)}
.bl-section-title{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:6px 0}
.bl-section-title b{color:var(--orange-dark)}
.bl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;max-height:120px;overflow:auto}
.bl-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;max-width:240px}
.bl-chip:hover{border-color:var(--danger);color:var(--danger)}
.bl-chip > i:first-child{color:var(--orange);font-size:12px}
.bl-chip:hover > i:first-child{color:var(--danger)}
.bl-chip-x{font-size:11px;opacity:.6}
.bl-chip span,.bl-chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-empty{font-size:12.5px;color:var(--muted);font-style:italic}
.bl-availlist{max-height:170px;overflow:auto;border:1px solid var(--border-2);border-radius:10px;padding:4px;margin-bottom:6px}
.bl-availrow{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--ink)}
.bl-availrow:hover{background:var(--orange-tint)}
.bl-availrow i{color:var(--orange);font-size:14px}
.bl-availrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-usecount{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}
.bl-summary{margin-top:12px;padding:9px 11px;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;font-size:13px;color:var(--ink-2)}
.bl-summary b{color:var(--orange-dark)}

/* manage modal */
.lbl-create{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:14px;background:var(--panel-2)}
.lbl-create-head{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.lbl-list{display:flex;flex-direction:column;gap:6px}
/* manage toolbar — row 1: search + sort; row 2: visibility filter + bulk-select */
.lbl-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.lbl-toolbar .lbl-search{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:7px 11px;color:var(--muted)}
.lbl-toolbar .lbl-search input{border:none;outline:none;flex:1;min-width:0;font-size:13.5px;background:transparent}
.lbl-toolbar #lblManageSort{flex:0 0 auto;width:150px}
.lbl-toolbar2{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.lbl-visseg{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;flex:0 0 auto}
.lbl-visseg button{border:none;background:var(--panel);padding:6px 14px;font-size:12.5px;font-weight:700;color:var(--ink-2);cursor:pointer;border-left:1px solid var(--border);white-space:nowrap}
.lbl-visseg button:first-child{border-left:none}
.lbl-visseg button.on{background:var(--orange-tint);color:var(--orange-dark)}
.lbl-selacts{margin-left:auto;display:flex;gap:2px;flex:0 0 auto}
.lbl-linkbtn{background:transparent;border:none;color:var(--orange-dark);font-size:12.5px;font-weight:700;cursor:pointer;padding:5px 9px;border-radius:8px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.lbl-linkbtn:hover{background:var(--orange-tint)}
/* multiselect bulk bar */
.lbl-bulkbar{position:sticky;top:0;z-index:2;background:var(--orange-tint);border:1px solid var(--orange);border-radius:11px;padding:9px 11px;margin-bottom:10px}
.lbl-bulk-main{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.lbl-bulk-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lbl-copy-targets{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.lbl-row{border:1px solid var(--border);border-radius:11px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:6px 10px;align-items:center}
.lbl-row .lbl-check{width:16px;height:16px;align-self:center}
.lbl-row .lbl-check:disabled{opacity:.3}
.lbl-row-main{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.lbl-row-name{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbl-row-meta{font-size:11.5px;color:var(--muted);white-space:nowrap}
.lbl-row-actions{display:flex;gap:4px;align-items:center;justify-self:end}
.lbl-row-edit{grid-column:1 / -1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lbl-readonly{font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.iconbtn{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:30px;height:30px;cursor:pointer;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center}
.iconbtn:hover{background:#f3f3f5}
.iconbtn.danger{color:var(--danger);border-color:#fca5a5}