.df-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px;transition:width .2s,min-width .2s,padding .2s;display:flex;overflow:hidden}.df-panel--collapsed{cursor:default;flex:none;align-items:center;gap:0;overflow:hidden;width:36px!important;min-width:36px!important;padding:10px 0!important}.df-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.df-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-primary);margin:0;font-size:12px;font-weight:700}.df-header-actions{align-items:center;gap:8px;display:flex}.df-count{color:var(--teal-600);background:var(--teal-50);border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:600}.df-clear-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:11px;font-weight:600;transition:color .15s}.df-clear-btn:hover{color:var(--red-600)}.df-sub{color:var(--text-secondary);margin:0;font-size:11px}.df-input-wrap{position:relative}.df-input{box-sizing:border-box;border:1px solid var(--border-card);background:var(--slate-50);width:100%;color:var(--text-primary);border-radius:9px;outline:none;padding:9px 11px;font-family:inherit;font-size:12.5px;transition:all .15s}.df-input:focus{border-color:var(--teal-600);background:#fff;box-shadow:0 0 0 3px #0d948814}.df-input::placeholder{color:var(--text-tertiary)}.df-suggestions{border:1px solid var(--border-card);z-index:200;background:#fff;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0f172a1a}.df-suggestion{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12.5px;transition:background .12s;display:flex}.df-suggestion:hover{background:var(--teal-50);color:var(--teal-700)}.df-suggestion--state{color:#16a34a;border-bottom:1px solid var(--border-soft);background:#f0fdf4;font-weight:600}.df-suggestion--state:hover{background:#dcfce7}.df-suggestion-count{color:#16a34a;background:#dcfce7;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:700}.df-suggestion-state{color:var(--text-secondary);background:var(--slate-100,#f1f5f9);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:9.5px;font-weight:700}.df-chips{flex-wrap:wrap;gap:5px;max-height:120px;padding:2px 0;display:flex;overflow-y:auto}.df-chips::-webkit-scrollbar{width:3px}.df-chips::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.df-chip{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);border-radius:999px;align-items:center;gap:4px;max-width:180px;padding:3px 8px 3px 10px;font-size:11px;font-weight:500;display:inline-flex;overflow:hidden}.df-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.df-chip-state{opacity:.65;white-space:nowrap;flex-shrink:0;font-size:9px;font-weight:700}.df-chip-remove{color:var(--teal-600);cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0;font-size:14px;line-height:1;transition:opacity .12s}.df-chip-remove:hover{opacity:1;color:var(--red-600)}.df-empty-hint{color:var(--text-tertiary);margin:0;font-size:11px;font-style:italic;line-height:1.5}.df-update-btn{border:1px solid var(--border-card);width:100%;color:var(--text-secondary);cursor:default;background:#fff;border-radius:10px;flex-shrink:0;margin-top:auto;padding:9px;font-size:12px;font-weight:600;transition:all .18s}.df-update-btn--dirty{background:var(--teal-600);border-color:var(--teal-600);color:#fff;cursor:pointer}.df-update-btn--dirty:hover{background:var(--teal-700);border-color:var(--teal-700)}.df-update-btn:disabled:not(.df-update-btn--dirty){opacity:.5}