.tag-row{position:relative;min-width:0}.tag-row>.conversation{width:100%}.tag-row .contact-label>svg{visibility:hidden}.tag-trigger{position:absolute;left:76px;bottom:17px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:5px}.tag-trigger:hover,.tag-trigger[aria-expanded=true]{color:#b9c9f7;background:#ffffff09}.tag-trigger svg{width:16px;height:16px}.selectable-row.tag-row>.tag-trigger{left:104px}.tag-row .contact-label>span{max-width:180px}
.tag-menu{position:fixed;z-index:40;width:310px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;background:#202326;border:1px solid #3b4147;border-radius:17px;box-shadow:0 0 18px #0008;padding:13px 9px 10px;font:13px/1.4 var(--font);color:#c7cbd2}.tag-menu svg{width:16px;height:16px;flex-shrink:0}.tag-menu header{display:flex;align-items:center;height:29px;gap:12px;padding:0 6px;margin-bottom:9px}.tag-menu h2{font-size:13px;font-weight:600;line-height:18px;margin:0}.tag-menu header button{font-size:13px;color:#858e9b}.tag-menu .tag-help{color:#5e83e8;display:grid;place-items:center}.tag-menu .tag-help svg{width:12px;height:12px}#tag-create{margin-left:auto;margin-right:12px}#tag-close{width:24px;height:24px;display:grid;place-items:center}.tag-scope{display:flex;padding:2px;background:#141619;border-radius:99px;height:39px;margin-bottom:18px}.tag-scope button{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;font:400 14px/20px var(--font);border-radius:99px}.tag-scope button[aria-selected=true]{background:var(--accent);color:#fff}.tag-scope svg{width:15px;height:15px}.tag-search-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.tag-search-row label{display:flex;align-items:center;gap:12px;min-width:0;flex:1;height:38px;padding:0 12px;border:1px solid #5f6872;border-radius:16px}.tag-search-row label:focus-within{border-color:#5f82ff;box-shadow:0 0 0 1px #5f82ff}.tag-search-row input{background:none;border:0;outline:none;width:100%;min-width:0;font:400 15px/20px var(--font);color:var(--text)}.tag-search-row input::placeholder{color:#89909a}#tag-sort{display:grid;place-items:center;width:41px;height:41px;border:2px solid #41464a;border-radius:50%}.tag-list-count{font-size:12px;font-weight:600;margin:0 3px 8px}.tag-options{max-height:190px;overflow:auto}.tag-option{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:5px 10px;gap:12px;cursor:pointer}.tag-option:hover{background:#ffffff04;border-radius:6px}.tag-option input{appearance:none;width:17px;height:17px;border:2px solid #41484f;border-radius:4px;cursor:pointer;margin:0;display:grid;place-items:center;flex-shrink:0}.tag-option input:checked{background:var(--accent);border-color:var(--accent)}.tag-option input:checked:after{content:'✓';color:white;font-size:12px}.tag-option input:focus-visible{outline:2px solid #6a8cff;outline-offset:3px}.tag-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:99px;color:#fff;background:var(--tag-color);font:400 12px/17px var(--font);min-width:0}.tag-chip>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px}.tag-chip svg{width:14px;height:14px}.tags-empty,.tag-help-text{font-size:12px;line-height:1.5;color:var(--muted);padding:0 5px}.tag-menu #tag-create-form{padding:0 5px}.tag-menu #tag-create-form label{font-size:12px;display:block;margin-bottom:12px}.tag-menu #tag-create-form input[name=name]{display:block;width:100%;padding:9px;border:1px solid #515b66;border-radius:8px;background:#141619;color:var(--text);font:13px var(--font);margin-top:6px}.tag-menu .tag-color-field{display:flex!important;align-items:center;justify-content:space-between}.tag-menu input[type=color]{height:28px;width:45px;border:0;background:none;padding:0}.tag-menu .tag-create-error{font-size:11px;color:#ffaaaa}.tag-menu #tag-create-form .primary{width:100%;font-size:12px}.tag-menu button:focus-visible{outline:2px solid #6a8cff;outline-offset:2px}
